/**
 * @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
 */
/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * These definitions bring violet accents (tint) across the AI UI.
 */
: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);
}

/* Note: This class name is mentioned in the guide and acts like a public API. */
.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%);
}

/*
 * Apply the theme colors for specific elements.
 */
.ck-ai-commands-dropdown > .ck-button:hover,
.ck-ai-assistant-button:hover {
	color: var(--ck-ai-toolbar-button-hover-color);
}

/*
 * Classes used by the "fake visual selection" displayed in the content
 * when the AI dialog is open.
 *
 * Narrow down to <span> to prevent changing background for widgets and nested editables.
 */
.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);
}

/*
 * Classes used by the "fake visual candidate selection" displayed in the content when an input
 * in the AI dropdown has focus (the browser does not render the native selection in this state).
 *
 * Narrow down to <span> to prevent changing background for widgets and nested editables.
 */
.ck span.ck-fake-ai-selection-candidate {
	background: var(--ck-color-ai-selection);
}

/* A collapsed fake visual 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);
}

/*
 * Styles of the AI response field. The margins, font sizes and line-heights have been reduced
 * to save space.
 *
 * Note: This class name is mentioned in the guide and acts like a public API.
 */
.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;
	}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */
/*
 * 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-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;
		}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */
/*
 * 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-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);
}

/* Note: This class name is mentioned in the guide and acts like a public API. */
.ck .ck-ai-form {
	width: var(--ck-ai-form-view-width);

	/* Don't overflow the parent dialog container */
	max-width: 100%;
}
@media screen and (max-width: 600px) {
.ck .ck-ai-form {
		/* Allow the for the layout to be fluid in narrow viewports to avoid breaking it due to limited
		 * horizontal space (https://github.com/cksource/ckeditor5-commercial/issues/5913). */
		--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);
			}
/* Note: This class name is mentioned in the guide and acts like a public API */
.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);
				}
/* Toggle history button */
.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);
	}
/* Give the toggle history button some space */
[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;
	}
/* Squash the textarea horizontally if necessary on narrow layouts
				 * to avoid breaking the layout even at the cost of the placeholder
				 * being cut off (https://github.com/cksource/ckeditor5-commercial/issues/5913). */
@media screen and (max-width: 600px) {
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
					--ck-input-width: auto;
			}
	}
/* Prompt history group */
.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;

				/* History group label */
			}
.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;
				}
/* Clear button in the history */
.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;

					/* Prompts can be very long. We need to display them whole. */
				}
.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);
	}


/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

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

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */

/**
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */

/**
 * A visual style of focused element's border.
 */
/*
 * 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
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * 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
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */

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


/* 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 {
	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 {
		/*
		 * We cannot use the ck-focus-ring mixin here because it adds a border that would need to stay transparent
		 * in non-focused state and create an odd space inside the surrounding annotation container.
		 */
		outline: var(--ck-focus-ring);

		/*
		 * We cannot use the ck-box-shadow mixin because we're using outline instead of border (see the comment above).
		 * And the shadow size has to be custom because outline is rendered on top of the shadow.
		 */
		box-shadow: 0 0 0 4px var(--ck-color-focus-outer-shadow);
	}

/*
 * In case of inline annotations, their focus styles get hoisted to the balloon panel to work around overflow that would
 * otherwise get them cropped..
 */
.ck-balloon-panel:has( .ck-suggestion-wrapper:focus ) {
	/* Disable native outline. */
	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%);
}

/* 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-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-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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-aria-description {
	display: none;
}

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-content .ck-suggestion-marker.ck-widget.ck-merge-field,
.ck-content .ck-comment-marker.ck-widget.ck-merge-field {
	/* Note that comments markers have transparent border to be better aligned with suggestions markers. */
	border-width: 2px;
	border-left: none;
	border-right: none;
	padding-top: 0;
	padding-bottom: 0;
}

.ck-content .ck-suggestion-marker-deletion.ck-widget.ck-merge-field {
	border-top-color: var(--ck-color-suggestion-marker-deletion-border);
	border-bottom-color: var(--ck-color-suggestion-marker-deletion-border);

	background: var(--ck-color-suggestion-marker-deletion-background);
}

.ck-content .ck-suggestion-marker-deletion.ck-widget.ck-merge-field :not(.ck-merge-field__affix),
	.ck-content .ck-suggestion-marker-deletion.ck-widget.ck-merge-field.ck-merge-field_with-value,
	.ck-content .ck-suggestion-marker-deletion.ck-widget.ck-merge-field.ck-merge-field_with-warning {
		text-decoration: line-through;
		text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
		text-decoration-thickness: 3px;
	}

.ck-content .ck-suggestion-marker-deletion.ck-widget.ck-merge-field.ck-suggestion-marker--active {
		background-color: var(--ck-color-suggestion-marker-deletion-background-active);
	}

.ck-content .ck-suggestion-marker-insertion.ck-widget.ck-merge-field {
	background-color: var(--ck-color-suggestion-marker-insertion-background);
}

.ck-content .ck-suggestion-marker-insertion.ck-widget.ck-merge-field.ck-suggestion-marker--active {
		background-color: var(--ck-color-suggestion-marker-insertion-background-active);
	}

.ck-content .ck-comment-marker.ck-widget.ck-merge-field {
	background: var(--ck-color-comment-marker);
}

.ck-content .ck-comment-marker.ck-widget.ck-merge-field.ck-comment-marker--active {
		background: var(--ck-color-comment-marker-active);
	}

/*
	This is a hack for a specific situation. The selector targets all regular markers made on text that are just before
	a merge field (also in marker). This is a common situation. For example, if you have some text and a merge field
	just after and all that is in a suggestion. Without this hack, there is a 1px spacing between the span and the merge
	field, because the merge field has margin. The margin is needed because otherwise caret does not display. To
	"remove" the spacing, we extend the span before the merge field by 1px using padding, but we need to compensate
	by using negative margin, so that the whole content does not change its position.
 */
.ck-content span.ck-comment-marker:has(+.ck-comment-marker.ck-widget.ck-merge-field),
.ck-content span.ck-suggestion-marker:has(+.ck-suggestion-marker.ck-widget.ck-merge-field) {
	padding-right: 1px;
	margin-right: -1px;
}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.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-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-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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.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-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-color-comment-marker: hsl(55, 98%, 83%);
	--ck-color-comment-marker-active: hsl(55, 98%, 68%);
}

.ck-content .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-content .ck-comment-marker.ck-widget {
		background-color: transparent;
		border: 3px solid var(--ck-color-comment-marker);
	}

.ck-content .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-content .ck-comment-marker--active .ck-comment-marker {
		background: var(--ck-color-comment-marker-active);
	}

.ck-content .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-content .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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */

/**
 * A helper to combine multiple shadows.
 */

/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */

: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);
	/* Because of default content styles that are inherited from `.ck-content` are affecting the comment font family
	(it's not inherited from `body`) we need to set the `font-family` manually; similar situation is with:
	`font-size` and `color` properties.
	See https://github.com/ckeditor/ckeditor5/issues/18710 */
	--ck-comment-content-font-family: var(--ck-font-face);
	--ck-comment-content-font-size: var(--ck-font-size-base);
	--ck-comment-content-font-color: var(--ck-color-base-text);
}

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

			/* 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: normal;
	overflow-wrap: anywhere;
	font-family: var(--ck-comment-content-font-family);
	color: var(--ck-comment-content-font-color);
}

.ck .ck-comment--info .ck-comment__content {
		font-style: italic;
		/* Override the default content styles that are inherited from `.ck-content`.
		See https://github.com/ckeditor/ckeditor5/issues/18710 */
		font-family: var(--ck-comment-content-font-family);
		font-size: var(--ck-comment-content-font-size);
		color: var(--ck-comment-content-font-color);
	}

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

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */

/**
 * A visual style of focused element's border.
 */
/*
 * 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
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * 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
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */

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

	/*
	 * Beware: Using "transition: all" breaks focus management (unable to obtain focus on show)
	 * because the view is displayed in a dialog that gets toggled via "visibility" property.
	 */
	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 {
		/*
		 * We cannot use the ck-focus-ring mixin here because it adds a border that would need to stay transparent
		 * in non-focused state and create an odd space inside the surrounding annotation container.
		 */
		outline: var(--ck-focus-ring);

		/*
		 * We cannot use the ck-box-shadow mixin because we're using outline instead of border (see the comment above).
		 * And the shadow size has to be custom because outline is rendered on top of the shadow.
		 */
		box-shadow: 0 0 0 4px var(--ck-color-focus-outer-shadow);
	}

/*
 * In case of inline annotations, their focus styles get hoisted to the balloon panel to work around overflow that would
 * otherwise get them cropped..
 */
.ck-balloon-panel:has( .ck-thread:focus ) {
	/* Disable native outline. */
	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 {
				/* Disable native outline. */
				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 {
	/* 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;
}

@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 {
	/* #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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

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

@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 {
		/* Disable default outline and border in editable input. */
		--ck-focus-ring: none;
		--ck-inner-shadow: none;

		/* Override the default content styles that are inherited from `.ck-content`.
		See https://github.com/ckeditor/ckeditor5/issues/18710 */
		font-family: var(--ck-comment-content-font-family);
		font-size: var(--ck-comment-content-font-size);
		color: var(--ck-comment-content-font-color);

		padding: 0;
		overflow: visible;
		border: 0;
		background-color: transparent;
		word-break: normal;
		overflow-wrap: anywhere;
	}

/* 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/* 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-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-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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/* 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;
}

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

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

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

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

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

.ck .ck-annotation__main p {
	margin: 0;

	/* We need it to prevent `.ck.ck-reset` override. */
	white-space: normal;
	font-size: var(--ck-comment-content-font-size);

	/* 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;
}

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

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

/* 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;
	}
}

/*
 * 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-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-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)
	}

/* 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

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

/*
 * 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-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-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);
	}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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-content-table-of-contents-padding: 1em;
	--ck-content-table-of-contents-line-height: 1.5;
	--ck-content-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-content .table-of-contents {
		margin: 0.9em auto;
	}

.ck-content .table-of-contents.table-of-contents_empty {
			display: none;
		}

.ck-content .table-of-contents .table-of-contents__placeholder {
			margin: 0;
			padding: var(--ck-content-table-of-contents-padding);
			font-style: italic;
		}

.ck-content .table-of-contents > ol {
			padding: var(--ck-content-table-of-contents-padding);
		}

.ck-content .table-of-contents ol {
			margin: 0;
			line-height: var(--ck-content-table-of-contents-line-height);
			list-style-type: none;
		}

.ck-content .table-of-contents ol ol {
				padding-inline-start: var(--ck-content-table-of-contents-items-start-padding);
			}

.ck-content .table-of-contents ol li {
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				cursor: default;
			}

.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);
	/* Necessary to render properly next to floated objects, e.g. side image case. */
	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;
	}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/* Cursor while painting the formatting over an object */

/* & a .ck-widget,
	& .ck-widget {
		&,
		& *:not(.ck-editor__nested-editable *) {
			cursor: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSAyMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIj4KICA8bWFzayBpZD0iYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMTMiIHk9IjEiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxOCIgZmlsbD0iIzAwMCI+CiAgICA8cmVjdCBmaWxsPSIjZmZmIiB4PSIxMyIgeT0iMSIgd2lkdGg9IjE3IiBoZWlnaHQ9IjE4Ii8+CiAgICA8cGF0aCBkPSJNMTQgM2ExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2MmExIDEgMCAwIDEtMSAxSDE1YTEgMSAwIDAgMS0xLTFWM1oiLz4KICAgIDxwYXRoIGQ9Ik0yNyAzLjI1YTEuNSAxLjUgMCAwIDEgMS41IDEuNXYxLjdhMi4yNSAyLjI1IDAgMCAxLTEuOTMyIDIuMjI2bC00LjQyNC42MzJhLjc1Ljc1IDAgMCAwLS42NDQuNzQzVjExYTEgMSAwIDAgMSAxIDF2NWExIDEgMCAwIDEtMSAxSDIwYTEgMSAwIDAgMS0xLTF2LTVhMSAxIDAgMCAxIDEtMXYtLjk1YTIuMjUgMi4yNSAwIDAgMSAxLjkzMi0yLjIyNmw0LjQyNC0uNjMyQS43NS43NSAwIDAgMCAyNyA2LjQ0OVYzLjI1WiIvPgogIDwvbWFzaz4KICA8cGF0aCBkPSJNMTQgM2ExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2MmExIDEgMCAwIDEtMSAxSDE1YTEgMSAwIDAgMS0xLTFWM1oiIGZpbGw9IiMwMDAiLz4KICA8cGF0aCBkPSJNMjcgMy4yNWExLjUgMS41IDAgMCAxIDEuNSAxLjV2MS43YTIuMjUgMi4yNSAwIDAgMS0xLjkzMiAyLjIyNmwtNC40MjQuNjMyYS43NS43NSAwIDAgMC0uNjQ0Ljc0M1YxMWExIDEgMCAwIDEgMSAxdjVhMSAxIDAgMCAxLTEgMUgyMGExIDEgMCAwIDEtMS0xdi01YTEgMSAwIDAgMSAxLTF2LS45NWEyLjI1IDIuMjUgMCAwIDEgMS45MzItMi4yMjZsNC40MjQtLjYzMkEuNzUuNzUgMCAwIDAgMjcgNi40NDlWMy4yNVoiIGZpbGw9IiMwMDAiLz4KICA8cGF0aCBkPSJNMTQgM2ExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2MmExIDEgMCAwIDEtMSAxSDE1YTEgMSAwIDAgMS0xLTFWM1oiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBtYXNrPSJ1cmwoI2EpIi8+CiAgPHBhdGggZD0iTTI3IDMuMjVhMS41IDEuNSAwIDAgMSAxLjUgMS41djEuN2EyLjI1IDIuMjUgMCAwIDEtMS45MzIgMi4yMjZsLTQuNDI0LjYzMmEuNzUuNzUgMCAwIDAtLjY0NC43NDNWMTFhMSAxIDAgMCAxIDEgMXY1YTEgMSAwIDAgMS0xIDFIMjBhMSAxIDAgMCAxLTEtMXYtNWExIDEgMCAwIDEgMS0xdi0uOTVhMi4yNSAyLjI1IDAgMCAxIDEuOTMyLTIuMjI2bDQuNDI0LS42MzJBLjc1Ljc1IDAgMCAwIDI3IDYuNDQ5VjMuMjVaIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgbWFzaz0idXJsKCNhKSIvPgogIDxtYXNrIGlkPSJiIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIxLjc1IiB5PSIxLjE2NSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE3IiBmaWxsPSIjMDAwIj4KICAgIDxyZWN0IGZpbGw9IiNmZmYiIHg9IjEuNzUiIHk9IjEuMTY1IiB3aWR0aD0iMTIiIGhlaWdodD0iMTciLz4KICAgIDxwYXRoIGQ9Im0xMi4yNSA5Ljk2LTkuNS03Ljc5NSAyIDEyLjEyNCAyLjM4NC0yLjUzIDIuNzUgNC43NjIgMS43MzItMS0yLjc1LTQuNzYzIDMuMzg0LS43OTlaIi8+CiAgPC9tYXNrPgogIDxwYXRoIGQ9Im0xMi4yNSA5Ljk2LTkuNS03Ljc5NSAyIDEyLjEyNCAyLjM4NC0yLjUzIDIuNzUgNC43NjIgMS43MzItMS0yLjc1LTQuNzYzIDMuMzg0LS43OTlaIiBmaWxsPSIjMDAwIi8+CiAgPHBhdGggZD0ibTEyLjI1IDkuOTYtOS41LTcuNzk1IDIgMTIuMTI0IDIuMzg0LTIuNTMgMi43NSA0Ljc2MiAxLjczMi0xLTIuNzUtNC43NjMgMy4zODQtLjc5OVoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBtYXNrPSJ1cmwoI2IpIi8+Cjwvc3ZnPgo=) 3 2, default;
		}
	} */

/* Cursor while painting the formatting over a text */

.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,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSAyMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIj4KICA8cGF0aCBkPSJNMTQgM2ExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2MmExIDEgMCAwIDEtMSAxSDE1YTEgMSAwIDAgMS0xLTFWM1oiIGZpbGw9IiMwMDAiLz4KICA8cGF0aCBkPSJNMjcgMy4yNWExLjUgMS41IDAgMCAxIDEuNSAxLjV2MS43YTIuMjUgMi4yNSAwIDAgMS0xLjkzMiAyLjIyNmwtNC40MjQuNjMyYS43NS43NSAwIDAgMC0uNjQ0Ljc0M1YxMWExIDEgMCAwIDEgMSAxdjVhMSAxIDAgMCAxLTEgMUgyMGExIDEgMCAwIDEtMS0xdi01YTEgMSAwIDAgMSAxLTF2LS45NWEyLjI1IDIuMjUgMCAwIDEgMS45MzItMi4yMjZsNC40MjQtLjYzMkEuNzUuNzUgMCAwIDAgMjcgNi40NDlWMy4yNVoiIGZpbGw9IiMwMDAiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI2Ljg1NSAyLjI1SDI3YTIuNSAyLjUgMCAwIDEgMi41IDIuNXYxLjdhMy4yNSAzLjI1IDAgMCAxLTIuNzkgMy4yMTZsLTQuMjEuNjAyYTIgMiAwIDAgMSAxIDEuNzMydjVhMiAyIDAgMCAxLTIgMkgyMGEyIDIgMCAwIDEtMi0ydi01YTIgMiAwIDAgMSAxLTEuNzMydi0uMjE3QTMuMjUgMy4yNSAwIDAgMSAyMS4xMjkgN0gxNWEyIDIgMCAwIDEtMi0yVjNhMiAyIDAgMCAxIDItMmgxMGEyIDIgMCAwIDEgMS44NTUgMS4yNVpNMjAgMTAuMDVWMTFhMSAxIDAgMCAwLTEgMXY1YTEgMSAwIDAgMCAxIDFoMS41YTEgMSAwIDAgMCAxLTF2LTVhMSAxIDAgMCAwLTEtMXYtLjk1YzAtLjAxNiAwLS4wMzMuMDAyLS4wNWEuNzUuNzUgMCAwIDEgLjY0Mi0uNjkybDQuNDI0LS42MzJBMi4yNSAyLjI1IDAgMCAwIDI4LjUgNi40NVY0Ljc1YTEuNDk2IDEuNDk2IDAgMCAwLTEuNS0xLjV2My4yYS43NS43NSAwIDAgMS0uNjQ0Ljc0MmwtNC40MjQuNjMyQTIuMjUgMi4yNSAwIDAgMCAyMCAxMC4wNVpNMTUgMmExIDEgMCAwIDAtMSAxdjJhMSAxIDAgMCAwIDEgMWgxMGExIDEgMCAwIDAgMS0xVjNhMSAxIDAgMCAwLTEtMUgxNVoiIGZpbGw9IiNmZmYiLz4KICA8cGF0aCBkPSJNMi41IDIuNUEuNS41IDAgMCAxIDMgMmgyLjVhLjUuNSAwIDAgMSAuMzU0LjE0NmwuNjQ2LjY0Ny42NDYtLjY0N0EuNS41IDAgMCAxIDcuNSAySDEwYS41LjUgMCAwIDEgMCAxSDcuNzA3TDcgMy43MDdWMTBoLjVhLjUuNSAwIDAgMSAwIDFIN3Y0Ljc5M2wuNzA3LjcwN0gxMGEuNS41IDAgMCAxIDAgMUg3LjVhLjUuNSAwIDAgMS0uMzU0LS4xNDZsLS42NDYtLjY0Ny0uNjQ2LjY0N2EuNS41IDAgMCAxLS4zNTQuMTQ2SDNhLjUuNSAwIDAgMSAwLTFoMi4yOTNMNiAxNS43OTNWMTFoLS41YS41LjUgMCAwIDEgMC0xSDZWMy43MDdMNS4yOTMgM0gzYS41LjUgMCAwIDEtLjUtLjVaIiBmaWxsPSIjMDAwIi8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01Ljc5MyAzLjUtLjUtLjVIM2EuNS41IDAgMCAxIDAtMWgyLjVhLjUuNSAwIDAgMSAuMzU0LjE0NmwuMTQ1LjE0Ni41MDEuNS42NDYtLjY0NkEuNS41IDAgMCAxIDcuNSAySDEwYS41LjUgMCAwIDEgMCAxSDcuNzA3TDcgMy43MDdWMTBoLjVhLjUuNSAwIDAgMSAwIDFIN3Y0Ljc5M2wuNzA3LjcwN0gxMGEuNS41IDAgMCAxIDAgMUg3LjVhLjUuNSAwIDAgMS0uMzU0LS4xNDZsLS42NDYtLjY0Ny0uNS41LS4xNDYuMTQ3YS41LjUgMCAwIDEtLjM1NC4xNDZIM2EuNS41IDAgMCAxIDAtMWgyLjI5M0w2IDE1Ljc5M1YxMWgtLjVhLjUuNSAwIDAgMSAwLTFINlYzLjcwN0w1Ljc5MyAzLjVabS0uOTE0LjVMNSA0LjEyMXY0Ljk2NGExLjUgMS41IDAgMCAwIDAgMi44M3YzLjQ2NGwtLjEyMS4xMjFIM2ExLjUgMS41IDAgMCAwIDAgM2gyLjVhMS41IDEuNSAwIDAgMCAxLS4zODIgMS41IDEuNSAwIDAgMCAxIC4zODJIMTBhMS41IDEuNSAwIDAgMCAwLTNIOC4xMjFMOCAxNS4zNzl2LTMuNDY0YTEuNSAxLjUgMCAwIDAgMC0yLjgzVjQuMTIxTDguMTIxIDRIMTBhMS41IDEuNSAwIDAgMCAwLTNINy41YTEuNSAxLjUgMCAwIDAtMSAuMzgyQTEuNSAxLjUgMCAwIDAgNS41IDFIM2ExLjUgMS41IDAgMSAwIDAgM2gxLjg3OVoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==) 3 3, text;
	}


/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-content .line-height-single {
	line-height: 1;
}

.ck-content .line-height-double {
	line-height: 2;
}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */

.ck-editor__editable .multi-level-list li .multi-level-list__marker::before {
				/* Use CSS to display multi-level list markers to prevent breaking the composition.
				See https://github.com/cksource/ckeditor5-commercial/issues/6873. */
				content: attr(data-multi-level-list-marker);
			}

.ck-content .multi-level-list {
	list-style: none;
}

.ck-content .multi-level-list li {
		position: relative;
	}

.ck-content .multi-level-list li .multi-level-list__marker {
			pointer-events: none;

			/* Do not show list markers as selected. */
		}

.ck-content .multi-level-list li .multi-level-list__marker::selection {
				background-color: transparent;
			}

/* Marker next to a block widget or old marker format (legacy content without span element in marker) */

.ck-content .multi-level-list li .multi-level-list__marker:not(:has(span)) {
				position: absolute;
				padding-inline-end: 5px;
				transform: translate(-100%, 0);

				/* RTL styles */
			}

[dir="rtl"] .ck-content .multi-level-list li .multi-level-list__marker:not(:has(span)) {
					transform: translate(100%, 0);
	}

/* Marker next to a paragraph like element in a new marker format with marker styling */

.ck-content .multi-level-list li .multi-level-list__marker:has(span) {
				position: relative;
				width: 0;
				display: inline-block;
				text-wrap: nowrap;
			}

.ck-content .multi-level-list li .multi-level-list__marker:has(span)::before,
				.ck-content .multi-level-list li .multi-level-list__marker:has(span) > span {
					position: absolute;
					padding-inline-end: 5px;
					transform: translate(-100%, 0);

					/* RTL styles */
				}

[dir="rtl"] .ck-content .multi-level-list li .multi-level-list__marker:has(span)::before, [dir="rtl"] .ck-content .multi-level-list li .multi-level-list__marker:has(span) > span {
						transform: translate(100%, 0);
	}

.ck-content .multi-level-list li.ck-list-marker-bold > .multi-level-list__marker,
		.ck-content .multi-level-list li.ck-list-marker-bold > * > .multi-level-list__marker {
			font-weight: bold;
		}

.ck-content .multi-level-list li.ck-list-marker-italic > .multi-level-list__marker,
		.ck-content .multi-level-list li.ck-list-marker-italic > * > .multi-level-list__marker {
			font-style: italic;
		}

.ck-content .multi-level-list li.ck-list-marker-color > .multi-level-list__marker,
		.ck-content .multi-level-list li.ck-list-marker-color > * > .multi-level-list__marker {
			color: var(--ck-content-list-marker-color);
		}

.ck-content .multi-level-list li.ck-list-marker-font-family > .multi-level-list__marker,
		.ck-content .multi-level-list li.ck-list-marker-font-family > * > .multi-level-list__marker {
			font-family: var(--ck-content-list-marker-font-family);
		}

.ck-content .multi-level-list li.ck-list-marker-font-size > .multi-level-list__marker,
		.ck-content .multi-level-list li.ck-list-marker-font-size > * > .multi-level-list__marker {
			font-size: var(--ck-content-list-marker-font-size);
		}

.ck-content .multi-level-list li.ck-list-marker-font-size-tiny > .multi-level-list__marker,
		.ck-content .multi-level-list li.ck-list-marker-font-size-tiny > * > .multi-level-list__marker {
			font-size: var(--ck-content-font-size-tiny);
		}

.ck-content .multi-level-list li.ck-list-marker-font-size-small > .multi-level-list__marker,
		.ck-content .multi-level-list li.ck-list-marker-font-size-small > * > .multi-level-list__marker {
			font-size: var(--ck-content-font-size-small);
		}

.ck-content .multi-level-list li.ck-list-marker-font-size-big > .multi-level-list__marker,
		.ck-content .multi-level-list li.ck-list-marker-font-size-big > * > .multi-level-list__marker {
			font-size: var(--ck-content-font-size-big);
		}

.ck-content .multi-level-list li.ck-list-marker-font-size-huge > .multi-level-list__marker,
		.ck-content .multi-level-list li.ck-list-marker-font-size-huge > * > .multi-level-list__marker {
			font-size: var(--ck-content-font-size-huge);
		}

.ck-content[dir='rtl'] .multi-level-list li .multi-level-list__marker:not(:has(span)),
			.ck-content[dir='rtl'] .multi-level-list li .multi-level-list__marker > span {
				transform: translate(100%, 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */


/* When there are no list styles and there is no collapsible. */


.ck.ck-multi-level-list-properties.ck-multi-level-list-properties_without-styles {
		padding: var(--ck-spacing-large);
	}


.ck.ck-multi-level-list-properties.ck-multi-level-list-properties_without-styles > * {
			min-width: 14em;
		}


.ck.ck-multi-level-list-properties.ck-multi-level-list-properties_without-styles > * + * {
				margin-top: var(--ck-spacing-standard);
			}


/*
	* When the numbered list property field (start at) should be displayed,
	* more horizontal space is needed. Reconfigure the style grid to create that space.
	*/


.ck.ck-multi-level-list-properties.ck-multi-level-list-properties_with-multi-level-properties > .ck-multi-level-list-styles {
			grid-template-columns: repeat( 4, auto );
		}


/* When list styles are rendered and property fields are in a collapsible. */


.ck.ck-multi-level-list-properties.ck-multi-level-list-properties_with-multi-level-properties > .ck-collapsible {
			border-top: 1px solid var(--ck-color-base-border);
		}


.ck.ck-multi-level-list-properties.ck-multi-level-list-properties_with-multi-level-properties > .ck-collapsible > .ck-collapsible__children > * {
					width: 100%;
				}


.ck.ck-multi-level-list-properties.ck-multi-level-list-properties_with-multi-level-properties > .ck-collapsible > .ck-collapsible__children > * + * {
						margin-top: var(--ck-spacing-standard);
					}


.ck.ck-multi-level-list-properties .ck.ck-multi-level-list-properties__start-index .ck-input {
		min-width: auto;
		width: 100%;
	}

/*
 * 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-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-merge-fields-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal) * 0.55);
	--ck-merge-fields-paddings-vertical: 2px;

	--ck-color-merge-fields-form-error-background: hsl(15, 100%, 97%);

	--ck-color-merge-fields-outline: hsl(218, 82%, 57%);
	--ck-color-merge-fields-value-outline: hsl(0, 0%, 57%);
	--ck-color-merge-fields-with-warning-outline: hsl(15, 80%, 59%);

	--ck-color-merge-fields-block-outline: hsl(0, 0%, 89%);

	--ck-color-merge-fields-affix-color: hsl(218, 82%, 57%);
}

/* stylelint-disable no-descending-specificity */
.ck .ck-merge-field {
	border-radius: 2px;

	/* Do not display the transition to the hovered widget's yellow outline. */
}
.ck .ck-merge-field:hover {
		transition: none;
		cursor: default;
	}
.ck .ck-merge-field.ck-merge-field_with-warning {
		padding-left: 0.15em;
	}
.ck .ck-merge-field:not(.ck-merge-field_with-warning):not(.ck-merge-field_with-value) {
		padding-top: var(--ck-merge-fields-paddings-vertical);
		padding-bottom: var(--ck-merge-fields-paddings-vertical);
		line-height: 1.2em;
	}
.ck .ck-merge-field:not(.ck-merge-field_with-warning):not(.ck-merge-field_with-value):not(:hover):not(.ck-widget_selected) {
			outline: 1px solid var(--ck-color-merge-fields-outline);
		}
.ck .ck-merge-field:not(.ck-merge-field_with-value)/* :not(.ck-merge-field_with-warning_no-default):not(.ck-merge-field_with-warning_missing-data) */ {
		white-space: nowrap;
	}
/* Styles for textual (inline) merge fields only. */
.ck .ck-merge-field:not(.ck-merge-field-block *):not(.ck-merge-field-image > .ck-merge-field) {
		-webkit-user-select: none;
		margin: 0 1px 0 2px;
		line-height: 0;
		padding-top: var(--ck-merge-fields-paddings-vertical);
		padding-bottom: var(--ck-merge-fields-paddings-vertical);
	}
.ck .ck-merge-field.ck-merge-field_with-warning:not(.ck-merge-field-block *):not(.ck-merge-field-image > .ck-merge-field) {
			white-space: normal;
		}
.ck .ck-merge-field.ck-merge-field_with-warning:not(.ck-merge-field-block *):not(.ck-merge-field-image > .ck-merge-field):not(:hover):not(.ck-widget_selected) {
				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
			}
.ck .ck-merge-field.ck-merge-field_with-value:not(.ck-merge-field-block *):not(.ck-merge-field-image > .ck-merge-field) {
			white-space: normal;
		}
.ck .ck-merge-field.ck-merge-field_with-value:not(.ck-merge-field-block *):not(.ck-merge-field-image > .ck-merge-field):not(:hover):not(.ck-widget_selected) {
				outline: 1px solid var(--ck-color-merge-fields-value-outline);
			}
.ck .ck-merge-field .ck-merge-field__icon {
		padding: 0 0.15em;
		position: relative;
		top: -1px;
	}
.ck .ck-merge-field .ck.ck-icon {
		height: var(--ck-merge-fields-icon-size);
		width: var(--ck-merge-fields-icon-size);
	}
.ck .ck-merge-field .ck-merge-field__affix {
		font-family: Arial, sans-serif;
		position: relative;
		top: -0.15em;
		font-size: 0.85em;
		color: var(--ck-color-merge-fields-affix-color);
	}
.ck .ck-merge-field .ck-merge-field__affix:first-child {
			padding-left: 0.25em;
			padding-right: 0.15em;
		}
.ck .ck-merge-field .ck-merge-field__affix:last-child {
			padding-left: 0.15em;
			padding-right: 0.25em;
		}

.ck .ck-merge-field-block {
	margin: 0.9em auto;
}

.ck .ck-merge-field-block:hover {
		transition: none;
		cursor: default;
	}

/* When there is no actual data in the block, center the content (label or warning).
	In other cases, the integrator has to style the content as they wish. */

.ck .ck-merge-field-block:not(.ck-merge-field-block_with-warning):not(.ck-merge-field-block_with-value),
	.ck .ck-merge-field-block.ck-merge-field-block_with-warning_no-default,
	.ck .ck-merge-field-block.ck-merge-field-block_with-warning_missing-data {
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" preserveAspectRatio="none"><line x1="0" y1="0" x2="100" y2="100" vector-effect="non-scaling-stroke" stroke="hsl(0, 0%, 89%)" /><line x1="100" y1="0" x2="0" y2="100" vector-effect="non-scaling-stroke" stroke="hsl(0, 0%, 89%)" /></svg>');
	}

.ck .ck-merge-field-block:not(.ck-merge-field-block_with-warning):not(.ck-merge-field-block_with-value) .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_no-default .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_missing-data .ck-merge-field {
			background-color: hsl(0, 0%, 100%);
			margin: 0 0.5em;

			display: flex;
			max-width: 80%;
			align-items: baseline;
			overflow: hidden;

			/* Enable pointer events to display tooltips. */
			pointer-events: all;
		}

.ck .ck-merge-field-block:not(.ck-merge-field-block_with-warning):not(.ck-merge-field-block_with-value) .ck-merge-field .ck-merge-field__content, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_no-default .ck-merge-field .ck-merge-field__content, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_missing-data .ck-merge-field .ck-merge-field__content {
				overflow: hidden;
				text-overflow: ellipsis;
			}

.ck .ck-merge-field-block.ck-merge-field-block_with-warning_no-default:not(.ck-merge-field-block_with-warning):not(.ck-merge-field-block_with-value) .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_no-default.ck-merge-field-block_with-warning_no-default .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_missing-data.ck-merge-field-block_with-warning_no-default .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_missing-data:not(.ck-merge-field-block_with-warning):not(.ck-merge-field-block_with-value) .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_no-default.ck-merge-field-block_with-warning_missing-data .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_missing-data.ck-merge-field-block_with-warning_missing-data .ck-merge-field {
				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
				line-height: 1.3em;
			}

/* Make sure the content in the block does not overflow. */

.ck .ck-merge-field-block.ck-merge-field-block_with-warning_default-value-used .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-value .ck-merge-field {
			overflow: hidden;
		}

/* Styling for the label displayed in the upper-left corner in the data set previews:
			* when data is available (shows merge field icon);
			* when default value is used (shows merge field and error icons). */

.ck .ck-merge-field-block.ck-merge-field-block_with-warning_default-value-used::before, .ck .ck-merge-field-block.ck-merge-field-block_with-value::before {
			position: absolute;
			z-index: 1;
			top: var(--ck-spacing-small);
			left: var(--ck-spacing-small);
			padding: 2px 2px 2.5px 2px;
			border-radius: 2px;
			line-height: 0em;
			background-color: hsl(0, 0%, 100%);
		}

/* Styling for the warning: merge field icon + warning icon with the red outline. */

.ck .ck-merge-field-block.ck-merge-field-block_with-warning_default-value-used:not(.ck-merge-field-block_with-value)::before, .ck .ck-merge-field-block.ck-merge-field-block_with-value:not(.ck-merge-field-block_with-value)::before {
				content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"%3E%3Ccircle cx="7.89981" cy="7.70938" r="1.35" fill="%23333333"/%3E%3Cpath d="M10.8241 1.3645C10.8242 0.6895 10.8243 0.6895 10.8243 0.6895L10.8254 0.689501L10.8275 0.689505L10.834 0.689533L10.8558 0.689721C10.8741 0.689929 10.8998 0.690334 10.9313 0.691122C10.9942 0.692692 11.0818 0.695814 11.1822 0.702076C11.3725 0.713953 11.648 0.739273 11.8889 0.799933C12.2461 0.889854 12.5529 1.05305 12.7956 1.29598C13.0364 1.5369 13.1814 1.82347 13.2674 2.11173C13.4307 2.65843 13.4025 3.29399 13.3646 3.83275C13.3558 3.95861 13.3462 4.0811 13.3369 4.20063C13.3027 4.63909 13.2716 5.03792 13.29 5.41777C13.3131 5.89278 13.4121 6.20897 13.5894 6.41849C13.7897 6.65519 14.0336 6.8041 14.2365 6.89438C14.3365 6.93893 14.4218 6.96703 14.4787 6.98333C14.507 6.99142 14.5277 6.99644 14.5391 6.99901L14.5476 7.00087L15.0991 7.09901V7.6645H12.9373C12.8081 7.55756 12.68 7.43372 12.5588 7.29052C12.1016 6.7501 11.9706 6.08078 11.9416 5.48324C11.9186 5.00885 11.9589 4.49792 11.9942 4.05032C12.0027 3.94209 12.0109 3.83752 12.0179 3.73811C12.0572 3.17882 12.0575 2.77784 11.9739 2.49806C11.9366 2.37307 11.8893 2.29891 11.8406 2.25018C11.794 2.20346 11.7142 2.14808 11.5593 2.10908C11.4429 2.07977 11.2684 2.06009 11.0981 2.04945C11.0181 2.04446 10.9477 2.04195 10.8977 2.0407C10.8728 2.04008 10.8532 2.03978 10.8405 2.03963L10.8266 2.03951L10.8239 2.0395L10.1491 2.03945L10.1492 0.689453L10.8243 0.6895L10.8241 1.3645Z" fill="%23333333"/%3E%3Cpath d="M10.8241 13.9645C10.8242 14.6395 10.8243 14.6395 10.8243 14.6395H10.8254L10.8275 14.6395L10.834 14.6395L10.8558 14.6393C10.8741 14.6391 10.8998 14.6387 10.9313 14.6379C10.9942 14.6363 11.0818 14.6332 11.1822 14.6269C11.3725 14.6151 11.648 14.5897 11.8889 14.5291C12.2461 14.4392 12.5529 14.276 12.7956 14.033C13.0364 13.7921 13.1814 13.5055 13.2674 13.2173C13.4307 12.6706 13.4025 12.035 13.3646 11.4963C13.3558 11.3704 13.3462 11.2479 13.3369 11.1284C13.3027 10.6899 13.2716 10.2911 13.29 9.91123C13.3131 9.43623 13.4121 9.12004 13.5894 8.91051C13.7897 8.67382 14.0336 8.52491 14.2365 8.43463C14.3365 8.39008 14.4218 8.36198 14.4787 8.34568C14.507 8.33759 14.5277 8.33257 14.5391 8.32999L14.5476 8.32813L15.0991 8.23V7.6645H12.9373C12.8081 7.77144 12.68 7.89528 12.5588 8.03849C12.1016 8.57891 11.9706 9.24823 11.9416 9.84577C11.9186 10.3202 11.9589 10.8311 11.9942 11.2787C12.0027 11.3869 12.0109 11.4915 12.0179 11.5909C12.0572 12.1502 12.0575 12.5512 11.9739 12.8309C11.9366 12.9559 11.8893 13.0301 11.8406 13.0788C11.794 13.1256 11.7142 13.1809 11.5593 13.2199C11.4429 13.2492 11.2684 13.2689 11.0981 13.2796C11.0181 13.2845 10.9477 13.2871 10.8977 13.2883C10.8728 13.2889 10.8532 13.2892 10.8405 13.2894L10.8266 13.2895L10.8239 13.2895L10.1491 13.2896L10.1492 14.6396L10.8243 14.6395L10.8241 13.9645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 1.3645C4.97466 0.6895 4.97455 0.6895 4.97455 0.6895L4.97338 0.689501L4.97131 0.689505L4.96483 0.689533L4.94301 0.689721C4.92472 0.689929 4.89906 0.690334 4.86749 0.691122C4.8046 0.692692 4.71698 0.695814 4.61666 0.702076C4.42635 0.713953 4.15083 0.739273 3.9099 0.799933C3.55276 0.889854 3.24593 1.05305 3.00319 1.29598C2.76247 1.5369 2.61747 1.82347 2.53138 2.11173C2.3681 2.65843 2.39635 3.29399 2.43421 3.83275C2.44306 3.95861 2.45262 4.0811 2.46194 4.20063C2.49615 4.63909 2.52727 5.03792 2.50883 5.41777C2.48576 5.89278 2.38671 6.20897 2.20942 6.41849C2.00914 6.65519 1.76518 6.8041 1.56236 6.89438C1.46229 6.93893 1.37703 6.96703 1.32009 6.98333C1.29181 6.99142 1.2711 6.99644 1.25976 6.99901L1.25122 7.00087L0.699707 7.09901V7.6645H2.86155C2.9907 7.55756 3.11882 7.43372 3.23999 7.29052C3.69727 6.7501 3.82823 6.08078 3.85724 5.48324C3.88027 5.00885 3.83997 4.49792 3.80466 4.05032C3.79613 3.94209 3.78788 3.83752 3.78089 3.73811C3.74159 3.17882 3.74136 2.77784 3.82492 2.49806C3.86225 2.37307 3.9095 2.29891 3.95819 2.25018C4.00487 2.20346 4.0846 2.14808 4.23951 2.10908C4.35591 2.07977 4.53039 2.06009 4.70075 2.04945C4.78076 2.04446 4.85115 2.04195 4.90117 2.0407C4.92606 2.04008 4.94559 2.03978 4.95837 2.03963L4.97222 2.03951L4.97497 2.0395L5.64975 2.03945L5.64966 0.689453L4.97455 0.6895L4.97471 1.3645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 13.9645C4.97466 14.6395 4.97455 14.6395 4.97455 14.6395H4.97338L4.97131 14.6395L4.96483 14.6395L4.94301 14.6393C4.92472 14.6391 4.89906 14.6387 4.86749 14.6379C4.8046 14.6363 4.71698 14.6332 4.61666 14.6269C4.42635 14.6151 4.15083 14.5897 3.9099 14.5291C3.55276 14.4392 3.24593 14.276 3.00319 14.033C2.76247 13.7921 2.61747 13.5055 2.53138 13.2173C2.3681 12.6706 2.39635 12.035 2.43421 11.4963C2.44306 11.3704 2.45261 11.2479 2.46194 11.1284C2.49615 10.6899 2.52727 10.2911 2.50883 9.91123C2.48576 9.43623 2.38671 9.12004 2.20942 8.91051C2.00914 8.67382 1.76518 8.52491 1.56236 8.43463C1.46229 8.39008 1.37703 8.36198 1.32009 8.34568C1.29181 8.33759 1.2711 8.33257 1.25976 8.32999L1.25122 8.32813L0.699707 8.23V7.6645H2.86155C2.9907 7.77144 3.11882 7.89528 3.23999 8.03849C3.69727 8.57891 3.82823 9.24823 3.85724 9.84577C3.88027 10.3202 3.83997 10.8311 3.80466 11.2787C3.79613 11.3869 3.78788 11.4915 3.78089 11.5909C3.74159 12.1502 3.74136 12.5512 3.82492 12.8309C3.86225 12.9559 3.9095 13.0301 3.95819 13.0788C4.00487 13.1256 4.0846 13.1809 4.23951 13.2199C4.35591 13.2492 4.53039 13.2689 4.70075 13.2796C4.78076 13.2845 4.85115 13.2871 4.90117 13.2883C4.92606 13.2889 4.94559 13.2892 4.95837 13.2894L4.97222 13.2895L4.97497 13.2895L5.64975 13.2896L5.64966 14.6396L4.97455 14.6395L4.97471 13.9645Z" fill="%23333333"/%3E%3C/svg%3E') url('data:image/svg+xml,%3Csvg width="15" height="13" viewBox="-2 0 13 13" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM5.27988 2.40003H6.71988V6.72003H5.27988V2.40003ZM6.72009 8.16003H5.28009V9.60003H6.72009V8.16003Z" fill="%23DB3700"/%3E%3C/svg%3E');
				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
			}

/* Styling for the value preview: merge field icon with the grey outline. */

.ck .ck-merge-field-block.ck-merge-field-block_with-warning_default-value-used:not(.ck-merge-field-block_with-warning)::before, .ck .ck-merge-field-block.ck-merge-field-block_with-value:not(.ck-merge-field-block_with-warning)::before {
				content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"%3E%3Ccircle cx="7.89981" cy="7.70938" r="1.35" fill="%23333333"/%3E%3Cpath d="M10.8241 1.3645C10.8242 0.6895 10.8243 0.6895 10.8243 0.6895L10.8254 0.689501L10.8275 0.689505L10.834 0.689533L10.8558 0.689721C10.8741 0.689929 10.8998 0.690334 10.9313 0.691122C10.9942 0.692692 11.0818 0.695814 11.1822 0.702076C11.3725 0.713953 11.648 0.739273 11.8889 0.799933C12.2461 0.889854 12.5529 1.05305 12.7956 1.29598C13.0364 1.5369 13.1814 1.82347 13.2674 2.11173C13.4307 2.65843 13.4025 3.29399 13.3646 3.83275C13.3558 3.95861 13.3462 4.0811 13.3369 4.20063C13.3027 4.63909 13.2716 5.03792 13.29 5.41777C13.3131 5.89278 13.4121 6.20897 13.5894 6.41849C13.7897 6.65519 14.0336 6.8041 14.2365 6.89438C14.3365 6.93893 14.4218 6.96703 14.4787 6.98333C14.507 6.99142 14.5277 6.99644 14.5391 6.99901L14.5476 7.00087L15.0991 7.09901V7.6645H12.9373C12.8081 7.55756 12.68 7.43372 12.5588 7.29052C12.1016 6.7501 11.9706 6.08078 11.9416 5.48324C11.9186 5.00885 11.9589 4.49792 11.9942 4.05032C12.0027 3.94209 12.0109 3.83752 12.0179 3.73811C12.0572 3.17882 12.0575 2.77784 11.9739 2.49806C11.9366 2.37307 11.8893 2.29891 11.8406 2.25018C11.794 2.20346 11.7142 2.14808 11.5593 2.10908C11.4429 2.07977 11.2684 2.06009 11.0981 2.04945C11.0181 2.04446 10.9477 2.04195 10.8977 2.0407C10.8728 2.04008 10.8532 2.03978 10.8405 2.03963L10.8266 2.03951L10.8239 2.0395L10.1491 2.03945L10.1492 0.689453L10.8243 0.6895L10.8241 1.3645Z" fill="%23333333"/%3E%3Cpath d="M10.8241 13.9645C10.8242 14.6395 10.8243 14.6395 10.8243 14.6395H10.8254L10.8275 14.6395L10.834 14.6395L10.8558 14.6393C10.8741 14.6391 10.8998 14.6387 10.9313 14.6379C10.9942 14.6363 11.0818 14.6332 11.1822 14.6269C11.3725 14.6151 11.648 14.5897 11.8889 14.5291C12.2461 14.4392 12.5529 14.276 12.7956 14.033C13.0364 13.7921 13.1814 13.5055 13.2674 13.2173C13.4307 12.6706 13.4025 12.035 13.3646 11.4963C13.3558 11.3704 13.3462 11.2479 13.3369 11.1284C13.3027 10.6899 13.2716 10.2911 13.29 9.91123C13.3131 9.43623 13.4121 9.12004 13.5894 8.91051C13.7897 8.67382 14.0336 8.52491 14.2365 8.43463C14.3365 8.39008 14.4218 8.36198 14.4787 8.34568C14.507 8.33759 14.5277 8.33257 14.5391 8.32999L14.5476 8.32813L15.0991 8.23V7.6645H12.9373C12.8081 7.77144 12.68 7.89528 12.5588 8.03849C12.1016 8.57891 11.9706 9.24823 11.9416 9.84577C11.9186 10.3202 11.9589 10.8311 11.9942 11.2787C12.0027 11.3869 12.0109 11.4915 12.0179 11.5909C12.0572 12.1502 12.0575 12.5512 11.9739 12.8309C11.9366 12.9559 11.8893 13.0301 11.8406 13.0788C11.794 13.1256 11.7142 13.1809 11.5593 13.2199C11.4429 13.2492 11.2684 13.2689 11.0981 13.2796C11.0181 13.2845 10.9477 13.2871 10.8977 13.2883C10.8728 13.2889 10.8532 13.2892 10.8405 13.2894L10.8266 13.2895L10.8239 13.2895L10.1491 13.2896L10.1492 14.6396L10.8243 14.6395L10.8241 13.9645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 1.3645C4.97466 0.6895 4.97455 0.6895 4.97455 0.6895L4.97338 0.689501L4.97131 0.689505L4.96483 0.689533L4.94301 0.689721C4.92472 0.689929 4.89906 0.690334 4.86749 0.691122C4.8046 0.692692 4.71698 0.695814 4.61666 0.702076C4.42635 0.713953 4.15083 0.739273 3.9099 0.799933C3.55276 0.889854 3.24593 1.05305 3.00319 1.29598C2.76247 1.5369 2.61747 1.82347 2.53138 2.11173C2.3681 2.65843 2.39635 3.29399 2.43421 3.83275C2.44306 3.95861 2.45262 4.0811 2.46194 4.20063C2.49615 4.63909 2.52727 5.03792 2.50883 5.41777C2.48576 5.89278 2.38671 6.20897 2.20942 6.41849C2.00914 6.65519 1.76518 6.8041 1.56236 6.89438C1.46229 6.93893 1.37703 6.96703 1.32009 6.98333C1.29181 6.99142 1.2711 6.99644 1.25976 6.99901L1.25122 7.00087L0.699707 7.09901V7.6645H2.86155C2.9907 7.55756 3.11882 7.43372 3.23999 7.29052C3.69727 6.7501 3.82823 6.08078 3.85724 5.48324C3.88027 5.00885 3.83997 4.49792 3.80466 4.05032C3.79613 3.94209 3.78788 3.83752 3.78089 3.73811C3.74159 3.17882 3.74136 2.77784 3.82492 2.49806C3.86225 2.37307 3.9095 2.29891 3.95819 2.25018C4.00487 2.20346 4.0846 2.14808 4.23951 2.10908C4.35591 2.07977 4.53039 2.06009 4.70075 2.04945C4.78076 2.04446 4.85115 2.04195 4.90117 2.0407C4.92606 2.04008 4.94559 2.03978 4.95837 2.03963L4.97222 2.03951L4.97497 2.0395L5.64975 2.03945L5.64966 0.689453L4.97455 0.6895L4.97471 1.3645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 13.9645C4.97466 14.6395 4.97455 14.6395 4.97455 14.6395H4.97338L4.97131 14.6395L4.96483 14.6395L4.94301 14.6393C4.92472 14.6391 4.89906 14.6387 4.86749 14.6379C4.8046 14.6363 4.71698 14.6332 4.61666 14.6269C4.42635 14.6151 4.15083 14.5897 3.9099 14.5291C3.55276 14.4392 3.24593 14.276 3.00319 14.033C2.76247 13.7921 2.61747 13.5055 2.53138 13.2173C2.3681 12.6706 2.39635 12.035 2.43421 11.4963C2.44306 11.3704 2.45261 11.2479 2.46194 11.1284C2.49615 10.6899 2.52727 10.2911 2.50883 9.91123C2.48576 9.43623 2.38671 9.12004 2.20942 8.91051C2.00914 8.67382 1.76518 8.52491 1.56236 8.43463C1.46229 8.39008 1.37703 8.36198 1.32009 8.34568C1.29181 8.33759 1.2711 8.33257 1.25976 8.32999L1.25122 8.32813L0.699707 8.23V7.6645H2.86155C2.9907 7.77144 3.11882 7.89528 3.23999 8.03849C3.69727 8.57891 3.82823 9.24823 3.85724 9.84577C3.88027 10.3202 3.83997 10.8311 3.80466 11.2787C3.79613 11.3869 3.78788 11.4915 3.78089 11.5909C3.74159 12.1502 3.74136 12.5512 3.82492 12.8309C3.86225 12.9559 3.9095 13.0301 3.95819 13.0788C4.00487 13.1256 4.0846 13.1809 4.23951 13.2199C4.35591 13.2492 4.53039 13.2689 4.70075 13.2796C4.78076 13.2845 4.85115 13.2871 4.90117 13.2883C4.92606 13.2889 4.94559 13.2892 4.95837 13.2894L4.97222 13.2895L4.97497 13.2895L5.64975 13.2896L5.64966 14.6396L4.97455 14.6395L4.97471 13.9645Z" fill="%23333333"/%3E%3C/svg%3E');
				outline: 1px solid var(--ck-color-merge-fields-value-outline);
			}

/* Preserve the outline when the fake caret is displayed,
		but do not overwrite the "on hover" or "on selected" default widget behavior.*/

.ck .ck-merge-field-block:not(:hover):not(.ck-widget_selected),
	.ck .ck-merge-field-block.ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
	.ck .ck-merge-field-block.ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after {
		outline: 1px solid var(--ck-color-merge-fields-block-outline);
	}

.ck .ck-merge-field-block[dir="rtl"]::before {
		left: auto;
		right: var(--ck-spacing-medium);
	}

/* Styling when there is no data to preview. */

.ck .ck-merge-field-image:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value),
	.ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default,
	.ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data {
		/* Display the placeholder background. */
		background-image: url('data:image/svg+xml,%3Csvg width="788" height="456" viewBox="0 0 788 456" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M488.076 321.87C538.248 313.878 596.911 164.982 665.095 281.279C665.103 281.292 665.1 281.29 665.109 281.302L726.554 367.884L787.449 453.692C787.689 454.029 787.428 454.468 787.014 454.468H665.107H89.78H0.885437C0.492737 454.468 0.247864 454.042 0.445435 453.703L89.78 300.244C126.705 231.881 182.704 101.93 267.335 101.93C360.102 101.929 430.397 331.058 488.076 321.87Z" fill="%23F3F3F3"/%3E%3Ccircle cx="514.76" cy="87.6508" r="67.6508" fill="%23F3F3F3"/%3E%3C/svg%3E%0A');
		background-position: bottom;
		background-size: contain;
		background-repeat: no-repeat;

		/* Only applied to the image merge field label, not to merge fields in the caption. */
	}

.ck .ck-merge-field-image:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value) > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data > .ck-merge-field {
			background-color: hsl(0, 0%, 100%);

			/* Center the label and position it over the image. */
			left: 50%;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			position: absolute;

			/* This line allows vertical shrinking the content below the line height. It doesn't work on Firefox, unfortunately:
			https://caniuse.com/?search=fill-available. */
			max-height: -webkit-fill-available;

			/* Enable proper label shrinking when image is resized. */
			display: flex;
			max-width: 80%;
			align-items: baseline;
			overflow: hidden;
		}

.ck .ck-merge-field-image:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value) > .ck-merge-field .ck-merge-field__content, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default > .ck-merge-field .ck-merge-field__content, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data > .ck-merge-field .ck-merge-field__content {
				overflow: hidden;
				text-overflow: ellipsis;
			}

/* We have to set the pointer events to auto to allow the tooltip to be displayed, so we need to also set outline explicitly. */

.ck .ck-merge-field-image:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value) > .ck-merge-field:hover, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default > .ck-merge-field:hover, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data > .ck-merge-field:hover {
				outline: 1px solid var(--ck-color-merge-fields-outline);
			}

/* Only apply to the label, not to merge fields in the caption. */

.ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value) > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default.ck-merge-field-image_with-warning_no-default > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data.ck-merge-field-image_with-warning_no-default > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value) > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default.ck-merge-field-image_with-warning_missing-data > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data.ck-merge-field-image_with-warning_missing-data > .ck-merge-field {
				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
				line-height: 1.3em;
			}

.ck .ck-merge-field-image:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value):not(:hover):not(.ck-widget_selected), .ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default:not(:hover):not(.ck-widget_selected), .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data:not(:hover):not(.ck-widget_selected) {
			outline: 1px solid var(--ck-color-merge-fields-block-outline);
		}

/* Styling for the label displayed in the upper-left corner in the data set previews:
			* when data is available (shows merge field icon);
			* when default value is used (shows merge field and error icons). */

.ck .ck-merge-field-image.ck-merge-field-image_with-warning_default-value-used::before, .ck .ck-merge-field-image.ck-merge-field-image_with-value::before {
			position: absolute;
			z-index: 1;
			top: var(--ck-spacing-small);
			left: var(--ck-spacing-small);
			padding: 2px 2px 2.5px 2px;
			border-radius: 2px;
			line-height: 0em;
			background-color: hsl(0, 0%, 100%);
			overflow: hidden;
			/* This line allows vertical shrinking the content below the line height. It doesn't work on Firefox, unfortunately:
			https://caniuse.com/?search=fill-available. */
			max-height: -webkit-fill-available;
			max-width: -webkit-fill-available;
		}

/* Styling for the warning: merge field icon + warning icon with the red outline. */

.ck .ck-merge-field-image.ck-merge-field-image_with-warning_default-value-used:not(.ck-merge-field-image_with-value)::before, .ck .ck-merge-field-image.ck-merge-field-image_with-value:not(.ck-merge-field-image_with-value)::before {
				content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"%3E%3Ccircle cx="7.89981" cy="7.70938" r="1.35" fill="%23333333"/%3E%3Cpath d="M10.8241 1.3645C10.8242 0.6895 10.8243 0.6895 10.8243 0.6895L10.8254 0.689501L10.8275 0.689505L10.834 0.689533L10.8558 0.689721C10.8741 0.689929 10.8998 0.690334 10.9313 0.691122C10.9942 0.692692 11.0818 0.695814 11.1822 0.702076C11.3725 0.713953 11.648 0.739273 11.8889 0.799933C12.2461 0.889854 12.5529 1.05305 12.7956 1.29598C13.0364 1.5369 13.1814 1.82347 13.2674 2.11173C13.4307 2.65843 13.4025 3.29399 13.3646 3.83275C13.3558 3.95861 13.3462 4.0811 13.3369 4.20063C13.3027 4.63909 13.2716 5.03792 13.29 5.41777C13.3131 5.89278 13.4121 6.20897 13.5894 6.41849C13.7897 6.65519 14.0336 6.8041 14.2365 6.89438C14.3365 6.93893 14.4218 6.96703 14.4787 6.98333C14.507 6.99142 14.5277 6.99644 14.5391 6.99901L14.5476 7.00087L15.0991 7.09901V7.6645H12.9373C12.8081 7.55756 12.68 7.43372 12.5588 7.29052C12.1016 6.7501 11.9706 6.08078 11.9416 5.48324C11.9186 5.00885 11.9589 4.49792 11.9942 4.05032C12.0027 3.94209 12.0109 3.83752 12.0179 3.73811C12.0572 3.17882 12.0575 2.77784 11.9739 2.49806C11.9366 2.37307 11.8893 2.29891 11.8406 2.25018C11.794 2.20346 11.7142 2.14808 11.5593 2.10908C11.4429 2.07977 11.2684 2.06009 11.0981 2.04945C11.0181 2.04446 10.9477 2.04195 10.8977 2.0407C10.8728 2.04008 10.8532 2.03978 10.8405 2.03963L10.8266 2.03951L10.8239 2.0395L10.1491 2.03945L10.1492 0.689453L10.8243 0.6895L10.8241 1.3645Z" fill="%23333333"/%3E%3Cpath d="M10.8241 13.9645C10.8242 14.6395 10.8243 14.6395 10.8243 14.6395H10.8254L10.8275 14.6395L10.834 14.6395L10.8558 14.6393C10.8741 14.6391 10.8998 14.6387 10.9313 14.6379C10.9942 14.6363 11.0818 14.6332 11.1822 14.6269C11.3725 14.6151 11.648 14.5897 11.8889 14.5291C12.2461 14.4392 12.5529 14.276 12.7956 14.033C13.0364 13.7921 13.1814 13.5055 13.2674 13.2173C13.4307 12.6706 13.4025 12.035 13.3646 11.4963C13.3558 11.3704 13.3462 11.2479 13.3369 11.1284C13.3027 10.6899 13.2716 10.2911 13.29 9.91123C13.3131 9.43623 13.4121 9.12004 13.5894 8.91051C13.7897 8.67382 14.0336 8.52491 14.2365 8.43463C14.3365 8.39008 14.4218 8.36198 14.4787 8.34568C14.507 8.33759 14.5277 8.33257 14.5391 8.32999L14.5476 8.32813L15.0991 8.23V7.6645H12.9373C12.8081 7.77144 12.68 7.89528 12.5588 8.03849C12.1016 8.57891 11.9706 9.24823 11.9416 9.84577C11.9186 10.3202 11.9589 10.8311 11.9942 11.2787C12.0027 11.3869 12.0109 11.4915 12.0179 11.5909C12.0572 12.1502 12.0575 12.5512 11.9739 12.8309C11.9366 12.9559 11.8893 13.0301 11.8406 13.0788C11.794 13.1256 11.7142 13.1809 11.5593 13.2199C11.4429 13.2492 11.2684 13.2689 11.0981 13.2796C11.0181 13.2845 10.9477 13.2871 10.8977 13.2883C10.8728 13.2889 10.8532 13.2892 10.8405 13.2894L10.8266 13.2895L10.8239 13.2895L10.1491 13.2896L10.1492 14.6396L10.8243 14.6395L10.8241 13.9645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 1.3645C4.97466 0.6895 4.97455 0.6895 4.97455 0.6895L4.97338 0.689501L4.97131 0.689505L4.96483 0.689533L4.94301 0.689721C4.92472 0.689929 4.89906 0.690334 4.86749 0.691122C4.8046 0.692692 4.71698 0.695814 4.61666 0.702076C4.42635 0.713953 4.15083 0.739273 3.9099 0.799933C3.55276 0.889854 3.24593 1.05305 3.00319 1.29598C2.76247 1.5369 2.61747 1.82347 2.53138 2.11173C2.3681 2.65843 2.39635 3.29399 2.43421 3.83275C2.44306 3.95861 2.45262 4.0811 2.46194 4.20063C2.49615 4.63909 2.52727 5.03792 2.50883 5.41777C2.48576 5.89278 2.38671 6.20897 2.20942 6.41849C2.00914 6.65519 1.76518 6.8041 1.56236 6.89438C1.46229 6.93893 1.37703 6.96703 1.32009 6.98333C1.29181 6.99142 1.2711 6.99644 1.25976 6.99901L1.25122 7.00087L0.699707 7.09901V7.6645H2.86155C2.9907 7.55756 3.11882 7.43372 3.23999 7.29052C3.69727 6.7501 3.82823 6.08078 3.85724 5.48324C3.88027 5.00885 3.83997 4.49792 3.80466 4.05032C3.79613 3.94209 3.78788 3.83752 3.78089 3.73811C3.74159 3.17882 3.74136 2.77784 3.82492 2.49806C3.86225 2.37307 3.9095 2.29891 3.95819 2.25018C4.00487 2.20346 4.0846 2.14808 4.23951 2.10908C4.35591 2.07977 4.53039 2.06009 4.70075 2.04945C4.78076 2.04446 4.85115 2.04195 4.90117 2.0407C4.92606 2.04008 4.94559 2.03978 4.95837 2.03963L4.97222 2.03951L4.97497 2.0395L5.64975 2.03945L5.64966 0.689453L4.97455 0.6895L4.97471 1.3645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 13.9645C4.97466 14.6395 4.97455 14.6395 4.97455 14.6395H4.97338L4.97131 14.6395L4.96483 14.6395L4.94301 14.6393C4.92472 14.6391 4.89906 14.6387 4.86749 14.6379C4.8046 14.6363 4.71698 14.6332 4.61666 14.6269C4.42635 14.6151 4.15083 14.5897 3.9099 14.5291C3.55276 14.4392 3.24593 14.276 3.00319 14.033C2.76247 13.7921 2.61747 13.5055 2.53138 13.2173C2.3681 12.6706 2.39635 12.035 2.43421 11.4963C2.44306 11.3704 2.45261 11.2479 2.46194 11.1284C2.49615 10.6899 2.52727 10.2911 2.50883 9.91123C2.48576 9.43623 2.38671 9.12004 2.20942 8.91051C2.00914 8.67382 1.76518 8.52491 1.56236 8.43463C1.46229 8.39008 1.37703 8.36198 1.32009 8.34568C1.29181 8.33759 1.2711 8.33257 1.25976 8.32999L1.25122 8.32813L0.699707 8.23V7.6645H2.86155C2.9907 7.77144 3.11882 7.89528 3.23999 8.03849C3.69727 8.57891 3.82823 9.24823 3.85724 9.84577C3.88027 10.3202 3.83997 10.8311 3.80466 11.2787C3.79613 11.3869 3.78788 11.4915 3.78089 11.5909C3.74159 12.1502 3.74136 12.5512 3.82492 12.8309C3.86225 12.9559 3.9095 13.0301 3.95819 13.0788C4.00487 13.1256 4.0846 13.1809 4.23951 13.2199C4.35591 13.2492 4.53039 13.2689 4.70075 13.2796C4.78076 13.2845 4.85115 13.2871 4.90117 13.2883C4.92606 13.2889 4.94559 13.2892 4.95837 13.2894L4.97222 13.2895L4.97497 13.2895L5.64975 13.2896L5.64966 14.6396L4.97455 14.6395L4.97471 13.9645Z" fill="%23333333"/%3E%3C/svg%3E') url('data:image/svg+xml,%3Csvg width="15" height="13" viewBox="-2 0 13 13" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM5.27988 2.40003H6.71988V6.72003H5.27988V2.40003ZM6.72009 8.16003H5.28009V9.60003H6.72009V8.16003Z" fill="%23DB3700"/%3E%3C/svg%3E');
				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
			}

/* Styling for the value preview: merge field icon with the grey outline. */

.ck .ck-merge-field-image.ck-merge-field-image_with-warning_default-value-used:not(.ck-merge-field-image_with-warning_default-value-used)::before, .ck .ck-merge-field-image.ck-merge-field-image_with-value:not(.ck-merge-field-image_with-warning_default-value-used)::before {
				content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"%3E%3Ccircle cx="7.89981" cy="7.70938" r="1.35" fill="%23333333"/%3E%3Cpath d="M10.8241 1.3645C10.8242 0.6895 10.8243 0.6895 10.8243 0.6895L10.8254 0.689501L10.8275 0.689505L10.834 0.689533L10.8558 0.689721C10.8741 0.689929 10.8998 0.690334 10.9313 0.691122C10.9942 0.692692 11.0818 0.695814 11.1822 0.702076C11.3725 0.713953 11.648 0.739273 11.8889 0.799933C12.2461 0.889854 12.5529 1.05305 12.7956 1.29598C13.0364 1.5369 13.1814 1.82347 13.2674 2.11173C13.4307 2.65843 13.4025 3.29399 13.3646 3.83275C13.3558 3.95861 13.3462 4.0811 13.3369 4.20063C13.3027 4.63909 13.2716 5.03792 13.29 5.41777C13.3131 5.89278 13.4121 6.20897 13.5894 6.41849C13.7897 6.65519 14.0336 6.8041 14.2365 6.89438C14.3365 6.93893 14.4218 6.96703 14.4787 6.98333C14.507 6.99142 14.5277 6.99644 14.5391 6.99901L14.5476 7.00087L15.0991 7.09901V7.6645H12.9373C12.8081 7.55756 12.68 7.43372 12.5588 7.29052C12.1016 6.7501 11.9706 6.08078 11.9416 5.48324C11.9186 5.00885 11.9589 4.49792 11.9942 4.05032C12.0027 3.94209 12.0109 3.83752 12.0179 3.73811C12.0572 3.17882 12.0575 2.77784 11.9739 2.49806C11.9366 2.37307 11.8893 2.29891 11.8406 2.25018C11.794 2.20346 11.7142 2.14808 11.5593 2.10908C11.4429 2.07977 11.2684 2.06009 11.0981 2.04945C11.0181 2.04446 10.9477 2.04195 10.8977 2.0407C10.8728 2.04008 10.8532 2.03978 10.8405 2.03963L10.8266 2.03951L10.8239 2.0395L10.1491 2.03945L10.1492 0.689453L10.8243 0.6895L10.8241 1.3645Z" fill="%23333333"/%3E%3Cpath d="M10.8241 13.9645C10.8242 14.6395 10.8243 14.6395 10.8243 14.6395H10.8254L10.8275 14.6395L10.834 14.6395L10.8558 14.6393C10.8741 14.6391 10.8998 14.6387 10.9313 14.6379C10.9942 14.6363 11.0818 14.6332 11.1822 14.6269C11.3725 14.6151 11.648 14.5897 11.8889 14.5291C12.2461 14.4392 12.5529 14.276 12.7956 14.033C13.0364 13.7921 13.1814 13.5055 13.2674 13.2173C13.4307 12.6706 13.4025 12.035 13.3646 11.4963C13.3558 11.3704 13.3462 11.2479 13.3369 11.1284C13.3027 10.6899 13.2716 10.2911 13.29 9.91123C13.3131 9.43623 13.4121 9.12004 13.5894 8.91051C13.7897 8.67382 14.0336 8.52491 14.2365 8.43463C14.3365 8.39008 14.4218 8.36198 14.4787 8.34568C14.507 8.33759 14.5277 8.33257 14.5391 8.32999L14.5476 8.32813L15.0991 8.23V7.6645H12.9373C12.8081 7.77144 12.68 7.89528 12.5588 8.03849C12.1016 8.57891 11.9706 9.24823 11.9416 9.84577C11.9186 10.3202 11.9589 10.8311 11.9942 11.2787C12.0027 11.3869 12.0109 11.4915 12.0179 11.5909C12.0572 12.1502 12.0575 12.5512 11.9739 12.8309C11.9366 12.9559 11.8893 13.0301 11.8406 13.0788C11.794 13.1256 11.7142 13.1809 11.5593 13.2199C11.4429 13.2492 11.2684 13.2689 11.0981 13.2796C11.0181 13.2845 10.9477 13.2871 10.8977 13.2883C10.8728 13.2889 10.8532 13.2892 10.8405 13.2894L10.8266 13.2895L10.8239 13.2895L10.1491 13.2896L10.1492 14.6396L10.8243 14.6395L10.8241 13.9645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 1.3645C4.97466 0.6895 4.97455 0.6895 4.97455 0.6895L4.97338 0.689501L4.97131 0.689505L4.96483 0.689533L4.94301 0.689721C4.92472 0.689929 4.89906 0.690334 4.86749 0.691122C4.8046 0.692692 4.71698 0.695814 4.61666 0.702076C4.42635 0.713953 4.15083 0.739273 3.9099 0.799933C3.55276 0.889854 3.24593 1.05305 3.00319 1.29598C2.76247 1.5369 2.61747 1.82347 2.53138 2.11173C2.3681 2.65843 2.39635 3.29399 2.43421 3.83275C2.44306 3.95861 2.45262 4.0811 2.46194 4.20063C2.49615 4.63909 2.52727 5.03792 2.50883 5.41777C2.48576 5.89278 2.38671 6.20897 2.20942 6.41849C2.00914 6.65519 1.76518 6.8041 1.56236 6.89438C1.46229 6.93893 1.37703 6.96703 1.32009 6.98333C1.29181 6.99142 1.2711 6.99644 1.25976 6.99901L1.25122 7.00087L0.699707 7.09901V7.6645H2.86155C2.9907 7.55756 3.11882 7.43372 3.23999 7.29052C3.69727 6.7501 3.82823 6.08078 3.85724 5.48324C3.88027 5.00885 3.83997 4.49792 3.80466 4.05032C3.79613 3.94209 3.78788 3.83752 3.78089 3.73811C3.74159 3.17882 3.74136 2.77784 3.82492 2.49806C3.86225 2.37307 3.9095 2.29891 3.95819 2.25018C4.00487 2.20346 4.0846 2.14808 4.23951 2.10908C4.35591 2.07977 4.53039 2.06009 4.70075 2.04945C4.78076 2.04446 4.85115 2.04195 4.90117 2.0407C4.92606 2.04008 4.94559 2.03978 4.95837 2.03963L4.97222 2.03951L4.97497 2.0395L5.64975 2.03945L5.64966 0.689453L4.97455 0.6895L4.97471 1.3645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 13.9645C4.97466 14.6395 4.97455 14.6395 4.97455 14.6395H4.97338L4.97131 14.6395L4.96483 14.6395L4.94301 14.6393C4.92472 14.6391 4.89906 14.6387 4.86749 14.6379C4.8046 14.6363 4.71698 14.6332 4.61666 14.6269C4.42635 14.6151 4.15083 14.5897 3.9099 14.5291C3.55276 14.4392 3.24593 14.276 3.00319 14.033C2.76247 13.7921 2.61747 13.5055 2.53138 13.2173C2.3681 12.6706 2.39635 12.035 2.43421 11.4963C2.44306 11.3704 2.45261 11.2479 2.46194 11.1284C2.49615 10.6899 2.52727 10.2911 2.50883 9.91123C2.48576 9.43623 2.38671 9.12004 2.20942 8.91051C2.00914 8.67382 1.76518 8.52491 1.56236 8.43463C1.46229 8.39008 1.37703 8.36198 1.32009 8.34568C1.29181 8.33759 1.2711 8.33257 1.25976 8.32999L1.25122 8.32813L0.699707 8.23V7.6645H2.86155C2.9907 7.77144 3.11882 7.89528 3.23999 8.03849C3.69727 8.57891 3.82823 9.24823 3.85724 9.84577C3.88027 10.3202 3.83997 10.8311 3.80466 11.2787C3.79613 11.3869 3.78788 11.4915 3.78089 11.5909C3.74159 12.1502 3.74136 12.5512 3.82492 12.8309C3.86225 12.9559 3.9095 13.0301 3.95819 13.0788C4.00487 13.1256 4.0846 13.1809 4.23951 13.2199C4.35591 13.2492 4.53039 13.2689 4.70075 13.2796C4.78076 13.2845 4.85115 13.2871 4.90117 13.2883C4.92606 13.2889 4.94559 13.2892 4.95837 13.2894L4.97222 13.2895L4.97497 13.2895L5.64975 13.2896L5.64966 14.6396L4.97455 14.6395L4.97471 13.9645Z" fill="%23333333"/%3E%3C/svg%3E');
				outline: 1px solid var(--ck-color-merge-fields-value-outline);
			}

/* Improve the look of merge fields in the code blocks. */
.ck pre code .ck-merge-field .ck-merge-field__affix {
	font-family: inherit;
	position: relative;
	top: 0;
	font-size: inherit;
}
.ck pre code .ck-merge-field .ck-merge-field__affix:first-child {
		padding-left: 0.15em;
		padding-right: 0.18em;
	}
.ck pre code .ck-merge-field .ck-merge-field__affix:last-child {
		padding-left: 0.18em;
		padding-right: 0.15em;
	}

.ck .ck-merge-fields-form {
	padding: var(--ck-spacing-medium);
}

.ck .ck-merge-fields-form .ck-merge-fields-form__status {
		display: flex;
		justify-content: center;
		align-items: center;

		padding: var(--ck-spacing-medium);
		border-radius: 2px;
		line-height: 2.25em;

		color: var(--ck-color-base-text);
		background-color: var(--ck-color-merge-fields-form-error-background);
	}

/* Do not hide the outlines for hovered merge fields in read–only mode. */
.ck-editor__editable.ck-read-only .ck-merge-field-block:hover:not(.ck-widget_selected) {
		outline: 1px solid var(--ck-color-merge-fields-block-outline);
	}
.ck-editor__editable.ck-read-only .ck-merge-field-image:hover:not(.ck-widget_selected) {
		outline: 1px solid var(--ck-color-merge-fields-block-outline);
	}
.ck-editor__editable.ck-read-only .ck-merge-field:hover:not(.ck-widget_selected):not(.ck-merge-field_with-warning):not(.ck-merge-field_with-value) {
			outline: 1px solid var(--ck-color-merge-fields-outline);
			padding-top: var(--ck-merge-fields-paddings-vertical);
			padding-bottom: var(--ck-merge-fields-paddings-vertical);
		}
.ck-editor__editable.ck-read-only .ck-merge-field:hover:not(.ck-widget_selected):not(.ck-merge-field-block *) {
			outline: 1px solid var(--ck-color-merge-fields-outline);
		}
.ck-editor__editable.ck-read-only .ck-merge-field.ck-merge-field_with-warning:hover:not(.ck-widget_selected):not(.ck-merge-field-block *) {
				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
			}
.ck-editor__editable.ck-read-only .ck-merge-field.ck-merge-field_with-value:hover:not(.ck-widget_selected):not(.ck-merge-field-block *) {
				outline: 1px solid var(--ck-color-merge-fields-value-outline);
			}

/* Disable all mouse interaction for block merge field previews as long as the editor is not read–only. */
.ck-editor__editable:not(.ck-read-only) .ck-widget.ck-merge-field-block
.ck-merge-field:not(.ck-merge-field_with-warning_missing-data):not(.ck-merge-field_with-warning_no-default) {
	pointer-events: none;
}

/* stylelint-enable no-descending-specificity */

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */
/*
 * 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-insert-merge-field-dropdown-view-width: 250px;
	--ck-insert-merge-field-dropdown-view-list-max-height: 250px;
}

/* Remove the default margin for the icon. */
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__merge-fields-submenu .ck-menu-bar__menu__button:not(:has(.ck-button__icon)) > .ck-button__label {
				margin-left: 0;
			}

.ck.ck-merge-fields-search {
	width: var(--ck-insert-merge-field-dropdown-view-width);
}

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

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

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

.ck.ck-merge-fields-search > .ck-search__results > .ck-list {
			max-height: var(--ck-insert-merge-field-dropdown-view-list-max-height);
			overflow: auto;

			/* stylelint-disable no-descending-specificity */
		}

.ck.ck-merge-fields-search > .ck-search__results > .ck-list .ck-button__label {
				overflow: hidden;
				text-overflow: ellipsis;
			}

/* stylelint-enable no-descending-specificity */

/*
 * 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-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-color-pagination-divider: hsl(0, 0%, 67%);
}

/*
 * Content styles.
 */

.ck.ck-pagination_enabled.ck-content .page-break::after {
		display: none;
	}

.ck.ck-pagination_enabled.ck-editor__editable.ck-pagination-view .ck-widget__type-around {
			display: none;
		}

/*
		 * Chrome ignores padding-top on the first paragraph at the beginning of the page,
		 * causing incorrect page calculations. In documents consisting solely of paragraphs
		 * (especially those with soft line breaks), this may cause the last paragraph to be
		 * unexpectedly pushed to the next page.
		 *
		 * See more: https://github.com/cksource/ckeditor5-commercial/issues/7316
		 */

.ck.ck-pagination_enabled.ck-editor__editable.ck-pagination-view p:first-child {
			padding-top: 0;
		}

/*
		 * From time to time placing page-break directly after a block element with margin causes appending a new blank page in pagination mode.
		 * Removing margin-bottom from the block element fixes that issue and the margin is not being moved to the next blank page.
		 *
		 * Identical CSS rule is also present in the page break CSS files so keep them in sync to make sure that the issue is fixed both in the
		 * editor preview and in the printed content (used by the export document plugins).
		 *
		 * See more: https://github.com/cksource/ckeditor5-commercial/issues/6289.
		 */

.ck.ck-pagination_enabled.ck-editor__editable.ck-pagination-view *:has(+ .page-break) {
			margin-bottom: 0;
		}

.ck.ck-pagination_enabled.ck-editor__editable.ck-pagination-view .page-break {
			padding: 0;
			margin: 0;
			break-after: column;
			display: block;
			height: 0;

		}

.ck.ck-pagination_enabled.ck-editor__editable.ck-pagination-view .page-break .page-break__label {
				display: none;
			}

.ck.ck-pagination_enabled.ck-editor__editable.ck-pagination-view .page-break::after {
				display: none;
			}

.ck.ck-pagination_enabled.ck-editor__editable.ck-pagination-view .ck-table-column-resizer {
			display: none;
		}

.ck.ck-pagination_enabled.ck-editor__editable.ck-pagination-view .table table {

			/*
			 * Tables that have overflow set to hidden are incorrectly split between pages on the chrome. Reset the overflow to initial fixes this issue.
			 *
			 * See: https://github.com/ckeditor/ckeditor5/issues/14426.
			 */
			overflow: initial;
		}

.ck.ck-pagination_enabled.ck-editor__editable.ck-pagination-view .ck-bookmark {
			display: none;
		}

/*
		 * Sometimes Chrome incorrectly calculates the height of the last table row and some
		 * of the content overlaps the paragraph that is placed directly after the table. It affects
		 * the column split mode pagination calculation which causes mismatch between the print mode and
		 * the preview mode.
		 *
		 * This issue happens only if:
		 *
		 * 	* The table is inside a figure element.
		 * 	* The table has `display: table` style set.
		 * 	* The block element is placed directly after the table.
		 *
		 * The print mode is not affected, the issue happens only in the column split mode.
		 *
		 * See: https://github.com/cksource/ckeditor5-commercial/issues/6707
		 */

.ck.ck-pagination_enabled.ck-editor__editable.ck-pagination-view figure.table:not(.layout-table):has(> table) {
			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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */

/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * 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
 */
/**
 * A visual style of focused element's border.
 */
/*
 * 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
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * 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
 */
/**
 * A class which indicates that an element holding it is disabled.
 */

.ck.ck-page-navigator {
	padding: 0 var(--ck-spacing-standard);
	line-height: 1;
}

.ck.ck-page-navigator > .ck-input-number {
		width: var(--ck-ui-component-min-height);
		min-width: var(--ck-ui-component-min-height);

		background: transparent;
		text-align: center;

		/* Disable native increment/decrement buttons (FF). */
		-moz-appearance: textfield;

		/* Disable native increment/decrement buttons (Webkit). */
	}

.ck.ck-page-navigator > .ck-input-number::-webkit-inner-spin-button,
		.ck.ck-page-navigator > .ck-input-number::-webkit-outer-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

.ck.ck-page-navigator > .ck-input-number:not(:focus) {
			border: 1px solid transparent;
			border-bottom: 1px solid var(--ck-color-base-border);
		}

.ck.ck-page-navigator > span::before {
		content: '/';
		margin: 0 var(--ck-spacing-standard);
	}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-pagination-view-line {
	position: absolute;
	height: 0;
	border-top: 1px dotted var(--ck-color-pagination-divider);
	pointer-events: none;
}

.ck.ck-pagination-view-line::after {
		content: attr(data-page-number);
		font-size: 10px;
		background: hsl(0, 0%, 77%);
		color: var(--ck-color-base-background);
		display: inline-block;
		position: absolute;
		right: -1px;
		transform: translateX(100%);
		min-width: 18px;
		text-align: center;
		top: -1px;
		padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
	}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck .ck-user__marker-dot {
	/* If you are looking for handling dot color, see `usercolors.css` in the `ckeditor5-collaboration-core`. */
	display: block;
	position: absolute;
	left: 50%;

	/* #124 */
	top: calc( ( var(--ck-user-dot-size) / 2 ) * -1 );

	width: var(--ck-user-dot-size);
	height: var(--ck-user-dot-size);
	border-radius: 50%;
	transform: translate( -50%, -50% );
	cursor: default;
}

.ck .ck-user__marker-tooltip {
	display: none;
	position: absolute;

	/* It should be one font in case of inheriting (example: headers sans-serif and content serif type). */
	font-family: Georgia, sans-serif;

	/* It should be px value in case of inheriting (like headers example). */
	font-size: var(--ck-font-size-base);

	/* In case of inheriting from various components. */
	line-height: 1;
	font-style: initial;
	font-weight: initial;

	left: 0;
	opacity: 0;

	/* Moving up this element with 100% of its height. */
	top: -20px;

	padding: var(--ck-spacing-small);
	color: hsl(0, 0%, 100%);
	white-space: nowrap;
	transition: opacity 200ms linear, transform 300ms ease-in-out;
	z-index: 99999;
}

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

.ck .ck-user__marker-tooltip {
		transition: none;
}
	}

.ck .ck-user__marker-line {
	/* If you are looking for handling line color, see `usercolors.css` in the `ckeditor5-collaboration-core`. */
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 0;
}

.ck .ck-user__marker {
	display: inline;
	position: relative;
	cursor: default;
}

.ck .ck-user__marker.ck-user__marker_hovered .ck-user__marker-dot {
		width: 0;
	}

.ck .ck-user__marker.ck-user__marker_hovered .ck-user__marker-tooltip {
		display: block;
		opacity: 1;
		animation: fadeInLeft 300ms ease-in-out;
	}

.ck .ck-placeholder .ck-user__marker {
		display: none;
	}

@media (prefers-reduced-motion: reduce) {
		.ck .ck-user__marker, .ck .ck-user__marker *, .ck .ck-user__marker::after {
			animation: none !important;
		}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translateX( -10px );
	}
	to {
		opacity: 1;
		transform: translateX( 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */

/*
 * 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
 */

/**
 * Makes element unselectable.
 */

.ck.ck-balloon-panel.ck-tooltip {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	z-index: calc( var(--ck-z-dialog) + 100 );
}
/*
 * 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
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * 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
 */
/**
 * A visual style of focused element's border.
 */
/*
 * 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
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */

:root {
	--ck-color-presence-list-dropdown-background: hsl(0, 0%, 100%);
	--ck-color-presence-list-dropdown-arrow-border: hsl(0, 0%, 92%);

	--ck-presence-list-dropdown-list-max-width: 250px;
	--ck-presence-list-dropdown-list-min-width: 180px;

	--ck-presence-list-users-tooltip-max-width: 120px;
	--ck-presence-list-users-tooltip-min-width: 25px;
}

.ck.ck-presence-list {
	display: inline-flex;
	align-items: center;
	margin-right: var(--ck-spacing-standard);
	transition: margin-right 200ms ease-in-out;
	font-size: var(--ck-font-size-base);
}

.ck.ck-presence-list * {
		box-sizing: border-box;
	}

.ck.ck-presence-list__list {
	display: flex;
	flex-direction: row;
	position: relative;

	/* Taking care about margin animation in collapsed mode. */
	justify-content: flex-end;
}

.ck.ck-presence-list__list::after {
		content: "";
		position: absolute;
		bottom: -15px;
		left: 0;
		width: 100%;
		height: 15px;
		background: transparent;
	}

.ck.ck-presence-list__counter--hidden {
	display: none;
}

.ck.ck-presence-list__list-item {
	/**
	 * Reset default CK5 button styles - `.ck-reset__all *`.
	 * Reset default user agent button stylesheet too.
	 */
	font: inherit;
	color: inherit;
	border: 1px solid transparent;
	outline: none;
	background: none;
	padding: 0;

	position: relative;
	margin-left: var(--ck-spacing-medium);
}

.ck.ck-presence-list__list-item:focus {
		border-radius: 0;
		/* Disable native outline. */
		outline: none;
		border: var(--ck-focus-ring);
		box-shadow: var(--ck-focus-outer-shadow), 0 0;
	}

.ck-rounded-corners .ck.ck-presence-list__list-item:focus,
	.ck.ck-presence-list__list-item.ck-rounded-corners:focus {
		border-radius: var(--ck-border-radius);
	}

.ck.ck-presence-list__list-item .ck-label {
		/*
		 * Forces screen reader to read label despite the fact that it is hidden.
		 * Placing `display: none` on the element will prevent screen reader from reading it.
		 */
		overflow: hidden;
		height: 0px;
		width: 0px;
	}

.ck.ck-presence-list__list-item:first-child {
		margin-left: 0;
	}

.ck.ck-tooltip.ck-presence-list__list-item__tooltip > .ck-tooltip__text {
		display: inline-block;
		max-width: var(--ck-presence-list-users-tooltip-max-width);
		overflow: hidden;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.ck.ck-presence-list__marker {
	position: relative;
	display: block;
	width: 100%;
	height: 3px;
	margin-top: 5px;
}

/**
 * Add better UX behavior of button to the `clickable` elements.
 * We need to create stronger specificity than `.ck.ck-reset__all *`.
 */
.ck-presence-list__list button.ck-presence-list__list-item *,
.ck-presence-list__balloon button.ck-presence-list__dropdown-list-item * {
	cursor: pointer;
}

.ck.ck-presence-list--collapsed .ck-presence-list__list {
		border: 1px solid transparent;
		padding-left: 1px;

		/* Because of moving avatars to the right with margin-left we need to set min-width of container. */
		min-width: calc( var(--ck-user-avatar-size) * 2 );
	}

.ck.ck-presence-list--collapsed .ck-presence-list__list * {
			cursor: pointer;
			transition: all 400ms ease-in-out;
		}

.ck.ck-presence-list--collapsed .ck-presence-list__list:focus {
			border-radius: 0;
			/* Disable native outline. */
			outline: none;
			border: var(--ck-focus-ring);
			box-shadow: var(--ck-focus-outer-shadow), 0 0;
		}

.ck-rounded-corners .ck.ck-presence-list--collapsed .ck-presence-list__list:focus,
	.ck.ck-presence-list--collapsed .ck-presence-list__list.ck-rounded-corners:focus {
		border-radius: var(--ck-border-radius);
	}

.ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item {
		/* Adding negative margin (35% of avatar) to create collapsed effect. */
		margin-left: calc( var(--ck-user-avatar-size) * -0.35);

		/* Reset focus borders */
		border: 0;
		padding: 0;
	}

.ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:first-child {
			margin-left: 0;
		}

.ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:last-child {
			order: unset;
		}

.ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item .ck-user {
			--ck-presence-list-avatar-border-color: var(--ck-color-base-foreground);
			border: 2px solid var(--ck-presence-list-avatar-border-color);
			margin-left: 0;
			margin-right: 0;
		}

.ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item.ck-presence-list__users-counter {
			margin-left: 0;
			margin-right: 0;
		}

.ck.ck-presence-list__balloon {
	/* Overwrite arrows background of balloon */
	--ck-color-panel-border: var(--ck-color-presence-list-dropdown-arrow-border);
	--ck-color-panel-background: var(--ck-color-presence-list-dropdown-background);

	background-color: var(--ck-color-presence-list-dropdown-background);
	border: 0;
	opacity: 1;
	animation: 300ms fadeIn ease-in-out;
}

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

.ck.ck-presence-list__balloon {
		animation: none;
}
	}

.ck.ck-presence-list__balloon ul {
		background-color: var(--ck-color-presence-list-dropdown-background);
	}

.ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list-wrapper {
		min-width: var(--ck-presence-list-dropdown-list-min-width);
		max-width: var(--ck-presence-list-dropdown-list-max-width);
		border-radius: var(--ck-border-radius);

		/*
		 * Make it scrollable to prevent truncate of focus ring and shadow.
		 * It's temporary fix, we should rethink max-height of dropdown
		 */
	}

.ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list-wrapper.ck-presence-list__dropdown-list-wrapper_scrollable {
			max-height: 80vh;
			overflow-y: auto;
			overflow-x: hidden;
		}

.ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list-item {
		/**
		 * Reset default CK5 button styles - `.ck-reset__all *`.
		 * Reset default user agent button stylesheet too.
		 */
		font: inherit;
		color: inherit;
		outline: none;
		border: 0;
		background: none;

		display: flex;
		align-items: center;
		position: relative;
		padding: var(--ck-spacing-standard);
	}

.ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list-item:focus {
			position: relative;
			z-index: 1;
			outline: var(--ck-focus-ring);
			outline-offset: -1px;

			box-shadow: var(--ck-focus-outer-shadow), 0 0;
		}

.ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list-item:first-of-type .ck-presence-list__marker {
				border-top-left-radius: var(--ck-border-radius);
			}

.ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list-item:last-of-type .ck-presence-list__marker {
				border-bottom-left-radius: var(--ck-border-radius);
			}

.ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list .ck-user__full-name {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			color: var(--ck-color-base-text);
			margin-left: var(--ck-spacing-standard);
		}

.ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list .ck.ck-presence-list__marker {
			position: absolute;
			left: 0;
			margin: 0;
			height: 100%;
			width: 3px;
		}

.ck.ck-presence-list__users-counter {
	--ck-presence-list-counter-border-color: var(--ck-user-avatar-background);
	--ck-presence-list-counter-background-color: var(--ck-user-avatar-color);

	border: 2px solid var(--ck-presence-list-counter-border-color);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 50%;
	background-color: var(--ck-presence-list-counter-background-color);
	box-sizing: border-box;
	height: calc(var(--ck-user-avatar-size) - 4px);
	width: calc(var(--ck-user-avatar-size) - 4px);
	line-height: 100%;
	margin: 2px;
	margin-top: 4px;
}

.ck.ck-presence-list__users-counter__text {
	--ck-presence-list-counter-text-color: var(--ck-user-avatar-background);

	color: var(--ck-presence-list-counter-text-color);
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck {
	--ck-revision-history-loading-overlay-transition-duration: .2s;
	--ck-revision-history-loading-overlay-transition-delay: 0s;
	--ck-revision-history-loading-overlay-spinner-rotation-duration: 1s;
	--ck-revision-history-loading-overlay-spinner-size: 60px;
	--ck-revision-history-loading-overlay-visible-background: hsla(0, 0%, 100%, 1);
}

.ck.ck-editor__editable::before, .ck.ck-editor__editable::after {
		visibility: hidden;
		transition: opacity var(--ck-revision-history-loading-overlay-transition-duration) ease;
		opacity: 0;
		content: '';
		position: absolute;
		transition-delay: 0s;
	}

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

.ck.ck-editor__editable::before, .ck.ck-editor__editable::after {
			transition: none;
	}
		}

.ck.ck-editor__editable::before {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--ck-revision-history-loading-overlay-visible-background);
		z-index: var(--ck-z-default);
	}

.ck.ck-editor__editable::after {
		box-sizing: border-box;
		top: 50%;
		left: 50%;
		width: var(--ck-revision-history-loading-overlay-spinner-size);
		height: var(--ck-revision-history-loading-overlay-spinner-size);
		transform: translate(-50%, -50%);
		border-radius: 50%;
		border-top: 3px solid var(--ck-color-base-text);
		border-right: 3px solid transparent;
		animation: ck-revision-history-spinner-animation var(--ck-revision-history-loading-overlay-spinner-rotation-duration) linear infinite;
		z-index: var(--ck-z-default);
	}

.ck.ck-editor__editable.ck-editor__editable__loading-overlay, .ck.ck-editor__editable.ck-editor__editable__overlay {
		position: relative;
		min-height: calc(var(--ck-revision-history-loading-overlay-spinner-size) + 2 * var(--ck-spacing-large));
	}

.ck.ck-editor__editable.ck-editor__editable__loading-overlay::before, .ck.ck-editor__editable.ck-editor__editable__overlay::before, .ck.ck-editor__editable.ck-editor__editable__loading-overlay::after, .ck.ck-editor__editable.ck-editor__editable__overlay::after {
			visibility: visible;
			/* Some widgets (e.g. Image) has z-index set to 1. Overlay needs a higher value to cover them correctly. */
			z-index: 2;
			opacity: .8;
			transition-delay: var(--ck-revision-history-loading-overlay-transition-delay);
		}

.ck.ck-editor__editable.ck-editor__editable__overlay::after {
			visibility: hidden;
		}

@keyframes ck-revision-history-spinner-animation {
	/* Safari needs this 0deg step. */
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */

.ck.ck-revision-history-save-revision-form {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 400px;
}

.ck.ck-revision-history-save-revision-form .ck-labeled-field-view {
		width: 100%;
	}

.ck.ck-revision-history-save-revision-form .ck-label {
		display: none;
	}

.ck.ck-revision-history-save-revision-form .ck-input {
		width: 100%;
	}

/*
 * 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
 */

/*
 * 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
 */

.ck-vertical-form .ck-button::after {
		content: "";
		width: 0;
		position: absolute;
		right: -1px;
		top: -1px;
		bottom: -1px;
		z-index: 1;
	}

.ck-vertical-form .ck-button:focus::after {
		display: none;
	}

@media screen and (max-width: 600px) {
			.ck.ck-responsive-form .ck-button::after {
				content: "";
				width: 0;
				position: absolute;
				right: -1px;
				top: -1px;
				bottom: -1px;
				z-index: 1;
			}

			.ck.ck-responsive-form .ck-button:focus::after {
				display: none;
			}
	}

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-revision-history-sidebar__revision-name {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	position: relative;
	left: calc(-1 * var(--ck-spacing-small));
	margin-right: 30px;
}

.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-label {
			display: none;
		}

.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input {
			padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
			min-height: auto;
			color: inherit;
			font-family: inherit;
			font-weight: bold;
			font-size: var(--ck-font-size-normal);
			min-width: auto;
			width: 100%;
			border-radius: var(--ck-border-radius);
			transition: var(--ck-revision-history-revision-transitions);
			background: transparent;
			text-overflow: ellipsis;
		}

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

.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input {
				transition: none;
		}
			}

.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input, .ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input:focus, .ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input[readonly] {
				background: transparent;
			}

.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input:not(.ck-input_focused) {
				/* Only when the input is focused, it should look like an input. By default, it should not be obvious
				that revision names are inputs. */
				border-color: transparent;
			}

.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input::placeholder {
				/* The placeholder should be transparent to the users. When there is no name (whis is not mandatory),
				the date is displayed instead of a name and it should look like this is normal. */
				color: inherit;
			}

/* Don't put the selection in the revision name when clicking an unselected revision. This is annoying. */

.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input[readonly] {
				pointer-events: none;
			}

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-revision-history-sidebar__revision-author {
	display: block;
	position: relative;
	transition: var(--ck-revision-history-revision-transitions);
}

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

.ck.ck-revision-history-sidebar__revision-author {
		transition: none;
}
	}

.ck.ck-revision-history-sidebar__revision-author .ck-revision-history-sidebar__revision-author__name {
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		white-space: nowrap;
		display: block;
		font-weight: bold;
	}

.ck.ck-revision-history-sidebar__revision-author .ck-icon {
		position: absolute;
		left: calc(-1 * var(--ck-revision-history-revision-author-icon-offset));
		top: 3px;

		width: 11px;
		height: 10px;
	}

.ck.ck-revision-history-sidebar__revision-author:not(:first-of-type) .ck-icon {
		display: none;
	}

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions {
			display: none;
			position: absolute;
			top: var(--ck-spacing-small);
			right: var(--ck-spacing-small);
		}

.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-dropdown__button {
				min-width: unset;
				min-height: unset;
			}

.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-dropdown__button .ck-button__icon {
					transform: scale( .7 );
				}

.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-dropdown__arrow {
				display: none;
			}

.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-list__item__danger {
				color: var(--ck-color-button-cancel);
			}

.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button {
					color: var(--ck-color-base-background);
				}

.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button:hover,
					.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button.ck-on {
						background: var(--ck-color-base-active-focus);
					}

.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button:hover:hover, .ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button.ck-on:hover {
							filter: brightness(95%);
						}

/* stylelint-disable no-descending-specificity */

.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted .ck-revision-history-sidebar__revision__actions .ck-dropdown__button:hover,
					.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted .ck-revision-history-sidebar__revision__actions .ck-dropdown__button.ck-on {
						background: var(--ck-revision-history-revision-highlighted-background-color-hover);
					}

.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted .ck-revision-history-sidebar__revision__actions .ck-dropdown__button:hover:hover, .ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted .ck-revision-history-sidebar__revision__actions .ck-dropdown__button.ck-on:hover {
							filter: brightness(95%);
						}

/* stylelint-enable no-descending-specificity */

.ck.ck-revision-history-sidebar__revision:hover:not(.ck-disabled) .ck-revision-history-sidebar__revision__actions,
		.ck.ck-revision-history-sidebar__revision:not(.ck-disabled) .ck-revision-history-sidebar__revision__actions.ck-on {
			display: block;
		}

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck {
	--ck-revision-history-revision-background-color: var(--ck-color-base-background);
	--ck-revision-history-revision-border-color: hsl(213deg 20% 35%);
	--ck-revision-history-revision-box-shadow: 0 1px 1px 1px hsl(0deg 0% 90%);
	--ck-revision-history-revision-author-icon-offset: 20px;
	--ck-revision-history-revision-transitions: background 100ms ease-in, border 100ms ease-in;
	--ck-revision-history-revision-selected-text-color: var(--ck-color-base-background);
	--ck-revision-history-revision-selected-input-text-color-empty: var(--ck-color-base-background);
	--ck-revision-history-revision-selected-background-color: var(--ck-color-base-active);
	--ck-revision-history-revision-highlighted-background-color: hsl(208deg 100% 94%);
	--ck-revision-history-revision-highlighted-background-color-hover: hsl(208deg 100% 90%);
	--ck-revision-history-revision-delete-confirmation-background: hsl(0deg 100% 90%);
	--ck-revision-history-revision-delete-confirmation-active-button-background: hsl(0deg 100% 85%);
}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision {
		position: relative;
		display: block;
		background: var(--ck-revision-history-revision-background-color);

		padding: var(--ck-spacing-large) calc(2 * var(--ck-spacing-standard));
		border-radius: var(--ck-border-radius);
		border-left: 3px solid var(--ck-revision-history-revision-border-color);
		box-shadow: var(--ck-revision-history-revision-box-shadow);
		width: 100%;
		/*transition: var(--ck-revision-history-revision-transitions), transform .3s ease-in-out;*/
		transition: transform .3s ease;
	}

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

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision {
			transition: none;
	}
		}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision:last-child {
			margin-bottom: 0;
		}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__date {
			display: block;
			font-size: var(--ck-font-size-small);
			font-weight: bold;
			opacity: .8;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 100%;
			white-space: nowrap;
			/*transition: var(--ck-revision-history-revision-transitions);*/
		}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__controls-wrapper {
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			margin: var(--ck-spacing-standard) 0 0;
		}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision-authors {
			padding: 0;
			margin: 0 0 0 var(--ck-revision-history-revision-author-icon-offset);
			flex: 0 1 auto;
			min-width: 0;
		}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected,
		.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted {
			border-left-color: transparent;
			transform: translateX(calc(-1 * var(--ck-revision-history-sidebar-timeline-padding)));
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected {
			background: var(--ck-revision-history-revision-selected-background-color);
			color: var(--ck-revision-history-revision-selected-text-color);
		}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision-name .ck-input {
				color: var(--ck-revision-history-revision-selected-text-color);

				/* The placeholder displays the date but without a different opacity it would not be unclear
				whether this is an actual input value or not */
			}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision-name .ck-input.ck-input-text_empty::placeholder {
					opacity: .7;
				}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted {
			background: var(--ck-revision-history-revision-highlighted-background-color);
		}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__actions_dropdown_open {
			z-index: var(--ck-z-default);
		}

/* Slide the revision to the left when the delete confirmation prompt shows up. */

.ck.ck-revision-history-sidebar__revision-wrapper.ck-revision-history-sidebar__revision-wrapper_confirmation_visible .ck-revision-history-sidebar__revision {
			box-shadow: none;
			position: relative;
			transform: translate3d( -100%, 0, 0 );
		}

.ck.ck-revision-history-sidebar__revision-wrapper.ck-revision-history-sidebar__revision-wrapper_confirmation_visible .ck-revision-history-sidebar__revision, .ck.ck-revision-history-sidebar__revision-wrapper.ck-revision-history-sidebar__revision-wrapper_confirmation_visible .ck-revision-history-sidebar__revision * {
				--ck-revision-history-revision-background-color: transparent;
				--ck-revision-history-revision-selected-background-color: transparent;
				--ck-revision-history-revision-highlighted-background-color: transparent;
			}

/* A confirmation that shows up when attempting to delete a revision */

.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;

		position: absolute;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100%;

		border-radius: var(--ck-border-radius);
		box-shadow: var(--ck-revision-history-revision-box-shadow);
		background: var(--ck-revision-history-revision-delete-confirmation-background);
		user-select: none;
	}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner {
			text-align: center;
			margin-top: var(--ck-spacing-small);

			/* Confirmation message */
		}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner p {
				margin: 0;
				font-weight: bold;
				color: var(--ck-color-text);
			}

/* Confirmation buttons */

.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions {
				display: flex;
				flex-direction: row;
				justify-content: space-evenly;
			}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button:hover, .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button:focus, .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button:active {
						background: var(--ck-revision-history-revision-delete-confirmation-active-button-background);
					}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button.ck-thread__remove-confirm-submit {
						color: var(--ck-color-button-save);
					}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button.ck-thread__remove-confirm-cancel {
						color: var(--ck-color-button-cancel);
					}

.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__subrevisions {
		margin-left: var(--ck-spacing-large);
	}

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck {
	--ck-revision-history-sidebar-revision-vertical-spacing: calc(2 * var(--ck-spacing-standard));
}

.ck.ck-revision-history-sidebar__time-period {
	width: 100%;
}

.ck.ck-revision-history-sidebar__time-period .ck-revision-history-sidebar__time-period__label {
		background: var(--ck-revision-history-sidebar-period-background);
		font-size: 9px;
		font-weight: bold;
		padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
		border-radius: var(--ck-border-radius);
		color: var(--ck-color-base-background);
		text-transform: uppercase;
	}

.ck.ck-revision-history-sidebar__time-period .ck-revision-history-sidebar__time-period__label:first-child {
			margin-top: var(--ck-spacing-standard);
		}

.ck.ck-revision-history-sidebar__time-period .ck-revision-history-sidebar__time-period__revisions {
		display: flex;
		flex-direction: column;
	}

.ck.ck-revision-history-sidebar__time-period .ck-revision-history-sidebar__time-period__revisions .ck-revision-history-sidebar__revision-wrapper {
			margin-top: var(--ck-revision-history-sidebar-revision-vertical-spacing);
		}

.ck.ck-revision-history-sidebar__time-period:not(.ck-hidden) + .ck-revision-history-sidebar__time-period {
		margin-top: var(--ck-revision-history-sidebar-revision-vertical-spacing);
	}

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-revision-history-sidebar__header {
	/* 
		The height of the sidebar header is calculated to match the height of the editor toolbar.
		The total editor toolbar height is set to `auto`, so we need to calculate its size based on the elements inside.

		The editor toolbar height is affected by 2 main variables and takes the height of whichever is bigger:
		- Toolbar button height, which is a combination of `--ck-ui-component-min-height`, `--ck-icon-size` and `--ck-spacing-small`.
		- Toolbar separator height, which is a combination of `--ck-icon-size` and `--ck-spacing-small`.

		The toolbar button height is calculated as below:
		- `var(--ck-ui-component-min-height)` <- The minimum height of the toolbar button.
		- `2 * var(--ck-spacing-small)` <- Additional margin for all elements inside the toolbar.
		- `1px` <- Top border.

		The toolbar separator height is calculated as below:
		- `var(--ck-icon-size) + 2 * var(--ck-spacing-small)` <- The line separator height.
		- `2 * var(--ck-spacing-small)` <- Additional margin for all elements inside the toolbar.
		- `1px` <- Top border.

		See https://github.com/cksource/ckeditor5-commercial/issues/6929.
	*/
	--header-height: max(
		calc(var(--ck-ui-component-min-height) + 2 * var(--ck-spacing-small) + 1px),
		calc(var(--ck-icon-size) + 2 * var(--ck-spacing-small) + 2 * var(--ck-spacing-small) + 1px)
	);

	height: var(--header-height);
	min-height: var(--header-height);
	line-height: var(--header-height);
	border-bottom: 1px solid var(--ck-color-toolbar-border);
	overflow: hidden;
	font-family: inherit;
	font-weight: bold;
	color: inherit;
	padding: 0 var(--ck-revision-history-sidebar-timeline-padding);
	display: flex;
	flex-direction: row;
	align-items: center;
}

.ck.ck-revision-history-sidebar__header .ck-revision-history-sidebar__header__label {
		font-family: inherit;
		font-weight: bold;
		color: inherit;
		font-size: 1.2em;
	}

.ck.ck-revision-history-sidebar__header .ck-icon {
		margin-right: var(--ck-spacing-large);
	}

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck {
	--ck-revision-history-sidebar-period-background: hsl(14deg 100% 57%);
	--ck-revision-history-sidebar-timeline-padding: var(--ck-spacing-large);
}

.ck.ck-revision-history-sidebar {
	display: flex;
	flex-direction: column;
}

.ck.ck-revision-history-sidebar .ck-revision-history-sidebar__timeline {
		display: flex;
		flex-direction: column;
		align-items: start;
		padding: var(--ck-revision-history-sidebar-timeline-padding);
		font-size: var(--ck-font-size-base);
		overflow-y: auto;
		height: 100%;

		/*
		 * Required for the revision delete confirmation slide-to-the-left effect.
		 * Without it, a h-scroll shows up for a while
		 */
		overflow-x: hidden;
	}

.ck.ck-revision-history-sidebar .ck-revision-history-sidebar__timeline.ck-disabled {
			filter: grayscale(1) opacity(var(--ck-disabled-opacity));
		}

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation .ck-revision-history-ui__changes-navigation__wrapper {
		display: flex;
		margin-right: var(--ck-spacing-standard);
	}

.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation .ck-revision-history-ui__changes-navigation__label {
		font-weight: bold;
		white-space: pre;
	}

.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation .ck-revision-history-ui__changes-navigation__navigation {
		margin-left: var(--ck-spacing-small);
	}

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck .ck-revision-change {
	padding: var(--ck-spacing-small) var(--ck-spacing-large);
	border-top-left-radius: var(--ck-border-radius);
	outline: 0;
}

.ck .ck-revision-change > * {
		vertical-align: bottom;
		font-size: var(--ck-font-size-standard);
	}

.ck .ck-revision-change.ck-revision-change__add {
		border-left-color: var(--ck-color-suggestion-box-insertion-border);
	}

.ck .ck-revision-change.ck-revision-change__remove {
		border-left-color: var(--ck-color-suggestion-box-deletion-border);
	}

.ck .ck-revision-change .ck-revision-change__label {
		font-weight: bold;
		font-size: inherit;
		vertical-align: inherit;
	}

.ck.ck-button.ck-revision-history-ui__back-to-editing {
		background: var(--ck-color-base-active);
		color: var(--ck-color-base-background);
	}

.ck.ck-button.ck-revision-history-ui__back-to-editing:hover:not(.ck-disabled) {
			background: var(--ck-color-base-active-focus);
		}

.ck-content .ck-suggestion-preview-marker { opacity: 0.75; }

.ck-content .ck-suggestion-preview-marker-split { opacity: 0.75; }

.ck-content .ck-suggestion-preview-marker-split::after { content: '¶'; }

.ck-content .ck-suggestion-preview-marker-merge { opacity: 0.75; text-decoration: line-through; }

.ck-content .ck-suggestion-preview-marker-merge::after { content: '¶'; }

.ck-content .ck-suggestion-preview-marker-deletion { text-decoration: line-through; }

.ck-content .ck-suggestion-marker-deletion-new:not(.ck-widget),
	.ck-content .ck-suggestion-marker-merge-new {
		--ck-color-suggestion-marker-deletion-border: none;
		--ck-color-suggestion-marker-deletion-border-active: none;
		--ck-color-suggestion-marker-deletion-background: none;
		--ck-color-suggestion-marker-deletion-background-active: none;
		--ck-color-suggestion-marker-deletion-stroke: hsla(345, 60%, 30%, .8);

		--ck-color-suggestion-widget-deletion-background: hsla(345, 71%, 65%, .03);
		--ck-color-suggestion-widget-deletion-background-active: hsla(345, 71%, 45%, .05);
	}

.ck-content .ck-suggestion-marker-merge-new::after {
		color: inherit;
	}

.ck-content .ck-suggestion-marker-insertion-new,
	.ck-content .ck-suggestion-marker-split-new {
		opacity: 0.75;
	}

.ck-content .ck-suggestion-marker-deletion-new.ck-suggestion-marker--active:not(.table),
	.ck-content .ck-suggestion-marker-merge-new.ck-suggestion-marker--active {
		--ck-color-suggestion-marker-deletion-background-active: hsla(345, 71%, 50%, .08);
		--ck-color-suggestion-marker-deletion-stroke: hsla(345, 60%, 30%, 1);

		opacity: 1;
	}

.ck-content .ck-suggestion-marker-insertion-new.ck-suggestion-marker--active,
	.ck-content .ck-suggestion-marker-split-new.ck-suggestion-marker--active {
		opacity: 1;
	}

.ck.ck-editor__editable_inline.ck-revision-history-root-add {
	border: 3px solid var(--ck-color-suggestion-marker-insertion-border);
}

.ck.ck-editor__editable_inline.ck-revision-history-root-add.ck-revision-history-root--active {
		border-color: var(--ck-color-suggestion-marker-insertion-border-active);
	}

.ck.ck-editor__editable_inline.ck-revision-history-root-remove {
	border: 3px solid var(--ck-color-suggestion-marker-deletion-border);
}

.ck.ck-editor__editable_inline.ck-revision-history-root-remove.ck-revision-history-root--active {
		border-color: var(--ck-color-suggestion-marker-deletion-border-active);
	}

/*
 * 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
 */

.ck.ck-editor {
	/* All the elements within `.ck-editor` are positioned relatively to it.
	 If any element needs to be positioned with respect to the <body>, etc.,
	 it must land outside of the `.ck-editor` in DOM. */
	position: relative;
}

.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
		/* https://github.com/ckeditor/ckeditor5-editor-classic/issues/62 */
		z-index: var(--ck-z-panel);
	}

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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-slash-command-button-width: 250px;
	--ck-slash-command-description-width: 200px;
}

.ck-mentions .ck.ck-button.ck-slash-command-button {
	display: flex;
	justify-content: flex-start;
	width: var(--ck-slash-command-button-width);
	padding: calc(.2 * var(--ck-line-height-base) * var(--ck-font-size-base));
}

.ck-mentions .ck.ck-button.ck-slash-command-button .ck.ck-icon {
		flex-shrink: 0;
		margin-left: 0;
		padding: 5px;
		color: var(--ck-color-base-text);
		background-color: var(--ck-color-base-background);
		border-radius: 2px;
		box-sizing: initial;
	}

[dir="ltr"] .ck-mentions .ck.ck-button.ck-slash-command-button .ck.ck-icon {
			margin: 0 var(--ck-spacing-small) 0 0;
	}

[dir="rtl"] .ck-mentions .ck.ck-button.ck-slash-command-button .ck.ck-icon {
			margin: 0 0 0 var(--ck-spacing-small);
	}

.ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part {
		display: flex;
		flex-direction: column;
	}

[dir="ltr"] .ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part {
			margin-left: var(--ck-spacing-small);
	}

[dir="rtl"] .ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part {
			margin-right: var(--ck-spacing-small);
	}

.ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > span {
			line-height: 1.2em;
		}

.ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > .ck-button__label,
		.ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > .ck-slash-command-button__description {
			width: var(--ck-slash-command-description-width);
			overflow: hidden;
			text-overflow: ellipsis;
		}

.ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > .ck-button__label {
			font-weight: bold;
		}

.ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > .ck-slash-command-button__description {
			font-size: var(--ck-font-size-small);
			opacity: 0.75;
		}

.ck-mentions .ck.ck-button.ck-slash-command-button.ck-on > .ck-slash-command-button__text-part > span {
		color: var(--ck-color-list-button-on-text);
	}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */

/**
 * A visual style of focused element's border.
 */

:root {
	/* Keep the editor as big as possible within the limits of the dialog system geometry. */
	/* stylelint-disable function-calc-no-unspaced-operator */
	--ck-source-editing-enhanced-height: calc(
		var(--ck-dialog-max-height)            /* ─▶   Total max height of the dialog     */
		- var(--ck-form-header-height)         /* ─▶   Height of the dialog header        */
		- 2 * var(--ck-spacing-large)          /* ─┐                                       */
		- var(--ck-ui-component-min-height)    /*  ├─▶ Height of the dialog actions bar   */
		- 2 * var(--ck-spacing-tiny)           /* ─┘                                       */
	);
	/* stylelint-enable function-calc-no-unspaced-operator */
	--ck-source-editing-enhanced-width: min(80vw, 1200px);
}

.ck.ck-code-editor {
	display: flex;
	align-items: stretch;
	flex-direction: row;
	justify-content: flex-start;
	white-space: initial;
	margin: 0 auto;
	border-bottom: 1px solid var(--ck-color-base-border);
	height: var(--ck-source-editing-enhanced-height);
	width: var(--ck-source-editing-enhanced-width);

	/* Styles of the CodeMirror editor */
}

.ck.ck-code-editor .cm-editor {
		flex-grow: 1;
		width: 100%;
	}

.ck.ck-code-editor .cm-editor.cm-focused {
			outline: var(--ck-focus-ring);
		}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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-template-dropdown-view-width: 345px;
	--ck-template-dropdown-view-height: 300px;
	--ck-template-icon-size: 45px;
}

/* Override default rules for icons to allow any fill color. */
.ck-button.ck-template-button .ck.ck-icon {
		color: unset;
	}
.ck-button.ck-template-button .ck.ck-icon * {
			color: unset;
		}
.ck-button.ck-template-button .ck.ck-icon *:not([fill]) {
				fill: unset;
			}

.ck.ck-template-form {
	width: var(--ck-template-dropdown-view-width);
}

@media screen and (max-width: 600px) {

.ck.ck-template-form {
		--ck-template-dropdown-view-width: 260px;
}
	}

.ck.ck-template-form > .ck-labeled-field-view {
		padding: var(--ck-spacing-large);
	}

.ck.ck-template-form > .ck-search__results {
		border-top: 1px solid var(--ck-color-base-border);
	}

.ck.ck-template-form > .ck-search__results > .ck.ck-list.ck-template-list {
			max-height: var(--ck-template-dropdown-view-height);
			padding: var(--ck-spacing-large);
			overflow-x: hidden;
			overflow-y: auto;
			overscroll-behavior: contain;

			/*
			* This is a dirty way to increase the selector specificity and override the default rounded corners
			* of a list inside a dropdown panel
			*/
		}

.ck-rounded-corners .ck.ck-template-form > .ck-search__results > .ck.ck-list.ck-template-list {
				border-radius: 0;
			}

/* This is an easy way to address the problem of spacings between hidden and visible list items */

.ck.ck-template-form > .ck-search__results > .ck.ck-list.ck-template-list > .ck.ck-list__item:not(.ck-hidden) ~ .ck.ck-list__item {
					margin-top: var(--ck-spacing-large);
				}

.ck.ck-template-form > .ck-search__results > .ck.ck-list.ck-template-list > .ck.ck-list__item > .ck.ck-button {
					width: 100%;
					margin: 0;
					padding: 0;
					border-radius: var(--ck-border-radius);

					/* Crop the icon when the border-radius is large */
					overflow: hidden;

					display: grid;
					grid-template-columns: var(--ck-template-icon-size) 1fr;
					grid-template-rows: var(--ck-template-icon-size);
					grid-auto-columns: 1fr;

					gap: var(--ck-spacing-large) var(--ck-spacing-large);
					grid-auto-flow: column dense;
					align-items: center;
					grid-template-areas: "ck-template-icon ck-template-content";
				}

.ck.ck-template-form > .ck-search__results > .ck.ck-list.ck-template-list > .ck.ck-list__item > .ck.ck-button:not(:focus) {
						border-color: var(--ck-color-dropdown-panel-background);
					}

.ck.ck-template-form > .ck-search__results > .ck.ck-list.ck-template-list > .ck.ck-list__item > .ck.ck-button > .ck.ck-icon {
						width: var(--ck-template-icon-size);
						height: auto;
						grid-area: ck-template-icon;
						margin: 0;
					}

.ck.ck-template-form > .ck-search__results > .ck.ck-list.ck-template-list > .ck.ck-list__item > .ck.ck-button > .ck-template-form__text-part {
						display: flex;
						flex-direction: column;
						justify-content: space-evenly;
						height: 100%;
						grid-area: ck-template-content;
						min-width: 0;
						margin: 0;
					}

.ck.ck-template-form > .ck-search__results > .ck.ck-list.ck-template-list > .ck.ck-list__item > .ck.ck-button > .ck-template-form__text-part > .ck.ck-button__label {
							display: block;
							font-weight: bold;
							font-size: var(--ck-font-size-base);
							color: var(--ck-color-text);
							line-height: 1.1;

							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}

.ck.ck-template-form > .ck-search__results > .ck.ck-list.ck-template-list > .ck.ck-list__item > .ck.ck-button > .ck-template-form__text-part .ck-template-form__description {
							display: -webkit-box;
							font-size: 0.85em;
							color: var(--ck-color-text);
							line-height: 1.1;

							/* Leave some tiny spacing between title and description. */
							margin-top: var(--ck-spacing-tiny);

							white-space: normal;
							overflow: hidden;
							text-overflow: ellipsis;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2;
						}

.ck.ck-template-form > .ck-search__results > .ck.ck-list.ck-template-list > .ck.ck-list__item > .ck.ck-button > .ck-template-form__text-part mark {
							background: var(--ck-color-highlight-background);
							vertical-align: initial;
							font-weight: inherit;
							line-height: inherit;
							font-size: inherit;
						}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-track-changes-preview {
	max-height: 80vh;
	max-width: 80vw;
	overflow-x: hidden;

	/* Allow the contents to be selected (and e.g. copied) by the user. */
	user-select: text;
}

.ck.ck-content.ck-track-changes-preview__root-container[data-ck-root-name] {
	margin: 0;
	border: none;
}

:where([uc-wgt-common]){--cfg-init-activity: "start-from";--cfg-done-activity: ""}:where([uc-wgt-common]){--uc-font-family: system-ui;--uc-font-size: 14px;--uc-line-height: normal;--uc-simple-btn-font-family: system-ui;--uc-simple-btn-font-size: 14px;--uc-button-size: 32px;--uc-preview-size: 32px;--uc-padding: 10px;--uc-radius: 8px;--uc-transition: .2s ease;--uc-dialog-width: 430px;--uc-dialog-max-width: 920px;--uc-dialog-max-height: 675px;--uc-simple-btn-padding: 7px 14px;--uc-grid-col: 3;--uc-grid-preview-image-height: auto;--uc-grid-gap: calc(var(--uc-padding) / 2);--uc-grid-aspect-ratio: 1 / 1;--uc-background: var(--uc-background-light);--uc-foreground: var(--uc-foreground-light);--uc-primary: var(--uc-primary-light);--uc-primary-hover: var(--uc-primary-hover-light);--uc-primary-transparent: var(--uc-primary-transparent-light);--uc-primary-foreground: var(--uc-primary-foreground-light);--uc-secondary: var(--uc-secondary-light);--uc-secondary-hover: var(--uc-secondary-hover-light);--uc-secondary-foreground: var(--uc-secondary-foreground-light);--uc-muted: var(--uc-muted-light);--uc-muted-foreground: var(--uc-muted-foreground-light);--uc-destructive: var(--uc-destructive-light);--uc-destructive-foreground: var(--uc-destructive-foreground-light);--uc-border: var(--uc-border-light);--uc-dialog-shadow: var(--uc-dialog-shadow-light);--uc-simple-btn: var(--uc-simple-btn-light);--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light)}@supports not (color: oklch(0% 0 0)){:where([uc-wgt-common]){--uc-primary-rgb-light: 23 75 215;--uc-primary-light: rgb(var(--uc-primary-rgb-light));--uc-primary-hover-light: rgb(var(--uc-primary-rgb-light) / 90%);--uc-primary-transparent-light: rgb(var(--uc-primary-rgb-light) / 10%);--uc-background-light: rgb(255 255 255);--uc-foreground-light: rgb(24 24 24);--uc-primary-foreground-light: #fff;--uc-secondary-light: rgb(24 24 24 / 5%);--uc-secondary-hover-light: rgb(24 24 24 / 8%);--uc-secondary-foreground-light: rgb(24 24 24);--uc-muted-light: rgb(245 245 245);--uc-muted-foreground-light: rgb(113 113 113);--uc-destructive-light: rgb(232 19 20 / 5%);--uc-destructive-foreground-light: rgb(232 19 20);--uc-border-light: rgb(228 228 232);--uc-dialog-shadow-light: 0px 6px 20px rgb(0 0 0 / 10%);--uc-simple-btn-light: rgb(235 235 235);--uc-simple-btn-hover-light: rgb(228 228 228);--uc-simple-btn-foreground-light: rgb(24 24 24);--uc-primary-rgb-dark: 87 154 255;--uc-primary-dark: rgb(var(--uc-primary-rgb-dark));--uc-primary-hover-dark: rgb(var(--uc-primary-rgb-dark) / 90%);--uc-primary-transparent-dark: rgb(var(--uc-primary-rgb-dark) / 7%);--uc-background-dark: rgb(27 27 27);--uc-foreground-dark: rgb(225 225 225);--uc-primary-foreground-dark: rgb(0 0 0);--uc-secondary-dark: rgb(225 225 225 / 7%);--uc-secondary-hover-dark: rgb(225 225 225 / 10%);--uc-secondary-foreground-dark: rgb(225 225 225);--uc-muted-dark: rgb(36 36 36);--uc-muted-foreground-dark: rgb(152 152 152);--uc-destructive-dark: rgb(244 90 79 / 10%);--uc-destructive-foreground-dark: rgb(244 90 79);--uc-border-dark: rgb(61 61 61);--uc-dialog-shadow-dark: 0px 6px 20px rgb(0 0 0 / 25%);--uc-simple-btn-dark: rgb(36 36 36);--uc-simple-btn-hover-dark: rgb(43 43 43);--uc-simple-btn-foreground-dark: rgb(255 255 255)}}@supports (color: oklch(0% 0 0)){:where([uc-wgt-common]){--uc-primary-oklch-light: 47% .22 264;--uc-primary-light: oklch(var(--uc-primary-oklch-light));--uc-primary-hover-light: oklch(var(--uc-primary-oklch-light) / 90%);--uc-primary-transparent-light: oklch(var(--uc-primary-oklch-light) / 7%);--uc-background-light: oklch(100% 0 0);--uc-foreground-light: oklch(21% 0 0);--uc-primary-foreground-light: oklch(100% 0 0);--uc-secondary-light: oklch(21% 0 0 / .05);--uc-secondary-hover-light: oklch(21% 0 0 / .08);--uc-secondary-foreground-light: oklch(21% 0 0);--uc-muted-light: oklch(97% 0 0);--uc-muted-foreground-light: oklch(40% 0 0);--uc-destructive-light: oklch(59% .235 28.5 / .05);--uc-destructive-foreground-light: oklch(59% .235 28.5);--uc-border-light: oklch(92% 0 0);--uc-dialog-shadow-light: 0px 6px 20px oklch(0% 0 0 / .1);--uc-simple-btn-light: oklch(94% 0 0);--uc-simple-btn-hover-light: oklch(92% 0 0);--uc-simple-btn-foreground-light: oklch(20% 0 0);--uc-primary-oklch-dark: 69% .1768 258.4;--uc-primary-dark: oklch(var(--uc-primary-oklch-dark));--uc-primary-hover-dark: oklch(var(--uc-primary-oklch-dark) / 90%);--uc-primary-transparent-dark: oklch(var(--uc-primary-oklch-dark) / 7%);--uc-background-dark: oklch(22% 0 0);--uc-foreground-dark: oklch(91% 0 0);--uc-primary-foreground-dark: oklch(0% 0 0);--uc-secondary-dark: oklch(91% 0 0 / .07);--uc-secondary-hover-dark: oklch(91% 0 0 / .1);--uc-secondary-foreground-dark: oklch(91% 0 0);--uc-muted-dark: oklch(26% 0 0);--uc-muted-foreground-dark: oklch(68% 0 0);--uc-destructive-dark: oklch(67% .191 27.5 / .1);--uc-destructive-foreground-dark: oklch(67% .191 27.5);--uc-border-dark: oklch(36% 0 0);--uc-dialog-shadow-dark: 0px 6px 20px oklch(0% 0 0 / .25);--uc-simple-btn-dark: oklch(26% 0 0);--uc-simple-btn-hover-dark: oklch(29% 0 0);--uc-simple-btn-foreground-dark: oklch(100% 0 0)}}@media only screen and (max-height: 600px){:where([uc-wgt-common]){--uc-dialog-max-height: 100%}}@media only screen and (max-width: 680px){:where([uc-wgt-common]){--uc-grid-col: 2}}@media only screen and (max-width: 430px){:where([uc-wgt-common]){--uc-dialog-max-width: 100vw;--uc-dialog-max-height: var(--uploadcare-blocks-window-height);--uc-grid-col: 1}}@media (prefers-color-scheme: light){:where([uc-wgt-common]){--uc-background: var(--uc-background-light);--uc-foreground: var(--uc-foreground-light);--uc-primary: var(--uc-primary-light);--uc-primary-hover: var(--uc-primary-hover-light);--uc-primary-transparent: var(--uc-primary-transparent-light);--uc-primary-foreground: var(--uc-primary-foreground-light);--uc-secondary: var(--uc-secondary-light);--uc-secondary-hover: var(--uc-secondary-hover-light);--uc-secondary-foreground: var(--uc-secondary-foreground-light);--uc-muted: var(--uc-muted-light);--uc-muted-foreground: var(--uc-muted-foreground-light);--uc-destructive: var(--uc-destructive-light);--uc-destructive-foreground: var(--uc-destructive-foreground-light);--uc-border: var(--uc-border-light);--uc-dialog-shadow: var(--uc-dialog-shadow-light);--uc-simple-btn: var(--uc-simple-btn-light);--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light)}}@media (prefers-color-scheme: dark){:where([uc-wgt-common]){--uc-background: var(--uc-background-dark);--uc-foreground: var(--uc-foreground-dark);--uc-primary: var(--uc-primary-dark);--uc-primary-hover: var(--uc-primary-hover-dark);--uc-primary-transparent: var(--uc-primary-transparent-dark);--uc-primary-foreground: var(--uc-primary-foreground-dark);--uc-secondary: var(--uc-secondary-dark);--uc-secondary-hover: var(--uc-secondary-hover-dark);--uc-secondary-foreground: var(--uc-secondary-foreground-dark);--uc-muted: var(--uc-muted-dark);--uc-muted-foreground: var(--uc-muted-foreground-dark);--uc-destructive: var(--uc-destructive-dark);--uc-destructive-foreground: var(--uc-destructive-foreground-dark);--uc-border: var(--uc-border-dark);--uc-dialog-shadow: var(--uc-dialog-shadow-dark);--uc-simple-btn: var(--uc-simple-btn-dark);--uc-simple-btn-hover: var(--uc-simple-btn-hover-dark);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-dark)}}:where(.uc-light){--uc-background: var(--uc-background-light);--uc-foreground: var(--uc-foreground-light);--uc-primary: var(--uc-primary-light);--uc-primary-hover: var(--uc-primary-hover-light);--uc-primary-transparent: var(--uc-primary-transparent-light);--uc-primary-foreground: var(--uc-primary-foreground-light);--uc-secondary: var(--uc-secondary-light);--uc-secondary-hover: var(--uc-secondary-hover-light);--uc-secondary-foreground: var(--uc-secondary-foreground-light);--uc-muted: var(--uc-muted-light);--uc-muted-foreground: var(--uc-muted-foreground-light);--uc-destructive: var(--uc-destructive-light);--uc-destructive-foreground: var(--uc-destructive-foreground-light);--uc-border: var(--uc-border-light);--uc-dialog-shadow: var(--uc-dialog-shadow-light);--uc-simple-btn: var(--uc-simple-btn-light);--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light)}:where(.uc-dark){--uc-background: var(--uc-background-dark);--uc-foreground: var(--uc-foreground-dark);--uc-primary: var(--uc-primary-dark);--uc-primary-hover: var(--uc-primary-hover-dark);--uc-primary-transparent: var(--uc-primary-transparent-dark);--uc-primary-foreground: var(--uc-primary-foreground-dark);--uc-secondary: var(--uc-secondary-dark);--uc-secondary-hover: var(--uc-secondary-hover-dark);--uc-secondary-foreground: var(--uc-secondary-foreground-dark);--uc-muted: var(--uc-muted-dark);--uc-muted-foreground: var(--uc-muted-foreground-dark);--uc-destructive: var(--uc-destructive-dark);--uc-destructive-foreground: var(--uc-destructive-foreground-dark);--uc-border: var(--uc-border-dark);--uc-dialog-shadow: var(--uc-dialog-shadow-dark);--uc-simple-btn: var(--uc-simple-btn-dark);--uc-simple-btn-hover: var(--uc-simple-btn-hover-dark);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-dark)}:where(.uc-purple){--uc-primary-oklch-light: 47% .22 300;--uc-primary-oklch-dark: 69% .1768 300}:where(.uc-red){--uc-primary-oklch-light: 47% .21 21;--uc-primary-oklch-dark: 71% .1768 21}:where(.uc-orange){--uc-primary-oklch-light: 47% .1376 51.88;--uc-primary-oklch-dark: 69% .1768 51.88}:where(.uc-green){--uc-primary-oklch-light: 45% .14 130;--uc-primary-oklch-dark: 69% .1768 130}:where(.uc-turquoise){--uc-primary-oklch-light: 45% .0854 174;--uc-primary-oklch-dark: 69% .1768 174}:where(.uc-gray){--uc-primary-oklch-light: 10% 0 0;--uc-primary-oklch-dark: 97% 0 0}:where(.uc-contrast){--uc-border-light: oklch(50% 0 0);--uc-border-dark: oklch(50% 0 0);--uc-muted-light: oklch(98% 0 0);--uc-muted-dark: oklch(16% 0 0);--uc-muted-foreground-light: oklch(20% 0 0);--uc-muted-foreground-dark: oklch(80% 0 0);--uc-background-light: oklch(100% 0 0);--uc-foreground-light: oklch(0% 0 0);--uc-background-dark: oklch(10% 0 0);--uc-foreground-dark: oklch(100% 0 0)}:where([uc-wgt-common]){color:var(--uc-foreground);font-size:var(--uc-font-size);line-height:var(--uc-line-height);font-family:var(--uc-font-family)}:where([uc-wgt-common]) *{box-sizing:border-box}:where([uc-wgt-common]) [hidden]{display:none!important}:where([uc-wgt-common]) [activity]:not([active],.active){display:none}:where([uc-wgt-common]) dialog:not([open]) [activity]{display:none}:where([uc-wgt-common]) button{display:flex;align-items:center;justify-content:center;height:var(--uc-button-size);padding-right:14px;padding-left:14px;font-size:1em;font-family:inherit;white-space:nowrap;border:none;border-radius:var(--uc-radius);cursor:pointer;user-select:none;transition:background-color var(--uc-transition)}:where([uc-wgt-common]) button.uc-primary-btn{color:var(--uc-primary-foreground);background-color:var(--uc-primary)}:where([uc-wgt-common]) button.uc-primary-btn:hover{background-color:var(--uc-primary-hover)}:where([uc-wgt-common]) button.uc-secondary-btn{color:var(--uc-secondary-foreground);background-color:var(--uc-secondary)}:where([uc-wgt-common]) button.uc-secondary-btn:hover{background-color:var(--uc-secondary-hover)}:where([uc-wgt-common].uc-contrast) button.uc-secondary-btn{border:1px solid var(--uc-border)}:where([uc-wgt-common]) button.uc-mini-btn{height:var(--uc-button-size);padding:0;background-color:transparent;color:var(--uc-secondary-foreground)}:where([uc-wgt-common]) button.uc-mini-btn:hover{background-color:var(--uc-secondary)}:where([uc-wgt-common]) :is(button[disabled],button.uc-primary-btn[disabled],button.uc-secondary-btn[disabled]){opacity:.5;pointer-events:none}:where([uc-wgt-common]) a{color:var(--uc-primary);text-decoration:none}:where([uc-wgt-common]) a[disabled]{pointer-events:none}:where([uc-wgt-common]) input[type=text]{display:flex;width:100%;height:var(--uc-button-size);padding-right:10px;padding-left:10px;color:var(--uc-foreground);font-size:1em;font-family:inherit;background-color:var(--uc-background);border:1px solid var(--uc-border);outline:1px solid transparent;border-radius:var(--uc-radius);transition:border-color var(--uc-transition),outline-color var(--uc-transition)}:where([uc-wgt-common]) input[type=text]::placeholder{color:var(--uc-muted-foreground)}:where([uc-wgt-common]) input[type=text]:focus{outline-color:var(--uc-primary-hover);border-color:var(--uc-primary-hover)}:where([uc-wgt-common]) input[disabled]{opacity:.6;pointer-events:none}:where([uc-wgt-common]) uc-select[disabled],:where([uc-wgt-common]) select[disabled]{opacity:.6;pointer-events:none}uc-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--uc-button-size);height:var(--uc-button-size)}uc-icon svg{width:calc(var(--uc-button-size) / 2);height:calc(var(--uc-button-size) / 2)}uc-range{position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--uc-button-size)}uc-range datalist{display:none}uc-range input{width:100%;height:100%;opacity:0}uc-range .uc-track-wrapper{position:absolute;right:10px;left:10px;display:flex;align-items:center;justify-content:center;height:2px;user-select:none;pointer-events:none}uc-range .uc-track{position:absolute;right:0;left:0;display:flex;align-items:center;justify-content:center;height:2px;background-color:currentColor;border-radius:2px;opacity:.5}uc-range .uc-slider{position:absolute;width:16px;height:16px;background-color:currentColor;border-radius:100%;transform:translate(-50%)}uc-range .uc-bar{position:absolute;left:0;height:100%;background-color:currentColor;border-radius:2px}uc-range .uc-caption{position:absolute;display:inline-flex;justify-content:center}uc-config{display:none}:where([uc-simple-btn]){position:relative;display:inline-flex}:where([uc-simple-btn]) button{height:auto;gap:.5em;padding:var(--uc-simple-btn-padding);background-color:var(--uc-simple-btn);color:var(--uc-simple-btn-foreground);font-size:var(--uc-simple-btn-font-size);font-family:var(--uc-simple-btn-font-family)}:where([uc-simple-btn]) button uc-icon{width:auto;height:auto}:where([uc-simple-btn]) button uc-icon svg{width:.9em;height:.9em}:where([uc-simple-btn]) button:hover{background-color:var(--uc-simple-btn-hover)}:where([uc-simple-btn])>uc-drop-area{display:contents}:where([uc-simple-btn]) .uc-visual-drop-area{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--uc-simple-btn-padding);background-color:transparent;color:transparent;font-size:var(--uc-simple-btn-font-size);border:1px dashed var(--uc-simple-btn-foreground);border-radius:inherit;opacity:0;transition:opacity var(--uc-transition)}:where([uc-simple-btn])>uc-drop-area[drag-state=active] .uc-visual-drop-area{opacity:1}:where([uc-simple-btn])>uc-drop-area[drag-state=inactive] .uc-visual-drop-area{opacity:0}:where([uc-simple-btn])>uc-drop-area[drag-state=near] .uc-visual-drop-area{opacity:1}:where([uc-simple-btn])>uc-drop-area[drag-state=over] .uc-visual-drop-area{opacity:1}uc-source-btn>button{display:flex;align-items:center;margin-bottom:2px;padding:2px var(--uc-padding);color:var(--uc-foreground);border-radius:var(--uc-radius);cursor:pointer;transition:background-color var(--uc-transition),color var(--uc-transition);user-select:none;width:100%;background-color:unset;height:unset}uc-source-btn:last-child>button{margin-bottom:0}uc-source-btn>button:hover{background-color:var(--uc-primary-transparent)}:where(.uc-contrast) uc-source-btn>button:hover{background-color:var(--uc-secondary);color:var(--uc-foreground)}uc-source-btn uc-icon{display:inline-flex;flex-grow:1;justify-content:center;min-width:var(--uc-button-size);margin-right:var(--uc-padding);opacity:.8}:where(.uc-contrast) uc-source-btn uc-icon{opacity:1}uc-source-btn .uc-txt{display:flex;align-items:center;box-sizing:border-box;width:100%;height:var(--uc-button-size);padding:0;white-space:nowrap;border:none}:where([uc-drop-area]){padding:2px;overflow:hidden;border:1px dashed var(--uc-border);border-radius:calc(var(--uc-radius) * 1.75);transition:border var(--uc-transition),border-radius var(--uc-transition)}:where([uc-drop-area]),:where([uc-drop-area]) .uc-content-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:where([uc-drop-area]) .uc-text{position:relative;margin:var(--uc-padding);color:var(--uc-muted-foreground);transition:color var(--uc-transition)}:where([uc-drop-area])[ghost][drag-state=inactive]{display:none}:where([uc-drop-area])[ghost]:not([fullscreen]):is([drag-state=active],[drag-state=near],[drag-state=over]){background:var(--uc-background)}:where([uc-drop-area]):is([drag-state=active],[drag-state=near],[drag-state=over],:hover){background:var(--uc-primary-transparent);border-color:var(--uc-primary-transparent)}:where(.uc-contrast) :where([uc-drop-area]):is([drag-state=active],[drag-state=near],[drag-state=over],:hover){color:var(--uc-foreground);background:transparent;border-color:var(--uc-foreground);border-width:2px;border-style:solid}:where([uc-drop-area]):is([drag-state=active],[drag-state=near]){opacity:1}:where([uc-drop-area])[drag-state=over]{border-color:var(--uc-primary);opacity:1}:where([uc-drop-area])[with-icon]{min-height:180px}:where([uc-drop-area])[with-icon] .uc-content-wrapper{display:flex;flex-direction:column}:where([uc-drop-area])[with-icon] .uc-text{color:var(--uc-foreground);font-weight:500;font-size:1.1em}:where([uc-drop-area])[with-icon] .uc-icon-container{position:relative;width:64px;height:64px;margin:var(--uc-padding);overflow:hidden;color:var(--uc-foreground);background-color:var(--uc-muted);border-radius:50%;transition:color var(--uc-transition),background-color var(--uc-transition)}:where([uc-drop-area])[with-icon] uc-icon{position:absolute;width:32px;height:32px;top:calc(50% - 16px);left:calc(50% - 16px);transition:transform var(--uc-transition)}:where([uc-drop-area])[with-icon] uc-icon:last-child{transform:translateY(48px)}:where(.uc-contrast) :where([uc-drop-area])[with-icon]:hover .uc-icon-container,:where(.uc-contrast) :where([uc-drop-area])[with-icon]:hover .uc-text{color:var(--uc-foreground)}:where([uc-drop-area])[with-icon]:hover .uc-icon-container{background-color:var(--uc-primary-transparent)}:where(.uc-contrast) :where([uc-drop-area])[with-icon]:hover .uc-icon-container{background-color:var(--uc-muted)}:where([uc-drop-area])[with-icon]>.uc-content-wrapper:is([drag-state=active],[drag-state=near],[drag-state=over]) .uc-icon-container{color:var(--uc-primary-foreground);background-color:var(--uc-primary)}:where([uc-drop-area])[with-icon]>.uc-content-wrapper:is([drag-state=active],[drag-state=near],[drag-state=over]) .uc-text{color:var(--uc-foreground)}:where(.uc-contrast) :where([uc-drop-area])[with-icon]>.uc-content-wrapper:is([drag-state=active],[drag-state=near],[drag-state=over]) .uc-text{color:var(--uc-foreground)}:where([uc-drop-area])[with-icon]>.uc-content-wrapper:is([drag-state=active],[drag-state=near],[drag-state=over]) uc-icon:first-child{transform:translateY(-48px)}:where([uc-drop-area])[with-icon]>.uc-content-wrapper:is([drag-state=active],[drag-state=near],[drag-state=over]) uc-icon:last-child{transform:translateY(0)}:where([uc-drop-area])[with-icon]>.uc-content-wrapper[drag-state=near] uc-icon:last-child{transform:scale(1.3)}:where([uc-drop-area])[with-icon]>.uc-content-wrapper[drag-state=over] uc-icon:last-child{transform:scale(1.5)}:where([uc-drop-area])[fullscreen]{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;width:calc(100vw - var(--uc-padding) * 2);height:calc(100vh - var(--uc-padding) * 2);margin:var(--uc-padding)}:where([uc-drop-area])[fullscreen] .uc-content-wrapper{width:100%;max-width:calc(var(--uc-dialog-width) * .8);height:180px;color:var(--uc-foreground);background-color:var(--uc-background);border-radius:calc(var(--uc-radius) * 1.75);box-shadow:var(--uc-dialog-shadow);transition:color var(--uc-transition),background-color var(--uc-transition),box-shadow var(--uc-transition),border-radius var(--uc-transition),transform var(--uc-transition)}:where([uc-drop-area])[with-icon][fullscreen][drag-state=active]>.uc-content-wrapper,:where([uc-drop-area])[with-icon][fullscreen][drag-state=near]>.uc-content-wrapper{transform:translateY(10px);opacity:0}:where([uc-drop-area])[with-icon][fullscreen][drag-state=over]>.uc-content-wrapper{transform:translateY(0);opacity:1}:is(:where([uc-drop-area])[with-icon][fullscreen])>.uc-content-wrapper uc-icon:first-child{transform:translateY(-48px)}:where([uc-drop-area])[clickable]{cursor:pointer}@supports selector(dialog::backdrop){:where([uc-modal])>dialog::backdrop{background-color:#0000001a}:where([uc-modal])[strokes]>dialog::backdrop{background-image:var(--modal-backdrop-background-image)}}:where([uc-modal])>dialog[open]{transform:translateY(0);visibility:visible;opacity:1}:where([uc-modal])>dialog:not([open]){transform:translateY(20px);visibility:hidden;opacity:0}:where([uc-modal])>dialog{display:flex;flex-direction:column;width:min(var(--uc-dialog-width),100%);max-width:min(calc(100% - var(--uc-padding) * 2),var(--uc-dialog-max-width));min-height:var(--uc-button-size);max-height:min(calc(100% - var(--uc-padding) * 2),var(--uc-dialog-max-height));margin:auto;padding:0;overflow:hidden;background-color:var(--uc-background);border:0;border-radius:calc(var(--uc-radius) * 1.75);box-shadow:var(--uc-dialog-shadow);transition:transform .4s ease,opacity .4s ease}:where(.uc-contrast) :where([uc-modal])>dialog{outline:1px solid var(--uc-border)}uc-url-source{display:block;background-color:var(--uc-background)}uc-url-source>.uc-content{display:grid;grid-gap:4px;grid-template-columns:1fr min-content;padding:var(--uc-padding);padding-top:0}uc-url-source .uc-url-input{display:flex}uc-camera-source{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow:hidden;background-color:var(--uc-background);border-radius:var(--uc-radius)}[uc-modal]>dialog:has(uc-camera-source[active]){width:100%;height:100%}uc-camera-source:not(.uc-initialized) .uc-controls{display:none}uc-camera-source video{display:block;width:100%;max-height:100%;object-fit:contain;object-position:center center;background-color:var(--uc-muted);border-radius:var(--uc-radius)}uc-camera-source .uc-toolbar{position:absolute;bottom:0;display:flex;justify-content:space-between;width:100%;padding:var(--uc-padding);background-color:var(--uc-background)}uc-camera-source .uc-content{display:flex;flex:1;justify-content:center;width:100%;height:100%;padding:var(--uc-padding);padding-top:0;overflow:hidden}uc-camera-source .uc-message-box{display:flex;flex-direction:column;grid-gap:40px;align-items:center;justify-content:center;padding:40px 40px 0;color:var(--uc-foreground)}uc-camera-source .uc-message-box button{color:var(--uc-primary-foreground);background-color:var(--uc-primary)}uc-camera-source .uc-shot-btn{width:58px;height:58px;color:var(--uc-background);background-color:var(--uc-primary-light);border-radius:50%;opacity:.85;transition:bottom var(--uc-transition),opacity var(--uc-transition),transform var(--uc-transition)}uc-camera-source .uc-shot-btn:hover{transform:scale(1.05);opacity:1}uc-camera-source .uc-shot-btn:active{transform:scale(1);opacity:1}uc-camera-source .uc-shot-btn[disabled]{bottom:-80px}uc-camera-source .uc-shot-btn uc-icon svg{width:20px;height:20px}uc-camera-source .uc-controls{position:relative;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:0 var(--uc-padding) var(--uc-padding);min-height:74px}uc-camera-source .uc-switcher{display:flex;gap:calc(var(--uc-padding) / 2)}uc-camera-source .uc-switch.uc-active{background-color:var(--uc-secondary)}uc-camera-source .uc-camera-actions{display:flex;justify-content:center;align-items:center;gap:5px}uc-camera-source .uc-stop-record{background-color:var(--uc-destructive-foreground-light);opacity:1}:where(uc-camera-source:is(.uc-recording)) .uc-recording-timer uc-icon{display:none}:where(uc-camera-source:is(.uc-recording)) .uc-recording-timer{pointer-events:none}uc-camera-source .uc-recording-timer{z-index:1;position:relative;overflow:hidden}:where(uc-camera-source) .uc-recording-timer uc-icon{width:10px;height:10px;margin-right:10px}uc-camera-source .uc-recording-timer .uc-line{position:absolute;content:"";bottom:0;left:0;right:0;height:2px;background-color:var(--uc-foreground-light);transform:scaleX(0);transform-origin:left;transition:transform var(--uc-transition)}uc-camera-source .uc-btn-microphone{z-index:1}uc-camera-source .uc-select{display:flex}uc-camera-source .uc-audio-select{width:98px}uc-camera-source .uc-audio-select select{width:100%}uc-camera-source .uc-camera-action{position:absolute;inset:0 var(--uc-padding) var(--uc-padding);margin:0 auto}uc-external-source{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--uc-background);overflow:hidden;position:relative}[uc-modal]>dialog:has(uc-external-source[active]){width:100%;height:100%}uc-external-source>.uc-content{position:relative;display:grid;flex:1;grid-template-rows:1fr min-content}uc-external-source iframe{display:block;width:100%;height:100%;border:none}uc-external-source .uc-iframe-wrapper{overflow:hidden}uc-external-source .uc-toolbar{display:flex;width:100%;grid-gap:var(--uc-padding);align-items:center;justify-content:space-between;padding:var(--uc-padding);border-top:1px solid var(--uc-border)}uc-external-source .uc-back-btn{padding-left:0}uc-external-source .uc-selection-status-box{color:var(--uc-foreground);display:flex;flex-direction:column;align-items:center;justify-content:center}uc-external-source .uc-selection-status-box button{color:var(--uc-primary);height:auto;padding:0;background:none}uc-external-source .uc-selection-status-box button:hover{text-decoration:underline}uc-external-source uc-activity-header{position:absolute;width:100%;justify-content:flex-end;z-index:1;left:0;top:0;right:0;pointer-events:none}uc-external-source uc-activity-header .uc-close-btn{pointer-events:auto}uc-external-source .uc-done-btn>span.uc-hidden{visibility:hidden;pointer-events:none}uc-external-source .uc-done-btn>uc-spinner{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}uc-upload-list{position:relative;display:flex;flex-direction:column;width:100%;height:max-content;overflow:hidden;background-color:var(--uc-background);transition:opacity var(--uc-transition)}uc-upload-list .uc-no-files{height:32px;padding:20px}uc-upload-list .uc-files{display:block;flex:1;min-height:32px;padding:0 var(--uc-padding);overflow:auto}uc-upload-list .uc-files-wrapper{display:contents}uc-upload-list .uc-toolbar{display:flex;gap:4px;justify-content:space-between;padding:var(--uc-padding);background-color:var(--uc-background)}uc-upload-list .uc-toolbar-spacer{flex:1}uc-upload-list uc-drop-area{position:absolute;top:0;left:0;width:calc(100% - var(--uc-padding) * 2);height:calc(100% - var(--uc-padding) * 2);margin:var(--uc-padding);border-radius:var(--uc-radius)}uc-upload-list uc-activity-header>.uc-header-text{padding:0 var(--uc-padding)}uc-upload-list .uc-common-error{border-radius:var(--uc-radius);color:var(--uc-destructive-foreground);background-color:var(--uc-destructive);display:flex;align-items:center;justify-content:center;padding:var(--uc-padding);margin:4px var(--uc-padding) 0 var(--uc-padding);font-size:.925em}uc-upload-list .uc-add-more-btn uc-icon{display:none}uc-upload-list[mode=grid] .uc-files{display:flex;flex-wrap:wrap;gap:var(--uc-grid-gap)}uc-upload-list .uc-files .uc-add-more-btn,uc-upload-list[mode=grid] uc-file-item{flex:0 0 calc((100% - (var(--uc-grid-gap) * (var(--uc-grid-col) - 1))) / var(--uc-grid-col));max-width:calc((100% - (var(--uc-grid-gap) * (var(--uc-grid-col) - 1))) / var(--uc-grid-col));height:var(--uc-grid-preview-image-height);aspect-ratio:var(--uc-grid-aspect-ratio)}uc-upload-list .uc-files .uc-add-more-btn{display:none}uc-start-from{display:block;overflow-y:auto}uc-start-from .uc-content{display:grid;grid-auto-flow:row;gap:calc(var(--uc-padding) * 2);width:100%;height:100%;padding:calc(var(--uc-padding) * 2);background-color:var(--uc-background)}[uc-modal]>dialog:has(uc-start-from[active]){width:var(--uc-dialog-width)}[uc-modal] uc-start-from uc-drop-area{border-radius:var(--uc-radius)}@media only screen and (max-width: 430px){[uc-modal] uc-start-from uc-drop-area{display:none}}uc-file-item{--uc-file-item-gap: 4px;--uc-file-item-height: calc(var(--uc-preview-size) + var(--uc-padding) * 2 + var(--uc-file-item-gap));display:block;overflow:hidden;min-height:var(--uc-file-item-height)}uc-file-item:last-of-type{--uc-file-item-gap: 0}uc-file-item>.uc-inner{position:relative;display:grid;grid-template-columns:var(--uc-preview-size) 1fr max-content;gap:2px;align-items:center;margin-bottom:var(--uc-file-item-gap);padding:var(--uc-padding);overflow:hidden;font-size:.925em;background-color:var(--uc-muted);border-radius:var(--uc-radius);transition:background-color var(--uc-transition)}uc-file-item>.uc-inner[focused]{background-color:transparent}uc-file-item>.uc-inner[uploading] .uc-edit-btn{display:none}uc-file-item>:where(.uc-inner[failed],.uc-inner[limit-overflow]){background-color:var(--uc-destructive)}uc-file-item .uc-thumb{position:relative;display:inline-flex;width:var(--uc-preview-size);height:var(--uc-preview-size);background-color:var(--uc-secondary);background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:var(--uc-radius)}uc-file-item .uc-file-name-wrapper{text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:100%;padding-right:var(--uc-padding);padding-left:var(--uc-padding);overflow:hidden;color:var(--uc-muted-foreground)}uc-file-item .uc-file-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}uc-file-item .uc-file-error{display:none;color:var(--uc-destructive-foreground);font-size:.85em;z-index:2}uc-file-item button.uc-remove-btn,uc-file-item button.uc-edit-btn{color:var(--uc-muted-foreground)}uc-file-item button svg{pointer-events:none}uc-file-item button.uc-upload-btn{display:none}uc-file-item .uc-badge{position:absolute;bottom:2px;right:2px;width:14px;height:14px;color:var(--uc-background);background-color:var(--uc-foreground);border-radius:50%;transform:scale(.3);opacity:0;transition:opacity var(--uc-transition),transform var(--uc-transition);display:flex;justify-content:center;align-items:center}uc-file-item>.uc-inner:where([failed],[limit-overflow],[finished]) .uc-badge{transform:scale(1);opacity:1}uc-file-item>.uc-inner:where([failed],[limit-overflow]) .uc-badge{background-color:var(--uc-destructive-foreground)}uc-file-item>.uc-inner:where([failed],[limit-overflow]) .uc-file-error{display:block}uc-file-item .uc-badge uc-icon,uc-file-item .uc-badge uc-icon svg{width:100%;height:100%}uc-file-item .uc-progress-bar{opacity:.7;top:calc(100% - 2px);height:2px}:where(.uc-contrast) uc-file-item .uc-progress-bar{opacity:1}uc-file-item .uc-file-actions{display:flex;gap:2px;align-items:center;justify-content:center}uc-file-item[mode=grid]{overflow:visible;min-height:initial}uc-file-item[mode=grid] .uc-inner{height:100%;grid-template-columns:1fr;grid-template-rows:1fr max-content;padding:0;background-color:transparent;margin-bottom:0;border-radius:0}uc-file-item[mode=grid] .uc-inner[failed] .uc-badge{display:none}uc-file-item[mode=grid] .uc-thumb{width:100%;height:100%}uc-file-item[mode=grid] .uc-badge{right:var(--uc-padding);bottom:var(--uc-padding)}uc-file-item[mode=grid] .uc-file-name-wrapper{padding:0}uc-file-item[mode=grid] .uc-file-name:not([hidden])+.uc-file-error{bottom:calc(var(--uc-padding) + var(--uc-font-size))}uc-file-item[mode=grid] .uc-file-error{position:absolute;background-color:var(--uc-destructive-foreground);border-radius:var(--uc-radius);color:var(--uc-background);bottom:var(--uc-padding);left:var(--uc-padding);right:var(--uc-padding);padding:calc(var(--uc-padding) / 2) var(--uc-padding)}uc-file-item[mode=grid] .uc-file-hint{position:absolute;background-color:var(--uc-background);border-radius:var(--uc-radius);color:var(--uc-foreground);bottom:calc(var(--uc-padding) * 2);left:var(--uc-padding);right:var(--uc-padding);padding:calc(var(--uc-padding) / 2) var(--uc-padding)}uc-file-item[mode=grid] .uc-file-actions{position:absolute;top:var(--uc-padding);right:var(--uc-padding)}uc-file-item[mode=grid] button{background-color:var(--uc-background)}uc-file-item[mode=grid] button:hover{background-color:var(--uc-muted)}uc-file-item[mode=grid] .uc-progress-bar{width:initial;height:4px!important;top:initial!important;bottom:var(--uc-padding);left:var(--uc-padding);right:var(--uc-padding);border-radius:var(--uc-radius);z-index:1;transition:background-color .3s,opacity .3s;background-color:var(--uc-background)}uc-file-item[mode=grid] .uc-progress-bar :is(.uc-fake-progress,.uc-progress){background-color:var(--uc-primary)}uc-file-item[mode=grid] .uc-progress-bar[hasfilename]{bottom:calc(var(--uc-padding) + var(--uc-font-size))}uc-progress-bar-common{position:fixed;right:0;bottom:0;left:0;z-index:10000;display:block;height:10px;background-color:var(--uc-background);transition:opacity .3s}uc-progress-bar-common:not([active]){opacity:0;pointer-events:none}uc-progress-bar{--l-progress-value: 0;position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;transition:opacity .3s;opacity:1}uc-progress-bar.uc-progress-bar--hidden{opacity:0}uc-progress-bar .uc-progress{position:absolute;width:calc(var(--l-progress-value) * 1%);height:100%;background-color:var(--uc-primary);transform:translate(0);opacity:1;transition:width .6s,opacity .3s}uc-progress-bar .uc-progress--hidden{opacity:0}uc-progress-bar .uc-fake-progress{--l-fake-progress-width: 30;position:absolute;width:calc(var(--l-fake-progress-width) * 1%);height:100%;background-color:var(--uc-primary);animation:fake-progress-animation 1s ease-in-out infinite;opacity:1;transition:opacity .3s;z-index:1}uc-progress-bar .uc-fake-progress--hidden{opacity:0;animation:none}@keyframes fake-progress-animation{0%{transform:translate(-100%)}to{transform:translate(calc(100 / var(--l-fake-progress-width) * 100 * 1%))}}uc-activity-header{display:flex;justify-content:space-between;gap:var(--uc-padding);padding:var(--uc-padding);color:var(--uc-foreground);font-weight:500;font-size:1em}uc-activity-header>*{display:flex;align-items:center}uc-copyright{display:flex;width:100%;justify-content:center}uc-copyright .uc-credits{all:unset;position:absolute;bottom:12px;background-color:var(--uc-background);padding:2px 5px;border-radius:6px;color:var(--uc-muted-foreground);font-weight:400;font-size:12px;opacity:.9;cursor:pointer;transition:opacity var(--uc-transition),background-color var(--uc-transition)}uc-copyright .uc-credits:focus-visible{outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}uc-copyright .uc-credits:hover{opacity:1;background-color:var(--uc-muted)}[uc-cloud-image-editor]{--color-primary-accent: var(--uc-primary);--color-text-base: var(--uc-foreground);--color-text-accent-contrast: var(--uc-background);--color-fill-contrast: var(--uc-background);--color-modal-backdrop: oklch(0 0 0 / .1);--color-image-background: var(--uc-muted);--color-focus-ring: var(--color-primary-accent);--color-crop-guides: var(--uc-foreground);--font-size-ui: var(--uc-font-size);--size-touch-area: var(--uc-button-size);--size-panel-heading: calc(var(--uc-button-size) + var(--uc-padding) * 2);--size-ui-min-width: 130px;--size-line-width: 1px;--size-modal-width: 650px;--size-icon: calc(var(--uc-button-size) / 2);--border-radius-editor: var(--uc-radius);--border-radius-thumb: var(--uc-radius);--border-radius-ui: var(--uc-radius);--border-radius-base: var(--uc-radius);--cldtr-gap-min: 5px;--cldtr-gap-mid-1: 10px;--cldtr-gap-mid-2: 15px;--cldtr-gap-max: 20px;--transition-duration-2: var(--transition-duration-all, .2s);--transition-duration-3: var(--transition-duration-all, .3s);--transition-duration-4: var(--transition-duration-all, .4s);--transition-duration-5: var(--transition-duration-all, .5s);--modal-header-opacity: 1;--modal-header-height: var(--size-panel-heading);--modal-toolbar-height: var(--size-panel-heading);--transparent-pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);display:block;width:100%;height:100%;max-height:100%}[uc-cloud-image-editor] :is([can-handle-paste]:hover,[can-handle-paste]:focus){--can-handle-paste: "true"}[uc-cloud-image-editor] :is([tabindex][focus-visible],[tabindex]:hover,[with-effects][focus-visible],[with-effects]:hover){--filter-effect: var(--hover-filter) !important;--opacity-effect: var(--hover-opacity) !important;--color-effect: var(--hover-color-rgb) !important;--background-effect: var(--hover-background) !important}[uc-cloud-image-editor] :is([tabindex]:active,[with-effects]:active){--filter-effect: var(--down-filter) !important;--opacity-effect: var(--down-opacity) !important;--color-effect: var(--down-color-rgb) !important;--background-effect: var(--down-background) !important}[uc-cloud-image-editor] :is([tabindex][active],[with-effects][active]){--filter-effect: var(--active-filter) !important;--opacity-effect: var(--active-opacity) !important;--color-effect: var(--active-color-rgb) !important;--background-effect: var(--active-background) !important}[uc-cloud-image-editor] [hidden-scrollbar]::-webkit-scrollbar{display:none}[uc-cloud-image-editor] [hidden-scrollbar]{-ms-overflow-style:none;scrollbar-width:none}[uc-cloud-image-editor].uc-editor_ON{--modal-header-opacity: 0;--modal-header-height: 0px;--modal-toolbar-height: calc(var(--size-panel-heading) * 2)}[uc-cloud-image-editor].uc-editor_OFF{--modal-header-opacity: 1;--modal-header-height: var(--size-panel-heading);--modal-toolbar-height: var(--size-panel-heading)}[uc-cloud-image-editor]>.uc-wrapper{--l-min-img-height: var(--modal-toolbar-height);--l-max-img-height: 100%;--l-edit-button-width: 120px;--l-toolbar-horizontal-padding: var(--cldtr-gap-mid-1);position:relative;display:grid;grid-template-rows:minmax(var(--l-min-img-height),var(--l-max-img-height)) minmax(var(--modal-toolbar-height),auto);height:100%;overflow:hidden;overflow-y:auto}@media only screen and (max-width: 800px){[uc-cloud-image-editor]>.uc-wrapper{--l-edit-button-width: 70px;--l-toolbar-horizontal-padding: var(--cldtr-gap-min)}}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport{display:flex;align-items:center;justify-content:center;overflow:hidden}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image{--viewer-image-opacity: 1;position:absolute;top:0;left:0;z-index:10;display:block;box-sizing:border-box;width:100%;height:100%;object-fit:scale-down;background-color:var(--color-image-background);transform:scale(1);opacity:var(--viewer-image-opacity);user-select:none;pointer-events:auto}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image.uc-image_visible_viewer{transition:opacity var(--transition-duration-3) ease-in-out,transform var(--transition-duration-4)}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image.uc-image_hidden_to_cropper{--viewer-image-opacity: 0;background-image:var(--transparent-pixel);transform:scale(1);transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);pointer-events:none}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image.uc-image_hidden_effects{--viewer-image-opacity: 0;transform:scale(1);transition:opacity var(--transition-duration-3) cubic-bezier(.5,0,1,1),transform var(--transition-duration-4);pointer-events:none}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-image_container{position:relative;display:block;width:100%;height:100%;background-color:var(--color-image-background);transition:var(--transition-duration-3)}[uc-cloud-image-editor]>.uc-wrapper>.uc-toolbar{position:relative;transition:.3s}[uc-cloud-image-editor]>.uc-wrapper>.uc-toolbar>.uc-toolbar_content{position:absolute;bottom:0;left:0;box-sizing:border-box;width:100%;height:var(--modal-toolbar-height);min-height:var(--size-panel-heading);background-color:var(--color-fill-contrast)}[uc-cloud-image-editor]>.uc-wrapper>.uc-toolbar>.uc-toolbar_content.uc-toolbar_content__viewer{display:flex;align-items:center;justify-content:space-between;height:var(--size-panel-heading);padding-right:var(--l-toolbar-horizontal-padding);padding-left:var(--l-toolbar-horizontal-padding)}[uc-cloud-image-editor]>.uc-wrapper>.uc-toolbar>.uc-toolbar_content.uc-toolbar_content__editor{display:flex}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-info_pan{position:absolute;user-select:none}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-file_type_outer{position:absolute;z-index:2;display:flex;max-width:120px;transform:translate(-40px);user-select:none}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-file_type_outer>.uc-file_type{padding:4px .8em}[uc-cloud-image-editor]>.uc-wrapper>.uc-network_problems_splash{position:absolute;z-index:4;display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-fill-contrast)}[uc-cloud-image-editor]>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_content{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}[uc-cloud-image-editor]>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_content>.uc-network_problems_icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--uc-foreground);background-color:var(--uc-muted);border-radius:50%}[uc-cloud-image-editor]>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_content>.uc-network_problems_text{margin-top:var(--cldtr-gap-max);font-size:var(--font-size-ui);color:var(--uc-foreground)}[uc-cloud-image-editor]>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_footer{display:flex;align-items:center;justify-content:center;height:var(--size-panel-heading)}uc-crop-frame>.uc-svg{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;border-top-left-radius:var(--border-radius-base);border-top-right-radius:var(--border-radius-base);opacity:inherit;transition:var(--transition-duration-3)}uc-crop-frame>.uc-thumb{--idle-color-rgb: var(--color-text-base);--hover-color-rgb: var(--color-primary-accent);--focus-color-rgb: var(--color-primary-accent);--down-color-rgb: var(--color-primary-accent);--color-effect: var(--idle-color-rgb);color:var(--color-effect);transition:color var(--transition-duration-3),opacity var(--transition-duration-3)}uc-crop-frame>.uc-thumb--visible{opacity:1;pointer-events:auto}uc-crop-frame>.uc-thumb--hidden{opacity:0;pointer-events:none}uc-crop-frame>.uc-guides{transition:var(--transition-duration-3)}uc-crop-frame>.uc-guides--hidden{opacity:0}uc-crop-frame>.uc-guides--semi-hidden{opacity:.2}uc-crop-frame>.uc-guides--visible{opacity:1}uc-editor-button-control,uc-editor-crop-button-control,uc-editor-filter-control,uc-editor-operation-control{--l-base-min-width: var(--uc-button-size);--l-base-height: var(--uc-button-size);--opacity-effect: var(--idle-opacity);--color-effect: var(--idle-color-rgb);--background-effect: var(--idle-background);--filter-effect: var(--idle-filter);--idle-color-rgb: var(--uc-secondary-foreground);--idle-opacity: 1;--idle-filter: 1;--idle-background: var(--uc-secondary);--hover-color-rgb: var(--uc-secondary-foreground);--hover-opacity: 1;--hover-filter: .8;--hover-background: var(--uc-secondary-hover);--down-color-rgb: var(--hover-color-rgb);--down-opacity: 1;--down-filter: .6;--down-background: var(--uc-secondary);border-radius:var(--uc-radius)}uc-editor-button-control>button,uc-editor-crop-button-control>button,uc-editor-filter-control>button,uc-editor-operation-control>button{all:unset;position:relative;display:grid;grid-template-columns:var(--l-base-min-width) auto;grid-template-rows:100%;align-items:center;height:var(--l-base-height);color:var(--color-effect);opacity:var(--opacity-effect);cursor:pointer;transition:var(--l-width-transition)}:where(uc-editor-button-control,uc-editor-crop-button-control,uc-editor-filter-control,uc-editor-operation-control)>uc-icon>svg{width:var(--size-icon);height:var(--size-icon)}uc-editor-filter-control>uc-icon.uc-original-icon>svg{width:100%;height:100%}uc-editor-button-control.uc-active,uc-editor-operation-control.uc-active,uc-editor-crop-button-control.uc-active,uc-editor-filter-control.uc-active{--idle-color-rgb: var(--uc-primary-foreground);--idle-background: var(--uc-primary);--idle-opacity: 1;--hover-color-rgb: var(--uc-primary-foreground);--hover-background: var(--uc-primary);--hover-opacity: 1}uc-editor-filter-control.uc-not_active .uc-preview[loaded]{opacity:1}uc-editor-filter-control.uc-active .uc-preview{opacity:0}uc-editor-button-control.uc-not_active,uc-editor-operation-control.uc-not_active,uc-editor-crop-button-control.uc-not_active,uc-editor-filter-control.uc-not_active{--idle-color-rgb: var(--uc-secondary-foreground)}:where(.uc-contrast) uc-editor-button-control.uc-not_active,:where(.uc-contrast) uc-editor-operation-control.uc-not_active,:where(.uc-contrast) uc-editor-crop-button-control.uc-not_active,:where(.uc-contrast) uc-editor-filter-control.uc-not_active{--idle-background: transparent;--hover-background: var(--uc-secondary);outline:1px solid var(--uc-border);outline-offset:-1px}uc-editor-button-control>button:before,uc-editor-operation-control>button:before,uc-editor-crop-button-control>button:before,uc-editor-filter-control>button:before{position:absolute;content:"";right:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--background-effect);border-radius:var(--border-radius-editor);transition:var(--transition-duration-3)}uc-editor-button-control>button .uc-title,uc-editor-operation-control>button .uc-title,uc-editor-crop-button-control>button .uc-title,uc-editor-filter-control>button .uc-title{padding-right:var(--cldtr-gap-mid-1);font-size:.7em;letter-spacing:1.004px;text-transform:uppercase}uc-editor-button-control>button uc-icon,uc-editor-operation-control>button uc-icon,uc-editor-crop-button-control>button uc-icon,uc-editor-filter-control>button uc-icon{pointer-events:none}uc-editor-filter-control>button .uc-preview{position:absolute;right:0;left:0;z-index:-1;width:100%;height:var(--l-base-height);background-repeat:no-repeat;background-size:contain;border-radius:var(--border-radius-editor);opacity:0;filter:brightness(var(--filter-effect));transition:var(--transition-duration-3)}uc-editor-filter-control>.uc-original-icon{color:var(--color-effect);opacity:.3}uc-editor-image-cropper{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;opacity:0;pointer-events:none;touch-action:none;color:var(--color-crop-guides)}uc-editor-image-cropper.uc-active_from_editor{transform:scale(1) translate(0);opacity:1;transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1) .4s,opacity var(--transition-duration-3);pointer-events:auto}uc-editor-image-cropper.uc-active_from_viewer{transform:scale(1) translate(0);opacity:1;transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1) .4s,opacity var(--transition-duration-3);pointer-events:auto}uc-editor-image-cropper.uc-inactive_to_editor{opacity:0;transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1),opacity var(--transition-duration-3) calc(var(--transition-duration-3) + .05s);pointer-events:none}uc-editor-image-cropper>.uc-canvas{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%}uc-editor-image-fader{position:absolute;top:0;left:0;display:block;width:100%;height:100%}uc-editor-image-fader.uc-active_from_viewer{z-index:3;transform:scale(1);opacity:1;transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-start);pointer-events:auto}uc-editor-image-fader.uc-active_from_cropper{z-index:3;transform:scale(1);opacity:1;transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);pointer-events:auto}uc-editor-image-fader.uc-inactive_to_cropper{z-index:3;transform:scale(1);opacity:0;transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);pointer-events:none}uc-editor-image-fader .uc-fader-image{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:scale-down;transform:scale(1);user-select:none;content-visibility:auto}uc-editor-image-fader .uc-fader-image--preview{background-color:var(--color-image-background);border-top-left-radius:var(--border-radius-base);border-top-right-radius:var(--border-radius-base);transform:scale(1);opacity:0;transition:var(--transition-duration-3)}uc-editor-scroller{display:flex;align-items:center;width:100%;height:100%;overflow-x:scroll}uc-editor-slider{display:flex;align-items:center;justify-content:center;width:100%;height:var(--size-panel-heading)}uc-editor-toolbar{position:relative;width:100%;height:100%}@media only screen and (max-width: 600px){uc-editor-toolbar{--l-tab-gap: var(--cldtr-gap-mid-1);--l-slider-padding: var(--uc-padding);--l-controls-padding: var(--uc-padding)}}@media only screen and (min-width: 601px){uc-editor-toolbar{--l-tab-gap: var(--cldtr-gap-max);--l-slider-padding: var(--uc-padding);--l-controls-padding: var(--uc-padding)}}uc-editor-toolbar>.uc-toolbar-container{position:relative;width:100%;height:100%;overflow:hidden}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar{position:absolute;display:grid;grid-template-rows:1fr 1fr;width:100%;height:100%;background-color:var(--color-fill-contrast);transition:opacity var(--transition-duration-3) ease-in-out,transform var(--transition-duration-3) ease-in-out,visibility var(--transition-duration-3) ease-in-out}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar.uc-sub-toolbar--visible{transform:translateY(0);opacity:1;pointer-events:auto}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar.uc-sub-toolbar--top-hidden{transform:translateY(100%);opacity:0;pointer-events:none}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar.uc-sub-toolbar--bottom-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row{display:flex;align-items:center;justify-content:space-between;padding-right:var(--l-controls-padding);padding-left:var(--l-controls-padding)}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles{position:relative;display:grid;grid-auto-flow:column;grid-gap:0px var(--l-tab-gap);align-items:center;height:100%}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggles_indicator{position:absolute;bottom:0;left:0;width:var(--size-touch-area);height:2px;background-color:var(--uc-secondary-foreground);transform:translate(0);transition:transform var(--transition-duration-3)}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row{position:relative}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;overflow:hidden;opacity:0;content-visibility:auto}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content.uc-tab-content--visible{opacity:1;pointer-events:auto}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content.uc-tab-content--hidden{opacity:0;pointer-events:none}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle.uc-tab-toggle--visible{display:contents}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle.uc-tab-toggle--hidden{display:none}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles.uc-tab-toggles--hidden{display:none}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle>uc-btn-ui{width:var(--uc-button-size)}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle>uc-btn-ui>uc-icon>svg{width:var(--size-icon);height:var(--size-icon)}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_align{display:grid;grid-template-areas:". inner .";grid-template-columns:1fr auto 1fr;box-sizing:border-box;min-width:100%;padding-left:var(--uc-padding)}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner{display:grid;grid-area:inner;grid-auto-flow:column;gap:6px}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner:last-child{padding-right:var(--uc-padding)}uc-editor-toolbar .uc-controls-list_last-item{margin-right:var(--cldtr-gap-max)}uc-editor-toolbar .uc-info-tooltip_container{position:absolute;display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%}uc-editor-toolbar .uc-info-tooltip_wrapper{position:absolute;top:calc(-100% - var(--cldtr-gap-mid-2));display:flex;flex-direction:column;justify-content:flex-end;height:100%;pointer-events:none}uc-editor-toolbar .uc-info-tooltip{z-index:3;padding:3px 6px;color:var(--color-text-base);font-size:.7em;letter-spacing:1px;text-transform:uppercase;background-color:var(--color-text-accent-contrast);border-radius:var(--border-radius-editor);transform:translateY(100%);opacity:0;transition:var(--transition-duration-3)}uc-editor-toolbar .uc-info-tooltip_visible{transform:translateY(0);opacity:1}uc-editor-toolbar .uc-slider{padding-right:var(--l-slider-padding);padding-left:var(--l-slider-padding)}uc-btn-ui>button{--filter-effect: var(--idle-brightness);--opacity-effect: var(--idle-opacity);--color-effect: var(--idle-color-rgb);--background-effect: var(--idle-background);--l-transition-effect: var( --css-transition, color var(--transition-duration-2), background-color var(--transition-duration-2), filter var(--transition-duration-2) );all:unset;display:inline-flex;align-items:center;box-sizing:var(--css-box-sizing, border-box);height:var(--css-height, var(--uc-button-size));padding-right:var(--css-padding-right, 14px);padding-left:var(--css-padding-left, 14px);font-size:1em;color:var(--color-effect);background-color:var(--background-effect);border-radius:var(--uc-radius);opacity:var(--opacity-effect);cursor:pointer;filter:brightness(var(--filter-effect));transition:var(--l-transition-effect);user-select:none}uc-btn-ui>button>uc-icon{pointer-events:none}uc-btn-ui .uc-text{white-space:nowrap}uc-btn-ui .uc-icon{display:flex;align-items:center;justify-content:center;color:var(--color-effect);filter:brightness(var(--filter-effect));transition:var(--l-transition-effect)}uc-btn-ui .uc-icon_left{margin-right:var(--cldtr-gap-mid-1);margin-left:0}uc-btn-ui .uc-icon_right{margin-right:0;margin-left:var(--cldtr-gap-mid-1)}uc-btn-ui .uc-icon_single{margin-right:0;margin-left:0}uc-btn-ui .uc-icon_hidden{display:none;margin:0}uc-btn-ui.uc-primary>button{--idle-color-rgb: var(--uc-primary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: var(--uc-primary);--hover-color-rgb: var(--uc-primary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-primary-hover);--down-color-rgb: var(--uc-primary-foreground);--down-brightness: .75;--down-opacity: 1;--down-background: var(--uc-primary);--active-color-rgb: var(--uc-primary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: var(--uc-primary)}uc-btn-ui.uc-primary-icon>button{--idle-color-rgb: var(--uc-primary);--idle-brightness: 1;--idle-opacity: 1;--idle-background: transparent;--hover-color-rgb: var(--uc-primary);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-primary-transparent);--down-color-rgb: var(--uc-primary);--down-brightness: .75;--down-opacity: 1;--down-background: var(--uc-primary-transparent);--active-color-rgb: var(--uc-primary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: var(--uc-primary);padding:0;width:var(--uc-button-size)}uc-btn-ui.uc-secondary>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: var(--uc-secondary);--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary-hover);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: 1;--down-opacity: 1;--down-background: var(--uc-secondary-hover);--active-color-rgb: var(--uc-secondary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: transparent}:where(.uc-contrast) uc-btn-ui.uc-secondary>button{border:1px solid var(--uc-border)}uc-btn-ui.uc-secondary-icon>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: transparent;--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: 1;--down-opacity: 1;--down-background: var(--uc-secondary);--active-color-rgb: var(--uc-secondary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: transparent;padding:0;width:var(--uc-button-size)}uc-btn-ui.uc-tab>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: transparent;--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: 1;--down-opacity: 1;--down-background: var(--uc-secondary);--active-color-rgb: var(--uc-secondary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: transparent;padding:0;width:var(--uc-button-size)}uc-btn-ui.uc-default>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: var(--uc-secondary);--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary-hover);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: .75;--down-opacity: 1;--down-background: var(--uc-secondary);--active-color-rgb: var(--uc-primary);--active-brightness: 1;--active-opacity: 1;--active-background: var(--uc-primary-transparent)}:where(.uc-contrast) uc-btn-ui.uc-default>button{--idle-background: transparent;--hover-background: var(--uc-secondary);--active-background: var(--uc-foreground);--active-color-rgb: var(--uc-background)}uc-line-loader-ui{position:absolute;top:0;left:0;z-index:9999;width:100%;height:2px;opacity:.5}uc-line-loader-ui .uc-inner{width:25%;max-width:200px;height:100%}uc-line-loader-ui .uc-line{width:100%;height:100%;background-color:var(--uc-primary);transform:translate(-101%);transition:transform 1s}uc-slider-ui{--l-thumb-size: 24px;--l-zero-dot-size: 5px;--l-zero-dot-offset: 2px;--idle-color-rgb: var(--uc-foreground);--hover-color-rgb: var(--uc-primary);--down-color-rgb: var(--uc-primary);--color-effect: var(--idle-color-rgb);--l-color: var(--color-effect);position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:calc(var(--l-thumb-size) + (var(--l-zero-dot-size) + var(--l-zero-dot-offset)) * 2)}uc-slider-ui .uc-thumb{position:absolute;left:0;width:var(--l-thumb-size);height:var(--l-thumb-size);background-color:var(--l-color);border-radius:50%;transform:translate(0);opacity:1;transition:opacity var(--transition-duration-2),background-color var(--transition-duration-2)}uc-slider-ui .uc-steps{position:absolute;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:100%;padding-right:calc(var(--l-thumb-size) / 2);padding-left:calc(var(--l-thumb-size) / 2)}uc-slider-ui .uc-border-step{width:0px;height:10px;border-right:1px solid var(--uc-foreground);opacity:1;transition:border-color var(--transition-duration-2)}uc-slider-ui .uc-minor-step{width:0px;height:4px;border-right:1px solid var(--uc-foreground);opacity:.6;transition:border-color var(--transition-duration-2)}uc-slider-ui .uc-zero-dot{position:absolute;top:calc(100% - var(--l-zero-dot-offset) * 2);left:calc(var(--l-thumb-size) / 2 - var(--l-zero-dot-size) / 2);width:var(--l-zero-dot-size);height:var(--l-zero-dot-size);background-color:var(--color-primary-accent);border-radius:50%;opacity:0;transition:var(--transition-duration-3)}uc-slider-ui .uc-input{position:absolute;width:calc(100% - 10px);height:100%;margin:0;cursor:pointer;opacity:0}uc-presence-toggle.uc-transition{transition:opacity var(--transition-duration-3),visibility var(--transition-duration-3)}uc-presence-toggle.uc-visible{opacity:1;pointer-events:inherit}uc-presence-toggle.uc-hidden{opacity:0;pointer-events:none}uc-presence-toggle.uc-initial{display:none!important;transition:none!important}[uc-cloud-image-editor] [role=button]:focus-visible,[uc-cloud-image-editor] button:focus-visible{outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}[uc-cloud-image-editor] .uc-cloud-mask{pointer-events:none}:where([uc-cloud-image-editor]) uc-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:where([uc-cloud-image-editor]) uc-icon svg{width:calc(var(--uc-button-size) / 2);height:calc(var(--uc-button-size) / 2)}uc-cloud-image-editor-activity{position:relative;display:flex;width:100%;height:100%;overflow:hidden;background-color:var(--uc-background)}[uc-modal]>dialog:has(uc-cloud-image-editor-activity[active]){width:100%;height:100%}uc-select{display:inline-flex}uc-select select{position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--uc-button-size);padding:0 14px;font-size:1em;font-family:inherit;white-space:nowrap;border:none;border-radius:var(--uc-radius);cursor:pointer;user-select:none;transition:background-color var(--uc-transition);color:var(--uc-secondary-foreground);background-color:var(--uc-secondary)}@keyframes uc-spinner-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.uc-spinner{width:1em;height:1em;border:solid 2px transparent;border-top-color:currentColor;border-left-color:currentColor;border-radius:50%;animation:uc-spinner-keyframes .4s linear infinite}uc-thumb{width:100%;height:100%}:where([uc-wgt-common]) uc-source-btn[type]{all:unset}[uc-file-uploader-inline] uc-start-from{height:100%;container-type:inline-size}[uc-file-uploader-inline]{--cfg-done-activity: "start-from";--cfg-init-activity: "start-from";flex:1}[uc-file-uploader-inline] uc-activity-header:after{width:var(--uc-button-size);height:var(--uc-button-size);content:""}[uc-file-uploader-inline] uc-activity-header .uc-close-btn{display:none}[uc-file-uploader-inline] uc-copyright .uc-credits{position:static}@container (min-width: 500px){[uc-file-uploader-inline] uc-start-from .uc-content{grid-template-columns:1fr max-content;height:100%}[uc-file-uploader-inline] uc-start-from uc-copyright{grid-column:2}[uc-file-uploader-inline] uc-start-from uc-drop-area{grid-row:span 3}[uc-file-uploader-inline] uc-start-from:has(uc-copyright[hidden]) uc-drop-area{grid-row:span 2}[uc-file-uploader-inline] uc-start-from:has(.uc-cancel-btn[hidden]) uc-drop-area{grid-row:span 2}[uc-file-uploader-inline] uc-start-from:has(uc-copyright[hidden]):has(.uc-cancel-btn[hidden]) uc-drop-area{grid-row:span 1}}

/*
 * 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-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-image-processing-highlight-color: hsl(220, 10%, 98%);
	--ck-image-processing-background-color: hsl(220, 10%, 90%);
}

.ck.ck-editor__editable .image.image-processing picture, .ck.ck-editor__editable .image-inline.image-processing picture {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
		}

.ck.ck-editor__editable .image.image-processing picture:before, .ck.ck-editor__editable .image-inline.image-processing picture:before {
				content: '';

				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;

				height: 100%;
				width: 100%;

				background: linear-gradient(
					90deg,
					var(--ck-image-processing-background-color),
					var(--ck-image-processing-highlight-color),
					var(--ck-image-processing-background-color)
				);
				background-size: 200% 100%;

				animation: ck-image-processing-animation 2s linear infinite;
			}

.ck.ck-editor__editable .image.image-processing picture img, .ck.ck-editor__editable .image-inline.image-processing picture img {
				height: 100%;
			}

.ck.ck-editor__editable .image.image-processing-blur, .ck.ck-editor__editable .image-inline.image-processing-blur {
			clip-path: inset(0);
			filter: blur(1.6rem);
		}

@keyframes ck-image-processing-animation {
	0% {
		background-position: 200% 0;
	}
	100% {
		background-position: -200% 0;
	}
}

:where([uc-wgt-common]){--uc-font-family: system-ui;--uc-font-size: 14px;--uc-line-height: normal;--uc-simple-btn-font-family: system-ui;--uc-simple-btn-font-size: 14px;--uc-button-size: 32px;--uc-preview-size: 32px;--uc-padding: 10px;--uc-radius: 8px;--uc-transition: .2s ease;--uc-dialog-width: 430px;--uc-dialog-max-width: 920px;--uc-dialog-max-height: 675px;--uc-simple-btn-padding: 7px 14px;--uc-grid-col: 3;--uc-grid-preview-image-height: auto;--uc-grid-gap: calc(var(--uc-padding) / 2);--uc-grid-aspect-ratio: 1 / 1;--uc-background: var(--uc-background-light);--uc-foreground: var(--uc-foreground-light);--uc-primary: var(--uc-primary-light);--uc-primary-hover: var(--uc-primary-hover-light);--uc-primary-transparent: var(--uc-primary-transparent-light);--uc-primary-foreground: var(--uc-primary-foreground-light);--uc-secondary: var(--uc-secondary-light);--uc-secondary-hover: var(--uc-secondary-hover-light);--uc-secondary-foreground: var(--uc-secondary-foreground-light);--uc-muted: var(--uc-muted-light);--uc-muted-foreground: var(--uc-muted-foreground-light);--uc-destructive: var(--uc-destructive-light);--uc-destructive-foreground: var(--uc-destructive-foreground-light);--uc-border: var(--uc-border-light);--uc-dialog-shadow: var(--uc-dialog-shadow-light);--uc-simple-btn: var(--uc-simple-btn-light);--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light)}@supports not (color: oklch(0% 0 0)){:where([uc-wgt-common]){--uc-primary-rgb-light: 23 75 215;--uc-primary-light: rgb(var(--uc-primary-rgb-light));--uc-primary-hover-light: rgb(var(--uc-primary-rgb-light) / 90%);--uc-primary-transparent-light: rgb(var(--uc-primary-rgb-light) / 10%);--uc-background-light: rgb(255 255 255);--uc-foreground-light: rgb(24 24 24);--uc-primary-foreground-light: #fff;--uc-secondary-light: rgb(24 24 24 / 5%);--uc-secondary-hover-light: rgb(24 24 24 / 8%);--uc-secondary-foreground-light: rgb(24 24 24);--uc-muted-light: rgb(245 245 245);--uc-muted-foreground-light: rgb(113 113 113);--uc-destructive-light: rgb(232 19 20 / 5%);--uc-destructive-foreground-light: rgb(232 19 20);--uc-border-light: rgb(228 228 232);--uc-dialog-shadow-light: 0px 6px 20px rgb(0 0 0 / 10%);--uc-simple-btn-light: rgb(235 235 235);--uc-simple-btn-hover-light: rgb(228 228 228);--uc-simple-btn-foreground-light: rgb(24 24 24);--uc-primary-rgb-dark: 87 154 255;--uc-primary-dark: rgb(var(--uc-primary-rgb-dark));--uc-primary-hover-dark: rgb(var(--uc-primary-rgb-dark) / 90%);--uc-primary-transparent-dark: rgb(var(--uc-primary-rgb-dark) / 7%);--uc-background-dark: rgb(27 27 27);--uc-foreground-dark: rgb(225 225 225);--uc-primary-foreground-dark: rgb(0 0 0);--uc-secondary-dark: rgb(225 225 225 / 7%);--uc-secondary-hover-dark: rgb(225 225 225 / 10%);--uc-secondary-foreground-dark: rgb(225 225 225);--uc-muted-dark: rgb(36 36 36);--uc-muted-foreground-dark: rgb(152 152 152);--uc-destructive-dark: rgb(244 90 79 / 10%);--uc-destructive-foreground-dark: rgb(244 90 79);--uc-border-dark: rgb(61 61 61);--uc-dialog-shadow-dark: 0px 6px 20px rgb(0 0 0 / 25%);--uc-simple-btn-dark: rgb(36 36 36);--uc-simple-btn-hover-dark: rgb(43 43 43);--uc-simple-btn-foreground-dark: rgb(255 255 255)}}@supports (color: oklch(0% 0 0)){:where([uc-wgt-common]){--uc-primary-oklch-light: 47% .22 264;--uc-primary-light: oklch(var(--uc-primary-oklch-light));--uc-primary-hover-light: oklch(var(--uc-primary-oklch-light) / 90%);--uc-primary-transparent-light: oklch(var(--uc-primary-oklch-light) / 7%);--uc-background-light: oklch(100% 0 0);--uc-foreground-light: oklch(21% 0 0);--uc-primary-foreground-light: oklch(100% 0 0);--uc-secondary-light: oklch(21% 0 0 / .05);--uc-secondary-hover-light: oklch(21% 0 0 / .08);--uc-secondary-foreground-light: oklch(21% 0 0);--uc-muted-light: oklch(97% 0 0);--uc-muted-foreground-light: oklch(40% 0 0);--uc-destructive-light: oklch(59% .235 28.5 / .05);--uc-destructive-foreground-light: oklch(59% .235 28.5);--uc-border-light: oklch(92% 0 0);--uc-dialog-shadow-light: 0px 6px 20px oklch(0% 0 0 / .1);--uc-simple-btn-light: oklch(94% 0 0);--uc-simple-btn-hover-light: oklch(92% 0 0);--uc-simple-btn-foreground-light: oklch(20% 0 0);--uc-primary-oklch-dark: 69% .1768 258.4;--uc-primary-dark: oklch(var(--uc-primary-oklch-dark));--uc-primary-hover-dark: oklch(var(--uc-primary-oklch-dark) / 90%);--uc-primary-transparent-dark: oklch(var(--uc-primary-oklch-dark) / 7%);--uc-background-dark: oklch(22% 0 0);--uc-foreground-dark: oklch(91% 0 0);--uc-primary-foreground-dark: oklch(0% 0 0);--uc-secondary-dark: oklch(91% 0 0 / .07);--uc-secondary-hover-dark: oklch(91% 0 0 / .1);--uc-secondary-foreground-dark: oklch(91% 0 0);--uc-muted-dark: oklch(26% 0 0);--uc-muted-foreground-dark: oklch(68% 0 0);--uc-destructive-dark: oklch(67% .191 27.5 / .1);--uc-destructive-foreground-dark: oklch(67% .191 27.5);--uc-border-dark: oklch(36% 0 0);--uc-dialog-shadow-dark: 0px 6px 20px oklch(0% 0 0 / .25);--uc-simple-btn-dark: oklch(26% 0 0);--uc-simple-btn-hover-dark: oklch(29% 0 0);--uc-simple-btn-foreground-dark: oklch(100% 0 0)}}@media only screen and (max-height: 600px){:where([uc-wgt-common]){--uc-dialog-max-height: 100%}}@media only screen and (max-width: 680px){:where([uc-wgt-common]){--uc-grid-col: 2}}@media only screen and (max-width: 430px){:where([uc-wgt-common]){--uc-dialog-max-width: 100vw;--uc-dialog-max-height: var(--uploadcare-blocks-window-height);--uc-grid-col: 1}}@media (prefers-color-scheme: light){:where([uc-wgt-common]){--uc-background: var(--uc-background-light);--uc-foreground: var(--uc-foreground-light);--uc-primary: var(--uc-primary-light);--uc-primary-hover: var(--uc-primary-hover-light);--uc-primary-transparent: var(--uc-primary-transparent-light);--uc-primary-foreground: var(--uc-primary-foreground-light);--uc-secondary: var(--uc-secondary-light);--uc-secondary-hover: var(--uc-secondary-hover-light);--uc-secondary-foreground: var(--uc-secondary-foreground-light);--uc-muted: var(--uc-muted-light);--uc-muted-foreground: var(--uc-muted-foreground-light);--uc-destructive: var(--uc-destructive-light);--uc-destructive-foreground: var(--uc-destructive-foreground-light);--uc-border: var(--uc-border-light);--uc-dialog-shadow: var(--uc-dialog-shadow-light);--uc-simple-btn: var(--uc-simple-btn-light);--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light)}}@media (prefers-color-scheme: dark){:where([uc-wgt-common]){--uc-background: var(--uc-background-dark);--uc-foreground: var(--uc-foreground-dark);--uc-primary: var(--uc-primary-dark);--uc-primary-hover: var(--uc-primary-hover-dark);--uc-primary-transparent: var(--uc-primary-transparent-dark);--uc-primary-foreground: var(--uc-primary-foreground-dark);--uc-secondary: var(--uc-secondary-dark);--uc-secondary-hover: var(--uc-secondary-hover-dark);--uc-secondary-foreground: var(--uc-secondary-foreground-dark);--uc-muted: var(--uc-muted-dark);--uc-muted-foreground: var(--uc-muted-foreground-dark);--uc-destructive: var(--uc-destructive-dark);--uc-destructive-foreground: var(--uc-destructive-foreground-dark);--uc-border: var(--uc-border-dark);--uc-dialog-shadow: var(--uc-dialog-shadow-dark);--uc-simple-btn: var(--uc-simple-btn-dark);--uc-simple-btn-hover: var(--uc-simple-btn-hover-dark);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-dark)}}:where(.uc-light){--uc-background: var(--uc-background-light);--uc-foreground: var(--uc-foreground-light);--uc-primary: var(--uc-primary-light);--uc-primary-hover: var(--uc-primary-hover-light);--uc-primary-transparent: var(--uc-primary-transparent-light);--uc-primary-foreground: var(--uc-primary-foreground-light);--uc-secondary: var(--uc-secondary-light);--uc-secondary-hover: var(--uc-secondary-hover-light);--uc-secondary-foreground: var(--uc-secondary-foreground-light);--uc-muted: var(--uc-muted-light);--uc-muted-foreground: var(--uc-muted-foreground-light);--uc-destructive: var(--uc-destructive-light);--uc-destructive-foreground: var(--uc-destructive-foreground-light);--uc-border: var(--uc-border-light);--uc-dialog-shadow: var(--uc-dialog-shadow-light);--uc-simple-btn: var(--uc-simple-btn-light);--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light)}:where(.uc-dark){--uc-background: var(--uc-background-dark);--uc-foreground: var(--uc-foreground-dark);--uc-primary: var(--uc-primary-dark);--uc-primary-hover: var(--uc-primary-hover-dark);--uc-primary-transparent: var(--uc-primary-transparent-dark);--uc-primary-foreground: var(--uc-primary-foreground-dark);--uc-secondary: var(--uc-secondary-dark);--uc-secondary-hover: var(--uc-secondary-hover-dark);--uc-secondary-foreground: var(--uc-secondary-foreground-dark);--uc-muted: var(--uc-muted-dark);--uc-muted-foreground: var(--uc-muted-foreground-dark);--uc-destructive: var(--uc-destructive-dark);--uc-destructive-foreground: var(--uc-destructive-foreground-dark);--uc-border: var(--uc-border-dark);--uc-dialog-shadow: var(--uc-dialog-shadow-dark);--uc-simple-btn: var(--uc-simple-btn-dark);--uc-simple-btn-hover: var(--uc-simple-btn-hover-dark);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-dark)}:where(.uc-purple){--uc-primary-oklch-light: 47% .22 300;--uc-primary-oklch-dark: 69% .1768 300}:where(.uc-red){--uc-primary-oklch-light: 47% .21 21;--uc-primary-oklch-dark: 71% .1768 21}:where(.uc-orange){--uc-primary-oklch-light: 47% .1376 51.88;--uc-primary-oklch-dark: 69% .1768 51.88}:where(.uc-green){--uc-primary-oklch-light: 45% .14 130;--uc-primary-oklch-dark: 69% .1768 130}:where(.uc-turquoise){--uc-primary-oklch-light: 45% .0854 174;--uc-primary-oklch-dark: 69% .1768 174}:where(.uc-gray){--uc-primary-oklch-light: 10% 0 0;--uc-primary-oklch-dark: 97% 0 0}:where(.uc-contrast){--uc-border-light: oklch(50% 0 0);--uc-border-dark: oklch(50% 0 0);--uc-muted-light: oklch(98% 0 0);--uc-muted-dark: oklch(16% 0 0);--uc-muted-foreground-light: oklch(20% 0 0);--uc-muted-foreground-dark: oklch(80% 0 0);--uc-background-light: oklch(100% 0 0);--uc-foreground-light: oklch(0% 0 0);--uc-background-dark: oklch(10% 0 0);--uc-foreground-dark: oklch(100% 0 0)}[uc-cloud-image-editor]{--color-primary-accent: var(--uc-primary);--color-text-base: var(--uc-foreground);--color-text-accent-contrast: var(--uc-background);--color-fill-contrast: var(--uc-background);--color-modal-backdrop: oklch(0 0 0 / .1);--color-image-background: var(--uc-muted);--color-focus-ring: var(--color-primary-accent);--color-crop-guides: var(--uc-foreground);--font-size-ui: var(--uc-font-size);--size-touch-area: var(--uc-button-size);--size-panel-heading: calc(var(--uc-button-size) + var(--uc-padding) * 2);--size-ui-min-width: 130px;--size-line-width: 1px;--size-modal-width: 650px;--size-icon: calc(var(--uc-button-size) / 2);--border-radius-editor: var(--uc-radius);--border-radius-thumb: var(--uc-radius);--border-radius-ui: var(--uc-radius);--border-radius-base: var(--uc-radius);--cldtr-gap-min: 5px;--cldtr-gap-mid-1: 10px;--cldtr-gap-mid-2: 15px;--cldtr-gap-max: 20px;--transition-duration-2: var(--transition-duration-all, .2s);--transition-duration-3: var(--transition-duration-all, .3s);--transition-duration-4: var(--transition-duration-all, .4s);--transition-duration-5: var(--transition-duration-all, .5s);--modal-header-opacity: 1;--modal-header-height: var(--size-panel-heading);--modal-toolbar-height: var(--size-panel-heading);--transparent-pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);display:block;width:100%;height:100%;max-height:100%}[uc-cloud-image-editor] :is([can-handle-paste]:hover,[can-handle-paste]:focus){--can-handle-paste: "true"}[uc-cloud-image-editor] :is([tabindex][focus-visible],[tabindex]:hover,[with-effects][focus-visible],[with-effects]:hover){--filter-effect: var(--hover-filter) !important;--opacity-effect: var(--hover-opacity) !important;--color-effect: var(--hover-color-rgb) !important;--background-effect: var(--hover-background) !important}[uc-cloud-image-editor] :is([tabindex]:active,[with-effects]:active){--filter-effect: var(--down-filter) !important;--opacity-effect: var(--down-opacity) !important;--color-effect: var(--down-color-rgb) !important;--background-effect: var(--down-background) !important}[uc-cloud-image-editor] :is([tabindex][active],[with-effects][active]){--filter-effect: var(--active-filter) !important;--opacity-effect: var(--active-opacity) !important;--color-effect: var(--active-color-rgb) !important;--background-effect: var(--active-background) !important}[uc-cloud-image-editor] [hidden-scrollbar]::-webkit-scrollbar{display:none}[uc-cloud-image-editor] [hidden-scrollbar]{-ms-overflow-style:none;scrollbar-width:none}[uc-cloud-image-editor].uc-editor_ON{--modal-header-opacity: 0;--modal-header-height: 0px;--modal-toolbar-height: calc(var(--size-panel-heading) * 2)}[uc-cloud-image-editor].uc-editor_OFF{--modal-header-opacity: 1;--modal-header-height: var(--size-panel-heading);--modal-toolbar-height: var(--size-panel-heading)}[uc-cloud-image-editor]>.uc-wrapper{--l-min-img-height: var(--modal-toolbar-height);--l-max-img-height: 100%;--l-edit-button-width: 120px;--l-toolbar-horizontal-padding: var(--cldtr-gap-mid-1);position:relative;display:grid;grid-template-rows:minmax(var(--l-min-img-height),var(--l-max-img-height)) minmax(var(--modal-toolbar-height),auto);height:100%;overflow:hidden;overflow-y:auto}@media only screen and (max-width: 800px){[uc-cloud-image-editor]>.uc-wrapper{--l-edit-button-width: 70px;--l-toolbar-horizontal-padding: var(--cldtr-gap-min)}}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport{display:flex;align-items:center;justify-content:center;overflow:hidden}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image{--viewer-image-opacity: 1;position:absolute;top:0;left:0;z-index:10;display:block;box-sizing:border-box;width:100%;height:100%;object-fit:scale-down;background-color:var(--color-image-background);transform:scale(1);opacity:var(--viewer-image-opacity);user-select:none;pointer-events:auto}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image.uc-image_visible_viewer{transition:opacity var(--transition-duration-3) ease-in-out,transform var(--transition-duration-4)}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image.uc-image_hidden_to_cropper{--viewer-image-opacity: 0;background-image:var(--transparent-pixel);transform:scale(1);transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);pointer-events:none}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image.uc-image_hidden_effects{--viewer-image-opacity: 0;transform:scale(1);transition:opacity var(--transition-duration-3) cubic-bezier(.5,0,1,1),transform var(--transition-duration-4);pointer-events:none}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-image_container{position:relative;display:block;width:100%;height:100%;background-color:var(--color-image-background);transition:var(--transition-duration-3)}[uc-cloud-image-editor]>.uc-wrapper>.uc-toolbar{position:relative;transition:.3s}[uc-cloud-image-editor]>.uc-wrapper>.uc-toolbar>.uc-toolbar_content{position:absolute;bottom:0;left:0;box-sizing:border-box;width:100%;height:var(--modal-toolbar-height);min-height:var(--size-panel-heading);background-color:var(--color-fill-contrast)}[uc-cloud-image-editor]>.uc-wrapper>.uc-toolbar>.uc-toolbar_content.uc-toolbar_content__viewer{display:flex;align-items:center;justify-content:space-between;height:var(--size-panel-heading);padding-right:var(--l-toolbar-horizontal-padding);padding-left:var(--l-toolbar-horizontal-padding)}[uc-cloud-image-editor]>.uc-wrapper>.uc-toolbar>.uc-toolbar_content.uc-toolbar_content__editor{display:flex}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-info_pan{position:absolute;user-select:none}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-file_type_outer{position:absolute;z-index:2;display:flex;max-width:120px;transform:translate(-40px);user-select:none}[uc-cloud-image-editor]>.uc-wrapper>.uc-viewport>.uc-file_type_outer>.uc-file_type{padding:4px .8em}[uc-cloud-image-editor]>.uc-wrapper>.uc-network_problems_splash{position:absolute;z-index:4;display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-fill-contrast)}[uc-cloud-image-editor]>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_content{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}[uc-cloud-image-editor]>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_content>.uc-network_problems_icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--uc-foreground);background-color:var(--uc-muted);border-radius:50%}[uc-cloud-image-editor]>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_content>.uc-network_problems_text{margin-top:var(--cldtr-gap-max);font-size:var(--font-size-ui);color:var(--uc-foreground)}[uc-cloud-image-editor]>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_footer{display:flex;align-items:center;justify-content:center;height:var(--size-panel-heading)}uc-crop-frame>.uc-svg{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;border-top-left-radius:var(--border-radius-base);border-top-right-radius:var(--border-radius-base);opacity:inherit;transition:var(--transition-duration-3)}uc-crop-frame>.uc-thumb{--idle-color-rgb: var(--color-text-base);--hover-color-rgb: var(--color-primary-accent);--focus-color-rgb: var(--color-primary-accent);--down-color-rgb: var(--color-primary-accent);--color-effect: var(--idle-color-rgb);color:var(--color-effect);transition:color var(--transition-duration-3),opacity var(--transition-duration-3)}uc-crop-frame>.uc-thumb--visible{opacity:1;pointer-events:auto}uc-crop-frame>.uc-thumb--hidden{opacity:0;pointer-events:none}uc-crop-frame>.uc-guides{transition:var(--transition-duration-3)}uc-crop-frame>.uc-guides--hidden{opacity:0}uc-crop-frame>.uc-guides--semi-hidden{opacity:.2}uc-crop-frame>.uc-guides--visible{opacity:1}uc-editor-button-control,uc-editor-crop-button-control,uc-editor-filter-control,uc-editor-operation-control{--l-base-min-width: var(--uc-button-size);--l-base-height: var(--uc-button-size);--opacity-effect: var(--idle-opacity);--color-effect: var(--idle-color-rgb);--background-effect: var(--idle-background);--filter-effect: var(--idle-filter);--idle-color-rgb: var(--uc-secondary-foreground);--idle-opacity: 1;--idle-filter: 1;--idle-background: var(--uc-secondary);--hover-color-rgb: var(--uc-secondary-foreground);--hover-opacity: 1;--hover-filter: .8;--hover-background: var(--uc-secondary-hover);--down-color-rgb: var(--hover-color-rgb);--down-opacity: 1;--down-filter: .6;--down-background: var(--uc-secondary);border-radius:var(--uc-radius)}uc-editor-button-control>button,uc-editor-crop-button-control>button,uc-editor-filter-control>button,uc-editor-operation-control>button{all:unset;position:relative;display:grid;grid-template-columns:var(--l-base-min-width) auto;grid-template-rows:100%;align-items:center;height:var(--l-base-height);color:var(--color-effect);opacity:var(--opacity-effect);cursor:pointer;transition:var(--l-width-transition)}:where(uc-editor-button-control,uc-editor-crop-button-control,uc-editor-filter-control,uc-editor-operation-control)>uc-icon>svg{width:var(--size-icon);height:var(--size-icon)}uc-editor-filter-control>uc-icon.uc-original-icon>svg{width:100%;height:100%}uc-editor-button-control.uc-active,uc-editor-operation-control.uc-active,uc-editor-crop-button-control.uc-active,uc-editor-filter-control.uc-active{--idle-color-rgb: var(--uc-primary-foreground);--idle-background: var(--uc-primary);--idle-opacity: 1;--hover-color-rgb: var(--uc-primary-foreground);--hover-background: var(--uc-primary);--hover-opacity: 1}uc-editor-filter-control.uc-not_active .uc-preview[loaded]{opacity:1}uc-editor-filter-control.uc-active .uc-preview{opacity:0}uc-editor-button-control.uc-not_active,uc-editor-operation-control.uc-not_active,uc-editor-crop-button-control.uc-not_active,uc-editor-filter-control.uc-not_active{--idle-color-rgb: var(--uc-secondary-foreground)}:where(.uc-contrast) uc-editor-button-control.uc-not_active,:where(.uc-contrast) uc-editor-operation-control.uc-not_active,:where(.uc-contrast) uc-editor-crop-button-control.uc-not_active,:where(.uc-contrast) uc-editor-filter-control.uc-not_active{--idle-background: transparent;--hover-background: var(--uc-secondary);outline:1px solid var(--uc-border);outline-offset:-1px}uc-editor-button-control>button:before,uc-editor-operation-control>button:before,uc-editor-crop-button-control>button:before,uc-editor-filter-control>button:before{position:absolute;content:"";right:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--background-effect);border-radius:var(--border-radius-editor);transition:var(--transition-duration-3)}uc-editor-button-control>button .uc-title,uc-editor-operation-control>button .uc-title,uc-editor-crop-button-control>button .uc-title,uc-editor-filter-control>button .uc-title{padding-right:var(--cldtr-gap-mid-1);font-size:.7em;letter-spacing:1.004px;text-transform:uppercase}uc-editor-button-control>button uc-icon,uc-editor-operation-control>button uc-icon,uc-editor-crop-button-control>button uc-icon,uc-editor-filter-control>button uc-icon{pointer-events:none}uc-editor-filter-control>button .uc-preview{position:absolute;right:0;left:0;z-index:-1;width:100%;height:var(--l-base-height);background-repeat:no-repeat;background-size:contain;border-radius:var(--border-radius-editor);opacity:0;filter:brightness(var(--filter-effect));transition:var(--transition-duration-3)}uc-editor-filter-control>.uc-original-icon{color:var(--color-effect);opacity:.3}uc-editor-image-cropper{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;opacity:0;pointer-events:none;touch-action:none;color:var(--color-crop-guides)}uc-editor-image-cropper.uc-active_from_editor{transform:scale(1) translate(0);opacity:1;transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1) .4s,opacity var(--transition-duration-3);pointer-events:auto}uc-editor-image-cropper.uc-active_from_viewer{transform:scale(1) translate(0);opacity:1;transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1) .4s,opacity var(--transition-duration-3);pointer-events:auto}uc-editor-image-cropper.uc-inactive_to_editor{opacity:0;transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1),opacity var(--transition-duration-3) calc(var(--transition-duration-3) + .05s);pointer-events:none}uc-editor-image-cropper>.uc-canvas{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%}uc-editor-image-fader{position:absolute;top:0;left:0;display:block;width:100%;height:100%}uc-editor-image-fader.uc-active_from_viewer{z-index:3;transform:scale(1);opacity:1;transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-start);pointer-events:auto}uc-editor-image-fader.uc-active_from_cropper{z-index:3;transform:scale(1);opacity:1;transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);pointer-events:auto}uc-editor-image-fader.uc-inactive_to_cropper{z-index:3;transform:scale(1);opacity:0;transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);pointer-events:none}uc-editor-image-fader .uc-fader-image{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:scale-down;transform:scale(1);user-select:none;content-visibility:auto}uc-editor-image-fader .uc-fader-image--preview{background-color:var(--color-image-background);border-top-left-radius:var(--border-radius-base);border-top-right-radius:var(--border-radius-base);transform:scale(1);opacity:0;transition:var(--transition-duration-3)}uc-editor-scroller{display:flex;align-items:center;width:100%;height:100%;overflow-x:scroll}uc-editor-slider{display:flex;align-items:center;justify-content:center;width:100%;height:var(--size-panel-heading)}uc-editor-toolbar{position:relative;width:100%;height:100%}@media only screen and (max-width: 600px){uc-editor-toolbar{--l-tab-gap: var(--cldtr-gap-mid-1);--l-slider-padding: var(--uc-padding);--l-controls-padding: var(--uc-padding)}}@media only screen and (min-width: 601px){uc-editor-toolbar{--l-tab-gap: var(--cldtr-gap-max);--l-slider-padding: var(--uc-padding);--l-controls-padding: var(--uc-padding)}}uc-editor-toolbar>.uc-toolbar-container{position:relative;width:100%;height:100%;overflow:hidden}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar{position:absolute;display:grid;grid-template-rows:1fr 1fr;width:100%;height:100%;background-color:var(--color-fill-contrast);transition:opacity var(--transition-duration-3) ease-in-out,transform var(--transition-duration-3) ease-in-out,visibility var(--transition-duration-3) ease-in-out}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar.uc-sub-toolbar--visible{transform:translateY(0);opacity:1;pointer-events:auto}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar.uc-sub-toolbar--top-hidden{transform:translateY(100%);opacity:0;pointer-events:none}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar.uc-sub-toolbar--bottom-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row{display:flex;align-items:center;justify-content:space-between;padding-right:var(--l-controls-padding);padding-left:var(--l-controls-padding)}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles{position:relative;display:grid;grid-auto-flow:column;grid-gap:0px var(--l-tab-gap);align-items:center;height:100%}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggles_indicator{position:absolute;bottom:0;left:0;width:var(--size-touch-area);height:2px;background-color:var(--uc-secondary-foreground);transform:translate(0);transition:transform var(--transition-duration-3)}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row{position:relative}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;overflow:hidden;opacity:0;content-visibility:auto}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content.uc-tab-content--visible{opacity:1;pointer-events:auto}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content.uc-tab-content--hidden{opacity:0;pointer-events:none}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle.uc-tab-toggle--visible{display:contents}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle.uc-tab-toggle--hidden{display:none}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles.uc-tab-toggles--hidden{display:none}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle>uc-btn-ui{width:var(--uc-button-size)}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle>uc-btn-ui>uc-icon>svg{width:var(--size-icon);height:var(--size-icon)}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_align{display:grid;grid-template-areas:". inner .";grid-template-columns:1fr auto 1fr;box-sizing:border-box;min-width:100%;padding-left:var(--uc-padding)}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner{display:grid;grid-area:inner;grid-auto-flow:column;gap:6px}uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner:last-child{padding-right:var(--uc-padding)}uc-editor-toolbar .uc-controls-list_last-item{margin-right:var(--cldtr-gap-max)}uc-editor-toolbar .uc-info-tooltip_container{position:absolute;display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%}uc-editor-toolbar .uc-info-tooltip_wrapper{position:absolute;top:calc(-100% - var(--cldtr-gap-mid-2));display:flex;flex-direction:column;justify-content:flex-end;height:100%;pointer-events:none}uc-editor-toolbar .uc-info-tooltip{z-index:3;padding:3px 6px;color:var(--color-text-base);font-size:.7em;letter-spacing:1px;text-transform:uppercase;background-color:var(--color-text-accent-contrast);border-radius:var(--border-radius-editor);transform:translateY(100%);opacity:0;transition:var(--transition-duration-3)}uc-editor-toolbar .uc-info-tooltip_visible{transform:translateY(0);opacity:1}uc-editor-toolbar .uc-slider{padding-right:var(--l-slider-padding);padding-left:var(--l-slider-padding)}uc-btn-ui>button{--filter-effect: var(--idle-brightness);--opacity-effect: var(--idle-opacity);--color-effect: var(--idle-color-rgb);--background-effect: var(--idle-background);--l-transition-effect: var( --css-transition, color var(--transition-duration-2), background-color var(--transition-duration-2), filter var(--transition-duration-2) );all:unset;display:inline-flex;align-items:center;box-sizing:var(--css-box-sizing, border-box);height:var(--css-height, var(--uc-button-size));padding-right:var(--css-padding-right, 14px);padding-left:var(--css-padding-left, 14px);font-size:1em;color:var(--color-effect);background-color:var(--background-effect);border-radius:var(--uc-radius);opacity:var(--opacity-effect);cursor:pointer;filter:brightness(var(--filter-effect));transition:var(--l-transition-effect);user-select:none}uc-btn-ui>button>uc-icon{pointer-events:none}uc-btn-ui .uc-text{white-space:nowrap}uc-btn-ui .uc-icon{display:flex;align-items:center;justify-content:center;color:var(--color-effect);filter:brightness(var(--filter-effect));transition:var(--l-transition-effect)}uc-btn-ui .uc-icon_left{margin-right:var(--cldtr-gap-mid-1);margin-left:0}uc-btn-ui .uc-icon_right{margin-right:0;margin-left:var(--cldtr-gap-mid-1)}uc-btn-ui .uc-icon_single{margin-right:0;margin-left:0}uc-btn-ui .uc-icon_hidden{display:none;margin:0}uc-btn-ui.uc-primary>button{--idle-color-rgb: var(--uc-primary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: var(--uc-primary);--hover-color-rgb: var(--uc-primary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-primary-hover);--down-color-rgb: var(--uc-primary-foreground);--down-brightness: .75;--down-opacity: 1;--down-background: var(--uc-primary);--active-color-rgb: var(--uc-primary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: var(--uc-primary)}uc-btn-ui.uc-primary-icon>button{--idle-color-rgb: var(--uc-primary);--idle-brightness: 1;--idle-opacity: 1;--idle-background: transparent;--hover-color-rgb: var(--uc-primary);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-primary-transparent);--down-color-rgb: var(--uc-primary);--down-brightness: .75;--down-opacity: 1;--down-background: var(--uc-primary-transparent);--active-color-rgb: var(--uc-primary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: var(--uc-primary);padding:0;width:var(--uc-button-size)}uc-btn-ui.uc-secondary>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: var(--uc-secondary);--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary-hover);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: 1;--down-opacity: 1;--down-background: var(--uc-secondary-hover);--active-color-rgb: var(--uc-secondary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: transparent}:where(.uc-contrast) uc-btn-ui.uc-secondary>button{border:1px solid var(--uc-border)}uc-btn-ui.uc-secondary-icon>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: transparent;--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: 1;--down-opacity: 1;--down-background: var(--uc-secondary);--active-color-rgb: var(--uc-secondary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: transparent;padding:0;width:var(--uc-button-size)}uc-btn-ui.uc-tab>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: transparent;--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: 1;--down-opacity: 1;--down-background: var(--uc-secondary);--active-color-rgb: var(--uc-secondary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: transparent;padding:0;width:var(--uc-button-size)}uc-btn-ui.uc-default>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: var(--uc-secondary);--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary-hover);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: .75;--down-opacity: 1;--down-background: var(--uc-secondary);--active-color-rgb: var(--uc-primary);--active-brightness: 1;--active-opacity: 1;--active-background: var(--uc-primary-transparent)}:where(.uc-contrast) uc-btn-ui.uc-default>button{--idle-background: transparent;--hover-background: var(--uc-secondary);--active-background: var(--uc-foreground);--active-color-rgb: var(--uc-background)}uc-line-loader-ui{position:absolute;top:0;left:0;z-index:9999;width:100%;height:2px;opacity:.5}uc-line-loader-ui .uc-inner{width:25%;max-width:200px;height:100%}uc-line-loader-ui .uc-line{width:100%;height:100%;background-color:var(--uc-primary);transform:translate(-101%);transition:transform 1s}uc-slider-ui{--l-thumb-size: 24px;--l-zero-dot-size: 5px;--l-zero-dot-offset: 2px;--idle-color-rgb: var(--uc-foreground);--hover-color-rgb: var(--uc-primary);--down-color-rgb: var(--uc-primary);--color-effect: var(--idle-color-rgb);--l-color: var(--color-effect);position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:calc(var(--l-thumb-size) + (var(--l-zero-dot-size) + var(--l-zero-dot-offset)) * 2)}uc-slider-ui .uc-thumb{position:absolute;left:0;width:var(--l-thumb-size);height:var(--l-thumb-size);background-color:var(--l-color);border-radius:50%;transform:translate(0);opacity:1;transition:opacity var(--transition-duration-2),background-color var(--transition-duration-2)}uc-slider-ui .uc-steps{position:absolute;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:100%;padding-right:calc(var(--l-thumb-size) / 2);padding-left:calc(var(--l-thumb-size) / 2)}uc-slider-ui .uc-border-step{width:0px;height:10px;border-right:1px solid var(--uc-foreground);opacity:1;transition:border-color var(--transition-duration-2)}uc-slider-ui .uc-minor-step{width:0px;height:4px;border-right:1px solid var(--uc-foreground);opacity:.6;transition:border-color var(--transition-duration-2)}uc-slider-ui .uc-zero-dot{position:absolute;top:calc(100% - var(--l-zero-dot-offset) * 2);left:calc(var(--l-thumb-size) / 2 - var(--l-zero-dot-size) / 2);width:var(--l-zero-dot-size);height:var(--l-zero-dot-size);background-color:var(--color-primary-accent);border-radius:50%;opacity:0;transition:var(--transition-duration-3)}uc-slider-ui .uc-input{position:absolute;width:calc(100% - 10px);height:100%;margin:0;cursor:pointer;opacity:0}uc-presence-toggle.uc-transition{transition:opacity var(--transition-duration-3),visibility var(--transition-duration-3)}uc-presence-toggle.uc-visible{opacity:1;pointer-events:inherit}uc-presence-toggle.uc-hidden{opacity:0;pointer-events:none}uc-presence-toggle.uc-initial{display:none!important;transition:none!important}[uc-cloud-image-editor] [role=button]:focus-visible,[uc-cloud-image-editor] button:focus-visible{outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}[uc-cloud-image-editor] .uc-cloud-mask{pointer-events:none}:where([uc-cloud-image-editor]) uc-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:where([uc-cloud-image-editor]) uc-icon svg{width:calc(var(--uc-button-size) / 2);height:calc(var(--uc-button-size) / 2)}

/*
 * 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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-uploadcare-theme {
	--uc-font-size: 13px;								/* --ck-font-size-base */
	--uc-radius: 2px;									/* --ck-border-radius */
	--uc-padding: calc(0.6em * 1.5);					/* --ck-spacing-large */

	--uc-primary-oklch-light: 54.45% 0.182 263.76;
	--uc-foreground-light: hsl(0, 0%, 20%);				/* --ck-color-text */
	--uc-secondary-foreground-light: hsl(0, 0%, 20%);	/* --ck-color-text */
	--uc-muted-foreground-light: hsl(0, 0%, 20%);		/* --ck-color-text */
	--uc-border-light: hsl(220, 6%, 81%); 				/* --ck-color-base-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-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * 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
 */

/**
 * Implements a button of given background color.
 *
 * @param {String} $background - Background color of the button.
 * @param {String} $border - Border color of the button.
 */

:root {
	--ck-uploadcare-form-view-width: 700px;
	--ck-uploadcare-external-source-view-height: 350px;
	--ck-uploadcare-color-image-background: oklch(0.97 0 0);
	--ck-uploadcare-color-icon-error: hsl(15, 100%, 43%);
	--ck-uploadcare-color-skeleton: hsl(0, 0%, 98%);
}

.ck .ck-uploadcare-form {
	max-width: 100%;
	width: var(--ck-uploadcare-form-view-width);
}

.ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner {
			width: 100%;
			height: var(--ck-uploadcare-external-source-view-height);
			background-color: var(--ck-uploadcare-color-image-background);

			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}

.ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner .ck-spinner-container {
				margin-bottom: 10px;
			}

.ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents {
			width: 100%;
			height: var(--ck-uploadcare-external-source-view-height);
			background-color: var(--ck-uploadcare-color-image-background);

			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			gap: 5px;
		}

.ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents h3 {
				font-weight: 700;
				padding: 0;
				margin: 0;
			}

.ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-icon {
				color: var(--ck-uploadcare-color-icon-error);
			}

.ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-button {
				margin-top: 10px;
			}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton {
		width: 100%;
		height: 115px;
	}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div {
			height: 50%;
			display: flex;
			box-sizing: border-box;
			min-width: 100%;
			flex-direction: row;
			justify-content: center;
			align-items: center;
		}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div span {
				display: block;
				width: 32px;
				height: 32px;
				background-color: var(--ck-uploadcare-color-skeleton);
			}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div {
			gap: 20px;
		}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:first-child {
				position: absolute;
				left: 8px;
				width: 80px;
			}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:last-child {
				position: absolute;
				right: 8px;
				width: 80px;
			}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div:first-child {
			gap: 4px;
		}

/* The following styles overrides the default Uploadcare styles */

/* stylelint-disable selector-type-no-unknown */

.ck .ck-uploadcare-form .mini-btn {
		display: none;
	}

.ck .ck-uploadcare-form .uc-viewport {
		height: var(--ck-uploadcare-external-source-view-height);
	}

.ck .ck-uploadcare-form uc-btn-ui button, .ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form .uc-secondary-btn {
		padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
		min-width: var(--ck-ui-component-min-height);
		min-height: var(--ck-ui-component-min-height);
	}

.ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button {
		background: var(--ck-color-button-action-background);
	}

.ck .ck-uploadcare-form .uc-primary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button:not(.ck-disabled):hover {
			background: var(--ck-color-button-action-hover-background);
		}

.ck .ck-uploadcare-form .uc-primary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button:not(.ck-disabled):active {
			background: var(--ck-color-button-action-active-background);
		}

/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */

.ck .ck-uploadcare-form .uc-primary-btn.ck-disabled, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button.ck-disabled {
		background: var(--ck-color-button-action-disabled-background);
	}

.ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button {
		background: var(--ck-color-button-default-background);
	}

.ck .ck-uploadcare-form .uc-secondary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button:not(.ck-disabled):hover {
			background: var(--ck-color-button-default-hover-background);
		}

.ck .ck-uploadcare-form .uc-secondary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button:not(.ck-disabled):active {
			background: var(--ck-color-button-default-active-background);
		}

/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */

.ck .ck-uploadcare-form .uc-secondary-btn.ck-disabled, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button.ck-disabled {
		background: var(--ck-color-button-default-disabled-background);
	}

.ck .ck-uploadcare-form uc-upload-list .uc-toolbar {
			gap: var(--ck-spacing-large);

		}

.ck .ck-uploadcare-form uc-upload-list .uc-files {
			padding-top: var(--ck-spacing-large);
			max-height: var(--ck-uploadcare-external-source-view-height);
			overflow-y: auto;
		}

.ck .ck-uploadcare-form .uc-content {
		padding: var(--ck-spacing-large);
		gap: var(--ck-spacing-large);
	}

.ck .ck-uploadcare-form .uc-content > .uc-iframe-wrapper {
			height: var(--ck-uploadcare-external-source-view-height);
		}

.ck .ck-uploadcare-form .uc-content > .uc-toolbar {
			padding: var(--ck-spacing-large) 0 0;
		}

.ck .ck-uploadcare-form uc-start-from .uc-content {
			gap: 0;
		}

.ck .ck-uploadcare-form uc-file-item > .uc-inner {
			font-size: 1em;
		}

.ck .ck-uploadcare-form uc-file-item > .uc-inner:where([finished]) .uc-badge {
			background: var(--ck-color-button-action-active-background);
		}

.ck .ck-uploadcare-form uc-external-source .uc-cancel-btn {
		visibility: hidden;
		pointer-events: none;
	}

.ck .ck-uploadcare-form uc-activity-header {
		display: none;
	}

.ck .ck-uploadcare-form uc-source-list {
		display: none;
	}

.ck .ck-uploadcare-form uc-cloud-image-editor-block [icon="closeMax"] .uc-icon_left {
			transform: rotate(90deg);
		}

/* stylelint-enable selector-type-no-unknown */