ckeditor5-premium-features
Version:
Premium features for CKEditor 5.
875 lines (693 loc) • 33.1 kB
CSS
/**
* @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
*/
.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:.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;
}
@keyframes ck-ai-chat-shortcuts-prompt-input-glow{
0%{
box-shadow:var(--ck-ai-chat-shortcuts-prompt-input-animation-box-shadow);
border:var(--ck-ai-chat-shortcuts-prompt-input-animation-border);
}
100%{
box-shadow:var(--ck-focus-outer-shadow);
border:var(--ck-focus-ring);
}
}
@keyframes ck-ai-chat-prompt-input-glow{
0%{
background:var(--ck-color-ai-chat-prompt-input-animation-background);
}
100%{
background:var(--ck-color-input-background);
}
}
.ck.ck-content.ck-ai-suggestion-streamable-content{
padding:0;
overflow-x:auto;
}
.ck.ck-content.ck-ai-suggestion-streamable-content :first-child{
margin-top:0;
}
.ck.ck-content.ck-ai-suggestion-streamable-content :last-child{
margin-bottom:0;
}
.ck.ck-content.ck-ai-suggestion-streamable-content, .ck.ck-content.ck-ai-suggestion-streamable-content *{
white-space:normal;
}
.ck.ck-content.ck-ai-suggestion-streamable-content pre > code{
white-space:pre-wrap;
}
.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatInline:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"]){
border-top:3px solid var(--ck-color-ai-suggestion-inactive-border);
border-bottom:3px solid var(--ck-color-ai-suggestion-inactive-border);
background:var(--ck-color-ai-suggestion-inactive-background);
}
:is(.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatInline:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"])).ck-widget{
border:3px solid var(--ck-color-ai-suggestion-inactive-border);
}
.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatBlock:not([data-author-id="$aiSuggestion"]){
box-shadow:-7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-color-ai-suggestion-inactive-background);
}
.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"]){
text-decoration:line-through 3px;
text-decoration-color:var(--ck-color-ai-suggestion-inactive-border);
}
.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion.table > tbody > tr > td{
background-color:var(--ck-color-suggestion-widget-insertion-background);
}
:root{
--ck-color-ai-inactive-insertion-border:#b9bbba59;
--ck-color-ai-inactive-insertion-background:#eceeec59;
--ck-color-ai-suggestion-inactive-background:var(--ck-color-ai-inactive-insertion-background);
--ck-color-ai-suggestion-inactive-border:var(--ck-color-ai-inactive-insertion-border);
}
: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-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);
}
:root{
--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 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{
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;
}
.ck.ck-content.ck-track-changes-preview__root-container[data-ck-root-name]{
border:none;
margin:0;
}
@layer uc;
@layer uc.shared{
}