.ck .ck-placeholder,
.ck.ck-placeholder {
position: relative;
}
.ck .ck-placeholder:before,
.ck.ck-placeholder:before {
content: attr(data-placeholder);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
}
.ck.ck-read-only .ck-placeholder:before {
display: none;
}
.ck.ck-reset_all .ck-placeholder {
position: relative;
}
.ck .ck-placeholder:before,
.ck.ck-placeholder:before {
color: var(--ck-color-engine-placeholder-text);
cursor: text;
}
.ck.ck-editor__editable span[data-ck-unsafe-element] {
display: none;
}
.ck-hidden {
display: none !important;
}
.ck-reset_all :not(.ck-reset_all-excluded *),
.ck.ck-reset,
.ck.ck-reset_all {
box-sizing: border-box;
height: auto;
position: static;
width: auto;
}
:root {
--ck-z-default: 1;
--ck-z-panel: calc(var(--ck-z-default) + 999);
--ck-z-dialog: 9999;
}
.ck-transitions-disabled,
.ck-transitions-disabled * {
transition: none !important;
}
:root {
--ck-powered-by-line-height: 10px;
--ck-powered-by-padding-vertical: 2px;
--ck-powered-by-padding-horizontal: 4px;
--ck-powered-by-text-color: #4f4f4f;
--ck-powered-by-border-radius: var(--ck-border-radius);
--ck-powered-by-background: #fff;
--ck-powered-by-border-color: var(--ck-color-focus-border);
}
.ck.ck-balloon-panel.ck-powered-by-balloon {
--ck-border-radius: var(--ck-powered-by-border-radius);
background: var(--ck-powered-by-background);
box-shadow: none;
min-height: unset;
z-index: calc(var(--ck-z-panel) - 1);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
line-height: var(--ck-powered-by-line-height);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
align-items: center;
cursor: pointer;
display: flex;
filter: grayscale(80%);
line-height: var(--ck-powered-by-line-height);
opacity: 0.66;
padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {
color: var(--ck-powered-by-text-color);
cursor: pointer;
font-size: 7.5px;
font-weight: 700;
letter-spacing: -0.2px;
line-height: normal;
margin-right: 4px;
padding-left: 2px;
text-transform: uppercase;
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
cursor: pointer;
display: block;
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
filter: grayscale(0);
opacity: 1;
}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_inside"] {
border-color: transparent;
}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_border"] {
border: var(--ck-focus-ring);
border-color: var(--ck-powered-by-border-color);
}
:root {
--ck-color-base-foreground: #fafafa;
--ck-color-base-background: #fff;
--ck-color-base-border: #ccced1;
--ck-color-base-action: #53a336;
--ck-color-base-focus: #6cb5f9;
--ck-color-base-text: #333;
--ck-color-base-active: #2977ff;
--ck-color-base-active-focus: #0d65ff;
--ck-color-base-error: #db3700;
--ck-color-focus-border-coordinates: 218, 81.8%, 56.9%;
--ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
--ck-color-focus-outer-shadow: #cae1fc;
--ck-color-focus-disabled-shadow: rgba(119, 186, 248, 0.3);
--ck-color-focus-error-shadow: rgba(255, 64, 31, 0.3);
--ck-color-text: var(--ck-color-base-text);
--ck-color-shadow-drop: rgba(0, 0, 0, 0.15);
--ck-color-shadow-drop-active: rgba(0, 0, 0, 0.2);
--ck-color-shadow-inner: rgba(0, 0, 0, 0.1);
--ck-color-button-default-background: transparent;
--ck-color-button-default-hover-background: #f0f0f0;
--ck-color-button-default-active-background: #f0f0f0;
--ck-color-button-default-disabled-background: transparent;
--ck-color-button-on-background: #f0f7ff;
--ck-color-button-on-hover-background: #dbecff;
--ck-color-button-on-active-background: #dbecff;
--ck-color-button-on-disabled-background: #f0f2f4;
--ck-color-button-on-color: #2977ff;
--ck-color-button-action-background: var(--ck-color-base-action);
--ck-color-button-action-hover-background: #4d9d30;
--ck-color-button-action-active-background: #4d9d30;
--ck-color-button-action-disabled-background: #7ec365;
--ck-color-button-action-text: var(--ck-color-base-background);
--ck-color-button-save: #008a00;
--ck-color-button-cancel: #db3700;
--ck-color-switch-button-off-background: #939393;
--ck-color-switch-button-off-hover-background: #7d7d7d;
--ck-color-switch-button-on-background: var(--ck-color-button-action-background);
--ck-color-switch-button-on-hover-background: #4d9d30;
--ck-color-switch-button-inner-background: var(--ck-color-base-background);
--ck-color-switch-button-inner-shadow: rgba(0, 0, 0, 0.1);
--ck-color-dropdown-panel-background: var(--ck-color-base-background);
--ck-color-dropdown-panel-border: var(--ck-color-base-border);
--ck-color-dialog-background: var(--ck-custom-background);
--ck-color-dialog-form-header-border: var(--ck-custom-border);
--ck-color-input-background: var(--ck-color-base-background);
--ck-color-input-border: var(--ck-color-base-border);
--ck-color-input-error-border: var(--ck-color-base-error);
--ck-color-input-text: var(--ck-color-base-text);
--ck-color-input-disabled-background: #f2f2f2;
--ck-color-input-disabled-border: var(--ck-color-base-border);
--ck-color-input-disabled-text: #757575;
--ck-color-list-background: var(--ck-color-base-background);
--ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
--ck-color-list-button-on-background: var(--ck-color-button-on-color);
--ck-color-list-button-on-background-focus: var(--ck-color-button-on-color);
--ck-color-list-button-on-text: var(--ck-color-base-background);
--ck-color-panel-background: var(--ck-color-base-background);
--ck-color-panel-border: var(--ck-color-base-border);
--ck-color-toolbar-background: var(--ck-color-base-background);
--ck-color-toolbar-border: var(--ck-color-base-border);
--ck-color-tooltip-background: var(--ck-color-base-text);
--ck-color-tooltip-text: var(--ck-color-base-background);
--ck-color-engine-placeholder-text: #707070;
--ck-color-upload-bar-background: #6cb5f9;
--ck-color-link-default: #0000f0;
--ck-color-link-selected-background: rgba(31, 176, 255, 0.1);
--ck-color-link-fake-selection: rgba(31, 176, 255, 0.3);
--ck-color-highlight-background: #ff0;
--ck-color-light-red: #fcc;
--ck-disabled-opacity: 0.5;
--ck-focus-outer-shadow-geometry: 0 0 0 3px;
--ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
--ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
--ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
--ck-focus-ring: 1px solid var(--ck-color-focus-border);
--ck-font-size-base: 13px;
--ck-line-height-base: 1.84615;
--ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
--ck-font-size-tiny: 0.7em;
--ck-font-size-small: 0.75em;
--ck-font-size-normal: 1em;
--ck-font-size-big: 1.4em;
--ck-font-size-large: 1.8em;
--ck-ui-component-min-height: 2.3em;
}
.ck-reset_all :not(.ck-reset_all-excluded *),
.ck.ck-reset,
.ck.ck-reset_all {
word-wrap: break-word;
background: transparent;
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
transition: none;
vertical-align: middle;
}
.ck-reset_all :not(.ck-reset_all-excluded *),
.ck.ck-reset_all {
border-collapse: collapse;
color: var(--ck-color-text);
cursor: auto;
float: none;
font: normal normal normal var(--ck-font-size-base) / var(--ck-line-height-base) var(--ck-font-face);
text-align: left;
white-space: nowrap;
}
.ck-reset_all .ck-rtl :not(.ck-reset_all-excluded *) {
text-align: right;
}
.ck-reset_all iframe:not(.ck-reset_all-excluded *) {
vertical-align: inherit;
}
.ck-reset_all textarea:not(.ck-reset_all-excluded *) {
white-space: pre-wrap;
}
.ck-reset_all input[type="password"]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type="text"]:not(.ck-reset_all-excluded *),
.ck-reset_all textarea:not(.ck-reset_all-excluded *) {
cursor: text;
}
.ck-reset_all input[type="password"][disabled]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type="text"][disabled]:not(.ck-reset_all-excluded *),
.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *) {
cursor: default;
}
.ck-reset_all fieldset:not(.ck-reset_all-excluded *) {
border: 2px groove #dfdee3;
padding: 10px;
}
.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
border: 0;
padding: 0;
}
.ck[dir="rtl"],
.ck[dir="rtl"] .ck {
text-align: right;
}
:root {
--ck-border-radius: 2px;
--ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
--ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
--ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
--ck-spacing-unit: 0.6em;
--ck-spacing-large: calc(var(--ck-spacing-unit) * 1.5);
--ck-spacing-standard: var(--ck-spacing-unit);
--ck-spacing-medium: calc(var(--ck-spacing-unit) * 0.8);
--ck-spacing-small: calc(var(--ck-spacing-unit) * 0.5);
--ck-spacing-tiny: calc(var(--ck-spacing-unit) * 0.3);
--ck-spacing-extra-tiny: calc(var(--ck-spacing-unit) * 0.16);
}
.ck.ck-label {
display: block;
}
.ck.ck-voice-label {
display: none;
}
.ck.ck-label {
font-weight: 700;
}
:root {
--ck-accessibility-help-dialog-max-width: 600px;
--ck-accessibility-help-dialog-max-height: 400px;
--ck-accessibility-help-dialog-border-color: #ccced1;
--ck-accessibility-help-dialog-code-background-color: #ededed;
--ck-accessibility-help-dialog-kbd-shadow-color: #9c9c9c;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
border: 1px solid transparent;
max-height: var(--ck-accessibility-help-dialog-max-height);
max-width: var(--ck-accessibility-help-dialog-max-width);
overflow: auto;
padding: var(--ck-spacing-large);
user-select: text;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
border: var(--ck-focus-ring);
box-shadow:
var(--ck-focus-outer-shadow),
0 0;
outline: none;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
* {
white-space: normal;
}
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {
display: none;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {
font-size: 1.2em;
font-weight: 700;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {
font-size: 1em;
font-weight: 700;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table {
margin: 1em 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {
border-bottom: none;
border-top: 1px solid var(--ck-accessibility-help-dialog-border-color);
display: grid;
grid-template-columns: 2fr 1fr;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);
padding: 0.4em 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
grid-column-start: 1;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
grid-column-start: 2;
text-align: right;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
background: var(--ck-accessibility-help-dialog-code-background-color);
border-radius: 2px;
display: inline-block;
font-size: 0.9em;
line-height: 1;
padding: 0.4em;
text-align: center;
vertical-align: middle;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
font-family: monospace;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
box-shadow: 0 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
margin: 0 1px;
min-width: 1.8em;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {
margin-left: 2px;
}
.ck.ck-icon {
vertical-align: middle;
}
:root {
--ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
}
.ck.ck-icon {
font-size: 0.8333350694em;
height: var(--ck-icon-size);
width: var(--ck-icon-size);
will-change: transform;
}
.ck.ck-icon,
.ck.ck-icon * {
cursor: inherit;
}
.ck.ck-icon.ck-icon_inherit-color,
.ck.ck-icon.ck-icon_inherit-color * {
color: inherit;
}
.ck.ck-icon.ck-icon_inherit-color :not([fill]) {
fill: currentColor;
}
.ck.ck-button,
a.ck.ck-button {
align-items: center;
display: inline-flex;
position: relative;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
[dir="ltr"] .ck.ck-button,
[dir="ltr"] a.ck.ck-button {
justify-content: left;
}
[dir="rtl"] .ck.ck-button,
[dir="rtl"] a.ck.ck-button {
justify-content: right;
}
.ck.ck-button .ck-button__label,
a.ck.ck-button .ck-button__label {
display: none;
}
.ck.ck-button.ck-button_with-text .ck-button__label,
a.ck.ck-button.ck-button_with-text .ck-button__label {
display: inline-block;
}
.ck.ck-button:not(.ck-button_with-text),
a.ck.ck-button:not(.ck-button_with-text) {
justify-content: center;
}
.ck.ck-button,
a.ck.ck-button {
background: var(--ck-color-button-default-background);
}
.ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover {
background: var(--ck-color-button-default-hover-background);
}
.ck.ck-button:not(.ck-disabled):active,
a.ck.ck-button:not(.ck-disabled):active {
background: var(--ck-color-button-default-active-background);
}
.ck.ck-button.ck-disabled,
a.ck.ck-button.ck-disabled {
background: var(--ck-color-button-default-disabled-background);
}
.ck.ck-button,
a.ck.ck-button {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-button,
.ck-rounded-corners a.ck.ck-button,
.ck.ck-button.ck-rounded-corners,
a.ck.ck-button.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-button,
a.ck.ck-button {
-webkit-appearance: none;
border: 1px solid transparent;
cursor: default;
font-size: inherit;
line-height: 1;
min-height: var(--ck-ui-component-min-height);
min-width: var(--ck-ui-component-min-height);
padding: var(--ck-spacing-tiny);
text-align: center;
transition:
box-shadow 0.2s ease-in-out,
border 0.2s ease-in-out;
vertical-align: middle;
white-space: nowrap;
}
.ck.ck-button:active,
.ck.ck-button:focus,
a.ck.ck-button:active,
a.ck.ck-button:focus {
border: var(--ck-focus-ring);
box-shadow:
var(--ck-focus-outer-shadow),
0 0;
outline: none;
}
.ck.ck-button .ck-button__icon use,
.ck.ck-button .ck-button__icon use *,
a.ck.ck-button .ck-button__icon use,
a.ck.ck-button .ck-button__icon use * {
color: inherit;
}
.ck.ck-button .ck-button__label,
a.ck.ck-button .ck-button__label {
color: inherit;
cursor: inherit;
font-size: inherit;
font-weight: inherit;
vertical-align: middle;
}
[dir="ltr"] .ck.ck-button .ck-button__label,
[dir="ltr"] a.ck.ck-button .ck-button__label {
text-align: left;
}
[dir="rtl"] .ck.ck-button .ck-button__label,
[dir="rtl"] a.ck.ck-button .ck-button__label {
text-align: right;
}
.ck.ck-button .ck-button__keystroke,
a.ck.ck-button .ck-button__keystroke {
color: inherit;
}
[dir="ltr"] .ck.ck-button .ck-button__keystroke,
[dir="ltr"] a.ck.ck-button .ck-button__keystroke {
margin-left: var(--ck-spacing-large);
}
[dir="rtl"] .ck.ck-button .ck-button__keystroke,
[dir="rtl"] a.ck.ck-button .ck-button__keystroke {
margin-right: var(--ck-spacing-large);
}
.ck.ck-button .ck-button__keystroke,
a.ck.ck-button .ck-button__keystroke {
opacity: 0.5;
}
.ck.ck-button.ck-disabled:active,
.ck.ck-button.ck-disabled:focus,
a.ck.ck-button.ck-disabled:active,
a.ck.ck-button.ck-disabled:focus {
box-shadow:
var(--ck-focus-disabled-outer-shadow),
0 0;
}
.ck.ck-button.ck-disabled .ck-button__icon,
.ck.ck-button.ck-disabled .ck-button__label,
a.ck.ck-button.ck-disabled .ck-button__icon,
a.ck.ck-button.ck-disabled .ck-button__label {
opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-disabled .ck-button__keystroke,
a.ck.ck-button.ck-disabled .ck-button__keystroke {
opacity: 0.3;
}
.ck.ck-button.ck-button_with-text,
a.ck.ck-button.ck-button_with-text {
padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
}
[dir="ltr"] .ck.ck-button.ck-button_with-text .ck-button__icon,
[dir="ltr"] a.ck.ck-button.ck-button_with-text .ck-button__icon {
margin-left: calc(var(--ck-spacing-small) * -1);
margin-right: var(--ck-spacing-small);
}
[dir="rtl"] .ck.ck-button.ck-button_with-text .ck-button__icon,
[dir="rtl"] a.ck.ck-button.ck-button_with-text .ck-button__icon {
margin-left: var(--ck-spacing-small);
margin-right: calc(var(--ck-spacing-small) * -1);
}
.ck.ck-button.ck-button_with-keystroke .ck-button__label,
a.ck.ck-button.ck-button_with-keystroke .ck-button__label {
flex-grow: 1;
}
.ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
background: var(--ck-color-button-on-background);
}
.ck.ck-button.ck-on:not(.ck-disabled):hover,
a.ck.ck-button.ck-on:not(.ck-disabled):hover {
background: var(--ck-color-button-on-hover-background);
}
.ck.ck-button.ck-on:not(.ck-disabled):active,
a.ck.ck-button.ck-on:not(.ck-disabled):active {
background: var(--ck-color-button-on-active-background);
}
.ck.ck-button.ck-on.ck-disabled,
a.ck.ck-button.ck-on.ck-disabled {
background: var(--ck-color-button-on-disabled-background);
}
.ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
color: var(--ck-color-button-on-color);
}
.ck.ck-button.ck-button-save,
a.ck.ck-button.ck-button-save {
color: var(--ck-color-button-save);
}
.ck.ck-button.ck-button-cancel,
a.ck.ck-button.ck-button-cancel {
color: var(--ck-color-button-cancel);
}
.ck.ck-button-action,
a.ck.ck-button-action {
background: var(--ck-color-button-action-background);
}
.ck.ck-button-action:not(.ck-disabled):hover,
a.ck.ck-button-action:not(.ck-disabled):hover {
background: var(--ck-color-button-action-hover-background);
}
.ck.ck-button-action:not(.ck-disabled):active,
a.ck.ck-button-action:not(.ck-disabled):active {
background: var(--ck-color-button-action-active-background);
}
.ck.ck-button-action.ck-disabled,
a.ck.ck-button-action.ck-disabled {
background: var(--ck-color-button-action-disabled-background);
}
.ck.ck-button-action,
a.ck.ck-button-action {
color: var(--ck-color-button-action-text);
}
.ck.ck-button-bold,
a.ck.ck-button-bold {
font-weight: 700;
}
.ck.ck-button.ck-switchbutton .ck-button__toggle,
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
display: block;
}
:root {
--ck-switch-button-toggle-width: 2.6153846154em;
--ck-switch-button-toggle-inner-size: calc(1.07692em + 1px);
--ck-switch-button-translation: calc(
var(--ck-switch-button-toggle-width) - var(--ck-switch-button-toggle-inner-size) - 2px
);
--ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);
}
.ck.ck-button.ck-switchbutton,
.ck.ck-button.ck-switchbutton.ck-on:active,
.ck.ck-button.ck-switchbutton.ck-on:focus,
.ck.ck-button.ck-switchbutton.ck-on:hover,
.ck.ck-button.ck-switchbutton:active,
.ck.ck-button.ck-switchbutton:focus,
.ck.ck-button.ck-switchbutton:hover {
background: transparent;
color: inherit;
}
[dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__label {
margin-right: calc(var(--ck-spacing-large) * 2);
}
[dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__label {
margin-left: calc(var(--ck-spacing-large) * 2);
}
.ck.ck-button.ck-switchbutton .ck-button__toggle {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle,
.ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
[dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
margin-left: auto;
}
[dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
margin-right: auto;
}
.ck.ck-button.ck-switchbutton .ck-button__toggle {
background: var(--ck-color-switch-button-off-background);
border: 1px solid transparent;
transition:
background 0.4s ease,
box-shadow 0.2s ease-in-out,
outline 0.2s ease-in-out;
width: var(--ck-switch-button-toggle-width);
}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner,
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-radius: calc(var(--ck-border-radius) * 0.5);
}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
background: var(--ck-color-switch-button-inner-background);
height: var(--ck-switch-button-toggle-inner-size);
transition: all 0.3s ease;
width: var(--ck-switch-button-toggle-inner-size);
}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover {
background: var(--ck-color-switch-button-off-hover-background);
}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner {
box-shadow: var(--ck-switch-button-inner-hover-shadow);
}
.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {
opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-switchbutton:focus {
border-color: transparent;
box-shadow: none;
outline: none;
}
.ck.ck-button.ck-switchbutton:focus .ck-button__toggle {
box-shadow:
0 0 0 1px var(--ck-color-base-background),
0 0 0 5px var(--ck-color-focus-outer-shadow);
outline: var(--ck-focus-ring);
outline-offset: 1px;
}
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
background: var(--ck-color-switch-button-on-background);
}
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
background: var(--ck-color-switch-button-on-hover-background);
}
[dir="ltr"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
transform: translateX(var(--ck-switch-button-translation));
}
[dir="rtl"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
transform: translateX(calc(var(--ck-switch-button-translation) * -1));
}
.ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
display: none;
}
:root {
--ck-collapsible-arrow-size: calc(var(--ck-icon-size) * 0.5);
}
.ck.ck-collapsible > .ck.ck-button {
border-radius: 0;
color: inherit;
font-weight: 700;
padding: var(--ck-list-button-padding);
width: 100%;
}
.ck.ck-collapsible > .ck.ck-button:focus {
background: transparent;
}
.ck.ck-collapsible > .ck.ck-button:active,
.ck.ck-collapsible > .ck.ck-button:hover:not(:focus),
.ck.ck-collapsible > .ck.ck-button:not(:focus) {
background: transparent;
border-color: transparent;
box-shadow: none;
}
.ck.ck-collapsible > .ck.ck-button > .ck-icon {
margin-right: var(--ck-spacing-medium);
width: var(--ck-collapsible-arrow-size);
}
.ck.ck-collapsible > .ck-collapsible__children {
padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
}
.ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {
transform: rotate(-90deg);
}
.ck.ck-color-grid {
display: grid;
}
:root {
--ck-color-grid-tile-size: 24px;
--ck-color-color-grid-check-icon: #166fd4;
}
.ck.ck-color-grid {
grid-gap: 5px;
padding: 8px;
}
.ck.ck-color-grid__tile {
border: 0;
height: var(--ck-color-grid-tile-size);
min-height: var(--ck-color-grid-tile-size);
min-width: var(--ck-color-grid-tile-size);
padding: 0;
transition: box-shadow 0.2s ease;
width: var(--ck-color-grid-tile-size);
}
.ck.ck-color-grid__tile.ck-disabled {
cursor: unset;
transition: unset;
}
.ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered {
box-shadow: 0 0 0 1px var(--ck-color-base-border);
}
.ck.ck-color-grid__tile .ck.ck-icon {
color: var(--ck-color-color-grid-check-icon);
display: none;
}
.ck.ck-color-grid__tile.ck-on {
box-shadow:
inset 0 0 0 1px var(--ck-color-base-background),
0 0 0 2px var(--ck-color-base-text);
}
.ck.ck-color-grid__tile.ck-on .ck.ck-icon {
display: block;
}
.ck.ck-color-grid__tile.ck-on,
.ck.ck-color-grid__tile:focus:not(.ck-disabled),
.ck.ck-color-grid__tile:hover:not(.ck-disabled) {
border: 0;
}
.ck.ck-color-grid__tile:focus:not(.ck-disabled),
.ck.ck-color-grid__tile:hover:not(.ck-disabled) {
box-shadow:
inset 0 0 0 1px var(--ck-color-base-background),
0 0 0 2px var(--ck-color-focus-border);
}
.ck.ck-color-grid__label {
padding: 0 var(--ck-spacing-standard);
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
display: flex;
position: relative;
}
.ck.ck-labeled-field-view .ck.ck-label {
display: block;
position: absolute;
}
:root {
--ck-labeled-field-view-transition: 0.1s cubic-bezier(0, 0, 0.24, 0.95);
--ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium);
--ck-labeled-field-label-default-position-x: var(--ck-spacing-medium);
--ck-labeled-field-label-default-position-y: calc(var(--ck-font-size-base) * 0.6);
--ck-color-labeled-field-label-background: var(--ck-color-base-background);
}
.ck.ck-labeled-field-view {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-labeled-field-view,
.ck.ck-labeled-field-view.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
width: 100%;
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
top: 0;
}
[dir="ltr"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
left: 0;
transform: translate(var(--ck-spacing-medium), -6px) scale(0.75);
transform-origin: 0 0;
}
[dir="rtl"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
right: 0;
transform: translate(calc(var(--ck-spacing-medium) * -1), -6px) scale(0.75);
transform-origin: 100% 0;
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
background: var(--ck-color-labeled-field-label-background);
font-weight: 400;
line-height: normal;
max-width: 100%;
overflow: hidden;
padding: 0 calc(var(--ck-font-size-tiny) * 0.5);
pointer-events: none;
text-overflow: ellipsis;
transition:
transform var(--ck-labeled-field-view-transition),
padding var(--ck-labeled-field-view-transition),
background var(--ck-labeled-field-view-transition);
}
.ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label,
.ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
color: var(--ck-color-base-error);
}
.ck.ck-labeled-field-view .ck-labeled-field-view__status {
font-size: var(--ck-font-size-small);
margin-top: var(--ck-spacing-small);
white-space: normal;
}
.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error {
color: var(--ck-color-base-error);
}
.ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused)
> .ck.ck-labeled-field-view__input-wrapper
> .ck.ck-label {
color: var(--ck-color-input-disabled-text);
}
[dir="ltr"]
.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder)
> .ck.ck-labeled-field-view__input-wrapper
> .ck.ck-label,
[dir="ltr"]
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(
.ck-labeled-field-view_placeholder
):not(.ck-error)
> .ck.ck-labeled-field-view__input-wrapper
> .ck.ck-label {
transform: translate(
var(--ck-labeled-field-label-default-position-x),
var(--ck-labeled-field-label-default-position-y)
)
scale(1);
}
[dir="rtl"]
.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder)
> .ck.ck-labeled-field-view__input-wrapper
> .ck.ck-label,
[dir="rtl"]
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(
.ck-labeled-field-view_placeholder
):not(.ck-error)
> .ck.ck-labeled-field-view__input-wrapper
> .ck.ck-label {
transform: translate(
calc(var(--ck-labeled-field-label-default-position-x) * -1),
var(--ck-labeled-field-label-default-position-y)
)
scale(1);
}
.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder)
> .ck.ck-labeled-field-view__input-wrapper
> .ck.ck-label,
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(
.ck-labeled-field-view_placeholder
):not(.ck-error)
> .ck.ck-labeled-field-view__input-wrapper
> .ck.ck-label {
background: transparent;
max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width));
padding: 0;
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button {
background: transparent;
}
.ck.ck-labeled-field-view.ck-labeled-field-view_empty
> .ck.ck-labeled-field-view__input-wrapper
> .ck-dropdown
> .ck-button
> .ck-button__label {
opacity: 0;
}
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(
.ck-labeled-field-view_placeholder
)
> .ck.ck-labeled-field-view__input-wrapper
> .ck-dropdown
+ .ck-label {
max-width: calc(
var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) -
var(--ck-spacing-standard)
);
}
:root {
--ck-input-width: 18em;
--ck-input-text-width: var(--ck-input-width);
}
.ck.ck-input {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-input,
.ck.ck-input.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-input {
background: var(--ck-color-input-background);
border: 1px solid var(--ck-color-input-border);
min-height: var(--ck-ui-component-min-height);
min-width: var(--ck-input-width);
padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
transition:
box-shadow 0.1s ease-in-out,
border 0.1s ease-in-out;
}
.ck.ck-input:focus {
border: var(--ck-focus-ring);
box-shadow:
var(--ck-focus-outer-shadow),
0 0;
outline: none;
}
.ck.ck-input[readonly] {
background: var(--ck-color-input-disabled-background);
border: 1px solid var(--ck-color-input-disabled-border);
color: var(--ck-color-input-disabled-text);
}
.ck.ck-input[readonly]:focus {
box-shadow:
var(--ck-focus-disabled-outer-shadow),
0 0;
}
.ck.ck-input.ck-error {
animation: ck-input-shake 0.3s ease both;
border-color: var(--ck-color-input-error-border);
}
.ck.ck-input.ck-error:focus {
box-shadow:
var(--ck-focus-error-outer-shadow),
0 0;
}
@keyframes ck-input-shake {
20% {
transform: translateX(-2px);
}
40% {
transform: translateX(2px);
}
60% {
transform: translateX(-1px);
}
80% {
transform: translateX(1px);
}
}
.ck-textarea {
overflow-x: hidden;
}
:root {
--ck-dropdown-max-width: 75vw;
}
.ck.ck-dropdown {
display: inline-block;
position: relative;
}
.ck.ck-dropdown .ck-dropdown__arrow {
pointer-events: none;
z-index: var(--ck-z-default);
}
.ck.ck-dropdown .ck-button.ck-dropdown__button {
width: 100%;
}
.ck.ck-dropdown .ck-dropdown__panel {
display: none;
max-width: var(--ck-dropdown-max-width);
position: absolute;
z-index: var(--ck-z-panel);
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
display: inline-block;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw {
bottom: 100%;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
bottom: auto;
top: 100%;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
left: 0;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
right: 0;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
left: 50%;
transform: translateX(-50%);
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
left: 75%;
transform: translateX(-75%);
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
left: 25%;
transform: translateX(-25%);
}
.ck.ck-toolbar .ck-dropdown__panel {
z-index: calc(var(--ck-z-panel) + 1);
}
:root {
--ck-dropdown-arrow-size: calc(var(--ck-icon-size) * 0.5);
}
.ck.ck-dropdown {
font-size: inherit;
}
.ck.ck-dropdown .ck-dropdown__arrow {
width: var(--ck-dropdown-arrow-size);
}
[dir="ltr"] .ck.ck-dropdown .ck-dropdown__arrow {
margin-left: var(--ck-spacing-standard);
right: var(--ck-spacing-standard);
}
[dir="rtl"] .ck.ck-dropdown .ck-dropdown__arrow {
left: var(--ck-spacing-standard);
margin-right: var(--ck-spacing-small);
}
.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {
opacity: var(--ck-disabled-opacity);
}
[dir="ltr"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
padding-left: var(--ck-spacing-small);
}
[dir="rtl"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
padding-right: var(--ck-spacing-small);
}
.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
overflow: hidden;
text-overflow: ellipsis;
width: 7em;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {
opacity: var(--ck-disabled-opacity);
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label {
width: auto;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active {
box-shadow: none;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus,
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus {
box-shadow:
var(--ck-focus-outer-shadow),
0 0;
}
.ck.ck-dropdown__panel {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown__panel,
.ck.ck-dropdown__panel.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-dropdown__panel {
background: var(--ck-color-dropdown-panel-background);
border: 1px solid var(--ck-color-dropdown-panel-border);
bottom: 0;
box-shadow:
var(--ck-drop-shadow),
0 0;
min-width: 100%;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_se {
border-top-left-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_sw {
border-top-right-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_ne {
border-bottom-left-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_nw {
border-bottom-right-radius: 0;
}
.ck.ck-dropdown__panel:focus {
outline: none;
}
.ck.ck-toolbar {
align-items: center;
display: flex;
flex-flow: row nowrap;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ck.ck-toolbar > .ck-toolbar__items {
align-items: center;
display: flex;
flex-flow: row wrap;
flex-grow: 1;
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
display: inline-block;
}
.ck.ck-toolbar .ck.ck-toolbar__separator:first-child,
.ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
display: none;
}
.ck.ck-toolbar .ck-toolbar__line-break {
flex-basis: 100%;
}
.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
flex-wrap: nowrap;
}
.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
flex-direction: column;
}
.ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
flex-wrap: nowrap;
}
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
display: none;
}
.ck.ck-toolbar {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-toolbar,
.ck.ck-toolbar.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-toolbar {
background: var(--ck-color-toolbar-background);
border: 1px solid var(--ck-color-toolbar-border);
padding: 0 var(--ck-spacing-small);
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
align-self: stretch;
background: var(--ck-color-toolbar-border);
margin-bottom: var(--ck-spacing-small);
margin-top: var(--ck-spacing-small);
min-width: 1px;
width: 1px;
}
.ck.ck-toolbar .ck-toolbar__line-break {
height: 0;
}
.ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break) {
margin-right: var(--ck-spacing-small);
}
.ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator {
display: none;
}
.ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break),
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
margin-bottom: var(--ck-spacing-small);
margin-top: var(--ck-spacing-small);
}
.ck.ck-toolbar.ck-toolbar_vertical {
padding: 0;
}
.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck {
border-radius: 0;
margin: 0;
width: 100%;
}
.ck.ck-toolbar.ck-toolbar_compact {
padding: 0;
}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * {
margin: 0;
}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > :not(:first-child):not(:last-child) {
border-radius: 0;
}
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button {
padding-left: var(--ck-spacing-tiny);
}
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel {
min-width: auto;
}
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label {
max-width: 7em;
width: auto;
}
.ck.ck-toolbar:focus {
outline: none;
}
.ck-toolbar-container .ck.ck-toolbar {
border: 0;
}
.ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck,
[dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck {
margin-right: 0;
}
.ck.ck-toolbar[dir="rtl"]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck,
[dir="rtl"] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck {
margin-left: var(--ck-spacing-small);
}
.ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck:last-child,
[dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child {
margin-left: 0;
}
.ck.ck-toolbar.ck-toolbar_compact[dir="rtl"] > .ck-toolbar__items > .ck:first-child,
[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.ck.ck-toolbar.ck-toolbar_compact[dir="rtl"] > .ck-toolbar__items > .ck:last-child,
[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.ck.ck-toolbar.ck-toolbar_grouping[dir="rtl"] > .ck-toolbar__items:not(:empty):not(:only-child),
.ck.ck-toolbar[dir="rtl"] > .ck.ck-toolbar__separator,
[dir="rtl"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child),
[dir="rtl"] .ck.ck-toolbar > .ck.ck-toolbar__separator {
margin-left: var(--ck-spacing-small);
}
.ck.ck-toolbar[dir="ltr"] > .ck-toolbar__items > .ck:last-child,
[dir="ltr"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child {
margin-right: 0;
}
.ck.ck-toolbar.ck-toolbar_compact[dir="ltr"] > .ck-toolbar__items > .ck:first-child,
[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.ck.ck-toolbar.ck-toolbar_compact[dir="ltr"] > .ck-toolbar__items > .ck:last-child,
[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.ck.ck-toolbar.ck-toolbar_grouping[dir="ltr"] > .ck-toolbar__items:not(:empty):not(:only-child),
.ck.ck-toolbar[dir="ltr"] > .ck.ck-toolbar__separator,
[dir="ltr"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child),
[dir="ltr"] .ck.ck-toolbar > .ck.ck-toolbar__separator {
margin-right: var(--ck-spacing-small);
}
.ck.ck-list {
display: flex;
flex-direction: column;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ck.ck-list .ck-list__item,
.ck.ck-list .ck-list__separator {
display: block;
}
.ck.ck-list .ck-list__item > :focus {
position: relative;
z-index: var(--ck-z-default);
}
:root {
--ck-list-button-padding: calc(var(--ck-line-height-base) * 0.11 * var(--ck-font-size-base))
calc(var(--ck-line-height-base) * 0.4 * var(--ck-font-size-base));
}
.ck.ck-list {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-list,
.ck.ck-list.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-list {
background: var(--ck-color-list-background);
list-style-type: none;
}
.ck.ck-list__item {
cursor: default;
min-width: 12em;
}
.ck.ck-list__item > .ck-button {
border-radius: 0;
min-height: unset;
width: 100%;
}
[dir="ltr"] .ck.ck-list__item > .ck-button {
text-align: left;
}
[dir="rtl"] .ck.ck-list__item > .ck-button {
text-align: right;
}
.ck.ck-list__item > .ck-button {
padding: var(--ck-list-button-padding);
}
.ck.ck-list__item > .ck-button:active {
box-shadow: none;
}
.ck.ck-list__item > .ck-button.ck-on {
background: var(--ck-color-list-button-on-background);
color: var(--ck-color-list-button-on-text);
}
.ck.ck-list__item > .ck-button.ck-on:active {
box-shadow: none;
}
.ck.ck-list__item > .ck-button.ck-on:hover:not(.ck-disabled) {
background: var(--ck-color-list-button-on-background-focus);
}
.ck.ck-list__item > .ck-button.ck-on:focus:not(.ck-switchbutton):not(.ck-disabled) {
border-color: var(--ck-color-base-background);
}
.ck.ck-list__item > .ck-button:hover:not(.ck-disabled) {
background: var(--ck-color-list-button-hover-background);
}
.ck.ck-list__item > .ck-switchbutton.ck-on {
background: var(--ck-color-list-background);
color: inherit;
}
.ck.ck-list__item > .ck-switchbutton.ck-on:hover:not(.ck-disabled) {
background: var(--ck-color-list-button-hover-background);
color: inherit;
}
.ck-list .ck-list__group {
padding-top: var(--ck-spacing-medium);
:not(.ck-hidden) ~ & {
border-top: 1px solid var(--ck-color-base-border);
}
}
.ck-list .ck-list__group > .ck-label {
font-size: 11px;
font-weight: 700;
padding: var(--ck-spacing-medium) var(--ck-spacing-medium) 0 var(--ck-spacing-medium);
}
.ck.ck-list__separator {
background: var(--ck-color-base-border);
height: 1px;
width: 100%;
}
.ck.ck-splitbutton {
font-size: inherit;
}
.ck.ck-splitbutton .ck-splitbutton__action:focus {
z-index: calc(var(--ck-z-default) + 1);
}
:root {
--ck-color-split-button-hover-background: #ebebeb;
--ck-color-split-button-hover-border: #b3b3b3;
}
[dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action,
[dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__action {
border-bottom-right-radius: unset;
border-top-right-radius: unset;
}
[dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action,
[dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__action {
border-bottom-left-radius: unset;
border-top-left-radius: unset;
}
.ck.ck-splitbutton > .ck-splitbutton__arrow {
min-width: unset;
}
[dir="ltr"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
border-bottom-left-radius: unset;
border-top-left-radius: unset;
}
[dir="rtl"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
border-bottom-right-radius: unset;
border-top-right-radius: unset;
}
.ck.ck-splitbutton > .ck-splitbutton__arrow svg {
width: var(--ck-dropdown-arrow-size);
}
.ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) {
border-bottom-width: 0;
border-top-width: 0;
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover),
.ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
background: var(--ck-color-split-button-hover-background);
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):after,
.ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled):after {
background-color: var(--ck-color-split-button-hover-border);
content: "";
height: 100%;
position: absolute;
width: 1px;
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus:after,
.ck.ck-splitbutton:hover > .ck-splitbutton__arrow:focus:after {
--ck-color-split-button-hover-border: var(--ck-color-focus-border);
}
[dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):after,
[dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled):after {
left: -1px;
}
[dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):after,
[dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled):after {
right: -1px;
}
.ck.ck-splitbutton.ck-splitbutton_open {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action {
border-bottom-left-radius: 0;
}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow {
border-bottom-right-radius: 0;
}
:root {
--ck-toolbar-dropdown-max-width: 60vw;
}
.ck.ck-toolbar-dropdown > .ck-dropdown__panel {
max-width: var(--ck-toolbar-dropdown-max-width);
width: max-content;
}
.ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
z-index: calc(var(--ck-z-default) + 1);
}
.ck.ck-toolbar-dropdown .ck-toolbar {
border: 0;
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list,
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-top-left-radius: 0;
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button,
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button,
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.color-picker-hex-input {
width: max-content;
}
.color-picker-hex-input .ck.ck-input {
min-width: unset;
}
.ck.ck-color-picker__row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
margin: var(--ck-spacing-large) 0 0;
width: unset;
}
.ck.ck-color-picker__row .ck.ck-labeled-field-view {
padding-top: unset;
}
.ck.ck-color-picker__row .ck.ck-input-text {
width: unset;
}
.ck.ck-color-picker__row .ck-color-picker__hash-view {
padding-right: var(--ck-spacing-medium);
padding-top: var(--ck-spacing-tiny);
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker,
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color {
align-items: center;
display: flex;
}
[dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker,
[dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color {
justify-content: flex-start;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel,
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save {
flex: 1;
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker,
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color {
width: 100%;
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) {
border-top: 1px solid var(--ck-color-base-border);
}
[dir="ltr"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
margin-right: var(--ck-spacing-standard);
}
[dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
margin-left: var(--ck-spacing-standard);
}
.ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label {
font-weight: unset;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker {
padding: 8px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker {
height: 100px;
min-width: 180px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) {
border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) {
border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer),
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer) {
height: 15px;
width: 15px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
padding: 0 8px 8px;
}
.ck.ck-form__header {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.ck.ck-form__header h2.ck-form__header__label {
flex-grow: 1;
}
:root {
--ck-form-header-height: 44px;
}
.ck.ck-form__header {
border-bottom: 1px solid var(--ck-color-base-border);
height: var(--ck-form-header-height);
line-height: var(--ck-form-header-height);
padding: var(--ck-spacing-small) var(--ck-spacing-large);
}
[dir="ltr"] .ck.ck-form__header > .ck-icon {
margin-right: var(--ck-spacing-medium);
}
[dir="rtl"] .ck.ck-form__header > .ck-icon {
margin-left: var(--ck-spacing-medium);
}
.ck.ck-form__header .ck-form__header__label {
--ck-font-size-base: 15px;
font-weight: 700;
}
.ck.ck-dialog .ck.ck-dialog__actions {
display: flex;
justify-content: flex-end;
padding: var(--ck-spacing-large);
}
.ck.ck-dialog .ck.ck-dialog__actions > * + * {
margin-left: var(--ck-spacing-large);
}
.ck.ck-dialog-overlay {
bottom: 0;
left: 0;
overscroll-behavior: none;
position: fixed;
right: 0;
top: 0;
user-select: none;
}
.ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
animation: none;
background: none;
pointer-events: none;
}
.ck.ck-dialog {
overscroll-behavior: none;
position: absolute;
width: fit-content;
}
.ck.ck-dialog .ck.ck-form__header {
flex-shrink: 0;
}
.ck.ck-dialog .ck.ck-form__header .ck-form__header__label {
cursor: grab;
}
.ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
pointer-events: all;
}
:root {
--ck-dialog-overlay-background-color: rgba(0, 0, 0, 0.5);
--ck-dialog-drop-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15);
--ck-dialog-max-width: 100vw;
--ck-dialog-max-height: 90vh;
--ck-color-dialog-background: var(--ck-color-base-background);
--ck-color-dialog-form-header-border: var(--ck-color-base-border);
}
.ck.ck-dialog-overlay {
animation: ck-dialog-fade-in 0.3s;
background: var(--ck-dialog-overlay-background-color);
z-index: var(--ck-z-dialog);
}
.ck.ck-dialog {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-dialog,
.ck.ck-dialog.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-dialog {
--ck-drop-shadow: var(--ck-dialog-drop-shadow);
background: var(--ck-color-dialog-background);
border: 1px solid var(--ck-color-base-border);
box-shadow:
var(--ck-drop-shadow),
0 0;
max-height: var(--ck-dialog-max-height);
max-width: var(--ck-dialog-max-width);
}
.ck.ck-dialog .ck.ck-form__header {
border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
}
@keyframes ck-dialog-fade-in {
0% {
background: transparent;
}
to {
background: var(--ck-dialog-overlay-background-color);
}
}
:root {
--ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
}
.ck.ck-balloon-panel {
display: none;
position: absolute;
z-index: var(--ck-z-panel);
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after,
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
content: "";
position: absolute;
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after {
z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel[class*="arrow_n"]:before {
z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel[class*="arrow_n"]:after {
z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel[class*="arrow_s"]:before {
z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel[class*="arrow_s"]:after {
z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel.ck-balloon-panel_visible {
display: block;
}
:root {
--ck-balloon-border-width: 1px;
--ck-balloon-arrow-offset: 2px;
--ck-balloon-arrow-height: 10px;
--ck-balloon-arrow-half-width: 8px;
--ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
}
.ck.ck-balloon-panel {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-balloon-panel,
.ck.ck-balloon-panel.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-balloon-panel {
background: var(--ck-color-panel-background);
border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
box-shadow:
var(--ck-drop-shadow),
0 0;
min-height: 15px;
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after,
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
border-style: solid;
height: 0;
width: 0;
}
.ck.ck-balloon-panel[class*="arrow_n"]:after,
.ck.ck-balloon-panel[class*="arrow_n"]:before {
border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height)
var(--ck-balloon-arrow-half-width);
}
.ck.ck-balloon-panel[class*="arrow_n"]:before {
border-color: transparent transparent var(--ck-color-panel-border) transparent;
margin-top: calc(var(--ck-balloon-border-width) * -1);
}
.ck.ck-balloon-panel[class*="arrow_n"]:after {
border-color: transparent transparent var(--ck-color-panel-background) transparent;
margin-top: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*="arrow_s"]:after,
.ck.ck-balloon-panel[class*="arrow_s"]:before {
border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0
var(--ck-balloon-arrow-half-width);
}
.ck.ck-balloon-panel[class*="arrow_s"]:before {
border-color: var(--ck-color-panel-border) transparent transparent;
filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
margin-bottom: calc(var(--ck-balloon-border-width) * -1);
}
.ck.ck-balloon-panel[class*="arrow_s"]:after {
border-color: var(--ck-color-panel-background) transparent transparent transparent;
margin-bottom: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*="arrow_e"]:after,
.ck.ck-balloon-panel[class*="arrow_e"]:before {
border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width)
var(--ck-balloon-arrow-height);
}
.ck.ck-balloon-panel[class*="arrow_e"]:before {
border-color: transparent transparent transparent var(--ck-color-panel-border);
margin-right: calc(var(--ck-balloon-border-width) * -1);
}
.ck.ck-balloon-panel[class*="arrow_e"]:after {
border-color: transparent transparent transparent var(--ck-color-panel-background);
margin-right: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*="arrow_w"]:after,
.ck.ck-balloon-panel[class*="arrow_w"]:before {
border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height)
var(--ck-balloon-arrow-half-width) 0;
}
.ck.ck-balloon-panel[class*="arrow_w"]:before {
border-color: transparent var(--ck-color-panel-border) transparent transparent;
margin-left: calc(var(--ck-balloon-border-width) * -1);
}
.ck.ck-balloon-panel[class*="arrow_w"]:after {
border-color: transparent var(--ck-color-panel-background) transparent transparent;
margin-left: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n:before {
left: 50%;
margin-left: calc(var(--ck-balloon-arrow-half-width) * -1);
top: calc(var(--ck-balloon-arrow-height) * -1);
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:before {
left: calc(var(--ck-balloon-arrow-half-width) * 2);
top: calc(var(--ck-balloon-arrow-height) * -1);
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:before {
right: calc(var(--ck-balloon-arrow-half-width) * 2);
top: calc(var(--ck-balloon-arrow-height) * -1);
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s:before {
bottom: calc(var(--ck-balloon-arrow-height) * -1);
left: 50%;
margin-left: calc(var(--ck-balloon-arrow-half-width) * -1);
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:before {
bottom: calc(var(--ck-balloon-arrow-height) * -1);
left: calc(var(--ck-balloon-arrow-half-width) * 2);
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se:before {
bottom: calc(var(--ck-balloon-arrow-height) * -1);
right: calc(var(--ck-balloon-arrow-half-width) * 2);
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:before {
bottom: calc(var(--ck-balloon-arrow-height) * -1);
margin-right: calc(var(--ck-balloon-arrow-half-width) * 2);
right: 25%;
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:before {
bottom: calc(var(--ck-balloon-arrow-height) * -1);
left: 25%;
margin-left: calc(var(--ck-balloon-arrow-half-width) * 2);
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:before {
margin-right: calc(var(--ck-balloon-arrow-half-width) * 2);
right: 25%;
top: calc(var(--ck-balloon-arrow-height) * -1);
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:before {
left: 25%;
margin-left: calc(var(--ck-balloon-arrow-half-width) * 2);
top: calc(var(--ck-balloon-arrow-height) * -1);
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e:before {
margin-top: calc(var(--ck-balloon-arrow-half-width) * -1);
right: calc(var(--ck-balloon-arrow-height) * -1);
top: 50%;
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w:before {
left: calc(var(--ck-balloon-arrow-height) * -1);
margin-top: calc(var(--ck-balloon-arrow-half-width) * -1);
top: 50%;
}
.ck.ck-balloon-panel.ck-tooltip {
--ck-balloon-border-width: 0px;
--ck-balloon-arrow-offset: 0px;
--ck-balloon-arrow-half-width: 4px;
--ck-balloon-arrow-height: 4px;
--ck-tooltip-text-padding: 4px;
--ck-color-panel-background: var(--ck-color-tooltip-background);
padding: 0 var(--ck-spacing-medium);
z-index: calc(var(--ck-z-dialog) + 100);
}
.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
color: var(--ck-color-tooltip-text);
font-size: 0.9em;
line-height: 1.5;
}
.ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text {
display: inline-block;
max-width: 200px;
padding: var(--ck-tooltip-text-padding) 0;
white-space: break-spaces;
}
.ck.ck-balloon-panel.ck-tooltip {
box-shadow: none;
}
.ck.ck-balloon-panel.ck-tooltip:before {
display: none;
}
.ck.ck-aria-live-announcer {
left: -10000px;
position: absolute;
top: -10000px;
}
:root {
--ck-color-editable-blur-selection: #d9d9d9;
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable) {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),
.ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) {
border-radius: var(--ck-border-radius);
}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
border: var(--ck-focus-ring);
box-shadow:
var(--ck-inner-shadow),
0 0;
outline: none;
}
.ck.ck-editor__editable_inline {
border: 1px solid transparent;
overflow: auto;
padding: 0 var(--ck-spacing-standard);
}
.ck.ck-editor__editable_inline[dir="ltr"] {
text-align: left;
}
.ck.ck-editor__editable_inline[dir="rtl"] {
text-align: right;
}
.ck.ck-editor__editable_inline > :first-child {
margin-top: var(--ck-spacing-large);
}
.ck.ck-editor__editable_inline > :last-child {
margin-bottom: var(--ck-spacing-large);
}
.ck.ck-editor__editable_inline.ck-blurred ::selection {
background: var(--ck-color-editable-blur-selection);
}
.ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"]:after {
border-bottom-color: var(--ck-color-panel-background);
}
.ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"]:after {
border-top-color: var(--ck-color-panel-background);
}
.ck .ck-balloon-rotator__navigation {
align-items: center;
display: flex;
justify-content: center;
}
.ck .ck-balloon-rotator__content .ck-toolbar {
justify-content: center;
}
.ck .ck-balloon-rotator__navigation {
background: var(--ck-color-toolbar-background);
border-bottom: 1px solid var(--ck-color-toolbar-border);
padding: 0 var(--ck-spacing-small);
}
.ck .ck-balloon-rotator__navigation > * {
margin-bottom: var(--ck-spacing-small);
margin-right: var(--ck-spacing-small);
margin-top: var(--ck-spacing-small);
}
.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {
margin-left: var(--ck-spacing-small);
margin-right: var(--ck-spacing-standard);
}
.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {
box-shadow: none;
}
.ck .ck-fake-panel {
position: absolute;
z-index: calc(var(--ck-z-panel) - 1);
}
.ck .ck-fake-panel div {
position: absolute;
}
.ck .ck-fake-panel div:first-child {
z-index: 2;
}
.ck .ck-fake-panel div:nth-child(2) {
z-index: 1;
}
:root {
--ck-balloon-fake-panel-offset-horizontal: 6px;
--ck-balloon-fake-panel-offset-vertical: 6px;
}
.ck .ck-fake-panel div {
background: var(--ck-color-panel-background);
border: 1px solid var(--ck-color-panel-border);
border-radius: var(--ck-border-radius);
box-shadow:
var(--ck-drop-shadow),
0 0;
height: 100%;
min-height: 15px;
width: 100%;
}
.ck .ck-fake-panel div:first-child {
margin-left: var(--ck-balloon-fake-panel-offset-horizontal);
margin-top: var(--ck-balloon-fake-panel-offset-vertical);
}
.ck .ck-fake-panel div:nth-child(2) {
margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
}
.ck .ck-fake-panel div:nth-child(3) {
margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
}
.ck .ck-balloon-panel_arrow_s + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_se + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_sw + .ck-fake-panel {
--ck-balloon-fake-panel-offset-vertical: -6px;
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
position: fixed;
top: 0;
z-index: var(--ck-z-panel);
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
position: absolute;
top: auto;
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-width: 0 1px 1px;
box-shadow:
var(--ck-drop-shadow),
0 0;
}
.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
[dir="ltr"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
left: var(--ck-spacing-medium);
}
[dir="rtl"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
right: var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view .ck-search__reset {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
display: block;
}
.ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
display: none;
}
:root {
--ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium));
}
.ck.ck-search > .ck-labeled-field-view .ck-input {
width: 100%;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon {
--ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search
> .ck-labeled-field-view.ck-search__query_with-icon
> .ck-labeled-field-view__input-wrapper
> .ck-icon {
opacity: 0.5;
pointer-events: none;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
width: 100%;
}
[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input,
[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) {
padding-left: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset {
--ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty {
--ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) -
var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
background: none;
min-height: auto;
min-width: auto;
opacity: 0.5;
padding: 0;
}
[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
right: var(--ck-spacing-medium);
}
[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
left: var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {
opacity: 1;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
width: 100%;
}
[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty),
[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
padding-right: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-search__results {
min-width: 100%;
}
.ck.ck-search > .ck-search__results > .ck-search__info {
padding: var(--ck-spacing-medium) var(--ck-spacing-large);
width: 100%;
}
.ck.ck-search > .ck-search__results > .ck-search__info * {
white-space: normal;
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
font-weight: 700;
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:last-child {
margin-top: var(--ck-spacing-medium);
}
.ck.ck-autocomplete {
position: relative;
}
.ck.ck-autocomplete > .ck-search__results {
position: absolute;
z-index: var(--ck-z-panel);
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
bottom: 100%;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
bottom: auto;
top: 100%;
}
.ck.ck-autocomplete > .ck-search__results {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-autocomplete > .ck-search__results,
.ck.ck-autocomplete > .ck-search__results.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-autocomplete > .ck-search__results {
background: var(--ck-color-base-background);
border: 1px solid var(--ck-color-dropdown-panel-border);
box-shadow:
var(--ck-drop-shadow),
0 0;
max-height: 200px;
min-width: auto;
overflow-y: auto;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: -1px;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: -1px;
}
.ck.ck-highlighted-text mark {
background: var(--ck-color-highlight-background);
font-size: inherit;
font-weight: inherit;
line-height: inherit;
vertical-align: initial;
}
.ck.ck-spinner-container {
display: block;
position: relative;
}
.ck.ck-spinner {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
:root {
--ck-toolbar-spinner-size: 18px;
}
.ck.ck-spinner-container {
animation: rotate 1.5s linear infinite;
}
.ck.ck-spinner,
.ck.ck-spinner-container {
height: var(--ck-toolbar-spinner-size);
width: var(--ck-toolbar-spinner-size);
}
.ck.ck-spinner {
border: 2px solid var(--ck-color-text);
border-radius: 50%;
border-top: 2px solid transparent;
}
@keyframes rotate {
to {
transform: rotate(1turn);
}
}
.ck.ck-block-toolbar-button {
position: absolute;
z-index: var(--ck-z-default);
}
:root {
--ck-color-block-toolbar-button: var(--ck-color-text);
--ck-block-toolbar-button-size: var(--ck-font-size-normal);
}
.ck.ck-block-toolbar-button {
color: var(--ck-color-block-toolbar-button);
font-size: var(--ck-block-toolbar-size);
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
pointer-events: none;
z-index: var(--ck-z-default);
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button {
padding: var(--ck-list-button-padding);
width: 100%;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label {
opacity: var(--ck-disabled-opacity);
}
[dir="ltr"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
padding-left: var(--ck-spacing-small);
}
[dir="rtl"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
padding-right: var(--ck-spacing-small);
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button {
min-height: unset;
padding: var(--ck-spacing-small) var(--ck-spacing-medium);
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label {
line-height: unset;
width: unset;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon {
display: none;
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button {
border-radius: 0;
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button:focus {
border-color: transparent;
box-shadow: none;
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button:focus:not(.ck-on) {
background: var(--ck-color-button-default-hover-background);
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level)
.ck-menu-bar__menu__button:not(:has(.ck-button__icon))
> .ck-button__label {
margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level)
.ck-menu-bar__menu__button
> .ck-menu-bar__menu__button__arrow {
width: var(--ck-dropdown-arrow-size);
}
[dir="ltr"]
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level)
.ck-menu-bar__menu__button
> .ck-menu-bar__menu__button__arrow {
transform: rotate(-90deg);
}
[dir="rtl"]
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level)
.ck-menu-bar__menu__button
> .ck-menu-bar__menu__button__arrow {
transform: rotate(90deg);
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level)
.ck-menu-bar__menu__button.ck-disabled
> .ck-menu-bar__menu__button__arrow {
opacity: var(--ck-disabled-opacity);
}
[dir="ltr"]
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level)
.ck-menu-bar__menu__button
> .ck-menu-bar__menu__button__arrow {
margin-left: var(--ck-spacing-standard);
right: var(--ck-spacing-standard);
}
[dir="rtl"]
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level)
.ck-menu-bar__menu__button
> .ck-menu-bar__menu__button__arrow {
left: var(--ck-spacing-standard);
margin-right: var(--ck-spacing-small);
}
:root {
--ck-menu-bar-menu-item-min-width: 18em;
}
.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item {
min-width: var(--ck-menu-bar-menu-item-min-width);
}
:root {
--ck-menu-bar-menu-max-width: 75vw;
--ck-menu-bar-nested-menu-horizontal-offset: 5px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
max-width: var(--ck-menu-bar-menu-max-width);
position: absolute;
z-index: var(--ck-z-panel);
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
bottom: 100%;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
bottom: auto;
top: 100%;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
left: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
right: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
left: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset));
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
top: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
bottom: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
right: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset));
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
top: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
bottom: 0;
}
:root {
--ck-menu-bar-menu-panel-max-width: 75vw;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
background: var(--ck-color-dropdown-panel-background);
border: 1px solid var(--ck-color-dropdown-panel-border);
bottom: 0;
box-shadow:
var(--ck-drop-shadow),
0 0;
height: fit-content;
max-width: var(--ck-menu-bar-menu-panel-max-width);
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
border-top-left-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
border-top-right-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne {
border-bottom-left-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
border-bottom-right-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus {
outline: none;
}
.ck.ck-menu-bar__menu {
display: block;
font-size: inherit;
position: relative;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level {
max-width: 100%;
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button {
border-radius: 0;
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container,
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner {
--ck-toolbar-spinner-size: 20px;
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
margin-left: calc(var(--ck-spacing-small) * -1);
margin-right: var(--ck-spacing-small);
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button:focus {
border-color: transparent;
box-shadow: none;
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button:focus:not(.ck-on) {
background: var(--ck-color-button-default-hover-background);
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level
> .ck-menu-bar__menu__panel
> ul
> .ck-menu-bar__menu__item
> .ck-menu-bar__menu__item__button:not(:has(.ck-button__icon))
> .ck-button__label {
margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
}
.ck.ck-menu-bar {
background: var(--ck-color-base-background);
border: 1px solid var(--ck-color-toolbar-border);
display: flex;
flex-wrap: wrap;
gap: var(--ck-spacing-small);
justify-content: flex-start;
padding: var(--ck-spacing-small);
width: 100%;
}
.ck.ck-editor {
position: relative;
}
.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
z-index: var(--ck-z-panel);
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
border: solid var(--ck-color-base-border);
border-width: 1px 1px 0;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
border-bottom-width: 1px;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
border: 0;
}
.ck.ck-editor__main > .ck-editor__editable {
background: var(--ck-color-base-background);
border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
border-color: var(--ck-color-base-border);
}
:root {
--ck-user-colors--0: #6d78e8;
--ck-user-colors--0-alpha: rgba(109, 120, 232, 0.15);
--ck-user-colors--1: #007a6c;
--ck-user-colors--1-alpha: rgba(0, 122, 108, 0.15);
--ck-user-colors--2: #ba4545;
--ck-user-colors--2-alpha: rgba(186, 69, 69, 0.15);
--ck-user-colors--3: #5635b1;
--ck-user-colors--3-alpha: rgba(86, 53, 177, 0.15);
--ck-user-colors--4: #548a2e;
--ck-user-colors--4-alpha: rgba(84, 138, 46, 0.15);
--ck-user-colors--5: #c3185d;
--ck-user-colors--5-alpha: rgba(195, 24, 93, 0.15);
--ck-user-colors--6: #ea4343;
--ck-user-colors--6-alpha: rgba(234, 67, 67, 0.15);
--ck-user-colors--7: #0bc3d0;
--ck-user-colors--7-alpha: rgba(11, 195, 208, 0.15);
--ck-user-dot-size: 6px;
}
.ck .ck-user__color--0 {
color: var(--ck-user-colors--0);
}
.ck .ck-user__bg-color--0 {
background-color: var(--ck-user-colors--0);
}
.ck .ck-user__selection--0 {
background-color: var(--ck-user-colors--0-alpha);
}
.ck .ck-user__selection--0.ck-widget {
background-color: transparent;
border: 3px solid var(--ck-user-colors--0);
}
.ck .ck-user__marker--0,
.ck .ck-user__marker--0 .ck-user__marker-dot,
.ck .ck-user__marker--0 .ck-user__marker-dot::selection,
.ck .ck-user__marker--0 .ck-user__marker-tooltip,
.ck .ck-user__marker--0 .ck-user__marker-tooltip::selection,
.ck .ck-user__marker--0::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-dot,
.ck .ck-user__marker--1 .ck-user__marker-dot::selection,
.ck .ck-user__marker--1 .ck-user__marker-tooltip,
.ck .ck-user__marker--1 .ck-user__marker-tooltip::selection,
.ck .ck-user__marker--1::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-dot,
.ck .ck-user__marker--2 .ck-user__marker-dot::selection,
.ck .ck-user__marker--2 .ck-user__marker-tooltip,
.ck .ck-user__marker--2 .ck-user__marker-tooltip::selection,
.ck .ck-user__marker--2::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-dot,
.ck .ck-user__marker--3 .ck-user__marker-dot::selection,
.ck .ck-user__marker--3 .ck-user__marker-tooltip,
.ck .ck-user__marker--3 .ck-user__marker-tooltip::selection,
.ck .ck-user__marker--3::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-dot,
.ck .ck-user__marker--4 .ck-user__marker-dot::selection,
.ck .ck-user__marker--4 .ck-user__marker-tooltip,
.ck .ck-user__marker--4 .ck-user__marker-tooltip::selection,
.ck .ck-user__marker--4::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-dot,
.ck .ck-user__marker--5 .ck-user__marker-dot::selection,
.ck .ck-user__marker--5 .ck-user__marker-tooltip,
.ck .ck-user__marker--5 .ck-user__marker-tooltip::selection,
.ck .ck-user__marker--5::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-dot,
.ck .ck-user__marker--6 .ck-user__marker-dot::selection,
.ck .ck-user__marker--6 .ck-user__marker-tooltip,
.ck .ck-user__marker--6 .ck-user__marker-tooltip::selection,
.ck .ck-user__marker--6::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-dot,
.ck .ck-user__marker--7 .ck-user__marker-dot::selection,
.ck .ck-user__marker--7 .ck-user__marker-tooltip,
.ck .ck-user__marker--7 .ck-user__marker-tooltip::selection,
.ck .ck-user__marker--7::selection {
background-color: var(--ck-user-colors--7);
}
.ck .ck-user__marker--7 .ck-user__marker-line {
border: 1px solid var(--ck-user-colors--7);
}
:root {
--ck-user-avatar-size: 40px;
--ck-user-avatar-background: #3670ab;
--ck-user-avatar-color: #fff;
--ck-user-me-border-color: #fff;
}
.ck.ck-user {
align-items: center;
background-color: var(--ck-user-avatar-background);
border-radius: 50%;
box-sizing: border-box;
display: flex;
height: var(--ck-user-avatar-size);
justify-content: center;
line-height: 100%;
margin: 2px;
min-height: var(--ck-user-avatar-size);
min-width: var(--ck-user-avatar-size);
position: relative;
width: var(--ck-user-avatar-size);
}
.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 {
background-color: var(--ck-user-avatar-background);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: none;
border-radius: 50%;
display: none;
height: 100%;
width: 100%;
}
.ck.ck-user__img.ck-user__anonymous {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' d='M9.8 20H2c0-5.7 5-5.7 6-7l.2-.8c-1.6-.8-2.7-2.7-2.7-5 0-2.8 2-5.2 4.3-5.2S14 4.4 14 7.3c0 2.2-1 4-2.6 5l.2.6c1.2 1.3 6 1.4 6 7H9.8z'/%3E%3C/svg%3E");
display: block;
}
.ck.ck-user__img.ck-user__anonymous + .ck-user__name {
display: none;
}
.ck.ck-user__img.ck-user__avatar {
background-color: #fff;
display: block;
}
.ck.ck-user__img.ck-user__img--hidden {
display: none;
}
.ck.ck-user__notification {
align-items: center;
background: var(--ck-color-base-background);
border: 2px solid var(--ck-color-base-background);
border-radius: 50%;
box-sizing: content-box;
display: flex;
height: 15px;
justify-content: center;
overflow: hidden;
position: absolute;
right: -7px;
top: -8px;
transform: translateZ(0);
width: 15px;
}
.ck.ck-user__notification .ck-user__icon {
background: var(--ck-color-base-background);
color: var(--ck-color-annotation-info);
height: 19px;
max-height: 19px;
max-width: 19px;
min-height: 19px;
min-width: 19px;
width: 19px;
}
:root {
--ck-color-comment-box-border: #f2de02;
--ck-color-suggestion-box-deletion-border: #d85a79;
--ck-color-suggestion-box-insertion-border: #5ad86b;
--ck-color-suggestion-box-format-border: #5ac1d8;
}
.ck .ck-suggestion {
border-top-left-radius: var(--ck-border-radius);
}
.ck .ck-annotation {
border-left: 3px solid transparent;
}
.ck .ck-suggestion--disabled-comments .ck-annotation {
min-height: 80px;
}
.ck .ck-comment,
.ck .ck-comment__input-container,
.ck .ck-thread__comment-count,
.ck .ck-thread__header {
border-left: 3px solid var(--ck-color-comment-box-border);
}
.ck .ck-suggestion-insertion .ck-suggestion {
border-left-color: var(--ck-color-suggestion-box-insertion-border);
}
.ck .ck-suggestion-deletion .ck-suggestion {
border-left-color: var(--ck-color-suggestion-box-deletion-border);
}
.ck .ck-suggestion-replace .ck-suggestion {
border-left-color: var(--ck-color-suggestion-box-insertion-border);
}
.ck .ck-suggestion-format .ck-suggestion {
border-left-color: var(--ck-color-suggestion-box-format-border);
}
.ck .ck-suggestion-wrapper {
outline: 0;
overflow: hidden;
}
.ck .ck-suggestion-type {
font-weight: 700;
}
.ck .ck-suggestion-color {
border-radius: 14px;
box-shadow: 0 0 0 1px #454545;
display: inline-block;
height: 14px;
margin: 0 5px;
vertical-align: text-bottom;
width: 14px;
}
.ck .ck-suggestion-insertion .ck-comment,
.ck .ck-suggestion-insertion .ck-comment__input-container,
.ck .ck-suggestion-insertion .ck-thread__comment-count,
.ck .ck-suggestion-replace .ck-comment,
.ck .ck-suggestion-replace .ck-comment__input-container,
.ck .ck-suggestion-replace .ck-thread__comment-count {
border-left-color: var(--ck-color-suggestion-box-insertion-border);
}
.ck .ck-suggestion-deletion .ck-comment,
.ck .ck-suggestion-deletion .ck-comment__input-container,
.ck .ck-suggestion-deletion .ck-thread__comment-count {
border-left-color: var(--ck-color-suggestion-box-deletion-border);
}
.ck .ck-suggestion-format .ck-comment,
.ck .ck-suggestion-format .ck-comment__input-container,
.ck .ck-suggestion-format .ck-thread__comment-count {
border-left-color: var(--ck-color-suggestion-box-format-border);
}
:root {
--ck-color-suggestion-marker-insertion-border: rgba(30, 174, 49, 0.35);
--ck-color-suggestion-marker-insertion-border-active: rgba(18, 109, 31, 0.5);
--ck-color-suggestion-marker-insertion-background: rgba(102, 229, 119, 0.35);
--ck-color-suggestion-marker-insertion-background-active: rgba(37, 218, 61, 0.5);
--ck-color-suggestion-marker-deletion-border: rgba(174, 30, 66, 0.35);
--ck-color-suggestion-marker-deletion-border-active: rgba(109, 18, 41, 0.5);
--ck-color-suggestion-marker-deletion-background: rgba(229, 102, 134, 0.35);
--ck-color-suggestion-marker-deletion-background-active: rgba(218, 37, 82, 0.5);
--ck-color-suggestion-marker-deletion-stroke: rgba(87, 15, 33, 0.5);
--ck-color-suggestion-marker-format-border: #99d7e6;
--ck-color-suggestion-marker-format-border-active: #5cc0d6;
--ck-color-suggestion-widget-insertion-background: rgba(102, 229, 119, 0.05);
--ck-color-suggestion-widget-insertion-background-active: rgba(37, 218, 61, 0.07);
--ck-color-suggestion-widget-deletion-background: rgba(229, 102, 134, 0.05);
--ck-color-suggestion-widget-deletion-background-active: rgba(196, 33, 74, 0.07);
--ck-color-suggestion-widget-format-background: rgba(10, 160, 194, 0.09);
--ck-color-suggestion-widget-format-background-active: rgba(10, 160, 194, 0.16);
}
.ck-content .ck-suggestion-marker-insertion {
background: var(--ck-color-suggestion-marker-insertion-background);
border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
}
.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active {
background: var(--ck-color-suggestion-marker-insertion-background-active);
border-color: var(--ck-color-suggestion-marker-insertion-border-active);
}
.ck-content .ck-suggestion-marker-insertion.ck-widget {
background: none;
border: 3px solid var(--ck-color-suggestion-marker-insertion-border);
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 {
background: var(--ck-color-suggestion-marker-deletion-background);
border-bottom: 3px solid var(--ck-color-suggestion-marker-deletion-border);
border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
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-suggestion-marker--active {
background: var(--ck-color-suggestion-marker-deletion-background-active);
border-color: var(--ck-color-suggestion-marker-deletion-border-active);
}
.ck-content .ck-suggestion-marker-deletion.ck-widget {
background: none;
border: 3px solid var(--ck-color-suggestion-marker-deletion-border);
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 {
background: var(--ck-color-suggestion-marker-deletion-background);
border-bottom: 3px solid var(--ck-color-suggestion-marker-deletion-border);
border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
color: var(--ck-color-suggestion-marker-deletion-stroke);
content: "¶";
text-decoration: line-through;
text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
}
.ck-content .ck-suggestion-marker-merge.ck-suggestion-marker--active:after {
background: var(--ck-color-suggestion-marker-deletion-background-active);
border-color: var(--ck-color-suggestion-marker-deletion-border-active);
}
.ck-content .ck-suggestion-marker-split:after {
background: var(--ck-color-suggestion-marker-insertion-background);
border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
color: var(--ck-color-suggestion-marker-insertion-border);
content: "¶";
}
.ck-content .ck-suggestion-marker-split.ck-suggestion-marker--active:after {
background: var(--ck-color-suggestion-marker-insertion-background-active);
border-color: var(--ck-color-suggestion-marker-insertion-border-active);
}
.ck-content .ck-suggestion-marker-formatInline {
border-bottom: 3px solid var(--ck-color-suggestion-marker-format-border);
border-top: 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);
}
.ck-content .ck-suggestion-marker-formatBlock {
background: none;
border: 0;
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 ol .ck-suggestion-marker-formatBlock,
.ck-content ul .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 ol .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active,
.ck-content ul .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: 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,
.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,
.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,
.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: 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);
}
.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: rgba(102, 229, 119, 0.12);
--ck-color-suggestion-widget-th-insertion-background-active: rgba(37, 218, 61, 0.14);
--ck-color-suggestion-widget-th-deletion-background: rgba(229, 102, 134, 0.14);
--ck-color-suggestion-widget-th-deletion-background-active: rgba(196, 33, 74, 0.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,
.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,
.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,
.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,
.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 td.ck-suggestion-marker-formatBlock,
.ck-content .table td.ck-suggestion-marker-formatInline,
.ck-content .table th.ck-suggestion-marker-formatBlock,
.ck-content .table th.ck-suggestion-marker-formatInline {
background-color: var(--ck-color-suggestion-widget-format-background);
box-shadow: none;
}
.ck-content .table td.ck-suggestion-marker-formatBlock.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 th.ck-suggestion-marker-formatInline.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);
}
: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: rgba(31, 176, 255, 0.3);
}
.ck-ai-assistant-ui_theme {
--ck-color-button-default-hover-background: #f3ecff;
--ck-color-button-default-active-background: #f3ecff;
--ck-color-button-on-background: #f3ecff;
--ck-color-button-on-hover-background: #e8dff7;
--ck-color-button-on-active-background: #f3ecff;
--ck-color-button-on-disabled-background: #f3ecff;
--ck-color-button-on-color: #743ccd;
--ck-color-button-action-background: #743ccd;
--ck-color-button-action-hover-background: #6c34c9;
--ck-color-button-action-active-background: #6c34c9;
--ck-color-button-action-disabled-background: #ba9de6;
--ck-color-list-button-hover-background: #f3ecff;
--ck-ai-form-content-background: #f9f9f9;
--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: #e2d6f5;
}
.ck-ai-assistant-button:hover,
.ck-ai-commands-dropdown > .ck-button:hover {
color: var(--ck-ai-toolbar-button-hover-color);
}
.ck span.ck-fake-ai-selection {
background: var(--ck-color-ai-selection);
}
.ck .ck-widget.ck-fake-ai-selection {
outline-color: var(--ck-color-ai-selection);
}
.ck span.ck-fake-ai-selection-candidate {
background: var(--ck-color-ai-selection);
}
.ck .ck-fake-ai-selection_collapsed {
border-right: 1px solid var(--ck-color-base-text);
height: 100%;
margin-right: -1px;
outline: 1px solid hsla(0, 0%, 100%, 0.5);
}
.ck.ck-content.ck-ai-form__content-field h2 {
font-size: 1.3em;
}
.ck.ck-content.ck-ai-form__content-field h3 {
font-size: 1.2em;
}
.ck.ck-content.ck-ai-form__content-field h4,
.ck.ck-content.ck-ai-form__content-field h5,
.ck.ck-content.ck-ai-form__content-field h6 {
font-size: 1.1em;
}
.ck.ck-content.ck-ai-form__content-field h2,
.ck.ck-content.ck-ai-form__content-field h3,
.ck.ck-content.ck-ai-form__content-field h4,
.ck.ck-content.ck-ai-form__content-field h5,
.ck.ck-content.ck-ai-form__content-field h6,
.ck.ck-content.ck-ai-form__content-field ol,
.ck.ck-content.ck-ai-form__content-field p,
.ck.ck-content.ck-ai-form__content-field ul {
line-height: 1.7em;
margin-block-end: 0.5em;
margin-block-start: 0.5em;
}
.ck.ck-content.ck-ai-form__content-field > :first-child {
margin-top: 0;
}
.ck.ck-content.ck-ai-form__content-field > :last-child {
margin-bottom: 0;
}
:root {
--ck-ai-dropdown-view-width: 250px;
--ck-ai-dropdown-view-list-max-height: 250px;
}
.ck.ck-ai-commands-search {
width: var(--ck-ai-dropdown-view-width);
}
.ck.ck-ai-commands-search > .ck-labeled-field-view {
padding: var(--ck-spacing-large);
}
.ck.ck-ai-commands-search > .ck-labeled-field-view .ck-input {
min-width: unset;
}
.ck.ck-ai-commands-search > .ck-search__results {
border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-ai-commands-search > .ck-search__results > .ck-list {
max-height: var(--ck-ai-dropdown-view-list-max-height);
overflow: auto;
}
:root {
--ck-ai-form-view-width: 600px;
--ck-ai-form-content-height: 175px;
--ck-ai-form-content-background: #fafafa;
--ck-ai-form-history-font-size: 0.9em;
--ck-ai-form-error-background: var(--ck-color-light-red);
}
.ck .ck-ai-form {
max-width: 100%;
width: var(--ck-ai-form-view-width);
}
@media screen and (max-width: 600px) {
.ck .ck-ai-form {
--ck-ai-form-view-width: 100vw;
}
}
.ck .ck-ai-form .ck-ai-form-content {
padding: var(--ck-spacing-large);
width: 100%;
}
.ck .ck-ai-form .ck-ai-form-content .ck-input {
width: 100%;
}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper {
border: 1px solid var(--ck-color-base-border);
border-radius: 2px;
max-height: var(--ck-ai-form-content-height);
overflow-y: auto;
width: 100%;
}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper:focus {
border: var(--ck-focus-ring);
box-shadow:
var(--ck-focus-outer-shadow),
0 0;
outline: none;
}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area {
background-color: var(--ck-ai-form-content-background);
display: flex;
}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area.ck-ai-form__content-area--processing {
--ck-color-text: var(--ck-color-input-disabled-text);
background-color: var(--ck-color-input-disabled-background);
}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
box-sizing: content-box;
min-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));
padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
white-space: normal;
width: 100%;
}
[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 > * {
color: inherit;
white-space: normal;
}
[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 {
bottom: 1px;
min-height: unset;
min-width: unset;
padding: 4px;
position: sticky;
right: 1px;
}
.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;
margin-bottom: calc(var(--ck-spacing-medium) * 2);
margin-top: var(--ck-spacing-medium);
padding: 0;
}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader {
align-items: center;
display: flex;
}
.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;
}
[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 {
border-color: var(--ck-ai-form-submit-button-border-color);
color: var(--ck-ai-form-submit-button-text-color);
}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit.ck-disabled {
border-color: var(--ck-ai-form-submit-button-disabled-border-color);
}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
font-size: var(--ck-font-size-tiny);
position: absolute;
}
[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);
}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
bottom: var(--ck-spacing-small);
min-height: unset;
min-width: unset;
padding: 4px;
top: var(--ck-spacing-small);
}
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
padding-right: 30px;
}
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
padding-left: 30px;
}
@media screen and (max-width: 600px) {
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
--ck-input-width: auto;
}
}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group {
grid-column-gap: 0;
grid-row-gap: 0;
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > span {
grid-area: 1/1/2/2;
}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button {
background: none;
font-size: var(--ck-ai-form-history-font-size);
grid-area: 1/2/2/3;
justify-self: start;
margin: var(--ck-spacing-medium) 0 0;
min-height: auto;
padding: 0;
}
.ck
.ck-ai-form
.ck-ai-form-content
.ck-autocomplete
.ck-search__results
.ck-list
.ck-list__group
> .ck-button
.ck-button__label {
line-height: inherit;
}
.ck
.ck-ai-form
.ck-ai-form-content
.ck-autocomplete
.ck-search__results
.ck-list
.ck-list__group
> .ck-button
.ck-button__label:hover {
text-decoration: underline;
}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list {
grid-area: 2/1/3/3;
}
.ck
.ck-ai-form
.ck-ai-form-content
.ck-autocomplete
.ck-search__results
.ck-list
.ck-list__group
> .ck-list
.ck-list__item
.ck-button
.ck-button__label {
font-size: var(--ck-ai-form-history-font-size);
line-height: var(--ck-line-height-base);
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ck .ck-ai-form .ck-ai-form__error {
align-items: center;
background-color: var(--ck-ai-form-error-background);
border-radius: 2px;
color: var(--ck-color-base-text);
display: flex;
justify-content: center;
margin-bottom: var(--ck-spacing-medium);
padding: var(--ck-spacing-medium);
}
.ck .ck-widget .ck-widget__type-around__button {
display: block;
overflow: hidden;
position: absolute;
z-index: var(--ck-z-default);
}
.ck .ck-widget .ck-widget__type-around__button svg {
left: 50%;
position: absolute;
top: 50%;
z-index: calc(var(--ck-z-default) + 2);
}
.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before {
left: min(10%, 30px);
top: calc(var(--ck-widget-outline-thickness) * -0.5);
transform: translateY(-50%);
}
.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after {
bottom: calc(var(--ck-widget-outline-thickness) * -0.5);
right: min(10%, 30px);
transform: translateY(50%);
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:after,
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover:after {
content: "";
display: block;
left: 1px;
position: absolute;
top: 1px;
z-index: calc(var(--ck-z-default) + 1);
}
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
display: none;
left: 0;
position: absolute;
right: 0;
}
.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
left: calc(var(--ck-widget-outline-thickness) * -1);
right: calc(var(--ck-widget-outline-thickness) * -1);
}
.ck
.ck-widget.ck-widget_type-around_show-fake-caret_before
> .ck-widget__type-around
> .ck-widget__type-around__fake-caret {
display: block;
top: calc(var(--ck-widget-outline-thickness) * -1 - 1px);
}
.ck
.ck-widget.ck-widget_type-around_show-fake-caret_after
> .ck-widget__type-around
> .ck-widget__type-around__fake-caret {
bottom: calc(var(--ck-widget-outline-thickness) * -1 - 1px);
display: block;
}
.ck.ck-editor__editable.ck-read-only .ck-widget__type-around,
.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around,
.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around {
display: none;
}
:root {
--ck-widget-type-around-button-size: 20px;
--ck-color-widget-type-around-button-active: var(--ck-color-focus-border);
--ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border);
--ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border);
--ck-color-widget-type-around-button-radar-start-alpha: 0;
--ck-color-widget-type-around-button-radar-end-alpha: 0.3;
--ck-color-widget-type-around-button-icon: var(--ck-color-base-background);
}
.ck .ck-widget .ck-widget__type-around__button {
background: var(--ck-color-widget-type-around-button);
border-radius: 100px;
height: var(--ck-widget-type-around-button-size);
opacity: 0;
pointer-events: none;
transition:
opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
width: var(--ck-widget-type-around-button-size);
}
.ck .ck-widget .ck-widget__type-around__button svg {
height: 8px;
margin-top: 1px;
transform: translate(-50%, -50%);
transition: transform 0.5s ease;
width: 10px;
}
.ck .ck-widget .ck-widget__type-around__button svg * {
stroke-dasharray: 10;
stroke-dashoffset: 0;
fill: none;
stroke: var(--ck-color-widget-type-around-button-icon);
stroke-width: 1.5px;
stroke-linecap: round;
stroke-linejoin: round;
}
.ck .ck-widget .ck-widget__type-around__button svg line {
stroke-dasharray: 7;
}
.ck .ck-widget .ck-widget__type-around__button:hover {
animation: ck-widget-type-around-button-sonar 1s ease infinite;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
animation: ck-widget-type-around-arrow-dash 2s linear;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg line {
animation: ck-widget-type-around-arrow-tip-dash 2s linear;
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
opacity: 1;
pointer-events: auto;
}
.ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button {
background: var(--ck-color-widget-type-around-button-hover);
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover {
background: var(--ck-color-widget-type-around-button-active);
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:after,
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover:after {
background: linear-gradient(135deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.3));
border-radius: 100px;
height: calc(var(--ck-widget-type-around-button-size) - 2px);
width: calc(var(--ck-widget-type-around-button-size) - 2px);
}
.ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before {
margin-left: 20px;
}
.ck .ck-widget .ck-widget__type-around__fake-caret {
animation: ck-widget-type-around-fake-caret-pulse 1s linear infinite normal forwards;
background: var(--ck-color-base-text);
height: 1px;
outline: 1px solid hsla(0, 0%, 100%, 0.5);
pointer-events: none;
}
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after,
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before {
outline-color: transparent;
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover {
outline-color: var(--ck-color-widget-hover-border);
}
.ck
.ck-widget.ck-widget_type-around_show-fake-caret_after
> .ck-widget__type-around
> .ck-widget__type-around__button,
.ck
.ck-widget.ck-widget_type-around_show-fake-caret_before
> .ck-widget__type-around
> .ck-widget__type-around__button {
opacity: 0;
pointer-events: none;
}
.ck
.ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer
> .ck-widget__resizer,
.ck
.ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover
> .ck-widget__selection-handle,
.ck
.ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected
> .ck-widget__selection-handle,
.ck
.ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer
> .ck-widget__resizer,
.ck
.ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover
> .ck-widget__selection-handle,
.ck
.ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected
> .ck-widget__selection-handle {
opacity: 0;
}
.ck[dir="rtl"]
.ck-widget.ck-widget_with-selection-handle
.ck-widget__type-around
> .ck-widget__type-around__button_before {
margin-left: 0;
margin-right: 20px;
}
.ck-editor__nested-editable.ck-editor__editable_selected
.ck-widget.ck-widget_selected
> .ck-widget__type-around
> .ck-widget__type-around__button,
.ck-editor__nested-editable.ck-editor__editable_selected
.ck-widget:hover
> .ck-widget__type-around
> .ck-widget__type-around__button {
opacity: 0;
pointer-events: none;
}
.ck-editor__editable.ck-blurred
.ck-widget.ck-widget_selected
> .ck-widget__type-around
> .ck-widget__type-around__button:not(:hover) {
background: var(--ck-color-widget-type-around-button-blurred-editable);
}
.ck-editor__editable.ck-blurred
.ck-widget.ck-widget_selected
> .ck-widget__type-around
> .ck-widget__type-around__button:not(:hover)
svg
* {
stroke: #999;
}
@keyframes ck-widget-type-around-arrow-dash {
0% {
stroke-dashoffset: 10;
}
20%,
to {
stroke-dashoffset: 0;
}
}
@keyframes ck-widget-type-around-arrow-tip-dash {
0%,
20% {
stroke-dashoffset: 7;
}
40%,
to {
stroke-dashoffset: 0;
}
}
@keyframes ck-widget-type-around-button-sonar {
0% {
box-shadow: 0 0 0 0
hsla(
var(--ck-color-focus-border-coordinates),
var(--ck-color-widget-type-around-button-radar-start-alpha)
);
}
50% {
box-shadow: 0 0 0 5px
hsla(
var(--ck-color-focus-border-coordinates),
var(--ck-color-widget-type-around-button-radar-end-alpha)
);
}
to {
box-shadow: 0 0 0 5px
hsla(
var(--ck-color-focus-border-coordinates),
var(--ck-color-widget-type-around-button-radar-start-alpha)
);
}
}
@keyframes ck-widget-type-around-fake-caret-pulse {
0% {
opacity: 1;
}
49% {
opacity: 1;
}
50% {
opacity: 0;
}
99% {
opacity: 0;
}
to {
opacity: 1;
}
}
:root {
--ck-color-resizer: var(--ck-color-focus-border);
--ck-color-resizer-tooltip-background: #262626;
--ck-color-resizer-tooltip-text: #f2f2f2;
--ck-resizer-border-radius: var(--ck-border-radius);
--ck-resizer-tooltip-offset: 10px;
--ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px);
}
.ck .ck-widget,
.ck .ck-widget.ck-widget_with-selection-handle {
position: relative;
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
position: absolute;
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
display: block;
}
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle,
.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
visibility: visible;
}
.ck .ck-size-view {
background: var(--ck-color-resizer-tooltip-background);
border: 1px solid var(--ck-color-resizer-tooltip-text);
border-radius: var(--ck-resizer-border-radius);
color: var(--ck-color-resizer-tooltip-text);
display: block;
font-size: var(--ck-font-size-tiny);
height: var(--ck-resizer-tooltip-height);
line-height: var(--ck-resizer-tooltip-height);
padding: 0 var(--ck-spacing-small);
}
.ck .ck-size-view.ck-orientation-above-center,
.ck .ck-size-view.ck-orientation-bottom-left,
.ck .ck-size-view.ck-orientation-bottom-right,
.ck .ck-size-view.ck-orientation-top-left,
.ck .ck-size-view.ck-orientation-top-right {
position: absolute;
}
.ck .ck-size-view.ck-orientation-top-left {
left: var(--ck-resizer-tooltip-offset);
top: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-top-right {
right: var(--ck-resizer-tooltip-offset);
top: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-bottom-right {
bottom: var(--ck-resizer-tooltip-offset);
right: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-bottom-left {
bottom: var(--ck-resizer-tooltip-offset);
left: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-above-center {
left: 50%;
top: calc(var(--ck-resizer-tooltip-height) * -1);
transform: translate(-50%);
}
:root {
--ck-widget-outline-thickness: 3px;
--ck-widget-handler-icon-size: 16px;
--ck-widget-handler-animation-duration: 200ms;
--ck-widget-handler-animation-curve: ease;
--ck-color-widget-blurred-border: #dedede;
--ck-color-widget-hover-border: #ffc83d;
--ck-color-widget-editable-focus-background: var(--ck-color-base-background);
--ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);
}
.ck .ck-widget {
outline-color: transparent;
outline-style: solid;
outline-width: var(--ck-widget-outline-thickness);
transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
}
.ck .ck-widget.ck-widget_selected,
.ck .ck-widget.ck-widget_selected:hover {
outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border);
}
.ck .ck-widget:hover {
outline-color: var(--ck-color-widget-hover-border);
}
.ck .ck-editor__nested-editable {
border: 1px solid transparent;
}
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck .ck-editor__nested-editable:focus {
background-color: var(--ck-color-widget-editable-focus-background);
border: var(--ck-focus-ring);
box-shadow:
var(--ck-inner-shadow),
0 0;
outline: none;
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
background-color: transparent;
border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
box-sizing: border-box;
left: calc(0px - var(--ck-widget-outline-thickness));
opacity: 0;
padding: 4px;
top: 0;
transform: translateY(-100%);
transition:
background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
color: var(--ck-color-widget-drag-handler-icon-color);
height: var(--ck-widget-handler-icon-size);
width: var(--ck-widget-handler-icon-size);
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
opacity: 0;
transition: opacity 0.3s var(--ck-widget-handler-animation-curve);
}
.ck
.ck-widget.ck-widget_with-selection-handle
.ck-widget__selection-handle:hover
.ck-icon
.ck-icon__selected-indicator {
opacity: 1;
}
.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
background-color: var(--ck-color-widget-hover-border);
opacity: 1;
}
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle,
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle {
background-color: var(--ck-color-focus-border);
opacity: 1;
}
.ck
.ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover
> .ck-widget__selection-handle
.ck-icon
.ck-icon__selected-indicator,
.ck
.ck-widget.ck-widget_with-selection-handle.ck-widget_selected
> .ck-widget__selection-handle
.ck-icon
.ck-icon__selected-indicator {
opacity: 1;
}
.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
left: auto;
right: calc(0px - var(--ck-widget-outline-thickness));
}
.ck.ck-editor__editable.ck-read-only .ck-widget {
transition: none;
}
.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) {
--ck-widget-outline-thickness: 0px;
}
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover {
background: var(--ck-color-widget-blurred-border);
}
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover {
outline-color: var(--ck-color-widget-blurred-border);
}
.ck.ck-editor__editable.ck-blurred
.ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover
> .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-blurred
.ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover
> .ck-widget__selection-handle:hover,
.ck.ck-editor__editable.ck-blurred
.ck-widget.ck-widget_selected.ck-widget_with-selection-handle
> .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-blurred
.ck-widget.ck-widget_selected.ck-widget_with-selection-handle
> .ck-widget__selection-handle:hover {
background: var(--ck-color-widget-blurred-border);
}
.ck.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child,
.ck.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child {
margin-top: calc(1em + var(--ck-widget-handler-icon-size));
}
.ck .ck-widget_with-resizer {
position: relative;
}
.ck .ck-widget__resizer {
display: none;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
}
.ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer {
display: block;
}
.ck .ck-widget__resizer__handle {
pointer-events: all;
position: absolute;
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right,
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
cursor: nwse-resize;
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left,
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
cursor: nesw-resize;
}
:root {
--ck-resizer-size: 10px;
--ck-resizer-offset: calc(var(--ck-resizer-size) / -2 - 2px);
--ck-resizer-border-width: 1px;
}
.ck .ck-widget__resizer {
outline: 1px solid var(--ck-color-resizer);
}
.ck .ck-widget__resizer__handle {
background: var(--ck-color-focus-border);
border: var(--ck-resizer-border-width) solid #fff;
border-radius: var(--ck-resizer-border-radius);
height: var(--ck-resizer-size);
width: var(--ck-resizer-size);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
left: var(--ck-resizer-offset);
top: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
right: var(--ck-resizer-offset);
top: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
bottom: var(--ck-resizer-offset);
right: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
bottom: var(--ck-resizer-offset);
left: var(--ck-resizer-offset);
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position {
display: inline;
pointer-events: none;
position: relative;
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
position: absolute;
width: 0;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle,
.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around {
display: none;
}
.ck.ck-clipboard-drop-target-line {
pointer-events: none;
position: absolute;
}
:root {
--ck-clipboard-drop-target-dot-width: 12px;
--ck-clipboard-drop-target-dot-height: 8px;
--ck-clipboard-drop-target-color: var(--ck-color-focus-border);
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
background: var(--ck-clipboard-drop-target-color);
border: 1px solid var(--ck-clipboard-drop-target-color);
bottom: calc(var(--ck-clipboard-drop-target-dot-height) * -0.5);
margin-left: -1px;
top: calc(var(--ck-clipboard-drop-target-dot-height) * -0.5);
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span:after {
border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
border-style: solid;
border-width: calc(var(--ck-clipboard-drop-target-dot-height))
calc(var(--ck-clipboard-drop-target-dot-width) * 0.5) 0
calc(var(--ck-clipboard-drop-target-dot-width) * 0.5);
content: "";
display: block;
height: 0;
left: 50%;
position: absolute;
top: calc(var(--ck-clipboard-drop-target-dot-height) * -0.5);
transform: translateX(-50%);
width: 0;
}
.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {
outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag {
zoom: 0.6;
outline: none !important;
}
.ck.ck-clipboard-drop-target-line {
background: var(--ck-clipboard-drop-target-color);
border: 1px solid var(--ck-clipboard-drop-target-color);
height: 0;
margin-top: -1px;
}
.ck.ck-clipboard-drop-target-line:before {
border-style: solid;
content: "";
height: 0;
position: absolute;
top: calc(var(--ck-clipboard-drop-target-dot-width) * -0.5);
width: 0;
}
[dir="ltr"] .ck.ck-clipboard-drop-target-line:before {
border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color);
border-width: calc(var(--ck-clipboard-drop-target-dot-width) * 0.5) 0
calc(var(--ck-clipboard-drop-target-dot-width) * 0.5) var(--ck-clipboard-drop-target-dot-height);
left: -1px;
}
[dir="rtl"] .ck.ck-clipboard-drop-target-line:before {
border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent;
border-width: calc(var(--ck-clipboard-drop-target-dot-width) * 0.5) var(--ck-clipboard-drop-target-dot-height)
calc(var(--ck-clipboard-drop-target-dot-width) * 0.5) 0;
right: -1px;
}
.ck-content code {
background-color: hsla(0, 0%, 78%, 0.3);
border-radius: 2px;
padding: 0.15em;
}
.ck.ck-editor__editable .ck-code_selected {
background-color: hsla(0, 0%, 78%, 0.5);
}
.ck-content blockquote {
border-left: 5px solid #ccc;
font-style: italic;
margin-left: 0;
margin-right: 0;
overflow: hidden;
padding-left: 1.5em;
padding-right: 1.5em;
}
.ck-content[dir="rtl"] blockquote {
border-left: 0;
border-right: 5px solid #ccc;
}
:root {
--ck-image-processing-highlight-color: #f9fafa;
--ck-image-processing-background-color: #e3e5e8;
}
.ck.ck-editor__editable .image.image-processing {
position: relative;
}
.ck.ck-editor__editable .image.image-processing:before {
animation: ck-image-processing-animation 2s linear infinite;
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%;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.ck.ck-editor__editable .image.image-processing img {
height: 100%;
}
@keyframes ck-image-processing-animation {
0% {
background-position: 200% 0;
}
to {
background-position: -200% 0;
}
}
.ck-content pre {
background: hsla(0, 0%, 78%, 0.3);
border: 1px solid #c4c4c4;
border-radius: 2px;
color: #353535;
direction: ltr;
font-style: normal;
min-width: 200px;
padding: 1em;
tab-size: 4;
text-align: left;
white-space: pre-wrap;
}
.ck-content pre code {
background: unset;
border-radius: 0;
padding: 0;
}
.ck.ck-editor__editable pre {
position: relative;
}
.ck.ck-editor__editable pre[data-language]:after {
content: attr(data-language);
position: absolute;
}
:root {
--ck-color-code-block-label-background: #757575;
}
.ck.ck-editor__editable pre[data-language]:after {
background: var(--ck-color-code-block-label-background);
color: #fff;
font-family: var(--ck-font-face);
font-size: 10px;
line-height: 16px;
padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
right: 10px;
top: -1px;
white-space: nowrap;
}
.ck.ck-code-block-dropdown .ck-dropdown__panel {
max-height: 250px;
overflow-x: hidden;
overflow-y: auto;
}
:root {
--ck-color-comment-background: #f3f7fb;
--ck-color-comment-separator: #cddeef;
--ck-color-comment-remove-background: var(--ck-color-light-red);
--ck-color-comment-input-background: var(--ck-color-comment-background);
}
.ck .ck-comment__wrapper {
font-size: var(--ck-font-size-base);
outline: 0;
position: relative;
transition: all 0.3s linear;
}
.ck .ck-comment__wrapper.ck-comment--remove-confirmation {
transform: translate3d(-100%, 0, 0);
}
.ck .ck-comment__wrapper:first-of-type {
border-top-left-radius: var(--ck-border-radius);
border-top-right-radius: var(--ck-border-radius);
}
.ck .ck-comment:after {
background-color: var(--ck-color-comment-separator);
content: "";
display: block;
height: 100%;
left: calc(var(--ck-spacing-standard) + var(--ck-user-avatar-size) / 2 - 2px);
opacity: 1;
position: absolute;
top: calc(var(--ck-user-avatar-size) + var(--ck-spacing-small));
width: 4px;
}
.ck .ck-comment--remove {
background-color: var(--ck-color-comment-remove-background);
}
.ck .ck-comment--remove:after {
opacity: 0;
}
.ck .ck-comment--edit {
background-color: var(--ck-color-comment-input-background);
}
.ck .ck-comment--edit:after {
opacity: 0;
}
.ck .ck-comment--edit {
.ck-comment__input-actions {
margin-top: var(--ck-spacing-standard);
}
}
.ck .ck-comment__content {
word-break: break-word;
}
.ck .ck-comment--info .ck-comment__content {
font-style: italic;
}
.ck .ck-comment p,
.ck .ck-comment__input p {
margin: 0;
}
.ck .ck-comment ol,
.ck .ck-comment ul,
.ck .ck-comment__input ol,
.ck .ck-comment__input ul {
margin-left: 10px;
padding-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 0.3s linear;
}
.ck .ck-comment__main .ck-comment__input-wrapper .ck-comment__input {
padding: 0;
}
.ck .ck-comment__user {
z-index: var(--ck-z-default);
}
.ck-comment__input-actions .ck.ck-button.ck-comment__input-actions--submit {
background: var(--ck-color-base-action);
color: #fff;
}
.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 {
color: var(--ck-color-annotation-info);
font-size: var(--ck-font-size-tiny);
font-style: italic;
margin-top: var(--ck-spacing-standard);
}
.ck .ck-comment .ck-dropdown .ck-dropdown__arrow {
display: none;
}
.ck .ck-comment .ck-dropdown .ck-list {
margin: 0;
padding: 0;
}
.ck .ck-comment .ck-dropdown .ck-list .ck-list__item {
color: var(--ck-color-base-text);
font-size: 1.2em;
min-width: auto;
}
.ck .ck-comment .ck-dropdown .ck-list .ck-list__item .ck-button {
color: var(--ck-color-text);
}
.ck .ck-comment .ck-dropdown .ck-list .ck-list__item .ck-button__label {
margin: 0 var(--ck-spacing-large);
}
:root {
--ck-color-thread-remove-background: var(--ck-color-comment-remove-background);
--ck-color-comment-count: #5891ca;
--ck-color-thread-header-background: #fdfadd;
--ck-color-thread-header-active-background: #fff3a8;
--ck-color-unlinked-background: #f5f5f5;
--ck-color-unlinked-active-background: #ebebeb;
}
.ck .ck-thread {
background-color: var(--ck-color-base-background);
border-radius: var(--ck-border-radius);
color: var(--ck-color-base-text);
outline: 0;
overflow: hidden;
transition: all 0.3s ease;
width: 100%;
}
.ck .ck-thread__header {
background-color: var(--ck-color-thread-header-background);
display: flex;
font-size: var(--ck-font-size-base);
justify-content: space-between;
line-height: 1.57;
padding: var(--ck-spacing-standard);
}
.ck .ck-thread__header .ck-button {
font-size: var(--ck-annotation-button-size);
}
.ck .ck-thread__header .ck-context-wrapper {
display: inline-flex;
height: 25px;
min-width: 0;
padding-right: var(--ck-spacing-large);
position: relative;
width: 100%;
}
.ck .ck-thread__header .ck-context {
display: flex;
overflow: hidden;
padding: var(--ck-spacing-small) var(--ck-spacing-medium);
white-space: nowrap;
width: 100%;
}
.ck .ck-thread__header .ck-context.ck-context--quotes:after,
.ck .ck-thread__header .ck-context.ck-context--quotes:before {
content: '"';
display: inline-block;
}
.ck .ck-thread__header .ck-context .ck-context__type {
font-weight: 700;
padding-right: var(--ck-spacing-standard);
}
.ck .ck-thread__header .ck-context .ck-context__value {
overflow: hidden;
text-overflow: ellipsis;
}
.ck .ck-thread__header .ck-context.overlay {
background: var(--ck-color-base-background);
border-radius: 2px;
box-shadow: 0 2px 3px hsla(0, 0%, 100%, 0.2);
box-sizing: border-box;
display: inline-block;
position: absolute;
top: 0;
white-space: normal;
z-index: 2;
}
.ck .ck-thread__comment-count {
--ck-user-avatar-size: 28px;
color: var(--ck-color-comment-count);
cursor: pointer;
font-size: var(--ck-font-size-base);
font-weight: 700;
padding-left: calc(var(--ck-user-avatar-size) + var(--ck-spacing-standard) * 2);
transition: background-color 0.3s 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__comment-count,
.ck .ck-thread--remove .ck-thread__input--active.ck-thread__input {
background-color: var(--ck-color-comment-remove-background);
}
.ck .ck-thread--remove .ck-comment__wrapper .ck-comment:after,
.ck .ck-thread__comments .ck-comment__wrapper:last-of-type .ck-comment:after {
opacity: 0;
}
.ck .ck-thread__container {
transition: transform 0.3s ease;
}
.ck .ck-thread__comments {
border-radius: var(--ck-border-radius);
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: var(--ck-z-default);
}
.ck .ck-thread__user {
font-size: 0.85em;
}
.ck .ck-thread__input {
border-radius: var(--ck-border-radius);
min-height: 38px;
transition: background-color 0.2s ease-in-out;
white-space: normal;
width: calc(100% - var(--ck-user-avatar-size));
}
.ck .ck-thread--active .ck-comment__options.ck-dropdown {
display: block;
}
.ck .ck-thread--active .ck-thread__input {
background-color: var(--ck-color-comment-background);
display: block;
}
.ck .ck-thread--active .ck-thread__header {
background-color: var(--ck-color-thread-header-active-background);
}
.ck .ck-thread--unlinked {
--ck-color-comment-box-border: var(--ck-color-base-border);
--ck-color-thread-header-background: var(--ck-color-unlinked-background);
--ck-color-thread-header-active-background: var(--ck-color-unlinked-active-background);
}
.ck .ck-thread--remove-confirmation .ck-thread__container {
transform: translate3d(-100%, 0, 0);
}
.ck.ck-button.ck-thread__remove-confirm-submit {
color: var(--ck-color-button-save);
}
.ck.ck-button.ck-thread__remove-confirm-cancel {
color: var(--ck-color-button-cancel);
}
.ck .ck-thread__remove-confirm {
background-color: var(--ck-color-comment-remove-background);
display: flex;
font-size: var(--ck-font-size-base);
height: 100%;
justify-content: flex-start;
left: 100%;
position: absolute;
top: 0;
width: 100%;
}
.ck .ck-thread__remove-confirm .ck-thread__remove-confirm-inner {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
max-height: 400px;
padding-top: var(--ck-spacing-standard);
width: 100%;
}
.ck .ck-thread__remove-confirm p {
font-weight: 700;
margin: 0;
}
.ck .ck-comment__input-container {
--ck-user-avatar-size: 28px;
background: var(--ck-color-comment-background);
display: none;
font-size: var(--ck-font-size-base);
padding: var(--ck-spacing-standard);
}
.ck .ck-comment__input-container--active {
display: flex;
}
.ck .ck-comment__input {
background-color: transparent;
border-width: 0;
color: var(--ck-color-base-text);
padding: var(--ck-spacing-standard);
padding-top: var(--ck-spacing-medium);
resize: none;
transition: color 0.3s ease-in-out;
}
.ck .ck-comment__input:focus {
outline: none;
}
.ck .ck-comment__input .ck-editor__editable_inline {
--ck-focus-ring: none;
--ck-inner-shadow: none;
background-color: transparent;
border: 0;
overflow: visible;
padding: 0;
word-break: break-word;
}
.ck-comment__input-wrapper .ck.ck-editor__editable_inline :first-child {
margin-top: 0;
}
.ck-comment__input-wrapper .ck.ck-editor__editable_inline :last-child {
margin-bottom: 0;
}
.ck .ck-comment__input-actions {
display: none;
text-align: right;
width: 100%;
}
.ck .ck-comment__input-actions.ck-comment__input-actions--active {
display: block;
}
.ck .ck-comment__input-actions .ck.ck-button {
align-items: center;
cursor: pointer;
display: inline-flex;
font-size: var(--ck-annotation-button-size);
justify-content: center;
margin-left: var(--ck-spacing-large);
min-height: var(--ck-ui-component-min-height);
min-width: 60px;
padding: 0 var(--ck-spacing-medium);
}
.ck .ck-comment__input-actions .ck-button.ck-disabled {
opacity: 0.3;
}
.ck .ck-comment__input-textarea {
display: block;
}
:root {
--ck-color-annotation-icon: grey;
--ck-color-annotation-info: #757575;
--ck-annotation-button-size: 0.85em;
}
.ck .ck-annotation {
--ck-user-avatar-size: 28px;
animation: fadeInLeft 0.3s;
display: flex;
font-size: var(--ck-font-size-base);
padding: var(--ck-spacing-standard);
position: relative;
transition: background-color 0.3s ease;
white-space: normal;
}
.ck .ck-annotation .ck-button {
background-color: transparent;
border-radius: var(--ck-border-radius);
color: var(--ck-color-annotation-icon);
cursor: pointer;
font-size: var(--ck-annotation-button-size);
min-height: unset;
min-width: unset;
}
.ck .ck-annotation .ck-user {
font-size: 0.85em;
}
.ck .ck-annotation__main {
border-radius: var(--ck-border-radius);
display: grid;
grid-template-areas: "info actions" "content content";
grid-template-columns: minmax(0, 1fr) auto;
padding-left: var(--ck-spacing-standard);
transition: all 0.2s ease;
width: calc(100% - var(--ck-user-avatar-size));
}
.ck .ck-annotation__main p {
font-size: var(--ck-font-size-base);
line-height: 1.5em;
margin: 0;
white-space: normal;
}
.ck .ck-annotation__user {
margin-top: var(--ck-spacing-small);
}
.ck .ck-annotation__info {
align-items: center;
color: var(--ck-color-annotation-info);
display: flex;
grid-area: info;
min-height: 2.4em;
}
.ck .ck-annotation__info-name,
.ck .ck-annotation__info-time {
color: var(--ck-color-annotation-info);
font-size: var(--ck-font-size-small);
font-weight: 700;
overflow: hidden;
white-space: nowrap;
}
.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;
opacity: 0.5;
transition: opacity 0.2s ease;
}
.ck .ck-annotation__content-wrapper {
grid-area: content;
width: 100%;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-5%, 0, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
:root {
--ck-color-comment-marker: #fef7a9;
--ck-color-comment-marker-active: #fdf05d;
}
.ck-comment-marker {
background: var(--ck-color-comment-marker);
border-bottom: 3px solid transparent;
border-top: 3px solid transparent;
}
.ck-comment-marker.ck-widget {
background-color: transparent;
border: 3px solid var(--ck-color-comment-marker);
}
.ck-comment-marker--active,
.ck-comment-marker--active .ck-comment-marker {
background: var(--ck-color-comment-marker-active);
}
.ck-comment-marker--active.ck-widget {
border-color: var(--ck-color-comment-marker-active);
}
.ck-comment-marker--active.ck-widget .ck-comment-marker {
background-color: var(--ck-color-comment-marker);
}
:root {
--ck-color-annotation-wrapper-background: #fff;
--ck-color-annotation-wrapper-drop-shadow: 0 1px 1px 1px #e6e6e6;
}
.ck.ck-sidebar {
outline: 0;
position: relative;
transition: min-height 0.25s ease;
}
.ck-sidebar-item {
position: absolute;
transition:
top 0.3s ease,
box-shadow 0.3s ease;
width: 100%;
}
.ck-sidebar-item--no-animation {
transition: top 0s ease !important;
}
.ck.ck-annotation-wrapper {
background: var(--ck-color-annotation-wrapper-background);
border-radius: var(--ck-border-radius);
box-shadow: var(--ck-color-annotation-wrapper-drop-shadow);
outline: 0;
}
.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--active .ck-suggestion--accept,
.ck.ck-annotation-wrapper:hover .ck-annotation__actions .ck-comment--resolve,
.ck.ck-annotation-wrapper:hover .ck-suggestion--accept {
color: var(--ck-color-button-save);
}
.ck.ck-annotation-wrapper--active .ck-suggestion--discard,
.ck.ck-annotation-wrapper:hover .ck-suggestion--discard {
color: var(--ck-color-button-cancel);
}
.ck.ck-annotation-wrapper:not(.ck-annotation-wrapper--active):hover {
box-shadow: var(--ck-drop-shadow);
}
.ck.ck-annotation-wrapper--active {
box-shadow: var(--ck-drop-shadow-active);
}
:root {
--ck-annotation-counter-icon-size: 16px;
--ck-annotation-counter-number-size: 10px;
--ck-color-annotation-counter-comment: #f2de02;
--ck-color-annotation-counter-suggestion-insertion: #5ad86b;
--ck-color-annotation-counter-suggestion-deletion: #d85a79;
--ck-color-annotation-counter-suggestion-format: #5ac1d8;
}
.ck.ck-sidebar--narrow .ck-sidebar-item {
display: flex;
justify-content: center;
}
.ck.ck-sidebar--narrow .ck-annotation-counter {
color: grey;
cursor: pointer;
font-size: var(--ck-annotation-counter-icon-size);
min-height: unset;
padding: 0;
}
.ck.ck-sidebar--narrow .ck-annotation-counter:focus,
.ck.ck-sidebar--narrow .ck-annotation-counter:hover {
background: transparent;
box-shadow: none;
color: #4d4d4d;
}
.ck.ck-sidebar--narrow .ck-annotation-counter__badge {
background: #333;
border-radius: 50%;
color: #fff;
display: flex;
font-family: var(--ck-font-face);
font-size: var(--ck-annotation-counter-number-size);
font-weight: 700;
height: 16px;
justify-content: center;
line-height: 16px;
position: absolute;
right: 0;
text-shadow:
-1px 0 2px #454545,
1px 0 2px #454545;
top: -6px;
width: 16px;
z-index: 1;
}
.ck.ck-sidebar--narrow .ck-annotation-counter__badge--edit-mode {
line-height: 1;
}
.ck.ck-sidebar--narrow .ck-annotation-counter__badge--suggestion-insertion,
.ck.ck-sidebar--narrow .ck-annotation-counter__badge--suggestion-replace {
background: var(--ck-color-annotation-counter-suggestion-insertion);
}
.ck.ck-sidebar--narrow .ck-annotation-counter__badge--suggestion-deletion {
background: var(--ck-color-annotation-counter-suggestion-deletion);
}
.ck.ck-sidebar--narrow .ck-annotation-counter__badge--suggestion-format {
background: var(--ck-color-annotation-counter-suggestion-format);
}
.ck.ck-sidebar--narrow .ck-annotation-counter__badge--comment {
background: var(--ck-color-annotation-counter-comment);
}
:root {
--ck-inline-annotation-container-width: 300px;
--ck-inline-annotation-container-max-height: 400px;
}
.ck.ck-balloon-panel .ck-annotation-wrapper {
max-height: var(--ck-inline-annotation-container-max-height);
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior-y: contain;
position: static;
width: var(--ck-inline-annotation-container-width);
}
.ck.ck-balloon-panel .ck-annotation {
animation: none;
}
.ck.ck-balloon-panel .ck-annotation-wrapper * {
white-space: normal;
}
.ck.ck-balloon-panel .ck-annotation-wrapper strong {
font-weight: 700;
}
.ck.ck-balloon-panel .ck-annotation-wrapper i {
font-style: italic;
}
.ck .ck-comments-archive-dropdown.ck-dropdown__panel {
z-index: var(--ck-z-panel);
}
.ck .ck-comments-archive {
box-sizing: content-box;
max-height: 450px;
width: 400px;
}
.ck .ck-comments-archive .ck-annotation {
animation: none;
}
.ck .ck-comments-archive .ck-comments-archive__content,
.ck .ck-comments-archive .ck-comments-archive__header {
max-height: 410px;
overflow: auto;
padding: var(--ck-spacing-large);
}
.ck .ck-comments-archive .ck-comments-archive__header {
border-bottom: 1px solid var(--ck-color-toolbar-border);
font-weight: 700;
line-height: var(--ck-font-size-base);
max-height: 40px;
}
.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 {
color: var(--ck-color-annotation-info);
font-style: italic;
text-align: center;
}
.ck.ck-heading_heading1 {
font-size: 20px;
}
.ck.ck-heading_heading2 {
font-size: 17px;
}
.ck.ck-heading_heading3 {
font-size: 14px;
}
.ck[class*="ck-heading_heading"] {
font-weight: 700;
}
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
width: 8em;
}
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
min-width: 18em;
}
.ck.ck-text-alternative-form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.ck.ck-text-alternative-form .ck-labeled-field-view {
display: inline-block;
}
.ck.ck-text-alternative-form .ck-label {
display: none;
}
@media screen and (max-width: 600px) {
.ck.ck-text-alternative-form {
flex-wrap: wrap;
}
.ck.ck-text-alternative-form .ck-labeled-field-view {
flex-basis: 100%;
}
.ck.ck-text-alternative-form .ck-button {
flex-basis: 50%;
}
}
.ck-vertical-form .ck-button:after {
bottom: -1px;
content: "";
position: absolute;
right: -1px;
top: -1px;
width: 0;
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 {
bottom: -1px;
content: "";
position: absolute;
right: -1px;
top: -1px;
width: 0;
z-index: 1;
}
.ck.ck-responsive-form .ck-button:focus:after {
display: none;
}
}
.ck-vertical-form > .ck-button:nth-last-child(2):after {
border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-responsive-form {
padding: var(--ck-spacing-large);
}
.ck.ck-responsive-form:focus {
outline: none;
}
[dir="ltr"] .ck.ck-responsive-form > :not(:first-child),
[dir="rtl"] .ck.ck-responsive-form > :not(:last-child) {
margin-left: var(--ck-spacing-standard);
}
@media screen and (max-width: 600px) {
.ck.ck-responsive-form {
padding: 0;
width: calc(var(--ck-input-width) * 0.8);
}
.ck.ck-responsive-form .ck-labeled-field-view {
margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
}
.ck.ck-responsive-form .ck-labeled-field-view .ck-input-text {
min-width: 0;
width: 100%;
}
.ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error {
white-space: normal;
}
.ck.ck-responsive-form > .ck-button:nth-last-child(2):after {
border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-responsive-form > .ck-button:last-child,
.ck.ck-responsive-form > .ck-button:nth-last-child(2) {
border-radius: 0;
margin-top: var(--ck-spacing-large);
padding: var(--ck-spacing-standard);
}
.ck.ck-responsive-form > .ck-button:last-child:not(:focus),
.ck.ck-responsive-form > .ck-button:nth-last-child(2):not(:focus) {
border-top: 1px solid var(--ck-color-base-border);
}
[dir="ltr"] .ck.ck-responsive-form > .ck-button:last-child,
[dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(2),
[dir="rtl"] .ck.ck-responsive-form > .ck-button:last-child,
[dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
margin-left: 0;
}
[dir="rtl"] .ck.ck-responsive-form > .ck-button:last-child:last-of-type,
[dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type {
border-right: 1px solid var(--ck-color-base-border);
}
}
.ck.ck-editor__editable img.image_placeholder {
background-size: 100% 100%;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
:root {
--ck-image-insert-insert-by-url-width: 250px;
}
.ck.ck-image-insert-url {
--ck-input-width: 100%;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
grid-column-gap: var(--ck-spacing-large);
margin-top: var(--ck-spacing-large);
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel,
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save {
justify-content: center;
min-width: auto;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label {
color: var(--ck-color-text);
}
.ck.ck-image-insert-form > .ck.ck-button {
display: block;
padding: var(--ck-list-button-padding);
width: 100%;
}
[dir="ltr"] .ck.ck-image-insert-form > .ck.ck-button {
text-align: left;
}
[dir="rtl"] .ck.ck-image-insert-form > .ck.ck-button {
text-align: right;
}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) {
border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) {
border-bottom: 1px solid var(--ck-color-base-border);
}
.ck.ck-image-insert-form > .ck.ck-collapsible,
.ck.ck-image-insert-form > .ck.ck-image-insert-url {
min-width: var(--ck-image-insert-insert-by-url-width);
}
.ck.ck-image-insert-form > .ck.ck-image-insert-url {
padding: var(--ck-spacing-large);
}
.ck.ck-image-insert-form:focus {
outline: none;
}
.ck-content .image {
clear: both;
display: table;
margin: 0.9em auto;
min-width: 50px;
text-align: center;
}
.ck-content .image img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
min-width: 100%;
}
.ck-content .image-inline {
align-items: flex-start;
display: inline-flex;
max-width: 100%;
}
.ck-content .image-inline picture {
display: flex;
}
.ck-content .image-inline img,
.ck-content .image-inline picture {
flex-grow: 1;
flex-shrink: 1;
max-width: 100%;
}
.ck.ck-editor__editable .image > figcaption.ck-placeholder:before {
overflow: hidden;
padding-left: inherit;
padding-right: inherit;
text-overflow: ellipsis;
white-space: nowrap;
}
.ck.ck-editor__editable .image {
z-index: 1;
}
.ck.ck-editor__editable .image.ck-widget_selected {
z-index: 2;
}
.ck.ck-editor__editable .image-inline {
z-index: 1;
}
.ck.ck-editor__editable .image-inline.ck-widget_selected {
z-index: 2;
}
.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
display: none;
}
.ck.ck-editor__editable .image-inline img {
height: auto;
}
.ck.ck-editor__editable td .image-inline img,
.ck.ck-editor__editable th .image-inline img {
max-width: none;
}
:root {
--ck-color-image-caption-background: #f7f7f7;
--ck-color-image-caption-text: #333;
--ck-color-image-caption-highlighted-background: #fd0;
}
.ck-content .image > figcaption {
background-color: var(--ck-color-image-caption-background);
caption-side: bottom;
color: var(--ck-color-image-caption-text);
display: table-caption;
font-size: 0.75em;
outline-offset: -1px;
padding: 0.6em;
word-break: break-word;
}
.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
animation: ck-image-caption-highlight 0.6s ease-out;
}
@keyframes ck-image-caption-highlight {
0% {
background-color: var(--ck-color-image-caption-highlighted-background);
}
to {
background-color: var(--ck-color-image-caption-background);
}
}
.ck.ck-editor__editable .image,
.ck.ck-editor__editable .image-inline {
position: relative;
}
.ck.ck-editor__editable .image .ck-progress-bar,
.ck.ck-editor__editable .image-inline .ck-progress-bar {
left: 0;
position: absolute;
top: 0;
}
.ck.ck-editor__editable .image-inline.ck-appear,
.ck.ck-editor__editable .image.ck-appear {
animation: fadeIn 0.7s;
}
.ck.ck-editor__editable .image .ck-progress-bar,
.ck.ck-editor__editable .image-inline .ck-progress-bar {
background: var(--ck-color-upload-bar-background);
height: 2px;
transition: width 0.1s;
width: 0;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.ck-image-upload-complete-icon {
border-radius: 50%;
display: block;
position: absolute;
right: min(var(--ck-spacing-medium), 6%);
top: min(var(--ck-spacing-medium), 6%);
z-index: 1;
}
.ck-image-upload-complete-icon:after {
content: "";
position: absolute;
}
:root {
--ck-color-image-upload-icon: #fff;
--ck-color-image-upload-icon-background: #008a00;
--ck-image-upload-icon-size: 20;
--ck-image-upload-icon-width: 2px;
--ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
.ck-image-upload-complete-icon {
animation-delay: 0ms, 3s;
animation-duration: 0.5s, 0.5s;
animation-fill-mode: forwards, forwards;
animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
background: var(--ck-color-image-upload-icon-background);
font-size: calc(1px * var(--ck-image-upload-icon-size));
height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
opacity: 0;
overflow: hidden;
width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
}
.ck-image-upload-complete-icon:after {
animation-delay: 0.5s;
animation-duration: 0.5s;
animation-fill-mode: forwards;
animation-name: ck-upload-complete-icon-check;
border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
box-sizing: border-box;
height: 0;
left: 25%;
opacity: 0;
top: 50%;
transform: scaleX(-1) rotate(135deg);
transform-origin: left top;
width: 0;
}
@keyframes ck-upload-complete-icon-show {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes ck-upload-complete-icon-hide {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes ck-upload-complete-icon-check {
0% {
height: 0;
opacity: 1;
width: 0;
}
33% {
height: 0;
width: 0.3em;
}
to {
height: 0.45em;
opacity: 1;
width: 0.3em;
}
}
.ck .ck-upload-placeholder-loader {
align-items: center;
display: flex;
justify-content: center;
left: 0;
position: absolute;
top: 0;
}
.ck .ck-upload-placeholder-loader:before {
content: "";
position: relative;
}
:root {
--ck-color-upload-placeholder-loader: #b3b3b3;
--ck-upload-placeholder-loader-size: 32px;
--ck-upload-placeholder-image-aspect-ratio: 2.8;
}
.ck .ck-image-upload-placeholder {
margin: 0;
width: 100%;
}
.ck .ck-image-upload-placeholder.image-inline {
width: calc(var(--ck-upload-placeholder-loader-size) * 2 * var(--ck-upload-placeholder-image-aspect-ratio));
}
.ck .ck-image-upload-placeholder img {
aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);
}
.ck .ck-upload-placeholder-loader {
height: 100%;
width: 100%;
}
.ck .ck-upload-placeholder-loader:before {
animation: ck-upload-placeholder-loader 1s linear infinite;
border-radius: 50%;
border-right: 2px solid transparent;
border-top: 3px solid var(--ck-color-upload-placeholder-loader);
height: var(--ck-upload-placeholder-loader-size);
width: var(--ck-upload-placeholder-loader-size);
}
@keyframes ck-upload-placeholder-loader {
to {
transform: rotate(1turn);
}
}
.ck-content img.image_resized {
height: auto;
}
.ck-content .image.image_resized {
box-sizing: border-box;
display: block;
max-width: 100%;
}
.ck-content .image.image_resized img {
width: 100%;
}
.ck-content .image.image_resized > figcaption {
display: block;
}
.ck.ck-editor__editable td .image-inline.image_resized img,
.ck.ck-editor__editable th .image-inline.image_resized img {
max-width: 100%;
}
[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
margin-right: var(--ck-spacing-standard);
}
[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
margin-left: var(--ck-spacing-standard);
}
.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
width: 4em;
}
:root {
--ck-image-style-spacing: 1.5em;
--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}
.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
max-width: calc(100% - var(--ck-image-style-spacing));
}
.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
clear: none;
}
.ck-content .image-style-side {
float: right;
margin-left: var(--ck-image-style-spacing);
max-width: 50%;
}
.ck-content .image-style-align-left {
float: left;
margin-right: var(--ck-image-style-spacing);
}
.ck-content .image-style-align-center {
margin-left: auto;
margin-right: auto;
}
.ck-content .image-style-align-right {
float: right;
margin-left: var(--ck-image-style-spacing);
}
.ck-content .image-style-block-align-right {
margin-left: auto;
margin-right: 0;
}
.ck-content .image-style-block-align-left {
margin-left: 0;
margin-right: auto;
}
.ck-content p + .image-style-align-left,
.ck-content p + .image-style-align-right,
.ck-content p + .image-style-side {
margin-top: 0;
}
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
margin-bottom: var(--ck-inline-image-style-spacing);
margin-top: var(--ck-inline-image-style-spacing);
}
.ck-content .image-inline.image-style-align-left {
margin-right: var(--ck-inline-image-style-spacing);
}
.ck-content .image-inline.image-style-align-right {
margin-left: var(--ck-inline-image-style-spacing);
}
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open
> .ck-splitbutton__arrow:not(.ck-disabled):not(:hover),
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
background-color: var(--ck-color-button-on-background);
}
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled):after,
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):after,
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open
> .ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after,
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled):after,
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):after,
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after {
display: none;
}
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover
> .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
background-color: var(--ck-color-button-on-hover-background);
}
.ck .ck-link_selected {
background: var(--ck-color-link-selected-background);
}
.ck .ck-link_selected span.image-inline {
outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);
}
.ck .ck-fake-link-selection {
background: var(--ck-color-link-fake-selection);
}
.ck .ck-fake-link-selection_collapsed {
border-right: 1px solid var(--ck-color-base-text);
height: 100%;
margin-right: -1px;
outline: 1px solid hsla(0, 0%, 100%, 0.5);
}
.ck.ck-link-form {
display: flex;
}
.ck.ck-link-form .ck-label {
display: none;
}
@media screen and (max-width: 600px) {
.ck.ck-link-form {
flex-wrap: wrap;
}
.ck.ck-link-form .ck-labeled-field-view {
flex-basis: 100%;
}
.ck.ck-link-form .ck-button {
flex-basis: 50%;
}
}
.ck.ck-link-form_layout-vertical {
display: block;
}
.ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel,
.ck.ck-link-form_layout-vertical .ck-button.ck-button-save {
margin-top: var(--ck-spacing-medium);
}
.ck.ck-link-form_layout-vertical {
min-width: var(--ck-input-width);
padding: 0;
}
.ck.ck-link-form_layout-vertical .ck-labeled-field-view {
margin: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small);
}
.ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text {
min-width: 0;
width: 100%;
}
.ck.ck-link-form_layout-vertical > .ck-button {
border-radius: 0;
margin: 0;
padding: var(--ck-spacing-standard);
width: 50%;
}
.ck.ck-link-form_layout-vertical > .ck-button:not(:focus) {
border-top: 1px solid var(--ck-color-base-border);
}
[dir="ltr"] .ck.ck-link-form_layout-vertical > .ck-button,
[dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button {
margin-left: 0;
}
[dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type {
border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-link-form_layout-vertical .ck.ck-list {
margin: var(--ck-spacing-standard) var(--ck-spacing-large);
}
.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton {
padding: 0;
width: 100%;
}
.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover {
background: none;
}
.ck.ck-link-actions {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.ck.ck-link-actions .ck-link-actions__preview {
display: inline-block;
}
.ck.ck-link-actions .ck-link-actions__preview .ck-button__label {
overflow: hidden;
}
@media screen and (max-width: 600px) {
.ck.ck-link-actions {
flex-wrap: wrap;
}
.ck.ck-link-actions .ck-link-actions__preview {
flex-basis: 100%;
}
.ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
flex-basis: 50%;
}
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview {
padding-left: 0;
padding-right: 0;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
color: var(--ck-color-link-default);
cursor: pointer;
max-width: var(--ck-input-width);
min-width: 3em;
padding: 0 var(--ck-spacing-medium);
text-align: center;
text-overflow: ellipsis;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover {
text-decoration: underline;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:active,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:hover {
background: none;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
box-shadow: none;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label {
text-decoration: underline;
}
[dir="ltr"] .ck.ck-link-actions .ck-button:not(:first-child),
[dir="rtl"] .ck.ck-link-actions .ck-button:not(:last-child) {
margin-left: var(--ck-spacing-standard);
}
@media screen and (max-width: 600px) {
.ck.ck-link-actions .ck-button.ck-link-actions__preview {
margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
max-width: 100%;
min-width: 0;
}
[dir="ltr"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview),
[dir="rtl"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
margin-left: 0;
}
}
.ck.ck-editor__editable a span.image-inline:after,
.ck.ck-editor__editable figure.image > a:after {
display: block;
position: absolute;
}
:root {
--ck-link-image-indicator-icon-size: 20;
--ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
.ck.ck-editor__editable a span.image-inline:after,
.ck.ck-editor__editable figure.image > a:after {
background-color: rgba(0, 0, 0, 0.4);
background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+");
background-position: 50%;
background-repeat: no-repeat;
background-size: 14px;
border-radius: 100%;
content: "";
height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
overflow: hidden;
right: min(var(--ck-spacing-medium), 6%);
top: min(var(--ck-spacing-medium), 6%);
width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
}
.ck-editor__editable .ck-list-bogus-paragraph {
display: block;
}
.ck-content ol {
list-style-type: decimal;
}
.ck-content ol ol {
list-style-type: lower-latin;
}
.ck-content ol ol ol {
list-style-type: lower-roman;
}
.ck-content ol ol ol ol {
list-style-type: upper-latin;
}
.ck-content ol ol ol ol ol {
list-style-type: upper-roman;
}
.ck-content ul {
list-style-type: disc;
}
.ck-content ul ul {
list-style-type: circle;
}
.ck-content ul ul ul,
.ck-content ul ul ul ul {
list-style-type: square;
}
.ck.ck-list-properties.ck-list-properties_without-styles {
padding: var(--ck-spacing-large);
}
.ck.ck-list-properties.ck-list-properties_without-styles > * {
min-width: 14em;
}
.ck.ck-list-properties.ck-list-properties_without-styles > * + * {
margin-top: var(--ck-spacing-standard);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list {
grid-template-columns: repeat(4, auto);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible {
border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties
> .ck-collapsible
> .ck-collapsible__children
> * {
width: 100%;
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties
> .ck-collapsible
> .ck-collapsible__children
> *
+ * {
margin-top: var(--ck-spacing-standard);
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input {
min-width: auto;
width: 100%;
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order {
background: transparent;
margin-bottom: calc(var(--ck-spacing-tiny) * -1);
padding-left: 0;
padding-right: 0;
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active,
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover {
background: none;
border-color: transparent;
box-shadow: none;
}
.ck.ck-list-styles-list {
display: grid;
}
:root {
--ck-list-style-button-size: 44px;
}
.ck.ck-list-styles-list {
column-gap: var(--ck-spacing-medium);
grid-template-columns: repeat(3, auto);
padding: var(--ck-spacing-large);
row-gap: var(--ck-spacing-medium);
}
.ck.ck-list-styles-list .ck-button {
box-sizing: content-box;
margin: 0;
padding: 0;
}
.ck.ck-list-styles-list .ck-button,
.ck.ck-list-styles-list .ck-button .ck-icon {
height: var(--ck-list-style-button-size);
width: var(--ck-list-style-button-size);
}
:root {
--ck-todo-list-checkmark-size: 16px;
}
.ck-content .todo-list {
list-style: none;
}
.ck-content .todo-list li {
margin-bottom: 5px;
position: relative;
}
.ck-content .todo-list li .todo-list {
margin-top: 5px;
}
.ck-content .todo-list .todo-list__label > input {
-webkit-appearance: none;
border: 0;
display: inline-block;
height: var(--ck-todo-list-checkmark-size);
left: -25px;
margin-left: 0;
margin-right: -15px;
position: relative;
right: 0;
vertical-align: middle;
width: var(--ck-todo-list-checkmark-size);
}
.ck-content[dir="rtl"] .todo-list .todo-list__label > input {
left: 0;
margin-left: -15px;
margin-right: 0;
right: -25px;
}
.ck-content .todo-list .todo-list__label > input:before {
border: 1px solid #333;
border-radius: 2px;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
position: absolute;
transition: box-shadow 0.25s ease-in-out;
width: 100%;
}
.ck-content .todo-list .todo-list__label > input:after {
border-color: transparent;
border-style: solid;
border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
box-sizing: content-box;
content: "";
display: block;
height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
left: calc(var(--ck-todo-list-checkmark-size) / 3);
pointer-events: none;
position: absolute;
top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
transform: rotate(45deg);
width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
}
.ck-content .todo-list .todo-list__label > input[checked]:before {
background: #26ab33;
border-color: #26ab33;
}
.ck-content .todo-list .todo-list__label > input[checked]:after {
border-color: #fff;
}
.ck-content .todo-list .todo-list__label .todo-list__label__description {
vertical-align: middle;
}
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type="checkbox"] {
position: absolute;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > input,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input {
cursor: pointer;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover:before,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input:hover:before {
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input {
-webkit-appearance: none;
border: 0;
display: inline-block;
height: var(--ck-todo-list-checkmark-size);
left: -25px;
margin-left: 0;
margin-right: -15px;
position: relative;
right: 0;
vertical-align: middle;
width: var(--ck-todo-list-checkmark-size);
}
.ck-editor__editable.ck-content[dir="rtl"] .todo-list .todo-list__label > span[contenteditable="false"] > input {
left: 0;
margin-left: -15px;
margin-right: 0;
right: -25px;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input:before {
border: 1px solid #333;
border-radius: 2px;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
position: absolute;
transition: box-shadow 0.25s ease-in-out;
width: 100%;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input:after {
border-color: transparent;
border-style: solid;
border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
box-sizing: content-box;
content: "";
display: block;
height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
left: calc(var(--ck-todo-list-checkmark-size) / 3);
pointer-events: none;
position: absolute;
top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
transform: rotate(45deg);
width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
}
.ck-editor__editable.ck-content
.todo-list
.todo-list__label
> span[contenteditable="false"]
> input[checked]:before {
background: #26ab33;
border-color: #26ab33;
}
.ck-editor__editable.ck-content
.todo-list
.todo-list__label
> span[contenteditable="false"]
> input[checked]:after {
border-color: #fff;
}
.ck-editor__editable.ck-content
.todo-list
.todo-list__label.todo-list__label_without-description
input[type="checkbox"] {
position: absolute;
}
.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);
}
.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);
}
.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%;
}
.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 {
padding-inline-end: 5px;
pointer-events: none;
position: absolute;
transform: translate(-100%);
}
[dir="rtl"] .ck-content .multi-level-list li .multi-level-list__marker {
transform: translate(100%);
}
.ck-content .multi-level-list li .multi-level-list__marker::selection {
background-color: transparent;
}
.ck-media__wrapper .ck-media__placeholder {
align-items: center;
display: flex;
flex-direction: column;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url {
max-width: 100%;
position: relative;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text {
display: block;
overflow: hidden;
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon * {
display: none;
}
.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > :not(.ck-media__placeholder),
.ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder {
pointer-events: none;
}
:root {
--ck-media-embed-placeholder-icon-size: 3em;
--ck-color-media-embed-placeholder-url-text: #757575;
--ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text);
}
.ck-media__wrapper {
margin: 0 auto;
}
.ck-media__wrapper .ck-media__placeholder {
background: var(--ck-color-base-foreground);
padding: calc(var(--ck-spacing-standard) * 3);
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon {
background-position: 50%;
background-size: cover;
height: var(--ck-media-embed-placeholder-icon-size);
margin-bottom: var(--ck-spacing-large);
min-width: var(--ck-media-embed-placeholder-icon-size);
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon {
height: 100%;
width: 100%;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text {
color: var(--ck-color-media-embed-placeholder-url-text);
font-style: italic;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover {
color: var(--ck-color-media-embed-placeholder-url-text-hover);
cursor: pointer;
text-decoration: underline;
}
.ck-media__wrapper[data-oembed-url*="open.spotify.com"] {
max-height: 380px;
max-width: 300px;
}
.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Im0yMDYuNDc3IDI2MC45LTI4Ljk4NyAyOC45ODdhNS4yMTggNS4yMTggMCAwIDAgMy43OCAxLjYxaDQ5LjYyMWMxLjY5NCAwIDMuMTktLjc5OCA0LjE0Ni0yLjAzN3oiIGZpbGw9IiM1Yzg4YzUiLz48cGF0aCBkPSJNMjI2Ljc0MiAyMjIuOTg4Yy05LjI2NiAwLTE2Ljc3NyA3LjE3LTE2Ljc3NyAxNi4wMTQuMDA3IDIuNzYyLjY2MyA1LjQ3NCAyLjA5MyA3Ljg3NS40My43MDMuODMgMS40MDggMS4xOSAyLjEwNy4zMzMuNTAyLjY1IDEuMDA1Ljk1IDEuNTA4LjM0My40NzcuNjczLjk1Ny45ODggMS40NCAxLjMxIDEuNzY5IDIuNSAzLjUwMiAzLjYzNyA1LjE2OC43OTMgMS4yNzUgMS42ODMgMi42NCAyLjQ2NiAzLjk5IDIuMzYzIDQuMDk0IDQuMDA3IDguMDkyIDQuNiAxMy45MTR2LjAxMmMuMTgyLjQxMi41MTYuNjY2Ljg3OS42NjcuNDAzLS4wMDEuNzY4LS4zMTQuOTMtLjc5OS42MDMtNS43NTYgMi4yMzgtOS43MjkgNC41ODUtMTMuNzk0Ljc4Mi0xLjM1IDEuNjczLTIuNzE1IDIuNDY1LTMuOTkgMS4xMzctMS42NjYgMi4zMjgtMy40IDMuNjM4LTUuMTY5LjMxNS0uNDgyLjY0NS0uOTYyLjk4OC0xLjQzOS4zLS41MDMuNjE3LTEuMDA2Ljk1LTEuNTA4LjM1OS0uNy43Ni0xLjQwNCAxLjE5LTIuMTA3IDEuNDI2LTIuNDAyIDItNS4xMTQgMi4wMDQtNy44NzUgMC04Ljg0NC03LjUxMS0xNi4wMTQtMTYuNzc2LTE2LjAxNHoiIGZpbGw9IiNkZDRiM2UiIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PGVsbGlwc2Ugcnk9IjUuNTY0IiByeD0iNS44MjgiIGN5PSIyMzkuMDAyIiBjeD0iMjI2Ljc0MiIgZmlsbD0iIzgwMmQyNyIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMTkwLjMwMSAyMzcuMjgzYy00LjY3IDAtOC40NTcgMy44NTMtOC40NTcgOC42MDZzMy43ODYgOC42MDcgOC40NTcgOC42MDdjMy4wNDMgMCA0LjgwNi0uOTU4IDYuMzM3LTIuNTE2IDEuNTMtMS41NTcgMi4wODctMy45MTMgMi4wODctNi4yOSAwLS4zNjItLjAyMy0uNzIyLS4wNjQtMS4wNzloLTguMjU3djMuMDQzaDQuODVjLS4xOTcuNzU5LS41MzEgMS40NS0xLjA1OCAxLjk4Ni0uOTQyLjk1OC0yLjAyOCAxLjU0OC0zLjkwMSAxLjU0OC0yLjg3NiAwLTUuMjA4LTIuMzcyLTUuMjA4LTUuMjk5IDAtMi45MjYgMi4zMzItNS4yOTkgNS4yMDgtNS4yOTkgMS4zOTkgMCAyLjYxOC40MDcgMy41ODQgMS4yOTNsMi4zODEtMi4zOGMwLS4wMDItLjAwMy0uMDA0LS4wMDQtLjAwNS0xLjU4OC0xLjUyNC0zLjYyLTIuMjE1LTUuOTU1LTIuMjE1em00LjQzIDUuNjYuMDAzLjAwNnYtLjAwM3oiIGZpbGw9IiNmZmYiIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0ibTIxNS4xODQgMjUxLjkyOS03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVhNS4yMzMgNS4yMzMgMCAwIDAgLjQ0OS0yLjEyM3YtMzEuMTY1Yy0uNDY5LjY3NS0uOTM0IDEuMzQ5LTEuMzgyIDIuMDA1LS43OTIgMS4yNzUtMS42ODIgMi42NC0yLjQ2NSAzLjk5LTIuMzQ3IDQuMDY1LTMuOTgyIDguMDM4LTQuNTg1IDEzLjc5NC0uMTYyLjQ4NS0uNTI3Ljc5OC0uOTMuNzk5LS4zNjMtLjAwMS0uNjk3LS4yNTUtLjg3OS0uNjY3di0uMDEyYy0uNTkzLTUuODIyLTIuMjM3LTkuODItNC42LTEzLjkxNC0uNzgzLTEuMzUtMS42NzMtMi43MTUtMi40NjYtMy45OS0xLjEzNy0xLjY2Ni0yLjMyNy0zLjQtMy42MzctNS4xNjlsLS4wMDItLjAwM3oiIGZpbGw9IiNjM2MzYzMiLz48cGF0aCBkPSJtMjEyLjk4MyAyNDguNDk1LTM2Ljk1MiAzNi45NTN2LjgxMmE1LjIyNyA1LjIyNyAwIDAgMCA1LjIzOCA1LjIzOGgxLjAxNWwzNS42NjYtMzUuNjY2YTEzNi4yNzUgMTM2LjI3NSAwIDAgMC0yLjc2NC0zLjkgMzcuNTc1IDM3LjU3NSAwIDAgMC0uOTg5LTEuNDQgMzUuMTI3IDM1LjEyNyAwIDAgMC0uOTUtMS41MDhjLS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJtMjExLjk5OCAyNjEuMDgzLTYuMTUyIDYuMTUxIDI0LjI2NCAyNC4yNjRoLjc4MWE1LjIyNyA1LjIyNyAwIDAgMCA1LjIzOS01LjIzOHYtMS4wNDV6IiBmaWxsPSIjZmZmIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjwvZz48L3N2Zz4=);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder {
background: #4268b3;
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05NjcuNDg0IDBINTYuNTE3QzI1LjMwNCAwIDAgMjUuMzA0IDAgNTYuNTE3djkxMC45NjZDMCA5OTguNjk0IDI1LjI5NyAxMDI0IDU2LjUyMiAxMDI0SDU0N1Y2MjhINDE0VjQ3M2gxMzNWMzU5LjAyOWMwLTEzMi4yNjIgODAuNzczLTIwNC4yODIgMTk4Ljc1Ni0yMDQuMjgyIDU2LjUxMyAwIDEwNS4wODYgNC4yMDggMTE5LjI0NCA2LjA4OVYyOTlsLTgxLjYxNi4wMzdjLTYzLjk5MyAwLTc2LjM4NCAzMC40OTItNzYuMzg0IDc1LjIzNlY0NzNoMTUzLjQ4N2wtMTkuOTg2IDE1NUg3MDd2Mzk2aDI2MC40ODRjMzEuMjEzIDAgNTYuNTE2LTI1LjMwMyA1Ni41MTYtNTYuNTE2VjU2LjUxNUMxMDI0IDI1LjMwMyA5OTguNjk3IDAgOTY3LjQ4NCAwIiBmaWxsPSIjRkZGRkZFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
color: #cdf;
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
color: #fff;
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder {
background: linear-gradient(-135deg, #1400c7, #b800b1, #f50000);
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTA0IiBoZWlnaHQ9IjUwNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIC4xNTloNTAzLjg0MVY1MDMuOTRIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48cGF0aCBkPSJNMjUxLjkyMS4xNTljLTY4LjQxOCAwLTc2Ljk5Ny4yOS0xMDMuODY3IDEuNTE2LTI2LjgxNCAxLjIyMy00NS4xMjcgNS40ODItNjEuMTUxIDExLjcxLTE2LjU2NiA2LjQzNy0zMC42MTUgMTUuMDUxLTQ0LjYyMSAyOS4wNTYtMTQuMDA1IDE0LjAwNi0yMi42MTkgMjguMDU1LTI5LjA1NiA0NC42MjEtNi4yMjggMTYuMDI0LTEwLjQ4NyAzNC4zMzctMTEuNzEgNjEuMTUxQy4yOSAxNzUuMDgzIDAgMTgzLjY2MiAwIDI1Mi4wOGMwIDY4LjQxNy4yOSA3Ni45OTYgMS41MTYgMTAzLjg2NiAxLjIyMyAyNi44MTQgNS40ODIgNDUuMTI3IDExLjcxIDYxLjE1MSA2LjQzNyAxNi41NjYgMTUuMDUxIDMwLjYxNSAyOS4wNTYgNDQuNjIxIDE0LjAwNiAxNC4wMDUgMjguMDU1IDIyLjYxOSA0NC42MjEgMjkuMDU3IDE2LjAyNCA2LjIyNyAzNC4zMzcgMTAuNDg2IDYxLjE1MSAxMS43MDkgMjYuODcgMS4yMjYgMzUuNDQ5IDEuNTE2IDEwMy44NjcgMS41MTYgNjguNDE3IDAgNzYuOTk2LS4yOSAxMDMuODY2LTEuNTE2IDI2LjgxNC0xLjIyMyA0NS4xMjctNS40ODIgNjEuMTUxLTExLjcwOSAxNi41NjYtNi40MzggMzAuNjE1LTE1LjA1MiA0NC42MjEtMjkuMDU3IDE0LjAwNS0xNC4wMDYgMjIuNjE5LTI4LjA1NSAyOS4wNTctNDQuNjIxIDYuMjI3LTE2LjAyNCAxMC40ODYtMzQuMzM3IDExLjcwOS02MS4xNTEgMS4yMjYtMjYuODcgMS41MTYtMzUuNDQ5IDEuNTE2LTEwMy44NjYgMC02OC40MTgtLjI5LTc2Ljk5Ny0xLjUxNi0xMDMuODY3LTEuMjIzLTI2LjgxNC01LjQ4Mi00NS4xMjctMTEuNzA5LTYxLjE1MS02LjQzOC0xNi41NjYtMTUuMDUyLTMwLjYxNS0yOS4wNTctNDQuNjIxLTE0LjAwNi0xNC4wMDUtMjguMDU1LTIyLjYxOS00NC42MjEtMjkuMDU2LTE2LjAyNC02LjIyOC0zNC4zMzctMTAuNDg3LTYxLjE1MS0xMS43MUMzMjguOTE3LjQ0OSAzMjAuMzM4LjE1OSAyNTEuOTIxLjE1OVptMCA0NS4zOTFjNjcuMjY1IDAgNzUuMjMzLjI1NyAxMDEuNzk3IDEuNDY5IDI0LjU2MiAxLjEyIDM3LjkwMSA1LjIyNCA0Ni43NzggOC42NzQgMTEuNzU5IDQuNTcgMjAuMTUxIDEwLjAyOSAyOC45NjYgMTguODQ1IDguODE2IDguODE1IDE0LjI3NSAxNy4yMDcgMTguODQ1IDI4Ljk2NiAzLjQ1IDguODc3IDcuNTU0IDIyLjIxNiA4LjY3NCA0Ni43NzggMS4yMTIgMjYuNTY0IDEuNDY5IDM0LjUzMiAxLjQ2OSAxMDEuNzk4IDAgNjcuMjY1LS4yNTcgNzUuMjMzLTEuNDY5IDEwMS43OTctMS4xMiAyNC41NjItNS4yMjQgMzcuOTAxLTguNjc0IDQ2Ljc3OC00LjU3IDExLjc1OS0xMC4wMjkgMjAuMTUxLTE4Ljg0NSAyOC45NjYtOC44MTUgOC44MTYtMTcuMjA3IDE0LjI3NS0yOC45NjYgMTguODQ1LTguODc3IDMuNDUtMjIuMjE2IDcuNTU0LTQ2Ljc3OCA4LjY3NC0yNi41NiAxLjIxMi0zNC41MjcgMS40NjktMTAxLjc5NyAxLjQ2OS02Ny4yNzEgMC03NS4yMzctLjI1Ny0xMDEuNzk4LTEuNDY5LTI0LjU2Mi0xLjEyLTM3LjkwMS01LjIyNC00Ni43NzgtOC42NzQtMTEuNzU5LTQuNTctMjAuMTUxLTEwLjAyOS0yOC45NjYtMTguODQ1LTguODE1LTguODE1LTE0LjI3NS0xNy4yMDctMTguODQ1LTI4Ljk2Ni0zLjQ1LTguODc3LTcuNTU0LTIyLjIxNi04LjY3NC00Ni43NzgtMS4yMTItMjYuNTY0LTEuNDY5LTM0LjUzMi0xLjQ2OS0xMDEuNzk3IDAtNjcuMjY2LjI1Ny03NS4yMzQgMS40NjktMTAxLjc5OCAxLjEyLTI0LjU2MiA1LjIyNC0zNy45MDEgOC42NzQtNDYuNzc4IDQuNTctMTEuNzU5IDEwLjAyOS0yMC4xNTEgMTguODQ1LTI4Ljk2NiA4LjgxNS04LjgxNiAxNy4yMDctMTQuMjc1IDI4Ljk2Ni0xOC44NDUgOC44NzctMy40NSAyMi4yMTYtNy41NTQgNDYuNzc4LTguNjc0IDI2LjU2NC0xLjIxMiAzNC41MzItMS40NjkgMTAxLjc5OC0xLjQ2OVoiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjYikiLz48cGF0aCBkPSJNMjUxLjkyMSAzMzYuMDUzYy00Ni4zNzggMC04My45NzQtMzcuNTk2LTgzLjk3NC04My45NzMgMC00Ni4zNzggMzcuNTk2LTgzLjk3NCA4My45NzQtODMuOTc0IDQ2LjM3NyAwIDgzLjk3MyAzNy41OTYgODMuOTczIDgzLjk3NCAwIDQ2LjM3Ny0zNy41OTYgODMuOTczLTgzLjk3MyA4My45NzNabTAtMjEzLjMzOGMtNzEuNDQ3IDAtMTI5LjM2NSA1Ny45MTgtMTI5LjM2NSAxMjkuMzY1IDAgNzEuNDQ2IDU3LjkxOCAxMjkuMzY0IDEyOS4zNjUgMTI5LjM2NCA3MS40NDYgMCAxMjkuMzY0LTU3LjkxOCAxMjkuMzY0LTEyOS4zNjQgMC03MS40NDctNTcuOTE4LTEyOS4zNjUtMTI5LjM2NC0xMjkuMzY1Wk00MTYuNjI3IDExNy42MDRjMCAxNi42OTYtMTMuNTM1IDMwLjIzLTMwLjIzMSAzMC4yMy0xNi42OTUgMC0zMC4yMy0xMy41MzQtMzAuMjMtMzAuMjMgMC0xNi42OTYgMTMuNTM1LTMwLjIzMSAzMC4yMy0zMC4yMzEgMTYuNjk2IDAgMzAuMjMxIDEzLjUzNSAzMC4yMzEgMzAuMjMxIiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==);
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
color: #ffe0fe;
}
.ck-media__wrapper[data-oembed-url*="instagram.com"]
.ck-media__placeholder
.ck-media__placeholder__url__text:hover {
color: #fff;
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder {
background: linear-gradient(90deg, #71c6f4, #0d70a5);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNNDAwIDIwMGMwIDExMC41LTg5LjUgMjAwLTIwMCAyMDBTMCAzMTAuNSAwIDIwMCA4OS41IDAgMjAwIDBzMjAwIDg5LjUgMjAwIDIwMHpNMTYzLjQgMzA1LjVjODguNyAwIDEzNy4yLTczLjUgMTM3LjItMTM3LjIgMC0yLjEgMC00LjItLjEtNi4yIDkuNC02LjggMTcuNi0xNS4zIDI0LjEtMjUtOC42IDMuOC0xNy45IDYuNC0yNy43IDcuNiAxMC02IDE3LjYtMTUuNCAyMS4yLTI2LjctOS4zIDUuNS0xOS42IDkuNS0zMC42IDExLjctOC44LTkuNC0yMS4zLTE1LjItMzUuMi0xNS4yLTI2LjYgMC00OC4yIDIxLjYtNDguMiA0OC4yIDAgMy44LjQgNy41IDEuMyAxMS00MC4xLTItNzUuNi0yMS4yLTk5LjQtNTAuNC00LjEgNy4xLTYuNSAxNS40LTYuNSAyNC4yIDAgMTYuNyA4LjUgMzEuNSAyMS41IDQwLjEtNy45LS4yLTE1LjMtMi40LTIxLjgtNnYuNmMwIDIzLjQgMTYuNiA0Mi44IDM4LjcgNDcuMy00IDEuMS04LjMgMS43LTEyLjcgMS43LTMuMSAwLTYuMS0uMy05LjEtLjkgNi4xIDE5LjIgMjMuOSAzMy4xIDQ1IDMzLjUtMTYuNSAxMi45LTM3LjMgMjAuNi01OS45IDIwLjYtMy45IDAtNy43LS4yLTExLjUtLjcgMjEuMSAxMy44IDQ2LjUgMjEuOCA3My43IDIxLjgiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text {
color: #b8e6ff;
}
.ck-media__wrapper[data-oembed-url*="twitter.com"]
.ck.ck-media__placeholder
.ck-media__placeholder__url__text:hover {
color: #fff;
}
.ck.ck-media-form {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.ck.ck-media-form .ck-labeled-field-view {
display: inline-block;
}
.ck.ck-media-form .ck-label {
display: none;
}
@media screen and (max-width: 600px) {
.ck.ck-media-form {
flex-wrap: wrap;
}
.ck.ck-media-form .ck-labeled-field-view {
flex-basis: 100%;
}
.ck.ck-media-form .ck-button {
flex-basis: 50%;
}
}
.ck-content .media {
clear: both;
display: block;
margin: 0.9em 0;
min-width: 15em;
}
.ck.ck-find-and-replace-form {
max-width: 100%;
& .ck-find-and-replace-form__inputs,
.ck-find-and-replace-form__actions {
display: flex;
}
& .ck-find-and-replace-form__inputs.ck-find-and-replace-form__inputs .ck-results-counter,
.ck-find-and-replace-form__actions.ck-find-and-replace-form__inputs .ck-results-counter {
position: absolute;
}
}
.ck.ck-find-and-replace-form {
width: 400px;
}
.ck.ck-find-and-replace-form:focus {
outline: none;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs {
align-content: stretch;
align-items: center;
flex: 1 1 auto;
flex-direction: row;
flex-wrap: wrap;
margin: 0;
padding: var(--ck-spacing-large);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button {
flex: 0 0 auto;
}
[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + *,
[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + * {
margin-left: var(--ck-spacing-standard);
}
[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + *,
[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + * {
margin-right: var(--ck-spacing-standard);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view {
flex: 1 1 auto;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input {
min-width: 50px;
width: 100%;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs {
align-items: flex-start;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon {
transform: rotate(90deg);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon {
transform: rotate(-90deg);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
top: 50%;
transform: translateY(-50%);
}
[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
right: var(--ck-spacing-standard);
}
[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
left: var(--ck-spacing-standard);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
color: var(--ck-color-base-border);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
flex: 0 0 100%;
padding-top: var(--ck-spacing-standard);
}
[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
margin-left: 0;
}
[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
margin-right: 0;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
flex-wrap: wrap;
justify-content: flex-end;
margin-top: calc(var(--ck-spacing-large) * -1);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find {
font-weight: 700;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label {
padding-left: var(--ck-spacing-large);
padding-right: var(--ck-spacing-large);
}
.ck.ck-find-and-replace-form .ck-switchbutton {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
width: 100%;
}
@media screen and (max-width: 600px) {
.ck.ck-find-and-replace-form {
max-width: 100%;
width: 300px;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input {
flex-wrap: wrap;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view {
flex: 1 0 auto;
margin-bottom: var(--ck-spacing-standard);
width: 100%;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button {
text-align: center;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
flex: 1 1 auto;
}
[dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
margin-left: 0;
}
[dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
margin-right: 0;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label {
text-align: center;
width: 100%;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) {
flex: 1 1 auto;
flex-wrap: wrap;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button {
text-align: center;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions
> :not(.ck-labeled-field-view)
> .ck-button:first-of-type {
flex: 1 1 auto;
}
[dir="ltr"]
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions
> :not(.ck-labeled-field-view)
> .ck-button:first-of-type {
margin-left: 0;
}
[dir="rtl"]
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions
> :not(.ck-labeled-field-view)
> .ck-button:first-of-type {
margin-right: 0;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions
> :not(.ck-labeled-field-view)
> .ck-button
.ck-button__label {
text-align: center;
width: 100%;
}
}
.ck-find-result {
background: var(--ck-color-highlight-background);
color: var(--ck-color-text);
}
.ck-find-result_selected {
background: #ff9633;
}
.ck-content .text-tiny {
font-size: 0.7em;
}
.ck-content .text-small {
font-size: 0.85em;
}
.ck-content .text-big {
font-size: 1.4em;
}
.ck-content .text-huge {
font-size: 1.8em;
}
:root {
--ck-highlight-marker-yellow: #fdfd77;
--ck-highlight-marker-green: #62f962;
--ck-highlight-marker-pink: #fc7899;
--ck-highlight-marker-blue: #72ccfd;
--ck-highlight-pen-red: #e71313;
--ck-highlight-pen-green: #128a00;
}
.ck-content .marker-yellow {
background-color: var(--ck-highlight-marker-yellow);
}
.ck-content .marker-green {
background-color: var(--ck-highlight-marker-green);
}
.ck-content .marker-pink {
background-color: var(--ck-highlight-marker-pink);
}
.ck-content .marker-blue {
background-color: var(--ck-highlight-marker-blue);
}
.ck-content .pen-red {
background-color: transparent;
color: var(--ck-highlight-pen-red);
}
.ck-content .pen-green {
background-color: transparent;
color: var(--ck-highlight-pen-green);
}
.ck-editor__editable .ck-horizontal-line {
display: flow-root;
}
.ck-content hr {
background: #dedede;
border: 0;
height: 4px;
margin: 15px 0;
}
.ck-widget.raw-html-embed {
display: flow-root;
font-style: normal;
margin: 0.9em auto;
min-width: 15em;
position: relative;
}
.ck-widget.raw-html-embed:before {
position: absolute;
z-index: 1;
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
display: flex;
flex-direction: column;
position: absolute;
}
.ck-widget.raw-html-embed .raw-html-embed__preview {
display: flex;
overflow: hidden;
position: relative;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
border-collapse: separate;
border-spacing: 7px;
display: table;
margin: auto;
position: relative;
width: 100%;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
align-items: center;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
}
:root {
--ck-html-embed-content-width: calc(100% - var(--ck-icon-size) * 1.5);
--ck-html-embed-source-height: 10em;
--ck-html-embed-unfocused-outline-width: 1px;
--ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard));
--ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);
--ck-html-embed-source-disabled-color: #737373;
}
.ck-widget.raw-html-embed {
background-color: var(--ck-color-base-foreground);
font-size: var(--ck-font-size-base);
}
.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) {
outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
}
.ck-widget.raw-html-embed[dir="ltr"] {
text-align: left;
}
.ck-widget.raw-html-embed[dir="rtl"] {
text-align: right;
}
.ck-widget.raw-html-embed:before {
background: #999;
border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
color: var(--ck-color-base-background);
content: attr(data-html-embed-label);
font-family: var(--ck-font-face);
font-size: var(--ck-font-size-tiny);
left: var(--ck-spacing-standard);
padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small)
var(--ck-spacing-tiny);
top: calc(var(--ck-html-embed-unfocused-outline-width) * -1);
transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
}
.ck-widget.raw-html-embed[dir="rtl"]:before {
left: auto;
right: var(--ck-spacing-standard);
}
.ck-widget.raw-html-embed[dir="ltr"]
.ck-widget__type-around
.ck-widget__type-around__button.ck-widget__type-around__button_before {
margin-left: 50px;
}
.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected:before {
padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
top: 0;
}
.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected:before {
background: var(--ck-color-focus-border);
padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
top: 0;
}
.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover:before {
padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
top: 0;
}
.ck-widget.raw-html-embed .raw-html-embed__content-wrapper {
padding: var(--ck-spacing-standard);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
right: var(--ck-spacing-standard);
top: var(--ck-spacing-standard);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button {
color: var(--ck-color-button-save);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button {
color: var(--ck-color-button-cancel);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) {
margin-top: var(--ck-spacing-small);
}
.ck-widget.raw-html-embed[dir="rtl"] .raw-html-embed__buttons-wrapper {
left: var(--ck-spacing-standard);
right: auto;
}
.ck-widget.raw-html-embed .raw-html-embed__source {
box-sizing: border-box;
direction: ltr;
font-family: monospace;
font-size: var(--ck-font-size-base);
height: var(--ck-html-embed-source-height);
min-width: 0;
padding: var(--ck-spacing-standard);
resize: none;
tab-size: 4;
text-align: left;
white-space: pre-wrap;
width: var(--ck-html-embed-content-width);
}
.ck-widget.raw-html-embed .raw-html-embed__source[disabled] {
-webkit-text-fill-color: var(--ck-html-embed-source-disabled-color);
background: var(--ck-html-embed-source-disabled-background);
color: var(--ck-html-embed-source-disabled-color);
opacity: 1;
}
.ck-widget.raw-html-embed .raw-html-embed__preview {
min-height: var(--ck-html-embed-content-min-height);
width: var(--ck-html-embed-content-width);
}
.ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview {
pointer-events: none;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
background-color: var(--ck-color-base-foreground);
box-sizing: border-box;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content > * {
margin-left: auto;
margin-right: auto;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
color: var(--ck-html-embed-source-disabled-color);
}
:root {
--ck-html-object-embed-unfocused-outline-width: 1px;
}
.ck-widget.html-object-embed {
background-color: var(--ck-color-base-foreground);
font-size: var(--ck-font-size-base);
min-width: calc(76px + var(--ck-spacing-standard));
padding: var(--ck-spacing-small);
padding-top: calc(var(--ck-font-size-tiny) + var(--ck-spacing-large));
}
.ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) {
outline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
}
.ck-widget.html-object-embed:before {
background: #999;
border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
color: var(--ck-color-base-background);
content: attr(data-html-object-embed-label);
font-family: var(--ck-font-face);
font-size: var(--ck-font-size-tiny);
font-style: normal;
font-weight: 400;
left: var(--ck-spacing-standard);
padding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width))
var(--ck-spacing-small) var(--ck-spacing-tiny);
position: absolute;
top: 0;
transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
}
.ck-widget.html-object-embed
.ck-widget__type-around
.ck-widget__type-around__button.ck-widget__type-around__button_before {
margin-left: 50px;
}
.ck-widget.html-object-embed .html-object-embed__content {
pointer-events: none;
}
div.ck-widget.html-object-embed {
margin: 1em auto;
}
span.ck-widget.html-object-embed {
display: inline-block;
}
:root {
--ck-mention-list-max-height: 300px;
}
.ck.ck-mentions {
max-height: var(--ck-mention-list-max-height);
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
.ck.ck-mentions > .ck-list__item {
flex-shrink: 0;
overflow: hidden;
}
:root {
--ck-color-mention-background: rgba(153, 0, 48, 0.1);
--ck-color-mention-text: #990030;
}
.ck-content .mention {
background: var(--ck-color-mention-background);
color: var(--ck-color-mention-text);
}
.ck-content .page-break {
align-items: center;
clear: both;
display: flex;
justify-content: center;
padding: 5px 0;
position: relative;
}
.ck-content .page-break:after {
border-bottom: 2px dashed #c4c4c4;
content: "";
position: absolute;
width: 100%;
}
.ck-content .page-break__label {
background: #fff;
border: 1px solid #c4c4c4;
border-radius: 2px;
box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);
color: #333;
display: block;
font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
font-size: 0.75em;
font-weight: 700;
padding: 0.3em 0.6em;
position: relative;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 1;
}
@media print {
.ck-content .page-break {
padding: 0;
}
.ck-content .page-break:after {
display: none;
}
}
.ck.ck-pagination-view-line {
border-top: 1px dotted var(--ck-color-pagination-divider);
height: 0;
pointer-events: none;
position: absolute;
}
.ck.ck-pagination-view-line:after {
background: #c4c4c4;
color: var(--ck-color-base-background);
content: attr(data-page-number);
display: inline-block;
font-size: 10px;
min-width: 18px;
padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
position: absolute;
right: -1px;
text-align: center;
top: -1px;
transform: translateX(100%);
}
:root {
--ck-color-pagination-divider: #ababab;
}
.ck.ck-content:not(.ck-pagination_disabled) .page-break:after,
.ck.ck-editor__editable.ck-pagination-view .ck-widget__type-around {
display: none;
}
.ck.ck-editor__editable.ck-pagination-view .page-break {
break-after: column;
display: block;
height: 0;
margin: 0;
padding: 0;
}
.ck.ck-editor__editable.ck-pagination-view .ck-table-column-resizer,
.ck.ck-editor__editable.ck-pagination-view .page-break .page-break__label,
.ck.ck-editor__editable.ck-pagination-view .page-break:after {
display: none;
}
.ck.ck-page-navigator {
line-height: 1;
padding: 0 var(--ck-spacing-standard);
}
.ck.ck-page-navigator > .ck-input-number {
-moz-appearance: textfield;
background: transparent;
min-width: var(--ck-ui-component-min-height);
text-align: center;
width: var(--ck-ui-component-min-height);
}
.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);
}
.ck .ck-user__marker-dot {
border-radius: 50%;
cursor: default;
display: block;
height: var(--ck-user-dot-size);
left: 50%;
position: absolute;
top: calc((var(--ck-user-dot-size) / 2) * -1);
transform: translate(-50%, -50%);
width: var(--ck-user-dot-size);
}
.ck .ck-user__marker-tooltip {
color: #fff;
display: none;
font-family: Georgia, sans-serif;
font-size: var(--ck-font-size-base);
font-style: normal;
font-weight: 400;
left: 0;
line-height: 1;
opacity: 0;
padding: var(--ck-spacing-small);
position: absolute;
top: -20px;
transition:
opacity 0.2s linear,
transform 0.3s ease-in-out;
white-space: nowrap;
z-index: 99999;
}
.ck .ck-user__marker-line {
bottom: 0;
height: 100%;
position: absolute;
width: 0;
}
.ck .ck-user__marker {
cursor: default;
display: inline;
position: relative;
}
.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 {
animation: fadeInLeft 0.3s ease-in-out;
display: block;
opacity: 1;
}
.ck .ck-placeholder .ck-user__marker {
display: none;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-10px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.ck.ck-balloon-panel.ck-tooltip {
z-index: calc(var(--ck-z-dialog) + 100);
}
:root {
--ck-color-presence-list-dropdown-background: #fff;
--ck-color-presence-list-dropdown-arrow-border: #ebebeb;
--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 {
align-items: center;
display: flex;
font-size: var(--ck-font-size-base);
margin-right: var(--ck-spacing-standard);
transition: margin-right 0.2s ease-in-out;
}
.ck.ck-presence-list * {
box-sizing: border-box;
}
.ck.ck-presence-list__list {
display: flex;
justify-content: flex-end;
}
.ck.ck-presence-list__counter {
color: var(--ck-color-base-text);
margin-right: var(--ck-spacing-large);
}
.ck.ck-presence-list__counter--hidden {
display: none;
}
.ck.ck-presence-list__list-item {
background: none;
border: 0;
color: inherit;
font: inherit;
margin-left: var(--ck-spacing-standard);
outline: none;
padding: 0;
position: relative;
}
.ck.ck-presence-list__list-item:last-child {
margin-left: 0;
order: -1;
}
.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 {
display: block;
height: 3px;
margin-top: 3px;
position: relative;
width: 100%;
}
.ck-presence-list__balloon button.ck-presence-list__dropdown-list-item *,
.ck-presence-list__list button.ck-presence-list__list-item * {
cursor: pointer;
}
.ck.ck-presence-list--collapsed .ck-presence-list__list {
min-width: calc(var(--ck-user-avatar-size) * 2);
}
.ck.ck-presence-list--collapsed .ck-presence-list__list * {
cursor: pointer;
transition: all 0.4s ease-in-out;
}
.ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item {
margin-left: calc(var(--ck-user-avatar-size) * -1 + 7px);
}
.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:nth-last-child(2) {
opacity: 0.75;
}
.ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(3) {
opacity: 0.55;
}
.ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(4) {
opacity: 0.35;
}
.ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(5) {
opacity: 0.15;
}
.ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(n + 6) {
display: none;
}
.ck.ck-presence-list__balloon {
--ck-color-panel-border: var(--ck-color-presence-list-dropdown-arrow-border);
--ck-color-panel-background: var(--ck-color-presence-list-dropdown-background);
animation: fadeIn 0.3s ease-in-out;
background-color: var(--ck-color-presence-list-dropdown-background);
border: 0;
opacity: 1;
}
.ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list-wrapper {
border-radius: var(--ck-border-radius);
max-height: 80vh;
max-width: var(--ck-presence-list-dropdown-list-max-width);
min-width: var(--ck-presence-list-dropdown-list-min-width);
overflow-x: hidden;
overflow-y: auto;
}
.ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list-item {
align-items: center;
background: none;
border: 0;
color: inherit;
display: flex;
font: inherit;
outline: none;
padding: var(--ck-spacing-standard);
position: relative;
}
.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 {
color: var(--ck-color-base-text);
margin-left: var(--ck-spacing-standard);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list .ck.ck-presence-list__marker {
height: 100%;
left: 0;
margin: 0;
position: absolute;
width: 3px;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.ck.ck-revision-history-save-revision-form {
align-items: flex-start;
display: flex;
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%;
}
.ck .ck-revision-change {
border-top-left-radius: var(--ck-border-radius);
outline: 0;
padding: var(--ck-spacing-small) var(--ck-spacing-large);
}
.ck .ck-revision-change > * {
font-size: var(--ck-font-size-standard);
vertical-align: bottom;
}
.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-size: inherit;
font-weight: 700;
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,
.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: rgba(122, 31, 54, 0.8);
--ck-color-suggestion-widget-deletion-background: rgba(229, 102, 134, 0.03);
--ck-color-suggestion-widget-deletion-background-active: rgba(196, 33, 74, 0.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: rgba(218, 37, 82, 0.08);
--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-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);
}
.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation {
align-items: center;
display: flex;
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: 700;
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);
}
.ck {
--ck-revision-history-loading-overlay-transition-duration: 0.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: #fff;
}
.ck.ck-editor__editable:after,
.ck.ck-editor__editable:before {
content: "";
opacity: 0;
position: absolute;
transition: opacity var(--ck-revision-history-loading-overlay-transition-duration) ease;
transition-delay: 0;
visibility: hidden;
}
.ck.ck-editor__editable:before {
background: var(--ck-revision-history-loading-overlay-visible-background);
height: 100%;
left: 0;
top: 0;
width: 100%;
z-index: var(--ck-z-default);
}
.ck.ck-editor__editable:after {
animation: ck-revision-history-spinner-animation
var(--ck-revision-history-loading-overlay-spinner-rotation-duration) linear infinite;
border-radius: 50%;
border-right: 3px solid transparent;
border-top: 3px solid var(--ck-color-base-text);
box-sizing: border-box;
height: var(--ck-revision-history-loading-overlay-spinner-size);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: var(--ck-revision-history-loading-overlay-spinner-size);
z-index: var(--ck-z-default);
}
.ck.ck-editor__editable.ck-editor__editable__loading-overlay,
.ck.ck-editor__editable.ck-editor__editable__overlay {
min-height: calc(var(--ck-revision-history-loading-overlay-spinner-size) + var(--ck-spacing-large) * 2);
position: relative;
}
.ck.ck-editor__editable.ck-editor__editable__loading-overlay:after,
.ck.ck-editor__editable.ck-editor__editable__loading-overlay:before,
.ck.ck-editor__editable.ck-editor__editable__overlay:after,
.ck.ck-editor__editable.ck-editor__editable__overlay:before {
opacity: 0.8;
transition-delay: var(--ck-revision-history-loading-overlay-transition-delay);
visibility: visible;
}
.ck.ck-editor__editable.ck-editor__editable__overlay:after {
visibility: hidden;
}
@keyframes ck-revision-history-spinner-animation {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(1turn);
}
}
.ck.ck-revision-history-sidebar__revision-name {
display: block;
font-size: 1.2em;
font-weight: 700;
left: calc(var(--ck-spacing-small) * -1);
margin-right: 30px;
position: relative;
}
.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 {
background: transparent;
border-radius: var(--ck-border-radius);
color: inherit;
font-family: inherit;
font-size: var(--ck-font-size-normal);
font-weight: 700;
min-height: auto;
min-width: auto;
padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
text-overflow: ellipsis;
transition: var(--ck-revision-history-revision-transitions);
width: 100%;
}
.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) {
border-color: transparent;
}
.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input::placeholder {
color: inherit;
}
.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input[readonly] {
pointer-events: none;
}
.ck.ck-revision-history-sidebar__revision-author {
display: block;
position: relative;
transition: var(--ck-revision-history-revision-transitions);
}
.ck.ck-revision-history-sidebar__revision-author .ck-revision-history-sidebar__revision-author__name {
display: block;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.ck.ck-revision-history-sidebar__revision-author .ck-icon {
height: 10px;
left: calc(var(--ck-revision-history-revision-author-icon-offset) * -1);
position: absolute;
top: 3px;
width: 11px;
}
.ck.ck-revision-history-sidebar__revision-author:not(:first-of-type) .ck-icon {
display: none;
}
.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions {
display: none;
position: absolute;
right: var(--ck-spacing-small);
top: var(--ck-spacing-small);
}
.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-dropdown__button {
min-height: unset;
min-width: unset;
}
.ck.ck-revision-history-sidebar__revision
.ck-revision-history-sidebar__revision__actions
.ck-dropdown__button
.ck-button__icon {
transform: scale(0.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.ck-on,
.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected
.ck-revision-history-sidebar__revision__actions
.ck-dropdown__button:hover {
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.ck-on:hover,
.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected
.ck-revision-history-sidebar__revision__actions
.ck-dropdown__button:hover:hover {
filter: brightness(95%);
}
.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted
.ck-revision-history-sidebar__revision__actions
.ck-dropdown__button.ck-on,
.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted
.ck-revision-history-sidebar__revision__actions
.ck-dropdown__button:hover {
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.ck-on:hover,
.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted
.ck-revision-history-sidebar__revision__actions
.ck-dropdown__button:hover:hover {
filter: brightness(95%);
}
.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;
}
.ck {
--ck-revision-history-revision-background-color: var(--ck-color-base-background);
--ck-revision-history-revision-border-color: #47576b;
--ck-revision-history-revision-box-shadow: 0 1px 1px 1px #e6e6e6;
--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: #e0f1ff;
--ck-revision-history-revision-highlighted-background-color-hover: #cce7ff;
--ck-revision-history-revision-delete-confirmation-background: #fcc;
--ck-revision-history-revision-delete-confirmation-active-button-background: #ffb3b3;
}
.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision {
background: var(--ck-revision-history-revision-background-color);
border-left: 3px solid var(--ck-revision-history-revision-border-color);
border-radius: var(--ck-border-radius);
box-shadow: var(--ck-revision-history-revision-box-shadow);
display: block;
padding: var(--ck-spacing-large) calc(var(--ck-spacing-standard) * 2);
position: relative;
transition: transform 0.3s ease;
width: 100%;
}
.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: 700;
opacity: 0.8;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.ck.ck-revision-history-sidebar__revision-wrapper
.ck-revision-history-sidebar__revision
.ck-revision-history-sidebar__revision__controls-wrapper {
align-items: flex-start;
display: flex;
flex-direction: row;
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 {
flex: 0 1 auto;
margin: 0 0 0 var(--ck-revision-history-revision-author-icon-offset);
min-width: 0;
padding: 0;
}
.ck.ck-revision-history-sidebar__revision-wrapper
.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted,
.ck.ck-revision-history-sidebar__revision-wrapper
.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected {
border-bottom-left-radius: 0;
border-left-color: transparent;
border-top-left-radius: 0;
transform: translateX(calc(var(--ck-revision-history-sidebar-timeline-padding) * -1));
}
.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);
}
.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: 0.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);
}
.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;
}
.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm {
align-items: center;
background: var(--ck-revision-history-revision-delete-confirmation-background);
border-radius: var(--ck-border-radius);
box-shadow: var(--ck-revision-history-revision-box-shadow);
display: flex;
flex-direction: row;
height: 100%;
justify-content: space-around;
left: 100%;
position: absolute;
top: 0;
user-select: none;
width: 100%;
}
.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner {
margin-top: var(--ck-spacing-small);
text-align: center;
}
.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner p {
color: var(--ck-color-text);
font-weight: 700;
margin: 0;
}
.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:active,
.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:hover {
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);
}
.ck {
--ck-revision-history-sidebar-revision-vertical-spacing: calc(var(--ck-spacing-standard) * 2);
}
.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);
border-radius: var(--ck-border-radius);
color: var(--ck-color-base-background);
font-size: 9px;
font-weight: 700;
padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
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,
.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);
}
.ck.ck-revision-history-sidebar__header {
--header-height: calc(var(--ck-ui-component-min-height) + var(--ck-spacing-small) * 2 + 1px);
align-items: center;
border-bottom: 1px solid var(--ck-color-toolbar-border);
color: inherit;
display: flex;
flex-direction: row;
font-family: inherit;
font-weight: 700;
height: var(--header-height);
line-height: var(--header-height);
min-height: var(--header-height);
overflow: hidden;
padding: 0 var(--ck-revision-history-sidebar-timeline-padding);
}
.ck.ck-revision-history-sidebar__header .ck-revision-history-sidebar__header__label {
color: inherit;
font-family: inherit;
font-size: 1.2em;
font-weight: 700;
}
.ck.ck-revision-history-sidebar__header .ck-icon {
margin-right: var(--ck-spacing-large);
}
.ck {
--ck-revision-history-sidebar-period-background: #ff5724;
--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 {
align-items: start;
display: flex;
flex-direction: column;
font-size: var(--ck-font-size-base);
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: var(--ck-revision-history-sidebar-timeline-padding);
}
.ck.ck-revision-history-sidebar .ck-revision-history-sidebar__timeline.ck-disabled {
filter: grayscale(1) opacity(var(--ck-disabled-opacity));
}
:root {
--ck-color-restricted-editing-exception-background: rgba(255, 169, 77, 0.2);
--ck-color-restricted-editing-exception-hover-background: rgba(255, 169, 77, 0.35);
--ck-color-restricted-editing-exception-brackets: rgba(204, 105, 0, 0.4);
--ck-color-restricted-editing-selected-exception-background: rgba(255, 169, 77, 0.5);
--ck-color-restricted-editing-selected-exception-brackets: rgba(204, 105, 0, 0.6);
}
.ck-editor__editable .restricted-editing-exception {
background-color: var(--ck-color-restricted-editing-exception-background);
border: 1px solid;
border-image: linear-gradient(
to right,
var(--ck-color-restricted-editing-exception-brackets) 0,
var(--ck-color-restricted-editing-exception-brackets) 5px,
transparent 6px,
transparent calc(100% - 6px),
var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
var(--ck-color-restricted-editing-exception-brackets) 100%
)
1;
transition: background 0.2s ease-in-out;
}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected {
background-color: var(--ck-color-restricted-editing-selected-exception-background);
border-image: linear-gradient(
to right,
var(--ck-color-restricted-editing-selected-exception-brackets) 0,
var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
var(--ck-color-restricted-editing-selected-exception-brackets) 100%
)
1;
}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed {
padding-left: 1ch;
}
.ck-restricted-editing_mode_restricted,
.ck-restricted-editing_mode_restricted * {
cursor: default;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception,
.ck-restricted-editing_mode_restricted .restricted-editing-exception * {
cursor: text;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {
background: var(--ck-color-restricted-editing-exception-hover-background);
}
:root {
--ck-show-blocks-border-color: #757575;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
address:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
aside:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
blockquote:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
details:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
div:not(.ck-widget, .ck-widget *):not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"]
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
div:not(.ck-widget, .ck-widget *) {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"]
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
div:not(.ck-widget, .ck-widget *) {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
footer:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
h1:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
h2:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
h3:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
h4:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
h5:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
h6:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
header:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
main:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
nav:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
pre:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
ol:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
ul:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
p:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
section:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
:where(figure.image, figure.table)
figcaption:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir="ltr"]
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
:where(figure.image, figure.table)
figcaption {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
[dir="rtl"]
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget)
:where(figure.image, figure.table)
figcaption {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
background-repeat: no-repeat;
padding-top: 15px;
}
:root {
--ck-style-panel-columns: 3;
}
.ck.ck-style-panel .ck-style-grid {
display: grid;
grid-template-columns: repeat(var(--ck-style-panel-columns), auto);
justify-content: start;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
align-content: center;
align-items: center;
display: flex;
flex-basis: 100%;
flex-grow: 1;
justify-content: flex-start;
}
:root {
--ck-style-panel-button-width: 120px;
--ck-style-panel-button-height: 80px;
--ck-style-panel-button-label-background: #f0f0f0;
--ck-style-panel-button-hover-label-background: #ebebeb;
--ck-style-panel-button-hover-border-color: #b3b3b3;
}
.ck.ck-style-panel .ck-style-grid {
column-gap: var(--ck-spacing-large);
row-gap: var(--ck-spacing-large);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
--ck-color-button-default-hover-background: var(--ck-color-base-background);
--ck-color-button-default-active-background: var(--ck-color-base-background);
height: var(--ck-style-panel-button-height);
padding: 0;
width: var(--ck-style-panel-button-width);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) {
border: 1px solid var(--ck-color-base-border);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label {
flex-shrink: 0;
height: 22px;
line-height: 22px;
overflow: hidden;
padding: 0 var(--ck-spacing-medium);
text-overflow: ellipsis;
width: 100%;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
background: var(--ck-color-base-background);
border: 2px solid var(--ck-color-base-background);
opacity: 0.9;
overflow: hidden;
padding: var(--ck-spacing-medium);
width: 100%;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled {
--ck-color-button-default-disabled-background: var(--ck-color-base-foreground);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) {
border-color: var(--ck-style-panel-button-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview {
border-color: var(--ck-color-base-foreground);
filter: saturate(0.3);
opacity: 0.4;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on {
border-color: var(--ck-color-base-active);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label {
box-shadow: 0 -1px 0 var(--ck-color-base-active);
z-index: 1;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover {
border-color: var(--ck-color-base-active-focus);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label {
background: var(--ck-style-panel-button-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label {
background: var(--ck-style-panel-button-hover-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) {
border-color: var(--ck-style-panel-button-hover-border-color);
}
.ck.ck-style-panel
.ck-style-grid
.ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on)
.ck-style-grid__button__preview {
opacity: 1;
}
.ck.ck-style-panel .ck-style-panel__style-group > .ck-label {
margin: var(--ck-spacing-large) 0;
}
.ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label {
margin-top: 0;
}
:root {
--ck-style-panel-max-height: 470px;
}
.ck.ck-style-panel {
max-height: var(--ck-style-panel-max-height);
overflow-y: auto;
padding: var(--ck-spacing-large);
}
.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label {
font-style: italic;
}
.ck-source-editing-area {
overflow: hidden;
position: relative;
}
.ck-source-editing-area textarea,
.ck-source-editing-area:after {
border: 1px solid transparent;
font-family: monospace;
font-size: var(--ck-font-size-normal);
line-height: var(--ck-line-height-base);
margin: 0;
padding: var(--ck-spacing-large);
white-space: pre-wrap;
}
.ck-source-editing-area:after {
content: attr(data-value) " ";
display: block;
visibility: hidden;
}
.ck-source-editing-area textarea {
border-color: var(--ck-color-base-border);
border-radius: 0;
box-sizing: border-box;
height: 100%;
outline: none;
overflow: hidden;
position: absolute;
resize: none;
width: 100%;
}
.ck-rounded-corners .ck-source-editing-area textarea,
.ck-source-editing-area textarea.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ck-source-editing-area textarea:not([readonly]):focus {
border: var(--ck-focus-ring);
box-shadow:
var(--ck-inner-shadow),
0 0;
outline: none;
}
.ck.ck-character-grid {
max-width: 100%;
}
.ck.ck-character-grid .ck-character-grid__tiles {
display: grid;
}
:root {
--ck-character-grid-tile-size: 24px;
}
.ck.ck-character-grid {
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
width: 350px;
}
@media screen and (max-width: 600px) {
.ck.ck-character-grid {
width: 190px;
}
}
.ck.ck-character-grid .ck-character-grid__tiles {
grid-gap: var(--ck-spacing-standard);
grid-template-columns: repeat(10, 1fr);
margin: var(--ck-spacing-standard) var(--ck-spacing-large);
}
@media screen and (max-width: 600px) {
.ck.ck-character-grid .ck-character-grid__tiles {
grid-template-columns: repeat(5, 1fr);
}
}
.ck.ck-character-grid .ck-character-grid__tile {
border: 0;
font-size: 1.2em;
height: var(--ck-character-grid-tile-size);
min-height: var(--ck-character-grid-tile-size);
min-width: var(--ck-character-grid-tile-size);
padding: 0;
transition: box-shadow 0.2s ease;
width: var(--ck-character-grid-tile-size);
}
.ck.ck-character-grid .ck-character-grid__tile:focus:not(.ck-disabled),
.ck.ck-character-grid .ck-character-grid__tile:hover:not(.ck-disabled) {
border: 0;
box-shadow:
inset 0 0 0 1px var(--ck-color-base-background),
0 0 0 2px var(--ck-color-focus-border);
}
.ck.ck-character-grid .ck-character-grid__tile .ck-button__label {
line-height: var(--ck-character-grid-tile-size);
text-align: center;
width: 100%;
}
.ck.ck-character-info {
border-top: 1px solid var(--ck-color-base-border);
display: flex;
justify-content: space-between;
padding: var(--ck-spacing-small) var(--ck-spacing-large);
}
.ck.ck-character-info > * {
font-size: var(--ck-font-size-small);
text-transform: uppercase;
}
.ck.ck-character-info .ck-character-info__name {
max-width: 280px;
overflow: hidden;
text-overflow: ellipsis;
}
.ck.ck-character-info .ck-character-info__code {
opacity: 0.6;
}
@media screen and (max-width: 600px) {
.ck.ck-character-info {
max-width: 190px;
}
}
.ck.ck-special-characters-navigation > .ck-label {
max-width: 160px;
overflow: hidden;
text-overflow: ellipsis;
}
.ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel {
max-height: 250px;
overflow-x: hidden;
overflow-y: auto;
}
@media screen and (max-width: 600px) {
.ck.ck-special-characters-navigation {
max-width: 190px;
}
.ck.ck-special-characters-navigation > .ck-form__header__label {
overflow: hidden;
text-overflow: ellipsis;
}
}
:root {
--ck-color-selector-focused-cell-background: rgba(158, 201, 250, 0.3);
}
.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck-widget.table td.ck-editor__nested-editable:focus,
.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck-widget.table th.ck-editor__nested-editable:focus {
background: var(--ck-color-selector-focused-cell-background);
border-style: none;
outline: 1px solid var(--ck-color-focus-border);
outline-offset: -1px;
}
.ck .ck-insert-table-dropdown__grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
:root {
--ck-insert-table-dropdown-padding: 10px;
--ck-insert-table-dropdown-box-height: 11px;
--ck-insert-table-dropdown-box-width: 12px;
--ck-insert-table-dropdown-box-margin: 1px;
}
.ck .ck-insert-table-dropdown__grid {
padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
width: calc(
var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 +
var(--ck-insert-table-dropdown-padding) * 2
);
}
.ck .ck-insert-table-dropdown__label,
.ck[dir="rtl"] .ck-insert-table-dropdown__label {
text-align: center;
}
.ck .ck-insert-table-dropdown-grid-box {
border: 1px solid var(--ck-color-base-border);
border-radius: 1px;
margin: var(--ck-insert-table-dropdown-box-margin);
min-height: var(--ck-insert-table-dropdown-box-height);
min-width: var(--ck-insert-table-dropdown-box-width);
outline: none;
transition: none;
}
.ck .ck-insert-table-dropdown-grid-box:focus {
box-shadow: none;
}
.ck .ck-insert-table-dropdown-grid-box.ck-on {
background: var(--ck-color-focus-outer-shadow);
border-color: var(--ck-color-focus-border);
}
:root {
--ck-table-selected-cell-background: rgba(158, 207, 250, 0.3);
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected {
box-shadow: unset;
caret-color: transparent;
outline: unset;
position: relative;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected:after,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected:after {
background-color: var(--ck-table-selected-cell-background);
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection,
.ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus {
background-color: transparent;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget {
outline: unset;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle {
display: none;
}
.ck-content .table {
display: table;
margin: 0.9em auto;
}
.ck-content .table table {
border: 1px double #b3b3b3;
border-collapse: collapse;
border-spacing: 0;
height: 100%;
width: 100%;
}
.ck-content .table table td,
.ck-content .table table th {
border: 1px solid #bfbfbf;
min-width: 2em;
padding: 0.4em;
}
.ck-content .table table th {
background: rgba(0, 0, 0, 0.05);
font-weight: 700;
}
.ck-content[dir="rtl"] .table th {
text-align: right;
}
.ck-content[dir="ltr"] .table th {
text-align: left;
}
.ck-editor__editable .ck-table-bogus-paragraph {
display: inline-block;
width: 100%;
}
.ck.ck-input-color {
display: flex;
flex-direction: row-reverse;
width: 100%;
}
.ck.ck-input-color > input.ck.ck-input-text {
flex-grow: 1;
min-width: auto;
}
.ck.ck-input-color > div.ck.ck-dropdown {
min-width: auto;
}
.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {
display: none;
}
.ck.ck-input-color .ck.ck-input-color__button {
display: flex;
}
.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview {
overflow: hidden;
position: relative;
}
.ck.ck-input-color
.ck.ck-input-color__button
.ck.ck-input-color__button__preview
> .ck.ck-input-color__button__preview__no-color-indicator {
display: block;
position: absolute;
}
[dir="ltr"] .ck.ck-input-color > .ck.ck-input-text {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
[dir="rtl"] .ck.ck-input-color > .ck.ck-input-text {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.ck.ck-input-color > .ck.ck-input-text:focus {
z-index: 0;
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
padding: 0;
}
[dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
[dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
border-left: 1px solid transparent;
}
[dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
[dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
border-right: 1px solid transparent;
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled {
background: var(--ck-color-input-disabled-background);
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
border-radius: 0;
}
.ck-rounded-corners
.ck.ck-input-color
> .ck.ck-dropdown
> .ck.ck-button.ck-input-color__button
> .ck.ck-input-color__button__preview,
.ck.ck-input-color
> .ck.ck-dropdown
> .ck.ck-button.ck-input-color__button
> .ck.ck-input-color__button__preview.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
border: 1px solid var(--ck-color-input-border);
height: 20px;
width: 20px;
}
.ck.ck-input-color
> .ck.ck-dropdown
> .ck.ck-button.ck-input-color__button
> .ck.ck-input-color__button__preview
> .ck.ck-input-color__button__preview__no-color-indicator {
background: red;
border-radius: 2px;
height: 150%;
left: 50%;
top: -30%;
transform: rotate(45deg);
transform-origin: 50%;
width: 8%;
}
.ck.ck-input-color .ck.ck-input-color__remove-color {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
width: 100%;
}
.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {
border-bottom: 1px solid var(--ck-color-input-border);
}
[dir="ltr"] .ck.ck-input-color .ck.ck-input-color__remove-color {
border-top-right-radius: 0;
}
[dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color {
border-top-left-radius: 0;
}
.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
margin-right: var(--ck-spacing-standard);
}
[dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
margin-left: var(--ck-spacing-standard);
margin-right: 0;
}
.ck.ck-form__row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.ck.ck-form__row > :not(.ck-label) {
flex-grow: 1;
}
.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel,
.ck.ck-form__row.ck-table-form__action-row .ck-button-save {
justify-content: center;
}
.ck.ck-form__row {
padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
}
[dir="ltr"] .ck.ck-form__row > :not(.ck-label) + * {
margin-left: var(--ck-spacing-large);
}
[dir="rtl"] .ck.ck-form__row > :not(.ck-label) + * {
margin-right: var(--ck-spacing-large);
}
.ck.ck-form__row > .ck-label {
min-width: 100%;
width: 100%;
}
.ck.ck-form__row.ck-table-form__action-row {
margin-top: var(--ck-spacing-large);
}
.ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label {
color: var(--ck-color-text);
}
.ck.ck-form {
padding: 0 0 var(--ck-spacing-large);
}
.ck.ck-form:focus {
outline: none;
}
.ck.ck-form .ck.ck-input-text {
min-width: 100%;
width: 0;
}
.ck.ck-form .ck.ck-dropdown {
min-width: 100%;
}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
border: 1px solid var(--ck-color-base-border);
}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
width: 100%;
}
.ck.ck-table-form .ck-form__row.ck-table-form__background-row,
.ck.ck-table-form .ck-form__row.ck-table-form__border-row {
flex-wrap: wrap;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
align-items: center;
flex-wrap: wrap;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view {
align-items: center;
display: flex;
flex-direction: column-reverse;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown,
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
flex-grow: 0;
}
.ck.ck-table-form .ck.ck-labeled-field-view {
position: relative;
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
bottom: calc(var(--ck-table-properties-error-arrow-size) * -1);
left: 50%;
position: absolute;
transform: translate(-50%, 100%);
z-index: 1;
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after {
content: "";
left: 50%;
position: absolute;
top: calc(var(--ck-table-properties-error-arrow-size) * -1);
transform: translateX(-50%);
}
:root {
--ck-table-properties-error-arrow-size: 6px;
--ck-table-properties-min-error-width: 150px;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
font-size: var(--ck-font-size-tiny);
text-align: center;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
max-width: 80px;
min-width: 80px;
width: 80px;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
padding: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height,
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width {
margin: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
align-self: flex-end;
display: inline-block;
height: var(--ck-ui-component-min-height);
line-height: var(--ck-ui-component-min-height);
margin: 0 var(--ck-spacing-small);
}
.ck.ck-table-form .ck.ck-labeled-field-view {
padding-top: var(--ck-spacing-standard);
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
background: var(--ck-color-base-error);
color: var(--ck-color-base-background);
min-width: var(--ck-table-properties-min-error-width);
padding: var(--ck-spacing-small) var(--ck-spacing-medium);
text-align: center;
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after {
border-color: transparent transparent var(--ck-color-base-error) transparent;
border-style: solid;
border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size)
var(--ck-table-properties-error-arrow-size);
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
animation: ck-table-form-labeled-view-status-appear 0.15s ease both;
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
display: none;
}
@keyframes ck-table-form-labeled-view-status-appear {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
flex-wrap: wrap;
}
.ck.ck-table-cell-properties-form
.ck-form__row.ck-table-cell-properties-form__alignment-row
.ck.ck-toolbar:first-of-type {
flex-grow: 0.57;
}
.ck.ck-table-cell-properties-form
.ck-form__row.ck-table-cell-properties-form__alignment-row
.ck.ck-toolbar:last-of-type {
flex-grow: 0.43;
}
.ck.ck-table-cell-properties-form
.ck-form__row.ck-table-cell-properties-form__alignment-row
.ck.ck-toolbar
.ck-button {
flex-grow: 1;
}
.ck.ck-table-cell-properties-form {
width: 320px;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row {
align-self: flex-end;
padding: 0;
width: 25%;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar {
background: none;
margin-top: var(--ck-spacing-standard);
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
align-content: baseline;
flex-basis: 0;
flex-wrap: wrap;
}
.ck.ck-table-properties-form
.ck-form__row.ck-table-properties-form__alignment-row
.ck.ck-toolbar
.ck-toolbar__items {
flex-wrap: nowrap;
}
.ck.ck-table-properties-form {
width: 320px;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
align-self: flex-end;
padding: 0;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
background: none;
margin-top: var(--ck-spacing-standard);
}
.ck.ck-table-properties-form
.ck-form__row.ck-table-properties-form__alignment-row
.ck.ck-toolbar
.ck-toolbar__items
> * {
width: 40px;
}
:root {
--ck-color-selector-caption-background: #f7f7f7;
--ck-color-selector-caption-text: #333;
--ck-color-selector-caption-highlighted-background: #fd0;
}
.ck-content .table > figcaption {
background-color: var(--ck-color-selector-caption-background);
caption-side: top;
color: var(--ck-color-selector-caption-text);
display: table-caption;
font-size: 0.75em;
outline-offset: -1px;
padding: 0.6em;
text-align: center;
word-break: break-word;
}
.ck.ck-editor__editable .table > figcaption.table__caption_highlighted {
animation: ck-table-caption-highlight 0.6s ease-out;
}
.ck.ck-editor__editable .table > figcaption.ck-placeholder:before {
overflow: hidden;
padding-left: inherit;
padding-right: inherit;
text-overflow: ellipsis;
white-space: nowrap;
}
@keyframes ck-table-caption-highlight {
0% {
background-color: var(--ck-color-selector-caption-highlighted-background);
}
to {
background-color: var(--ck-color-selector-caption-background);
}
}
:root {
--ck-color-selector-column-resizer-hover: var(--ck-color-base-active);
--ck-table-column-resizer-width: 7px;
--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
}
.ck-content .table .ck-table-resized {
table-layout: fixed;
}
.ck-content .table table {
overflow: hidden;
}
.ck-content .table td,
.ck-content .table th {
overflow-wrap: break-word;
position: relative;
}
.ck.ck-editor__editable .table .ck-table-column-resizer {
bottom: 0;
cursor: col-resize;
position: absolute;
right: var(--ck-table-column-resizer-position-offset);
top: 0;
user-select: none;
width: var(--ck-table-column-resizer-width);
z-index: var(--ck-z-default);
}
.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer,
.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
display: none;
}
.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
.ck.ck-editor__editable .table .ck-table-column-resizer__active {
background-color: var(--ck-color-selector-column-resizer-hover);
bottom: -999999px;
opacity: 0.25;
top: -999999px;
}
.ck.ck-editor__editable[dir="rtl"] .table .ck-table-column-resizer {
left: var(--ck-table-column-resizer-position-offset);
right: unset;
}
.wrs_modal_overlay {
background: rgba(0, 0, 0, 0.8);
bottom: 0;
font-family: arial, sans-serif;
left: 0;
opacity: 0.65;
pointer-events: auto;
position: fixed;
right: 0;
top: 0;
z-index: 999998;
}
.wrs_modal_overlay.wrs_modal_android,
.wrs_modal_overlay.wrs_modal_ios {
display: none;
visibility: hidden;
}
.wrs_modal_overlay.wrs_modal_ios.moodle {
position: fixed;
}
.wrs_modal_overlay.wrs_modal_desktop.wrs_stack {
background: transparent;
display: none;
}
.wrs_modal_overlay.wrs_modal_desktop.wrs_maximized {
background: rgba(0, 0, 0, 0.8);
}
.wrs_modal_overlay.wrs_modal_desktop.wrs_closed,
.wrs_modal_overlay.wrs_modal_desktop.wrs_minimized {
background: transparent;
display: none;
}
.wrs_modal_title {
color: #fff;
padding: 5px 0 5px 10px;
text-align: left;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wrs_modal_close_button {
background-repeat: no-repeat;
}
.wrs_modal_close_button,
.wrs_modal_minimize_button {
color: #fff;
cursor: pointer;
float: right;
margin: 10px 7px 0 0;
padding: 5px 10px 5px 0;
}
.wrs_modal_minimize_button {
top: inherit;
}
.wrs_modal_stack_button {
color: #fff;
cursor: pointer;
float: right;
margin: 10px 7px 0 0;
padding: 5px 10px 5px 0;
top: inherit;
}
.wrs_modal_stack_button.wrs_minimized,
.wrs_modal_stack_button.wrs_stack {
margin: 0;
padding: 0;
visibility: hidden;
}
.wrs_modal_maximize_button {
color: #fff;
cursor: pointer;
float: right;
margin: 10px 7px 0 0;
padding: 5px 10px 5px 0;
top: inherit;
}
.wrs_modal_maximize_button.wrs_maximized {
margin: 0;
padding: 0;
visibility: hidden;
}
.wrs_modal_title_bar {
background-color: #778e9a;
display: block;
}
.wrs_modal_dialogContainer {
background: #fafafa;
border: none;
z-index: 999999;
}
.wrs_modal_dialogContainer.wrs_modal_desktop {
font-size: 14px;
}
.wrs_modal_dialogContainer.wrs_modal_desktop.wrs_maximized {
position: fixed;
}
.wrs_modal_dialogContainer.wrs_modal_desktop.wrs_minimized {
margin: 0 10px 0 0;
position: fixed;
top: inherit;
}
.wrs_modal_dialogContainer.wrs_closed {
display: none;
opacity: 0;
visibility: hidden;
}
.wrs_modal_dialogContainer.wrs_modal_desktop.wrs_stack {
bottom: 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
position: fixed;
right: 0;
}
.wrs_modal_dialogContainer.wrs_drag,
.wrs_modal_dialogContainer.wrs_modal_desktop.wrs_drag {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.wrs_modal_dialogContainer.wrs_modal_android {
height: 99%;
width: 99%;
}
.wrs_modal_dialogContainer.wrs_modal_android,
.wrs_modal_dialogContainer.wrs_modal_ios {
margin: auto;
overflow: hidden;
position: fixed;
right: 50% !important;
top: 50%;
transform: translate(50%, -50%);
}
.wrs_modal_dialogContainer.wrs_modal_ios {
height: 100%;
width: 100%;
}
.wrs_content_container.wrs_minimized {
display: none;
}
.wrs_content_container.wrs_modal_android {
display: flex;
flex-direction: column;
flex-grow: 1;
height: 0;
width: 100%;
}
.wrs_content_container.wrs_modal_android > div:first-child,
.wrs_content_container.wrs_modal_desktop > div:first-child,
.wrs_content_container.wrs_modal_ios > div:first-child {
flex-grow: 1;
}
.wrs_modal_wrapper.wrs_modal_android {
display: flex;
flex-direction: column;
height: 100%;
margin: auto;
width: 100%;
}
.wrs_content_container.wrs_modal_desktop,
.wrs_content_container.wrs_modal_ios {
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
}
.wrs_content_container.wrs_modal_ios {
height: 0;
}
.wrs_modal_wrapper.wrs_modal_ios {
display: flex;
flex-direction: column;
height: 100%;
margin: auto;
width: 100%;
}
.wrs_virtual_keyboard {
height: 100%;
left: 50%;
top: 0;
transform: translate(-50%);
width: 100%;
}
@media (orientation: portrait) {
.wrs_modal_dialogContainer.wrs_modal_mobile {
border-width: 0;
height: 100vmin;
margin: auto;
width: 100vmin;
}
.wrs_modal_wrapper.wrs_modal_mobile {
height: 100vmin;
margin: auto;
width: 100vmin;
}
}
@media (orientation: landscape) {
.wrs_modal_dialogContainer.wrs_modal_mobile {
border-width: 0;
height: 100vmin;
margin: auto;
width: 100vmin;
}
.wrs_modal_wrapper.wrs_modal_mobile {
height: 100vmin;
margin: auto;
width: 100vmin;
}
}
.wrs_modal_dialogContainer.wrs_modal_badStock,
.wrs_modal_wrapper.wrs_modal_badStock {
border-width: 0;
height: 280px;
margin: 0 auto;
width: 100%;
}
.wrs_noselect {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wrs_bottom_right_resizer {
bottom: 8px;
color: #778e9a;
cursor: se-resize;
height: 10px;
position: absolute;
right: 4px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 10px;
}
.wrs_bottom_left_resizer {
color: #778e9a;
cursor: se-resize;
height: 15px;
left: 0;
position: absolute;
top: 0;
width: 15px;
}
.wrs_modal_controls {
height: 42px;
line-height: normal;
margin: 3px 0;
overflow: hidden;
}
.wrs_modal_links {
display: inline;
float: right;
font-family: arial, sans-serif;
margin: 10px auto 0;
padding: 6px;
text-align: right;
}
.wrs_modal_links > a {
color: #778e9a;
font-size: 16px;
text-decoration: none;
}
.wrs_modal_button_cancel,
.wrs_modal_button_cancel:active,
.wrs_modal_button_cancel:focus,
.wrs_modal_button_cancel:hover,
.wrs_modal_button_cancel:visited {
background-color: #ddd;
border: 1px solid #778e9a;
border-radius: 3px;
cursor: pointer;
font-family: arial, sans-serif;
font-size: 14px;
height: 32px;
margin: 10px auto 0 5px;
min-width: 80px;
padding: 6px 8px;
}
.wrs_modal_button_accept,
.wrs_modal_button_accept:active,
.wrs_modal_button_accept:focus,
.wrs_modal_button_accept:hover,
.wrs_modal_button_accept:visited {
background: #778e9a;
border: 1px solid #778e9a;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-family: arial, sans-serif;
font-size: 14px;
height: 32px;
margin: 10px 5px 0 auto;
min-width: 80px;
padding: 6px 8px;
}
.wrs_editor_vertical_bar {
background: none;
cursor: pointer;
float: right;
height: 20px;
width: 20px;
}
.wrs_modal_buttons_container {
display: inline;
float: left;
}
.wrs_modal_buttons_container.wrs_modalAndroid {
padding-left: 6px;
}
.wrs_modal_buttons_container.wrs_modalDesktop {
padding-left: 0;
}
.wrs_modal_buttons_container > button {
background-image: none;
line-height: normal;
}
.wrs_modal_wrapper {
display: flex;
flex-direction: column;
margin: 6px;
}
.wrs_modal_wrapper.wrs_modal_desktop.wrs_minimized {
display: none;
}
@media only screen and (max-device-width: 480px) and (orientation: portrait) {
#wrs_modal_wrapper {
width: 140%;
}
}
.wrs_popupmessage_overlay_envolture {
display: none;
width: 100%;
}
.wrs_popupmessage_overlay {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
cursor: pointer;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 4;
}
.wrs_popupmessage_panel {
background: #fff;
border-radius: 2px;
color: #2e2e2e;
font-family: sans-serif;
font-size: 15px;
left: 50%;
max-height: 75%;
max-width: 500px;
overflow: auto;
padding: 20px;
position: absolute;
text-align: left;
top: 50%;
transform: translate(-50%, -50%);
width: 75%;
z-index: 5;
}
.wrs_popupmessage_button_area {
margin: 10px 0 0;
}
.wrs_panelContainer * {
border: 0;
}
.wrs_button_cancel,
.wrs_button_cancel:active,
.wrs_button_cancel:focus,
.wrs_button_cancel:hover,
.wrs_button_cancel:visited {
background-color: #ddd;
background-image: none;
border: 1px solid #778e9a;
border-radius: 3px;
cursor: pointer;
font-family: arial, sans-serif;
font-size: 14px;
height: 32px;
margin: 10px auto 0 5px;
min-width: 80px;
padding: 6px 8px;
}
.wrs_button_accept,
.wrs_button_accept:active,
.wrs_button_accept:focus,
.wrs_button_accept:hover,
.wrs_button_accept:visited {
background: #778e9a;
border: 1px solid #778e9a;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-family: arial, sans-serif;
font-size: 14px;
height: 32px;
margin: 10px 5px 0 auto;
min-width: 80px;
padding: 6px 8px;
}
.wrs_editor button {
box-shadow: none;
}
.wrs_editor .wrs_header button {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.wrs_modal_overlay.wrs_modal_desktop.wrs_stack.wrs_overlay_active {
display: block;
}
.wrs_toolbar tr:focus,
.wrs_toolbar tr:hover {
background: none;
}
.wrs_modal_rtl .wrs_modal_button_cancel {
margin-left: 0;
margin-right: 5px;
}
.wrs_modal_rtl .wrs_modal_button_accept {
margin-left: 5px;
margin-right: 0;
}
.wrs_modal_rtl .wrs_button_cancel {
margin-left: 0;
margin-right: 5px;
}
.wrs_modal_rtl .wrs_button_accept {
margin-left: 5px;
margin-right: 0;
}
.ck.ck-dropdown.ck-wproofreader-empty .ck-dropdown__panel {
display: none !important;
}
:root {
--ck-document-outline-padding: var(--ck-spacing-large);
--ck-document-outline-base-font-size: 0.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: #424242;
--ck-document-outline-item-hover-state-color: var(--ck-color-base-text);
}
.ck.ck-document-outline {
font-size: var(--ck-document-outline-base-font-size);
padding: var(--ck-document-outline-padding);
user-select: none;
}
.ck.ck-document-outline:empty:before {
color: var(--ck-document-outline-placeholder-color);
content: attr(data-document-outline-empty-placeholder);
display: inline-block;
}
.ck.ck-document-outline .ck-document-outline__item {
color: var(--ck-document-outline-item-default-color);
cursor: pointer;
overflow: hidden;
padding: var(--ck-document-outline-item-padding);
text-overflow: ellipsis;
white-space: nowrap;
}
.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 .ck-document-outline__item.ck-document-outline__item_level-1 {
font-size: 1.1em;
font-weight: 700;
}
.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-1 {
padding-left: var(--ck-document-outline-indent-level-1);
}
.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-2 {
padding-left: var(--ck-document-outline-indent-level-2);
}
.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-3 {
padding-left: var(--ck-document-outline-indent-level-3);
}
.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-4 {
padding-left: var(--ck-document-outline-indent-level-4);
}
.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-5 {
padding-left: var(--ck-document-outline-indent-level-5);
}
.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-6 {
padding-left: var(--ck-document-outline-indent-level-6);
}
.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-1 {
padding-right: var(--ck-document-outline-indent-level-1);
}
.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-2 {
padding-right: var(--ck-document-outline-indent-level-2);
}
.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-3 {
padding-right: var(--ck-document-outline-indent-level-3);
}
.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-4 {
padding-right: var(--ck-document-outline-indent-level-4);
}
.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-5 {
padding-right: var(--ck-document-outline-indent-level-5);
}
.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-6 {
padding-right: var(--ck-document-outline-indent-level-6);
}
:root {
--ck-table-of-contents-padding: 1em;
--ck-table-of-contents-line-height: 1.5;
--ck-table-of-contents-items-start-padding: 24px;
--ck-table-of-contents-border-color: var(--ck-color-base-border);
--ck-table-of-contents-label-background-color: #757575;
--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 {
font-style: italic;
margin: 0;
padding: var(--ck-table-of-contents-padding);
}
.ck-content .table-of-contents > ol {
padding: var(--ck-table-of-contents-padding);
}
.ck-content .table-of-contents ol {
line-height: var(--ck-table-of-contents-line-height);
list-style-type: none;
margin: 0;
}
.ck-content .table-of-contents ol ol {
padding-inline-start: var(--ck-table-of-contents-items-start-padding);
}
.ck-content .table-of-contents ol li {
cursor: default;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ck-editor__editable .ck-widget.table-of-contents {
background-color: var(--ck-table-of-contents-background-color);
border: 1px solid var(--ck-table-of-contents-border-color);
display: flow-root;
min-width: 15em;
position: relative;
}
.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]:after {
background-color: var(--ck-table-of-contents-label-background-color);
color: #fff;
content: attr(data-table-of-contents-label);
font-family: var(--ck-font-face);
font-size: 10px;
line-height: 16px;
padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
position: absolute;
right: 10px;
top: -1px;
white-space: nowrap;
}
[dir="rtl"] .ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]:after {
left: 10px;
right: auto;
}
.ck.ck-editor__editable_inline.ck-format-painter-active,
.ck.ck-editor__editable_inline.ck-format-painter-active .ck-widget .ck-editor__nested-editable,
.ck.ck-editor__editable_inline.ck-format-painter-active a,
.ck.ck-editor__editable_inline.ck-format-painter-active a .ck-widget .ck-editor__nested-editable {
cursor:
url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSAyMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJNMTQgM2ExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2MmExIDEgMCAwIDEtMSAxSDE1YTEgMSAwIDAgMS0xLTFWM1oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjcgMy4yNWExLjUgMS41IDAgMCAxIDEuNSAxLjV2MS43YTIuMjUgMi4yNSAwIDAgMS0xLjkzMiAyLjIyNmwtNC40MjQuNjMyYS43NS43NSAwIDAgMC0uNjQ0Ljc0M1YxMWExIDEgMCAwIDEgMSAxdjVhMSAxIDAgMCAxLTEgMUgyMGExIDEgMCAwIDEtMS0xdi01YTEgMSAwIDAgMSAxLTF2LS45NWEyLjI1IDIuMjUgMCAwIDEgMS45MzItMi4yMjZsNC40MjQtLjYzMkEuNzUuNzUgMCAwIDAgMjcgNi40NDlWMy4yNVoiIGZpbGw9IiMwMDAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI2Ljg1NSAyLjI1SDI3YTIuNSAyLjUgMCAwIDEgMi41IDIuNXYxLjdhMy4yNSAzLjI1IDAgMCAxLTIuNzkgMy4yMTZsLTQuMjEuNjAyYTIgMiAwIDAgMSAxIDEuNzMydjVhMiAyIDAgMCAxLTIgMkgyMGEyIDIgMCAwIDEtMi0ydi01YTIgMiAwIDAgMSAxLTEuNzMydi0uMjE3QTMuMjUgMy4yNSAwIDAgMSAyMS4xMjkgN0gxNWEyIDIgMCAwIDEtMi0yVjNhMiAyIDAgMCAxIDItMmgxMGEyIDIgMCAwIDEgMS44NTUgMS4yNVpNMjAgMTAuMDVWMTFhMSAxIDAgMCAwLTEgMXY1YTEgMSAwIDAgMCAxIDFoMS41YTEgMSAwIDAgMCAxLTF2LTVhMSAxIDAgMCAwLTEtMXYtLjk1YzAtLjAxNiAwLS4wMzMuMDAyLS4wNWEuNzUuNzUgMCAwIDEgLjY0Mi0uNjkybDQuNDI0LS42MzJBMi4yNSAyLjI1IDAgMCAwIDI4LjUgNi40NXYtMS43YTEuNDk2IDEuNDk2IDAgMCAwLTEuNS0xLjV2My4yYS43NS43NSAwIDAgMS0uNjQ0Ljc0MmwtNC40MjQuNjMyQTIuMjUgMi4yNSAwIDAgMCAyMCAxMC4wNVpNMTUgMmExIDEgMCAwIDAtMSAxdjJhMSAxIDAgMCAwIDEgMWgxMGExIDEgMCAwIDAgMS0xVjNhMSAxIDAgMCAwLTEtMUgxNVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMi41IDIuNUEuNS41IDAgMCAxIDMgMmgyLjVhLjUuNSAwIDAgMSAuMzU0LjE0NmwuNjQ2LjY0Ny42NDYtLjY0N0EuNS41IDAgMCAxIDcuNSAySDEwYS41LjUgMCAwIDEgMCAxSDcuNzA3TDcgMy43MDdWMTBoLjVhLjUuNSAwIDAgMSAwIDFIN3Y0Ljc5M2wuNzA3LjcwN0gxMGEuNS41IDAgMCAxIDAgMUg3LjVhLjUuNSAwIDAgMS0uMzU0LS4xNDZsLS42NDYtLjY0Ny0uNjQ2LjY0N2EuNS41IDAgMCAxLS4zNTQuMTQ2SDNhLjUuNSAwIDAgMSAwLTFoMi4yOTNMNiAxNS43OTNWMTFoLS41YS41LjUgMCAwIDEgMC0xSDZWMy43MDdMNS4yOTMgM0gzYS41LjUgMCAwIDEtLjUtLjVaIiBmaWxsPSIjMDAwIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01Ljc5MyAzLjUtLjUtLjVIM2EuNS41IDAgMCAxIDAtMWgyLjVhLjUuNSAwIDAgMSAuMzU0LjE0NmwuMTQ1LjE0Ni41MDEuNS42NDYtLjY0NkEuNS41IDAgMCAxIDcuNSAySDEwYS41LjUgMCAwIDEgMCAxSDcuNzA3TDcgMy43MDdWMTBoLjVhLjUuNSAwIDAgMSAwIDFIN3Y0Ljc5M2wuNzA3LjcwN0gxMGEuNS41IDAgMCAxIDAgMUg3LjVhLjUuNSAwIDAgMS0uMzU0LS4xNDZsLS42NDYtLjY0Ny0uNS41LS4xNDYuMTQ3YS41LjUgMCAwIDEtLjM1NC4xNDZIM2EuNS41IDAgMCAxIDAtMWgyLjI5M0w2IDE1Ljc5M1YxMWgtLjVhLjUuNSAwIDAgMSAwLTFINlYzLjcwN0w1Ljc5MyAzLjVabS0uOTE0LjVMNSA0LjEyMXY0Ljk2NGExLjUgMS41IDAgMCAwIDAgMi44M3YzLjQ2NGwtLjEyMS4xMjFIM2ExLjUgMS41IDAgMCAwIDAgM2gyLjVhMS41IDEuNSAwIDAgMCAxLS4zODIgMS41IDEuNSAwIDAgMCAxIC4zODJIMTBhMS41IDEuNSAwIDAgMCAwLTNIOC4xMjFMOCAxNS4zNzl2LTMuNDY0YTEuNSAxLjUgMCAwIDAgMC0yLjgzVjQuMTIxTDguMTIxIDRIMTBhMS41IDEuNSAwIDAgMCAwLTNINy41YTEuNSAxLjUgMCAwIDAtMSAuMzgyQTEuNSAxLjUgMCAwIDAgNS41IDFIM2ExLjUgMS41IDAgMSAwIDAgM2gxLjg3OVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)
3 3,
text;
}
:root {
--ck-template-dropdown-view-width: 345px;
--ck-template-dropdown-view-height: 300px;
--ck-template-icon-size: 45px;
}
.ck-button.ck-template-button .ck.ck-icon,
.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);
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
padding: var(--ck-spacing-large);
}
.ck-rounded-corners .ck.ck-template-form > .ck-search__results > .ck.ck-list.ck-template-list {
border-radius: 0;
}
.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 {
align-items: center;
border-radius: var(--ck-border-radius);
display: grid;
gap: var(--ck-spacing-large) var(--ck-spacing-large);
grid-auto-columns: 1fr;
grid-auto-flow: column dense;
grid-template-areas: "ck-template-icon ck-template-content";
grid-template-columns: var(--ck-template-icon-size) 1fr;
grid-template-rows: var(--ck-template-icon-size);
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.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 {
grid-area: ck-template-icon;
height: auto;
margin: 0;
width: var(--ck-template-icon-size);
}
.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;
grid-area: ck-template-content;
height: 100%;
justify-content: space-evenly;
margin: 0;
min-width: 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 {
color: var(--ck-color-text);
display: block;
font-size: var(--ck-font-size-base);
font-weight: 700;
line-height: 1.1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.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 {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--ck-color-text);
display: -webkit-box;
font-size: 0.85em;
line-height: 1.1;
margin-top: var(--ck-spacing-tiny);
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.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);
font-size: inherit;
font-weight: inherit;
line-height: inherit;
vertical-align: initial;
}
:root {
--ck-slash-command-button-width: 250px;
--ck-slash-command-description-width: 200px;
}
.ck.ck-button.ck-slash-command-button {
display: flex;
justify-content: flex-start;
padding: calc(var(--ck-line-height-base) * 0.2 * var(--ck-font-size-base));
width: var(--ck-slash-command-button-width);
}
.ck.ck-button.ck-slash-command-button .ck.ck-icon {
background-color: var(--ck-color-base-background);
border-radius: 2px;
box-sizing: initial;
color: var(--ck-color-base-text);
flex-shrink: 0;
margin-left: 0;
padding: 5px;
}
[dir="ltr"] .ck.ck-button.ck-slash-command-button .ck.ck-icon {
margin: 0 var(--ck-spacing-small) 0 0;
}
[dir="rtl"] .ck.ck-button.ck-slash-command-button .ck.ck-icon {
margin: 0 0 0 var(--ck-spacing-small);
}
.ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part {
display: flex;
flex-direction: column;
}
[dir="ltr"] .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part {
margin-left: var(--ck-spacing-small);
}
[dir="rtl"] .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part {
margin-right: var(--ck-spacing-small);
}
.ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > span {
line-height: 1.2em;
}
.ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > .ck-button__label,
.ck.ck-button.ck-slash-command-button
> .ck-slash-command-button__text-part
> .ck-slash-command-button__description {
overflow: hidden;
text-overflow: ellipsis;
width: var(--ck-slash-command-description-width);
}
.ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > .ck-button__label {
font-weight: 700;
}
.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.ck-button.ck-slash-command-button.ck-on > .ck-slash-command-button__text-part > span {
color: var(--ck-color-list-button-on-text);
}