:root {
        --ck-color-base-foreground: hsl(0, 0%, 98%);
        --ck-color-base-background: hsl(0, 0%, 100%);
        --ck-color-base-border: hsl(220, 6%, 81%);
        --ck-color-base-action: hsl(104, 50.2%, 42.5%);
        --ck-color-base-focus: hsl(209, 92%, 70%);
        --ck-color-base-text: hsl(0, 0%, 20%);
        --ck-color-base-active: hsl(218.1, 100%, 58%);
        --ck-color-base-active-focus: hsl(218.2, 100%, 52.5%);
        --ck-color-base-error: hsl(15, 100%, 43%);
        --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: hsl(212.4, 89.3%, 89%);
        --ck-color-focus-disabled-shadow: hsla(209, 90%, 72%, .3);
        --ck-color-focus-error-shadow: hsla(9, 100%, 56%, .3);
        --ck-color-text: var(--ck-color-base-text);
        --ck-color-shadow-drop: hsla(0, 0%, 0%, .15);
        --ck-color-shadow-drop-active: hsla(0, 0%, 0%, .2);
        --ck-color-shadow-inner: hsla(0, 0%, 0%, .1);
        --ck-color-button-default-background: transparent;
        --ck-color-button-default-hover-background: hsl(0, 0%, 94.1%);
        --ck-color-button-default-active-background: hsl(0, 0%, 94.1%);
        --ck-color-button-default-disabled-background: transparent;
        --ck-color-button-on-background: hsl(212, 100%, 97.1%);
        --ck-color-button-on-hover-background: hsl(211.7, 100%, 92.9%);
        --ck-color-button-on-active-background: hsl(211.7, 100%, 92.9%);
        --ck-color-button-on-disabled-background: hsl(211, 15%, 95%);
        --ck-color-button-on-color: hsl(218.1, 100%, 58%);
        --ck-color-button-action-background: var(--ck-color-base-action);
        --ck-color-button-action-hover-background: hsl(104, 53.2%, 40.2%);
        --ck-color-button-action-active-background: hsl(104, 53.2%, 40.2%);
        --ck-color-button-action-disabled-background: hsl(104, 44%, 58%);
        --ck-color-button-action-text: var(--ck-color-base-background);
        --ck-color-button-save: hsl(120, 100%, 27%);
        --ck-color-button-cancel: hsl(15, 100%, 43%);
        --ck-color-switch-button-off-background: hsl(0, 0%, 57.6%);
        --ck-color-switch-button-off-hover-background: hsl(0, 0%, 49%);
        --ck-color-switch-button-on-background: var(--ck-color-button-action-background);
        --ck-color-switch-button-on-hover-background: hsl(104, 53.2%, 40.2%);
        --ck-color-switch-button-inner-background: var(--ck-color-base-background);
        --ck-color-switch-button-inner-shadow: hsla(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: hsl(0, 0%, 95%);
        --ck-color-input-disabled-border: var(--ck-color-base-border);
        --ck-color-input-disabled-text: hsl(0, 0%, 46%);
        --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: hsl(0, 0%, 44%);
        --ck-color-upload-bar-background: hsl(209, 92%, 70%);
        --ck-color-link-default: hsl(240, 100%, 47%);
        --ck-color-link-selected-background: hsla(201, 100%, 56%, .1);
        --ck-color-link-fake-selection: hsla(201, 100%, 56%, .3);
        --ck-color-highlight-background: hsl(60, 100%, 50%);
        --ck-color-light-red: hsl(0, 100%, 90%)
    }

    :root {
        --ck-disabled-opacity: .5
    }

    :root {
        --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)
    }

    :root {
        --ck-font-size-base: 13px;
        --ck-line-height-base: 1.84615;
        --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
        --ck-font-size-tiny: .7em;
        --ck-font-size-small: .75em;
        --ck-font-size-normal: 1em;
        --ck-font-size-big: 1.4em;
        --ck-font-size-large: 1.8em
    }

    :root {
        --ck-ui-component-min-height: 2.3em
    }

    .ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    :root {
        --ck-border-radius: 2px
    }

    :root {
        --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)
    }

    :root {
        --ck-spacing-unit: .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)*.8);
        --ck-spacing-small: calc(var(--ck-spacing-unit)*.5);
        --ck-spacing-tiny: calc(var(--ck-spacing-unit)*.3);
        --ck-spacing-extra-tiny: calc(var(--ck-spacing-unit)*.16)
    }

    .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:active,
    a.ck.ck-button:active,
    .ck.ck-button:focus,
    a.ck.ck-button:focus {
        outline: none;
        border: var(--ck-focus-ring);
        box-shadow: var(--ck-focus-outer-shadow), 0 0
    }

    .ck.ck-button.ck-disabled:active,
    a.ck.ck-button.ck-disabled:active,
    .ck.ck-button.ck-disabled:focus,
    a.ck.ck-button.ck-disabled:focus {
        box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0
    }

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

    :root {
        --ck-switch-button-toggle-width: 2.6153846154em;
        --ck-switch-button-toggle-inner-size: calc(1.0769230769em + 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:hover,
    .ck.ck-button.ck-switchbutton:focus,
    .ck.ck-button.ck-switchbutton:active,
    .ck.ck-button.ck-switchbutton.ck-on:hover,
    .ck.ck-button.ck-switchbutton.ck-on:focus,
    .ck.ck-button.ck-switchbutton.ck-on:active {
        color: inherit;
        background: transparent
    }

    .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:focus {
        border-color: transparent;
        outline: none;
        box-shadow: 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-offset: 1px;
        outline: var(--ck-focus-ring)
    }

    .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
        background: var(--ck-color-switch-button-on-hover-background)
    }

    .ck.ck-button.ck-list-item-button:hover:not(.ck-disabled),
    .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover,
    .ck.ck-button.ck-list-item-button.ck-on:hover {
        background: var(--ck-color-list-button-hover-background)
    }

    .ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled),
    .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled),
    .ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled) {
        color: var(--ck-color-text)
    }

    :root {
        --ck-collapsible-arrow-size: calc(.5*var(--ck-icon-size))
    }

    .ck.ck-collapsible>.ck.ck-button:focus {
        background: transparent
    }

    .ck.ck-collapsible>.ck.ck-button:active,
    .ck.ck-collapsible>.ck.ck-button:not(:focus),
    .ck.ck-collapsible>.ck.ck-button:hover:not(:focus) {
        background: transparent;
        border-color: transparent;
        box-shadow: none
    }

    :root {
        --ck-color-grid-tile-size: 24px;
        --ck-color-color-grid-check-icon: hsl(212, 81%, 46%)
    }

    @media (forced-colors:none) {

        .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-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) {
        border-top: 1px solid var(--ck-color-base-border)
    }

    .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(saturation-pointer),
    .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) {
        width: 15px;
        height: 15px
    }

    :root {
        --ck-dialog-overlay-background-color: hsla(0, 0%, 0%, .5);
        --ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 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)
    }

    @keyframes ck-dialog-fade-in {
        0% {
            background: #0000
        }

        to {
            background: var(--ck-dialog-overlay-background-color)
        }
    }

    :root {
        --ck-dropdown-arrow-size: calc(.5*var(--ck-icon-size))
    }

    .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:focus {
        outline: none
    }

    :root {
        --ck-color-split-button-hover-background: hsl(0, 0%, 92%);
        --ck-color-split-button-hover-border: hsl(0, 0%, 70%)
    }

    [dir=ltr] .ck.ck-splitbutton:hover>.ck-splitbutton__action {
        border-top-right-radius: unset;
        border-bottom-right-radius: unset
    }

    [dir=rtl] .ck.ck-splitbutton:hover>.ck-splitbutton__action {
        border-top-left-radius: unset;
        border-bottom-left-radius: unset
    }

    .ck.ck-splitbutton>.ck-splitbutton__arrow:not(:focus) {
        border-top-width: 0px;
        border-bottom-width: 0px
    }

    .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 {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: var(--ck-color-split-button-hover-border)
    }

    .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-button.ck-dropdown-menu-list__nested-menu__button:focus {
        border-color: transparent;
        box-shadow: none
    }

    .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) {
        background: var(--ck-color-button-default-hover-background)
    }

    :root {
        --ck-dropdown-menu-menu-item-min-width: 18em
    }

    .ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus {
        border-color: transparent;
        box-shadow: none
    }

    .ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) {
        background: var(--ck-color-button-default-hover-background)
    }

    :root {
        --ck-dropdown-menu-menu-panel-max-width: 75vw
    }

    .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:after,
    .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:before {
        display: none
    }

    .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus {
        outline: none
    }

    :root {
        --ck-accessibility-help-dialog-max-width: 600px;
        --ck-accessibility-help-dialog-max-height: 400px;
        --ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%);
        --ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%);
        --ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%)
    }

    .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
        outline: none;
        border: var(--ck-focus-ring);
        box-shadow: var(--ck-focus-outer-shadow), 0 0
    }

    :root {
        --ck-color-editable-blur-selection: hsl(0, 0%, 85%)
    }

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

    :root {
        --ck-form-header-height: 44px
    }

    :root {
        --ck-icon-size: calc(var(--ck-line-height-base)*var(--ck-font-size-normal));
        --ck-icon-font-size: .8333350694em
    }

    :root {
        --ck-input-width: 18em;
        --ck-input-text-width: var(--ck-input-width)
    }

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

    .ck.ck-input[readonly]:focus {
        box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0
    }

    .ck.ck-input.ck-error:focus {
        box-shadow: var(--ck-focus-error-outer-shadow), 0 0
    }

    @keyframes ck-input-shake {
        20% {
            transform: translate(-2px)
        }

        40% {
            transform: translate(2px)
        }

        60% {
            transform: translate(-1px)
        }

        80% {
            transform: translate(1px)
        }
    }

    :root {
        --ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, .24, .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(.6*var(--ck-font-size-base));
        --ck-color-labeled-field-label-background: var(--ck-color-base-background)
    }

    .ck.ck-list__item>.ck-button:not(.ck-list-item-button):active {
        box-shadow: none
    }

    .ck.ck-list__item>.ck-button.ck-on:not(.ck-list-item-button):active {
        box-shadow: none
    }

    .ck.ck-list__item>.ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled) {
        background: var(--ck-color-list-button-on-background-focus)
    }

    .ck.ck-list__item>.ck-button.ck-on:not(.ck-list-item-button):focus:not(.ck-disabled) {
        border-color: var(--ck-color-base-background)
    }

    .ck.ck-list__item>.ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) {
        background: var(--ck-color-list-button-hover-background)
    }

    .ck.ck-list__item>.ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled) {
        background: var(--ck-color-list-button-hover-background);
        color: inherit
    }

    :root {
        --ck-menu-bar-menu-item-min-width: 18em
    }

    :root {
        --ck-menu-bar-menu-panel-max-width: 75vw
    }

    .ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel:focus {
        outline: none
    }

    .ck.ck-menu-bar .ck-list-item-button:focus,
    .ck.ck-menu-bar .ck-list-item-button:active {
        border-color: transparent;
        box-shadow: none
    }

    .ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus,
    .ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active {
        position: relative;
        z-index: 2;
        outline: none;
        border: var(--ck-focus-ring);
        box-shadow: var(--ck-focus-outer-shadow), 0 0
    }

    :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.ck-balloon-panel_with-arrow:before,
    .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after {
        width: 0;
        height: 0;
        border-style: solid
    }

    .ck.ck-balloon-panel[class*=arrow_n]:before,
    .ck.ck-balloon-panel[class*=arrow_n]:after {
        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(-1*var(--ck-balloon-border-width))
    }

    .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]:before,
    .ck.ck-balloon-panel[class*=arrow_s]:after {
        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(-1*var(--ck-balloon-border-width))
    }

    .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]:before,
    .ck.ck-balloon-panel[class*=arrow_e]:after {
        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(-1*var(--ck-balloon-border-width))
    }

    .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]:before,
    .ck.ck-balloon-panel[class*=arrow_w]:after {
        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(-1*var(--ck-balloon-border-width))
    }

    .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:before,
    .ck.ck-balloon-panel.ck-balloon-panel_arrow_n:after {
        left: 50%;
        margin-left: calc(-1*var(--ck-balloon-arrow-half-width));
        top: calc(-1*var(--ck-balloon-arrow-height))
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:before,
    .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:after {
        left: calc(2*var(--ck-balloon-arrow-half-width));
        top: calc(-1*var(--ck-balloon-arrow-height))
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:before,
    .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:after {
        right: calc(2*var(--ck-balloon-arrow-half-width));
        top: calc(-1*var(--ck-balloon-arrow-height))
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_s:before,
    .ck.ck-balloon-panel.ck-balloon-panel_arrow_s:after {
        left: 50%;
        margin-left: calc(-1*var(--ck-balloon-arrow-half-width));
        bottom: calc(-1*var(--ck-balloon-arrow-height))
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:before,
    .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:after {
        left: calc(2*var(--ck-balloon-arrow-half-width));
        bottom: calc(-1*var(--ck-balloon-arrow-height))
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_se:before,
    .ck.ck-balloon-panel.ck-balloon-panel_arrow_se:after {
        right: calc(2*var(--ck-balloon-arrow-half-width));
        bottom: calc(-1*var(--ck-balloon-arrow-height))
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:before,
    .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:after {
        right: 25%;
        margin-right: calc(2*var(--ck-balloon-arrow-half-width));
        bottom: calc(-1*var(--ck-balloon-arrow-height))
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:before,
    .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:after {
        left: 25%;
        margin-left: calc(2*var(--ck-balloon-arrow-half-width));
        bottom: calc(-1*var(--ck-balloon-arrow-height))
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:before,
    .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:after {
        right: 25%;
        margin-right: calc(2*var(--ck-balloon-arrow-half-width));
        top: calc(-1*var(--ck-balloon-arrow-height))
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:before,
    .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:after {
        left: 25%;
        margin-left: calc(2*var(--ck-balloon-arrow-half-width));
        top: calc(-1*var(--ck-balloon-arrow-height))
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_e:before,
    .ck.ck-balloon-panel.ck-balloon-panel_arrow_e:after {
        right: calc(-1*var(--ck-balloon-arrow-height));
        margin-top: calc(-1*var(--ck-balloon-arrow-half-width));
        top: 50%
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_w:before,
    .ck.ck-balloon-panel.ck-balloon-panel_arrow_w:after {
        left: calc(-1*var(--ck-balloon-arrow-height));
        margin-top: calc(-1*var(--ck-balloon-arrow-half-width));
        top: 50%
    }

    :root {
        --ck-balloon-fake-panel-offset-horizontal: 6px;
        --ck-balloon-fake-panel-offset-vertical: 6px
    }

    .ck-vertical-form>.ck-button:nth-last-child(2):after {
        border-right: 1px solid var(--ck-color-base-border)
    }

    .ck.ck-responsive-form:focus {
        outline: none
    }

    @media screen and (max-width:600px) {
        .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:nth-last-child(1):not(:focus),
        .ck.ck-responsive-form>.ck-button:nth-last-child(2):not(:focus) {
            border-top: 1px solid var(--ck-color-base-border)
        }
    }

    :root {
        --ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium))
    }

    .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {
        opacity: 1
    }

    @keyframes ck-spinner-rotate {
        to {
            transform: rotate(360deg)
        }
    }

    :root {
        --ck-color-block-toolbar-button: var(--ck-color-text);
        --ck-block-toolbar-button-size: var(--ck-font-size-normal)
    }

    .ck.ck-toolbar:focus {
        outline: none
    }

    .ck.ck-balloon-panel.ck-tooltip:before {
        display: none
    }

    :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:after {
        content: "";
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        left: 50%;
        top: calc(-.5*var(--ck-clipboard-drop-target-dot-height));
        transform: translate(-50%);
        border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
        border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5*var(--ck-clipboard-drop-target-dot-width))0 calc(.5*var(--ck-clipboard-drop-target-dot-width));
        border-style: solid
    }

    .ck.ck-clipboard-drop-target-line:before {
        content: "";
        position: absolute;
        top: calc(-.5*var(--ck-clipboard-drop-target-dot-width));
        width: 0;
        height: 0;
        border-style: solid
    }

    [dir=ltr] .ck.ck-clipboard-drop-target-line:before {
        left: -1px;
        border-width: calc(.5*var(--ck-clipboard-drop-target-dot-width))0 calc(.5*var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height);
        border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color)
    }

    [dir=rtl] .ck.ck-clipboard-drop-target-line:before {
        right: -1px;
        border-width: calc(.5*var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5*var(--ck-clipboard-drop-target-dot-width))0;
        border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent
    }

    :root {
        --ck-color-code-block-label-background: hsl(0, 0%, 46%)
    }

    .ck.ck-editor__editable pre[data-language]:after {
        top: -1px;
        right: 10px;
        background: var(--ck-color-code-block-label-background);
        font-size: 10px;
        font-family: var(--ck-font-face);
        line-height: 16px;
        padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
        color: #fff;
        white-space: nowrap
    }

    .ck.ck-placeholder:before,
    .ck .ck-placeholder:before {
        cursor: text
    }

    @media (forced-colors:none) {

        .ck.ck-placeholder:before,
        .ck .ck-placeholder:before {
            color: var(--ck-color-engine-placeholder-text)
        }
    }

    @media (forced-colors:active) {

        .ck.ck-placeholder:before,
        .ck .ck-placeholder:before {
            font-style: italic;
            margin-left: 1px
        }
    }

    .ck.ck-find-and-replace-form:focus {
        outline: none
    }

    :root {
        --ck-html-embed-content-width: calc(100% - 1.5*var(--ck-icon-size));
        --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: hsl(0deg 0% 45%)
    }

    .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:before {
        content: attr(data-html-embed-label);
        top: calc(-1*var(--ck-html-embed-unfocused-outline-width));
        left: var(--ck-spacing-standard);
        background: #999;
        transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
        padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
        border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
        color: var(--ck-color-base-background);
        font-size: var(--ck-font-size-tiny);
        font-family: var(--ck-font-face)
    }

    .ck-widget.raw-html-embed[dir=rtl]:before {
        left: auto;
        right: var(--ck-spacing-standard)
    }

    .ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected:before {
        top: 0;
        padding: var(--ck-spacing-tiny) var(--ck-spacing-small)
    }

    .ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected:before {
        top: 0;
        padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
        background: var(--ck-color-focus-border)
    }

    .ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover:before {
        top: 0;
        padding: var(--ck-spacing-tiny) var(--ck-spacing-small)
    }

    :root {
        --ck-image-insert-insert-by-url-width: 250px
    }

    .ck.ck-image-insert-form:focus {
        outline: none
    }

    :root {
        --ck-color-image-upload-icon: hsl(0, 0%, 100%);
        --ck-color-image-upload-icon-background: hsl(120, 100%, 27%);
        --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:after {
        left: 25%;
        top: 50%;
        opacity: 0;
        height: 0;
        width: 0;
        transform: scaleX(-1) rotate(135deg);
        transform-origin: left top;
        border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
        border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
        animation-name: ck-upload-complete-icon-check;
        animation-duration: .5s;
        animation-delay: .5s;
        animation-fill-mode: forwards;
        box-sizing: border-box
    }

    @media (prefers-reduced-motion:reduce) {
        .ck-image-upload-complete-icon:after {
            animation: none;
            opacity: 1;
            width: .3em;
            height: .45em
        }
    }

    @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% {
            opacity: 1;
            width: 0;
            height: 0
        }

        33% {
            width: .3em;
            height: 0
        }

        to {
            opacity: 1;
            width: .3em;
            height: .45em
        }
    }

    :root {
        --ck-color-upload-placeholder-loader: hsl(0, 0%, 70%);
        --ck-upload-placeholder-loader-size: 32px;
        --ck-upload-placeholder-image-aspect-ratio: 2.8
    }

    .ck .ck-upload-placeholder-loader:before {
        width: var(--ck-upload-placeholder-loader-size);
        height: var(--ck-upload-placeholder-loader-size);
        border-radius: 50%;
        border-top: 3px solid var(--ck-color-upload-placeholder-loader);
        border-right: 2px solid transparent;
        animation: ck-upload-placeholder-loader 1s linear infinite
    }

    @keyframes ck-upload-placeholder-loader {
        to {
            transform: rotate(360deg)
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .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:hover,
    .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,
    .ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
        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
    }

    .ck.ck-link-form_layout-vertical>.ck-button:not(:focus) {
        border-top: 1px solid var(--ck-color-base-border)
    }

    .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover {
        background: none
    }

    :root {
        --ck-link-image-indicator-icon-size: 20;
        --ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px)
    }

    .ck.ck-editor__editable figure.image>a:after,
    .ck.ck-editor__editable a span.image-inline:after {
        content: "";
        top: min(var(--ck-spacing-medium), 6%);
        right: min(var(--ck-spacing-medium), 6%);
        background-color: #0006;
        background-image: url("assets/images/header_img_1.svg");
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 100%;
        overflow: hidden;
        width: calc(var(--ck-link-image-indicator-icon-is-visible)*var(--ck-link-image-indicator-icon-size));
        height: calc(var(--ck-link-image-indicator-icon-is-visible)*var(--ck-link-image-indicator-icon-size))
    }

    .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active,
    .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover {
        box-shadow: none;
        border-color: transparent;
        background: none
    }

    :root {
        --ck-list-style-button-size: 44px
    }

    :root {
        --ck-media-embed-placeholder-icon-size: 3em;
        --ck-color-media-embed-placeholder-url-text: hsl(0, 0%, 46%);
        --ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text)
    }

    .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*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
        color: #fff
    }

    .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 .ck-media__placeholder__url__text:hover {
        color: #fff
    }

    :root {
        --ck-color-mention-background: hsla(341, 100%, 30%, .1);
        --ck-color-mention-text: hsl(341, 100%, 30%)
    }

    :root {
        --ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);
        --ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35);
        --ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);
        --ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);
        --ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6)
    }

    .ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {
        background: var(--ck-color-restricted-editing-exception-hover-background)
    }

    :root {
        --ck-character-grid-tile-size: 24px
    }

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

    :root {
        --ck-style-panel-button-width: 120px;
        --ck-style-panel-button-height: 80px;
        --ck-style-panel-button-label-background: hsl(0, 0%, 94.1%);
        --ck-style-panel-button-hover-label-background: hsl(0, 0%, 92.1%);
        --ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%)
    }

    .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-disabled:not(:focus) {
        border-color: var(--ck-style-panel-button-label-background)
    }

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

    :root {
        --ck-style-panel-max-height: 470px
    }

    .ck.ck-input-color>.ck.ck-input-text:focus {
        z-index: 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:not(:focus) {
        border-right: 1px solid transparent
    }

    .ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {
        border-bottom: 1px solid var(--ck-color-input-border)
    }

    .ck.ck-form:focus {
        outline: none
    }

    .ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
        border: 1px solid var(--ck-color-base-border)
    }

    :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-box:focus {
        box-shadow: none
    }

    :root {
        --ck-color-selector-focused-cell-background: hsla(212, 90%, 80%, .3)
    }

    .ck-widget.table td.ck-editor__nested-editable:focus,
    .ck-widget.table th.ck-editor__nested-editable:focus {
        background: var(--ck-color-selector-focused-cell-background);
        outline: 1px solid var(--ck-color-focus-border);
        outline-offset: -1px
    }

    :root {
        --ck-table-properties-error-arrow-size: 6px;
        --ck-table-properties-min-error-width: 150px
    }

    .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-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
        border-style: solid
    }

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

    :root {
        --ck-table-selected-cell-background: hsla(208, 90%, 80%, .3)
    }

    .ck.ck-editor__editable .table table td.ck-editor__editable_selected:after,
    .ck.ck-editor__editable .table table th.ck-editor__editable_selected:after {
        content: "";
        pointer-events: none;
        background-color: var(--ck-table-selected-cell-background);
        position: absolute;
        inset: 0
    }

    .ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection,
    .ck.ck-editor__editable .table table th.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:focus {
        background-color: transparent
    }

    :root {
        --ck-widget-outline-thickness: 3px;
        --ck-widget-handler-icon-size: 16px;
        --ck-widget-handler-animation-duration: .2s;
        --ck-widget-handler-animation-curve: ease;
        --ck-color-widget-blurred-border: hsl(0, 0%, 87%);
        --ck-color-widget-hover-border: hsl(43, 100%, 62%);
        --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.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:focus {
        box-shadow: var(--ck-inner-shadow), 0 0
    }

    @media (forced-colors:none) {
        .ck .ck-editor__nested-editable:focus {
            background-color: var(--ck-color-widget-editable-focus-background)
        }
    }

    .ck .ck-editor__nested-editable:focus:not(td, th) {
        outline: none;
        border: var(--ck-focus-ring)
    }

    .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 {
        opacity: 1;
        background-color: var(--ck-color-widget-hover-border)
    }

    .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle {
        opacity: 1;
        background-color: var(--ck-color-focus-border)
    }

    .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
        opacity: 1
    }

    .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: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>.ck-widget__selection-handle:hover,
    .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle:hover {
        background: var(--ck-color-widget-blurred-border)
    }

    :root {
        --ck-resizer-size: 10px;
        --ck-resizer-offset: calc((var(--ck-resizer-size)/-2) - 2px);
        --ck-resizer-border-width: 1px
    }

    :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: .3;
        --ck-color-widget-type-around-button-icon: var(--ck-color-base-background)
    }

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

    @media (prefers-reduced-motion:reduce) {
        .ck .ck-widget .ck-widget__type-around__button:hover {
            animation: none
        }

        .ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
            animation: none
        }

        .ck .ck-widget .ck-widget__type-around__button:hover svg line {
            animation: none
        }
    }

    .ck .ck-widget:hover>.ck-widget__type-around>.ck-widget__type-around__button {
        opacity: 1;
        pointer-events: auto
    }

    .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 {
        width: calc(var(--ck-widget-type-around-button-size) - 2px);
        height: calc(var(--ck-widget-type-around-button-size) - 2px);
        border-radius: 100px;
        background: linear-gradient(135deg, #fff0, #ffffff4d)
    }

    .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover,
    .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover {
        outline-color: var(--ck-color-widget-hover-border)
    }

    .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_after.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle {
        opacity: 0
    }

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

    .ck.ck-editor__editable .image.image-processing:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        height: 100%;
        width: 100%;
        background: linear-gradient(90deg, var(--ck-image-processing-background-color), var(--ck-image-processing-highlight-color), var(--ck-image-processing-background-color));
        background-size: 200% 100%;
        animation: ck-image-processing-animation 2s linear infinite
    }

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

        to {
            background-position: -200%0
        }
    }

    .ck.ck-editor__editable pre[data-language]:after {
        content: attr(data-language);
        position: absolute
    }

    .ck.ck-placeholder:before,
    .ck .ck-placeholder:before {
        position: absolute;
        left: 0;
        right: 0;
        content: attr(data-placeholder);
        pointer-events: none
    }

    .ck.ck-read-only .ck-placeholder:before {
        display: none
    }

    :root {
        --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
        --ck-highlight-marker-green: hsl(120, 93%, 68%);
        --ck-highlight-marker-pink: hsl(345, 96%, 73%);
        --ck-highlight-marker-blue: hsl(201, 97%, 72%);
        --ck-highlight-pen-red: hsl(0, 85%, 49%);
        --ck-highlight-pen-green: hsl(112, 100%, 27%)
    }

    .ck-widget.raw-html-embed:before {
        position: absolute;
        z-index: 1
    }

    :root {
        --ck-html-object-embed-unfocused-outline-width: 1px
    }

    .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 {
        font-weight: 400;
        font-style: normal;
        position: absolute;
        content: attr(data-html-object-embed-label);
        top: 0;
        left: var(--ck-spacing-standard);
        background: #999;
        transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
        padding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
        border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
        color: var(--ck-color-base-background);
        font-size: var(--ck-font-size-tiny);
        font-family: var(--ck-font-face)
    }

    :root {
        --ck-color-image-caption-background: hsl(0, 0%, 97%);
        --ck-color-image-caption-text: hsl(0, 0%, 20%);
        --ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%)
    }

    @keyframes ck-image-caption-highlight {
        0% {
            background-color: var(--ck-color-image-caption-highlighted-background)
        }

        to {
            background-color: var(--ck-color-image-caption-background)
        }
    }

    :root {
        --ck-image-style-spacing: 1.5em;
        --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing)/2)
    }

    .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),
    .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
        background-color: var(--ck-color-button-on-background)
    }

    .ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__action:not(.ck-disabled):after,
    .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.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.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,
    .ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after,
    .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.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-image-upload-complete-icon:after {
        content: "";
        position: absolute
    }

    .ck .ck-upload-placeholder-loader:before {
        content: "";
        position: relative
    }

    .ck.ck-editor__editable .image>figcaption.ck-placeholder:before {
        padding-left: inherit;
        padding-right: inherit;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
        display: none
    }

    .ck.ck-editor__editable figure.image>a:after,
    .ck.ck-editor__editable a span.image-inline:after {
        display: block;
        position: absolute
    }

    :root {
        --ck-todo-list-checkmark-size: 16px
    }

    .ck-content .todo-list .todo-list__label>input:before {
        display: block;
        position: absolute;
        box-sizing: border-box;
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid hsl(0, 0%, 20%);
        border-radius: 2px;
        transition: .25s ease-in-out box-shadow
    }

    @media (prefers-reduced-motion:reduce) {
        .ck-content .todo-list .todo-list__label>input:before {
            transition: none
        }
    }

    .ck-content .todo-list .todo-list__label>input:after {
        display: block;
        position: absolute;
        box-sizing: content-box;
        pointer-events: none;
        content: "";
        left: calc(var(--ck-todo-list-checkmark-size)/3);
        top: calc(var(--ck-todo-list-checkmark-size)/5.3);
        width: calc(var(--ck-todo-list-checkmark-size)/5.3);
        height: calc(var(--ck-todo-list-checkmark-size)/2.6);
        border-style: solid;
        border-color: transparent;
        border-width: 0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8)0;
        transform: rotate(45deg)
    }

    .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-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 #0000001a
    }

    .ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:before {
        display: block;
        position: absolute;
        box-sizing: border-box;
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid hsl(0, 0%, 20%);
        border-radius: 2px;
        transition: .25s ease-in-out box-shadow
    }

    @media (prefers-reduced-motion:reduce) {
        .ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:before {
            transition: none
        }
    }

    .ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:after {
        display: block;
        position: absolute;
        box-sizing: content-box;
        pointer-events: none;
        content: "";
        left: calc(var(--ck-todo-list-checkmark-size)/3);
        top: calc(var(--ck-todo-list-checkmark-size)/5.3);
        width: calc(var(--ck-todo-list-checkmark-size)/5.3);
        height: calc(var(--ck-todo-list-checkmark-size)/2.6);
        border-style: solid;
        border-color: transparent;
        border-width: 0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8)0;
        transform: rotate(45deg)
    }

    .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-vertical-form .ck-button:after {
        content: "";
        width: 0;
        position: absolute;
        right: -1px;
        top: -1px;
        bottom: -1px;
        z-index: 1
    }

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

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

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

    :root {
        --ck-mention-list-max-height: 300px
    }

    :root {
        --ck-color-minimap-tracker-background: 208, 0%, 51%;
        --ck-color-minimap-iframe-outline: hsl(0deg 0% 75%);
        --ck-color-minimap-iframe-shadow: hsl(0deg 0% 0%/11%);
        --ck-color-minimap-progress-background: hsl(0, 0%, 40%)
    }

    .ck.ck-minimap .ck.ck-minimap__position-tracker:hover {
        background: hsla(var(--ck-color-minimap-tracker-background), .3)
    }

    .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover {
        background: hsla(var(--ck-color-minimap-tracker-background), .4)
    }

    .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:after,
    .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover:after {
        opacity: 1
    }

    .ck.ck-minimap .ck.ck-minimap__position-tracker:after {
        content: attr(data-progress)"%";
        position: absolute;
        top: 5px;
        right: 5px;
        background: var(--ck-color-minimap-progress-background);
        color: var(--ck-color-base-background);
        border: 1px solid var(--ck-color-base-background);
        padding: 2px 4px;
        font-size: 10px;
        border-radius: 3px;
        opacity: 0;
        transition: opacity .1s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .ck.ck-minimap .ck.ck-minimap__position-tracker:after {
            transition: none
        }
    }

    .ck-content .page-break:after {
        content: "";
        position: absolute;
        border-bottom: 2px dashed hsl(0, 0%, 77%);
        width: 100%
    }

    :root {
        --ck-show-blocks-border-color: hsl(0, 0%, 46%)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ck-source-editing-area:after {
        padding: var(--ck-spacing-large);
        margin: 0;
        border: 1px solid transparent;
        line-height: var(--ck-line-height-base);
        font-size: var(--ck-font-size-normal);
        font-family: monospace;
        white-space: pre-wrap
    }

    .ck-source-editing-area:after {
        content: attr(data-value)" ";
        visibility: hidden;
        display: block
    }

    .ck-source-editing-area textarea:not([readonly]):focus {
        outline: none;
        border: var(--ck-focus-ring);
        box-shadow: var(--ck-inner-shadow), 0 0
    }

    .ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view .ck.ck-labeled-field-view__status:after {
        border-color: transparent transparent var(--ck-color-base-error) transparent;
        border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
        border-style: solid
    }

    .ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view .ck-input.ck-error:not(:focus)+.ck.ck-labeled-field-view__status {
        display: none
    }

    .ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories .ck-dropdown>button:not(:focus) {
        border: 1px solid var(--ck-color-base-border)
    }

    :root {
        --ck-style-panel-columns: 3
    }

    .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after {
        content: "";
        position: absolute;
        top: calc(-1*var(--ck-table-properties-error-arrow-size));
        left: 50%;
        transform: translate(-50%)
    }

    :root {
        --ck-color-selector-caption-background: hsl(0, 0%, 97%);
        --ck-color-selector-caption-text: hsl(0, 0%, 20%);
        --ck-color-selector-caption-highlighted-background: hsl(52deg 100% 50%)
    }

    .ck.ck-editor__editable .table>figcaption.ck-placeholder:before {
        padding-left: inherit;
        padding-right: inherit;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    @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)*-.5 - .5px)
    }

    .ck.ck-editor__editable .table .ck-table-column-resizer:hover {
        background-color: var(--ck-color-selector-column-resizer-hover);
        opacity: .25;
        top: -999999px;
        bottom: -999999px
    }

    :root {
        --ck-z-default: 1;
        --ck-z-panel: calc(var(--ck-z-default) + 999);
        --ck-z-dialog: 9999
    }

    :root {
        --ck-powered-by-line-height: 10px;
        --ck-powered-by-padding-vertical: 2px;
        --ck-powered-by-padding-horizontal: 4px;
        --ck-powered-by-text-color: hsl(0, 0%, 31%);
        --ck-powered-by-border-radius: var(--ck-border-radius);
        --ck-powered-by-background: hsl(0, 0%, 100%);
        --ck-powered-by-border-color: var(--ck-color-focus-border)
    }

    .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
        filter: grayscale(0%);
        opacity: 1
    }

    :root {
        --ck-dropdown-max-width: 75vw
    }

    .ck.ck-splitbutton .ck-splitbutton__action:focus {
        z-index: calc(var(--ck-z-default) + 1)
    }

    :root {
        --ck-toolbar-dropdown-max-width: 60vw
    }

    .ck.ck-toolbar-dropdown>.ck-dropdown__panel .ck-button:focus {
        z-index: calc(var(--ck-z-default) + 1)
    }

    .ck.ck-list .ck-list__item>*:focus {
        position: relative;
        z-index: var(--ck-z-default)
    }

    :root {
        --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3)
    }

    .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before,
    .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after {
        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)
    }

    :root {
        --ck-toolbar-spinner-size: 18px
    }

    :root {
        --ck-menu-bar-menu-max-width: 75vw;
        --ck-menu-bar-nested-menu-horizontal-offset: 5px
    }

    :root {
        --ck-color-resizer: var(--ck-color-focus-border);
        --ck-color-resizer-tooltip-background: hsl(0, 0%, 15%);
        --ck-color-resizer-tooltip-text: hsl(0, 0%, 95%);
        --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-widget_with-selection-handle:hover>.ck-widget__selection-handle {
        visibility: visible
    }

    .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;
        position: absolute;
        top: 1px;
        left: 1px;
        z-index: calc(var(--ck-z-default) + 1)
    }

    .ck .ck-widget:hover>.ck-widget__type-around>.ck-widget__type-around__fake-caret {
        left: calc(-1*var(--ck-widget-outline-thickness));
        right: calc(-1*var(--ck-widget-outline-thickness))
    }