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

Premium features for CKEditor 5.

/**
 * @license Copyright (c) 2003-2026, 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: #1eae3159;
  --ck-color-suggestion-marker-insertion-border-active: #126d1f80;
  --ck-color-suggestion-marker-insertion-background: #66e57759;
  --ck-color-suggestion-marker-insertion-background-active: #25da3d80;
  --ck-color-suggestion-marker-deletion-border: #ae1e4259;
  --ck-color-suggestion-marker-deletion-border-active: #6d122980;
  --ck-color-suggestion-marker-deletion-background: #e5668659;
  --ck-color-suggestion-marker-deletion-background-active: #da255280;
  --ck-color-suggestion-marker-deletion-stroke: #570f2180;
  --ck-color-suggestion-marker-format-border: #99d7e6;
  --ck-color-suggestion-marker-format-border-active: #5cc0d6;
  --ck-color-suggestion-widget-insertion-background: #66e5770d;
  --ck-color-suggestion-widget-insertion-background-active: #25da3d12;
  --ck-color-suggestion-widget-deletion-background: #e566860d;
  --ck-color-suggestion-widget-deletion-background-active: #c4214a12;
  --ck-color-suggestion-widget-format-background: #0aa0c217;
  --ck-color-suggestion-widget-format-background-active: #0aa0c229;
  --ck-color-suggestion-widget-th-insertion-background: #66e5771f;
  --ck-color-suggestion-widget-th-insertion-background-active: #25da3d24;
  --ck-color-suggestion-widget-th-deletion-background: #e5668624;
  --ck-color-suggestion-widget-th-deletion-background-active: #c4214a29;
}

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

.ck-content .ck-suggestion-marker-insertion.ck-widget {
  border: 3px solid var(--ck-color-suggestion-marker-insertion-border);
  background: none;
  text-decoration: none;
}

.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);
  text-decoration: line-through;
  text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
  background: var(--ck-color-suggestion-marker-deletion-background);
  text-decoration-thickness: 3px;
}

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

.ck-content .ck-suggestion-marker-deletion.ck-widget {
  border: 3px solid var(--ck-color-suggestion-marker-deletion-border);
  background: none;
  text-decoration: none;
}

.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);
  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 {
  border: 3px solid var(--ck-color-suggestion-marker-format-border);
  background: none;
}

.ck-content .ck-suggestion-marker-formatInline.ck-widget.ck-suggestion-marker--active {
  border-color: var(--ck-color-suggestion-marker-format-border-active);
}

.ck-content .ck-suggestion-marker-formatBlock {
  box-shadow: -7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-color-suggestion-marker-format-border);
  background: none;
  border: 0;
}

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

:is(.ck-content ul .ck-suggestion-marker-formatBlock, .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);
}

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

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

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

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

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

.ck-content .ck-suggestion-marker.ck-widget.ck-merge-field, .ck-content .ck-comment-marker.ck-widget.ck-merge-field {
  border-width: 2px medium;
  border-left-style: none;
  border-left-color: currentColor;
  border-right-style: none;
  border-right-color: currentColor;
  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);
}

.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) {
  margin-right: -1px;
  padding-right: 1px;
}

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

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

:is(.ck-content .ck-widget.table > figcaption, .ck-content .ck-widget.table > table > caption).ck-suggestion-marker-deletion {
  background-color: var(--ck-color-suggestion-widget-deletion-background);
  border: none;
}

:is(.ck-content .ck-widget.table > figcaption, .ck-content .ck-widget.table > table > caption).ck-suggestion-marker-deletion.ck-suggestion-marker--active {
  background-color: var(--ck-color-suggestion-widget-deletion-background-active);
}

:is(.ck-content .ck-widget.table > figcaption, .ck-content .ck-widget.table > table > caption).ck-suggestion-marker-insertion {
  background-color: var(--ck-color-suggestion-widget-insertion-background);
  border: none;
}

:is(.ck-content .ck-widget.table > figcaption, .ck-content .ck-widget.table > table > caption).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, .ck-content .ck-suggestion-marker-insertion.table > table > caption {
  background-color: var(--ck-color-suggestion-widget-insertion-background);
}

.ck-content .ck-suggestion-marker-insertion.table > table > tbody > tr > th, .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, .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > caption {
  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, .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, .ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > caption {
  background-color: var(--ck-color-suggestion-widget-deletion-background);
}

.ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > tbody > tr > th, .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, .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > caption {
  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, .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);
}

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

:is(.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).ck-suggestion-marker--active {
  background-color: var(--ck-color-suggestion-widget-format-background-active);
  box-shadow: none;
}

.ck-content pre > code.ck-suggestion-marker-formatBlock {
  box-shadow: -7px 0 0 0 #ededed, -10px 0 0 0 var(--ck-color-suggestion-marker-format-border);
  display: block;
}

.ck-content pre > code.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
  box-shadow: -5px 0 0 0 #ededed, -8px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
}

.ck-content .ck-suggestion-marker-deletion.ck-widget.footnotes-wrapper {
  background-color: var(--ck-color-suggestion-widget-deletion-background);
}

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

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

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

:root {
  --ck-color-comment-marker: #fef7a9;
  --ck-color-comment-marker-active: #fdf05d;
}

.ck-content .ck-comment-marker {
  background: var(--ck-color-comment-marker);
  border-top: 3px solid #0000;
  border-bottom: 3px solid #0000;
}

.ck-content .ck-comment-marker.ck-widget {
  border: 3px solid var(--ck-color-comment-marker);
  background-color: #0000;
}

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

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

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

: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-content .table-of-contents {
  margin: .9em auto;
}

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

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

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

.ck-content .table-of-contents ol {
  line-height: var(--ck-content-table-of-contents-line-height);
  margin: 0;
  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;
  cursor: default;
  overflow: hidden;
}

:root {
  --ck-content-footnotes-list-background-color: none;
  --ck-content-footnotes-list-separator-color: #000;
  --ck-content-footnote-font-size: var(--ck-content-font-size-small);
}

.ck-content .footnote {
  margin-inline-end: .2em;
}

.ck-content .footnotes {
  font-size: var(--ck-content-footnote-font-size);
  background-color: var(--ck-content-footnotes-list-background-color);
  margin: .9em 0 1.5em;
  position: relative;
}

.ck-content .footnotes-divider {
  border: none;
  border-top: 1px solid var(--ck-content-footnotes-list-separator-color);
  background: none;
  width: min(30%, 350px);
  height: 1px;
  margin: 0 0 1em;
  display: block;
}

[dir="rtl"] :is(.ck-content .footnotes-divider) {
  margin-left: auto;
  margin-right: 0;
}

.ck-content .footnotes-list {
  margin: 0;
  padding-inline-start: 3em;
}

.ck-content .footnote-backlink {
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
  width: auto;
  margin-inline-end: 1ch;
  display: inline-block;
}

.ck-content .footnote-content {
  vertical-align: top;
  width: calc(100% - 2em);
  padding: 0 4px;
  display: inline-block;
}

.ck-content .footnote-content > p:first-of-type {
  margin-top: 0;
}

.ck-content .footnote-content > p:last-of-type {
  margin-bottom: 0;
}

.ck-content .footnote-content ol {
  list-style-type: decimal;
}

.ck-content .footnote-content ol ol {
  list-style-type: lower-latin;
}

.ck-content .footnote-content ol ol ol {
  list-style-type: lower-roman;
}

.ck-content .footnote-content ol ol ol ol {
  list-style-type: upper-latin;
}

.ck-content .footnote-content ol ol ol ol ol {
  list-style-type: upper-roman;
}

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

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

:root {
  --ck-content-list-marker-line-height: var(--ck-content-line-height);
}

.ck-content .todo-list li.ck-list-marker-line-height:before {
  line-height: var(--ck-content-list-marker-line-height);
  content: "";
}

.ck-content .todo-list li.ck-list-marker-line-height > .todo-list__label.todo-list__label_without-description {
  width: 0;
  line-height: var(--ck-content-list-marker-line-height);
  position: absolute;
}

.ck-content .todo-list li.ck-list-marker-line-height > .todo-list__label.todo-list__label_without-description input[type="checkbox"] {
  margin: 0;
  position: relative;
}

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

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

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

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

.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 {
  padding-inline-end: 5px;
  position: absolute;
  transform: translate(-100%);
}

.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:before, .ck-content[dir="rtl"] .multi-level-list li .multi-level-list__marker > span {
  transform: translate(100%);
}

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

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

.ck-content .ck-suggestion-preview-marker-merge {
  opacity: .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: #7a1f36cc;
  --ck-color-suggestion-widget-deletion-background: #e5668608;
  --ck-color-suggestion-widget-deletion-background-active: #c4214a0d;
}

.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: .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: #da255214;
  --ck-color-suggestion-marker-deletion-stroke: #7a1f36;
  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;
}