/* used color #000 , #fff , #CCC, #f9f9f9 */
/* font color #333, background color: #fff */
/* grey color #e1e1e1 , #d1d1d1 , #c1c1c1 , #b1b1b1 */
/* blue color #c7deff , #80bdff , #3f9dff , #4592ff */
/* red color #b94a48 , #f2dede , #eed3d7 */

/** --- keditor main */
.keditor {width:auto; height:auto; box-sizing:border-box; font-family:Helvetica Neue, sans-serif; border:1px solid #dadada; border-radius: 6px; -moz-border-radius: 6px;-webkit-border-radius: 6px;text-align:left; background-color:#FFF; color:#000; user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none;}
.keditor * {box-sizing:border-box;  -webkit-user-drag:none; overflow:visible;}
.keditor-common input, .keditor-common select, .keditor-common textarea, .keditor-common button {font-size:14px; line-height:1.5;}
.keditor-common body, .keditor-common div, .keditor-common dl, .keditor-common dt, .keditor-common dd, .keditor-common ul, .keditor-common ol, .keditor-common li,
.keditor-common h1, .keditor-common h2, .keditor-common h3, .keditor-common h4, .keditor-common h5, .keditor-common h6, .keditor-common pre, .keditor-common code,
.keditor-common form, .keditor-common fieldset, .keditor-common legend, .keditor-common textarea, .keditor-common p, .keditor-common blockquote, .keditor-common th,
.keditor-common td, .keditor-common input, .keditor-common select, .keditor-common textarea, .keditor-common button {margin:0; padding:0; border:0;}
.keditor-common dl, .keditor-common ul, .keditor-common ol, .keditor-common menu, .keditor-common li {list-style:none !important;}
.keditor-common hr {margin:6px 0 6px 0 !important;}
.keditor textarea {resize:none !important; border:0 !important;}
.keditor button {border:0 none; background-color:transparent; touch-action:manipulation; cursor:pointer; outline:none;}
.keditor input, .keditor select, .keditor textarea, .keditor button {vertical-align:middle;}
.keditor button span {display:block; margin:0; padding:0;}
.keditor button .txt {display:block; margin-top:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/** --- icon */
/* Icons make by https://www.freepik.com/ */
/* Generated by Glyphter (http://www.glyphter.com) on  Sun Aug 19 2018*/
@font-face {
    font-family: 'keditor-icon';
    src: url('./fonts/keditor-icon.eot');
    src: url('./fonts/keditor-icon.eot?#iefix') format('embedded-opentype'),
         url('./fonts/keditor-icon.woff2') format('woff2'),
         url('./fonts/keditor-icon.woff') format('woff'),
         url('./fonts/keditor-icon.ttf') format('truetype'),
         url('./fonts/keditor-icon.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
.keditor [class*='ke-icon-']::before {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-family: 'keditor-icon';
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-rendering:auto;
    font-size: 15px;
}
.keditor .ke-toolbar [class*='ke-icon-']::before {
    /* line-height: 2.4; */
    line-height: inherit;
}
.keditor .ke-icon-align-justify::before{content:'\0041';}
.keditor .ke-icon-align-left::before{content:'\0042';}
.keditor .ke-icon-align-right::before{content:'\0043';}
.keditor .ke-icon-align-center::before{content:'\0044';}
.keditor .ke-icon-underline::before{content:'\0045';}
.keditor .ke-icon-bold::before{content:'\0046';}
.keditor .ke-icon-italic::before{content:'\0047';}
.keditor .ke-icon-strokethrough::before{content:'\0048';}
.keditor .ke-icon-subscript::before{content:'\0049';}
.keditor .ke-icon-superscript::before{content:'\004a';}
.keditor .ke-icon-redo::before{content:'\004b';}
.keditor .ke-icon-undo::before{content:'\004c';}
.keditor .ke-icon-erase::before{content:'\004d';}
.keditor .ke-icon-fontColor::before{content:'\004e';}
.keditor .ke-icon-hiliteColor::before{content:'\004f';}
.keditor .ke-icon-indent-left::before{content:'\0050';}
.keditor .ke-icon-indent-right::before{content:'\0051';}
.keditor .ke-icon-list-bullets::before{content:'\0052';}
.keditor .ke-icon-list-number::before{content:'\0053';}
.keditor .ke-icon-grid::before{content:'\0054';}
.keditor .ke-icon-code-view::before{content:'\0055';}
.keditor .ke-icon-preview::before{content:'\0056';}
.keditor .ke-icon-showBlocks::before{content:'\0057';}
.keditor .ke-icon-expansion::before{content:'\0058';}
.keditor .ke-icon-reduction::before{content:'\0059';}
.keditor .ke-icon-image::before{content:'\005a';}
.keditor .ke-icon-link::before{content:'\0061';}
.keditor .ke-icon-kothing::before{content:'\0062';}
.keditor .ke-icon-print::before{content:'\0063';}
.keditor .ke-icon-modify::before{content:'\0064';}
.keditor .ke-icon-revert::before{content:'\0065';}
.keditor .ke-icon-arrow-down::before{content:'\0066'; font-size: 10px;}
.keditor .ke-icon-video::before{content:'\0067';}
.keditor .ke-icon-cancel::before{content:'\0068'; font-size:10px;}
.keditor .ke-icon-warning::before{content:'\0069';}
.keditor .ke-icon-insert-column-right::before{content:'\006a';}
.keditor .ke-icon-insert-row-below::before{content:'\006b';}
.keditor .ke-icon-insert-row-above::before{content:'\006c';}
.keditor .ke-icon-insert-column-left::before{content:'\006d';}
.keditor .ke-icon-delete-row::before{content:'\006e';}
.keditor .ke-icon-delete-column::before{content:'\006f';}
.keditor .ke-icon-quote::before{content:'\0070';}
.keditor .ke-icon-empty-file::before{content:'\0071';}
.keditor .ke-icon-paragraph::before{content:'\0072';}
.keditor .ke-icon-delete::before{content:'\0073';}
.keditor .ke-icon-rotate-left::before{content:'\0074';}
.keditor .ke-icon-rotate-right::before{content:'\0075';}
.keditor .ke-icon-mirror-horizontal::before{content:'\0076';}
.keditor .ke-icon-mirror-vertical::before{content:'\0077';}
.keditor .ke-icon-save::before{content:'\0078';}
.keditor .ke-icon-hr::before{content:'\0079';}
.keditor .ke-icon-checked::before{content:'\007a';}
.keditor .ke-icon-table-header::before{content:'\0030';}
.keditor .ke-icon-merge-cell::before{content:'\0031';}
.keditor .ke-icon-split-cell::before{content:'\0032';}
.keditor .ke-icon-caption::before{content:'\0033';}
.keditor .ke-icon-edit::before{content:'\0034';}
.keditor .ke-icon-question::before{content:'\0035';}
.keditor .ke-icon-attachment::before{content:'\0036';}
.keditor .ke-icon-add::before{content:'\0037';}
.keditor .ke-icon-more-vertical::before{content:'\0038';}
.keditor .ke-icon-more-horizontal::before{content:'\0039';}
.keditor .ke-icon-map-pin::before{content:'\0021';}
.keditor .ke-icon-magic-stick::before{content:'\0022';}
.keditor .ke-icon-math::before{content:'\0023';}
.keditor .ke-icon-audio::before{content:'\0024';}
.keditor .ke-icon-emoji::before{content:'\0025';}
.keditor .ke-icon-template::before{content:'\0026';}

/** --- arrow icon ---------------------------------------------------------- */
.keditor .ke-arrow, .keditor .ke-arrow::after {position:absolute; display:block; width:0; height:0; border:11px solid transparent;}
/* arrow up */
.keditor .ke-arrow.ke-arrow-up {top:-11px; left:20px; margin-left:-11px; border-top-width:0; border-bottom-color:rgba(0, 0, 0, .25);}
.keditor .ke-arrow.ke-arrow-up::after {top:1px; margin-left:-11px; content:" "; border-top-width:0; border-bottom-color:#fff;}
.keditor .ke-toolbar .ke-arrow.ke-arrow-up::after {border-bottom-color:#fafafa;}
/* arrow down */
.keditor .ke-arrow.ke-arrow-down {top:0px; left:0px; margin-left:-11px; border-bottom-width:0; border-top-color:rgba(0, 0, 0, .25);}
.keditor .ke-arrow.ke-arrow-down::after {top:-12px; margin-left:-11px; content:" "; border-bottom-width:0; border-top-color:#fff;}
.keditor .ke-toolbar .ke-arrow.ke-arrow-down::after {border-top-color:#fafafa;}

/** --- container */
.keditor .ke-container {position:relative; width:100%; height:100%;}

/** button */
.keditor button {display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; height: 30px; line-height: 30px; border: 0; border-radius: 3px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; padding: 0 6px;}

/** --- ke-btn button */
.keditor .ke-btn {float:left; min-width:32px; height:30px; line-height:30px; border:0; border-radius:3px; margin:2px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.keditor .ke-btn:enabled:hover, .keditor .ke-btn:enabled:focus {background-color:#ebebeb; border-color:#d1d1d1; outline:0 none;}
.keditor .ke-btn:enabled:active {background-color:#ebebeb; border-color:#c1c1c1; -webkit-box-shadow:inset 0 3px 5px #c1c1c1; box-shadow:inset 0 3px 5px #c1c1c1;}
/** --- primary button */
.keditor .ke-btn-primary {display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; height: 30px; line-height: 30px; border: 0; border-radius: 3px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; padding: 0 6px; color:#fafafa; background-color:#3f9dff; border:1px solid #3f9dff; border-radius:2px;}
.keditor .ke-btn-primary:hover, .keditor .ke-btn-primary:focus {color:#fff; background-color:#3295fd; border-color:#3295fd; outline:0 none;}
.keditor .ke-btn-primary:active {color:#fff; background-color:#3295fd; border-color:#3295fd; -webkit-box-shadow:inset 0 3px 5px #4592ff; box-shadow:inset 0 3px 5px #4592ff;}

/* ke-btn button active*/
.keditor .ke-btn:enabled.active {color:#4592ff; outline:0 none;}
.keditor .ke-btn:enabled.active:hover, .keditor .ke-btn:enabled.active:focus {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
.keditor .ke-btn:enabled.active:active {background-color:#d1d1d1; border-color:#c1c1c1; -webkit-box-shadow:inset 0 3px 5px #c1c1c1; box-shadow:inset 0 3px 5px #c1c1c1;}
/* ke-btn button on */
.keditor .ke-btn:enabled.on {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
.keditor .ke-btn:enabled.on:hover, .keditor .ke-btn:enabled.on:focus {background-color:#d1d1d1; border-color:#c1c1c1; outline:0 none;}
.keditor .ke-btn:enabled.on:active {background-color:#c1c1c1; border-color:#b1b1b1; -webkit-box-shadow:inset 0 3px 5px #b1b1b1; box-shadow:inset 0 3px 5px #b1b1b1;}
/* disabled buttons, icon blur */
.keditor .ke-btn:disabled, .keditor .ke-btn-list:disabled, .keditor :disabled [class*='ke-icon-']::before {cursor:default; background-color:inherit; color:#bdbdbd;}

/** --- loading box */
.keditor .ke-loading-box {position:absolute; display:none; width:100%; height:100%; top:0; left:0; background-color:#fff; opacity:.7; filter:alpha(opacity=70); z-index:999;}
.keditor .ke-loading-box .ke-loading-effect {position:absolute; display:block; top:50%; left:50%; height:25px; width:25px; border-top:2px solid #07d; border-right:2px solid transparent; border-radius:50%; animation:spinner .8s linear infinite; margin:-25px 0 0 -25px;}

/** --- toolbar ---------------------------------------------------------- */
.keditor .ke-toolbar {display:block; position:relative; height:auto; width:100%; overflow:visible; font-size:0; padding: 2px 6px; margin:0; background-color:#fdfdfd; border-bottom:1px solid #dadada; border-radius: 6px 6px 0 0;}
.keditor .ke-toolbar-cover {position:absolute; display:none; font-size:36px; width:100%; height:100%; top:0; left:0; background-color:#fefefe; opacity:.5; filter:alpha(opacity=50); cursor:not-allowed; z-index:4;}
.keditor .ke-toolbar-separator-vertical {display:inline-block; height:26px; width:1px; margin: 2px 2px 6px; background-color: #ddd;}
/* inline toolbar */
.keditor .ke-toolbar.ke-toolbar-inline {display:none; position:absolute; z-index:999; border: 1px solid rgba(0,0,0,.25); border-radius: 4px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2);}
/* balloon toolbar */
.keditor .ke-toolbar.ke-toolbar-balloon {display:none; position:absolute; z-index:999; width:auto; border: 1px solid rgba(0,0,0,.25); border-radius: 4px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2);}
/* sticky toolbar */
.keditor .ke-toolbar.ke-toolbar-sticky {position:fixed; top:0px; z-index:100;}
.keditor .ke-toolbar-sticky-dummy {display:none; position:static; z-index:-1;}

/** --- tool bar module group ----------------------------------------------------------  */
.keditor .ke-btn-module {display:inline-block;margin: 2px 0;}
.keditor .ke-btn-module-border {/*border:1px solid #dadada;*/ border-radius:2px;}
.keditor .ke-btn-module-enter {display:block; width:100%; height:1px; margin-bottom:5px; background-color:transparent;}
/* module innser ul */
.keditor .ke-menu-list {float:left; padding:0; margin:0;}
.keditor .ke-menu-list li {position:relative; float:left; padding:0; margin:0;}
/* tool bar select button (font, fontSize, formatBlock) */
.keditor .ke-btn-select {width: auto; display: flex; text-align: left; padding: 0 6px;}
.keditor .ke-btn-select .txt {flex:5; float:left; text-align:left;}
.keditor .ke-btn-select .ke-icon-arrow-down {flex:1; float:right;}
.keditor .ke-btn-select.ke-btn-tool-font {width:100px;}
.keditor .ke-btn-select.ke-btn-tool-format {width:80px;}
.keditor .ke-btn-select.ke-btn-tool-size {width:80px;}

/** --- submenu layer ---------------------------------------------------------- */
.keditor .ke-list-layer {display:none; position:absolute; top:33px; z-index:100; left:1px; padding:6px 0; border:1px solid #bababa; border-radius:6px; background-color:#fff; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.keditor .ke-list-layer .ke-list-inner {padding:0; margin:0; overflow-x:initial; overflow-y:initial; overflow:visible;}
.keditor .ke-list-layer .ke-list-inner::-webkit-scrollbar { width: 8px; background-color: #f8f8f8;}
.keditor .ke-list-layer .ke-list-inner::-webkit-scrollbar-thumb {/*border-radius: 4px;*/ background-color: rgba(171, 171, 171, 0.5);}
.keditor .ke-list-layer .ke-list-inner::-webkit-scrollbar-track { background-color: #f8f8f8;}
.keditor .ke-list-layer button {margin:0; width:100%; border-radius: 0}
/* submenu layer - common list form */
.keditor .ke-list-inner .ke-list-basic {width:100%; padding:0;}
.keditor .ke-list-inner .ke-list-basic li {width:100%;}
.keditor .ke-list-inner .ke-list-basic li > button {min-width:100%; width:max-content;}
/* submenu layer - common list form button on */
.keditor .ke-list-inner .ke-list-basic li button.active {background-color:#80bdff; border:1px solid #3f9dff; border-left:0; border-right:0;}
.keditor .ke-list-inner .ke-list-basic li button.active:active {background-color:#3f9dff; border:1px solid #4592ff; border-left:0; border-right:0; -webkit-box-shadow:inset 0 3px 5px #4592ff; box-shadow:inset 0 3px 5px #4592ff;}
/* submenu layer - list button */
.keditor .ke-btn-list {width:100%; height:32px; padding:0 14px; cursor:pointer; font-size:12px; line-height:22px; text-indent:0; text-decoration:none; text-align:left;}
.keditor .ke-btn-list.default_value {background-color:#f3f3f3;}
.keditor .ke-btn-list:hover, .keditor .ke-btn-list:focus {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
.keditor .ke-btn-list:active {background-color:#d1d1d1; border-color:#c1c1c1; -webkit-box-shadow:inset 0 3px 5px #c1c1c1; box-shadow:inset 0 3px 5px #c1c1c1;}
/** --- submenu layer - ke-list-inner > exception */
/* submenu layer - font family */
.keditor .ke-list-layer .ke-list-font-family {min-width:156px;}
.keditor .ke-list-layer .ke-list-font-family .default {border-bottom:1px solid #CCC;}
/** submenu layer - format block */
.keditor .ke-list-layer .ke-list-format {min-width:156px;}
.keditor .ke-list-layer .ke-list-format li {padding:0; width:100%;}
.keditor .ke-list-layer .ke-list-format .ke-btn-list {height:auto; min-height:32px; line-height:100%;}
.keditor .ke-list-layer .ke-list-format .ke-btn-list[data-value="h1"] {height:40px;}
.keditor .ke-list-layer .ke-list-format .ke-btn-list[data-value="h2"] {height:34px;}
.keditor .ke-list-layer .ke-list-format p {font-size:13px; margin:0; padding:0;}
.keditor .ke-list-layer .ke-list-format div {font-size:13px; margin:0; padding:0;}
.keditor .ke-list-layer .ke-list-format h1 {font-size:2em; font-weight:bold; margin:0; padding:0; color:#333;}
.keditor .ke-list-layer .ke-list-format h2 {font-size:1.5em; font-weight:bold; margin:0; padding:0; color:#333;}
.keditor .ke-list-layer .ke-list-format h3 {font-size:1.17em; font-weight:bold; margin:0; padding:0; color:#333;}
.keditor .ke-list-layer .ke-list-format h4 {font-size:1em; font-weight:bold; margin:0; padding:0; color:#333;}
.keditor .ke-list-layer .ke-list-format h5 {font-size:0.83em; font-weight:bold; margin:0; padding:0; color:#333;}
.keditor .ke-list-layer .ke-list-format h6 {font-size:0.67em; font-weight:bold; margin:0; padding:0; color:#333;}
.keditor .ke-list-layer .ke-list-format blockquote {font-size:13px; color:#999; height:22px; margin:0; background-color:transparent; line-height:1.5; border-style:solid; border-color:#b1b1b1; padding:0 0 0 7px; border-left-width:5px;}
.keditor .ke-list-layer .ke-list-format pre {font-size:13px; color:#666; padding:4px 11px; margin:0; background-color:#f9f9f9; border:1px solid #e1e1e1; border-radius:2px;}
/* submenu layer - font size */
.keditor .ke-list-layer .ke-list-font-size {min-width:140px; max-height:300px; overflow-x:hidden; overflow-y:auto;}
.keditor .ke-list-layer .ke-list-font-size .ke-btn-list {height:auto; min-height:32px; line-height:normal;}
/* submenu layer - hr */
.keditor .ke-list-layer .ke-list-line {width:125px;}
/* submenu layer - align */
.keditor .ke-list-layer .ke-list-align {left:9px; width:125px;}
.keditor .ke-list-layer .ke-list-align .ke-btn-align > span {display:inline-block; width:14px; height:32px; margin:-1px 10px 0 0; vertical-align:middle;}
/* submenu layer --- table selector */
.keditor .ke-selector-table {display:none; position:absolute; top:34px; left:1px; z-index:100; padding:5px 0; float:left; margin:2px 0 0; font-size:14px; text-align:left; list-style:none; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); }
.keditor .ke-selector-table .ke-table-size {font-size:18px; padding:0 5px;}
.keditor .ke-selector-table .ke-table-size-picker {position:absolute !important; z-index:3; font-size:18px; width:10em; height:10em; cursor:pointer;}
.keditor .ke-selector-table .ke-table-size-highlighted {position:absolute !important; z-index:2; font-size:18px; width:1em; height:1em; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==') repeat;}
.keditor .ke-selector-table .ke-table-size-unhighlighted {position:relative !important; z-index:1; font-size:18px; width:5em; height:5em; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;}
.keditor .ke-selector-table .ke-table-size-display {padding-left:5px;}
/* submenu layer - color selector */
.keditor .ke-list-layer .ke-selector-color {display:flex; width:max-content; max-width:282px; height:auto; padding:0 6px; margin:auto}
.keditor .ke-list-layer .ke-selector-color .ke-color-pallet {width:100%; height:100%; padding:0;}
.keditor .ke-list-layer .ke-selector-color .ke-color-pallet li {display:flex; float:left; position:relative; margin:0;}
.keditor .ke-list-layer .ke-selector-color .ke-color-pallet button {display:block; width:30px; height:30px; border-radius:0; text-indent:-9999px;}
.keditor .ke-list-layer .ke-selector-color .ke-color-pallet button.active, 
.keditor .ke-list-layer .ke-selector-color .ke-color-pallet button:hover, 
.keditor .ke-list-layer .ke-selector-color .ke-color-pallet button:focus {border:2px solid #fff;}
/* submenu layer - form group (color selector) */
.keditor .ke-submenu-form-group {display:flex; width:100%; height:auto; padding:4px;}
.keditor .ke-submenu-form-group input {flex:auto; display:inline-block; width:72px; height:33px; font-size:12px; margin:1px 0 1px 0; padding:0; border-bottom:2px solid #b1b1b1; outline:none; text-transform:uppercase;}
.keditor .ke-submenu-form-group input:focus {outline:none; border-bottom:2px solid #b1b1b1;}
.keditor .ke-submenu-form-group button {float:right; width:35px; height:30px; padding:0; margin:0 0 0 4px !important;}
.keditor .ke-submenu-form-group button.ke-btn {border:1px solid #ccc;}

/** --- editor area */
.keditor .ke-wrapper {position:static; width:100%; height:auto; border-radius:6px; overflow:hidden; z-index:1;}
.keditor .ke-wrapper ::selection {background:#b5d6fd;}
.keditor .ke-wrapper .ke-wrapper-inner {width:100%; height:100%; overflow-y:auto; overflow-x:auto; -webkit-overflow-scrolling:touch; user-select:text; -o-user-select:text; -moz-user-select:text; -khtml-user-select:text; -webkit-user-select:text; -ms-user-select:text;}
.keditor .ke-wrapper .ke-wrapper-inner:focus {outline:none;}
.keditor .ke-wrapper .ke-wrapper-code {background-color:#191919; color:#fff; font-size:13px; word-break:break-all; padding:0; margin:0;}
.keditor .ke-wrapper .ke-wrapper-wysiwyg {background-color:#fff;}
.keditor .ke-wrapper .ke-wrapper-code-mirror {font-size:13px;}


/** --- resizing bar */
.keditor .ke-resizing-bar {display:flex; width:auto; height:auto; min-height:26px; line-height:26px;border-top:1px solid #dadada; border-radius: 0 0 6px 6px; padding:0 12px; background-color:#fdfdfd; user-select: text; -o-user-select: text; -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -ms-user-select: text;}
.keditor .ke-resizing-back {position:absolute; display:none; cursor:ns-resize; top:0; left:0; width:100%; height:100%; z-index:999;}
/** resizing bar - nabigation */
.keditor .ke-resizing-bar .ke-navigation {flex:auto; position:relative; width:auto; height:auto; color:#666; margin:0; padding:0; font-size:10px; background:transparent;}
/** resizing bar - charCounter */
.keditor .ke-resizing-bar .ke-char-counter-wrapper {flex:none; position:relative; display:block; width:auto; height:auto; margin:0; padding:0; font-size:10px; background:transparent;}
.keditor .ke-resizing-bar .ke-char-counter-wrapper span {color:#999; font-size:12px; font-family:Helvetica Neue, sans-serif;}
.keditor .ke-resizing-bar .ke-char-counter.ke-blink {color:#b94a48; animation:blinker 0.2s linear infinite;}
/** resizing bar - poweredBy  */
.keditor .ke-resizing-bar .ke-powered-by {color:#999; font-size:12px; margin-left:16px; font-family:Helvetica Neue, sans-serif;}
.keditor .ke-resizing-bar .ke-powered-by a {color:#999; text-decoration:none; font-weight:600;}

/* --- dialog ---------------------------------------------------------- */
.keditor .ke-dialog {position:absolute; display:none; top:0; left:0; width:100%; height:100%;user-select:text; -o-user-select:text; -moz-user-select:text; -khtml-user-select:text; -webkit-user-select:text; -ms-user-select:text; z-index:999;}
.keditor .ke-dialog label, .keditor .ke-dialog input, .keditor .ke-dialog button {font-size:14px; line-height:1.5; margin:0;}
.keditor .ke-dialog .ke-dialog-back {position:absolute; width:100%; height:100%; top:0; left:0; background-color:#222; opacity:0.5;}
/* dialog - modal */
.keditor .ke-dialog .ke-dialog-inner {position:absolute; width:100%; height:100%; top:0; left:0;}
.keditor .ke-dialog .ke-dialog-inner .ke-modal-title {font-size:14px; font-weight:bold; margin:0; padding:0; line-height:1.5;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-content {position:relative; width:550px; margin:20px auto; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid rgba(0, 0, 0, .2); border-radius:6px; outline:0; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5);}
@media screen and (max-width:509px) { .keditor .ke-dialog .ke-dialog-inner .ke-dialog-content {width:100%;} }
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-header {height:50px; padding:15px 15px 5px 15px; border-bottom:1px solid #e5e5e5;}
.keditor .ke-dialog .ke-dialog-inner button.close {float:right; font-size:21px; font-weight:bold; line-height:1; color:#666; padding:0 !important; margin:0 !important; background:transparent; border:0; text-shadow:0 1px 0 #fff; -webkit-appearance:none; filter:alpha(opacity=100); opacity:1;}
.keditor .ke-dialog .ke-dialog-inner button.close:hover, .keditor .ke-dialog .ke-dialog-inner button.close:focus {color:#000;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-body {position:relative; padding:15px;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-form {margin-bottom:10px;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-form-footer {margin-top:10px;}
.keditor .ke-dialog .ke-dialog-inner input:disabled {background-color:#f3f3f3;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-size-text {width:100%;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-size-text .size-w {width:70px; text-align:center;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-size-text .size-h {width:70px; text-align:center;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-size-x {margin:0 8px 0 8px; width:25px; text-align:center;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-content label {display:inline-block; max-width:100%; margin-bottom:5px; font-weight:bold;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-content .ke-btn-primary {
    display:inline-block; 
    text-align:center; 
    white-space:nowrap; 
    vertical-align:middle; 
    -ms-touch-action:manipulation; 
    touch-action:manipulation; 
    height: 30px;
    line-height: 30px;
    border: 0;
    border-radius: 3px;
    margin: 2px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    padding: 0 6px;
}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-footer {padding:10px 15px; text-align:right; border-top:1px solid #e5e5e5;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-footer > .footer-div {text-align:left;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-footer > .footer-div > label {margin-top:5px;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-btn-radio {margin-left:12px; margin-right:6px;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-btn-check {margin-left:12px; margin-right:4px;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-form-footer .ke-dialog-btn-check {margin-left:0; margin-right:4px;}
.keditor .ke-dialog .ke-dialog-inner button.ke-btn-cancel {height: 30px; line-height: 30px; border: 0; border-radius: 3px; margin: 2px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; padding: 0 6px; background-color:#ebebeb; border-color:#ebebeb;}
.keditor .ke-dialog .ke-dialog-inner button.ke-btn-cancel:hover { background-color:#e0e0e0; border-color:#e0e0e0;}
/* dialog - modal - input */
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-form .ke-input-control {display:inline-block; width:70px; height:30px; font-size:14px; text-align:center; line-height:28px; color:#555; border:1px solid #ccc; border-radius:3px; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-form .ke-input-form {display:block; width:100%; height:30px; font-size:14px; line-height:28px; padding:0 4px; color:#555; border:1px solid #ccc; border-radius:3px; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-form .ke-input-form:focus, .keditor .ke-dialog .ke-dialog-inner .ke-dialog-form .ke-input-control:focus  {border-color:#80bdff; outline:0; -webkit-box-shadow:0 0 0 0.15rem #c7deff; box-shadow:0 0 0 0.15rem #c7deff;}
/* dialog - revert button */
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-btn-revert {border:1px solid #ccc;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-btn-revert:hover {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
.keditor .ke-dialog .ke-dialog-inner .ke-dialog-btn-revert:active {background-color:#d1d1d1; border-color:#c1c1c1; -webkit-box-shadow:inset 0 3px 5px #c1c1c1; box-shadow:inset 0 3px 5px #c1c1c1;}
/* dialog - inner tab */
.keditor .ke-dialog-tabs {width:100%; height:30px; border-bottom:1px solid #e5e5e5;}
.keditor .ke-dialog-tabs button { border-right:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-radius:0; float:left; outline:none; padding:4px 13px 5px; transition:0.3s;}
.keditor .ke-dialog-tabs button:hover {background-color:#f5f5f5;}
.keditor .ke-dialog-tabs button.active {border-bottom: 1px solid #fff;}

/** --- controller ---------------------------------------------------------- */
.keditor .ke-controller .ke-arrow.ke-arrow-up {border-bottom-color:rgba(0, 0, 0, .25);}
.keditor .ke-controller {position:absolute; display:none; overflow:visible; z-index:6; border:1px solid rgba(0, 0, 0, .25); border-radius:4px; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; word-wrap:normal; white-space:normal; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .2); box-shadow:0 5px 10px rgba(0, 0, 0, .2); line-break:auto;}

/* controller - button group */
.keditor .ke-controller .ke-btn-group {position:relative; display:flex; vertical-align:middle; padding:2px 2px 2px 0; top:0; left:0;}
.keditor .ke-controller .ke-btn-group .ke-btn-group-sub {left:50%; min-width:auto; width:max-content; display:none;/* display: inline-table; */}
.keditor .ke-controller .ke-btn-group .ke-btn-group-sub button {margin:0; min-width:72px;}
.keditor .ke-controller .ke-btn-group button {position:relative; min-height:35px; height:auto; border:none; border-radius:2px; border-top-right-radius:0; border-bottom-right-radius:0; margin:0 0 0 2px; padding:5px 10px; font-size:12px; line-height:1.5; display:inline-block; font-weight:normal; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation;}
.keditor .ke-controller .ke-btn-group button:hover:enabled, .keditor .ke-controller .ke-btn-group button:focus:enabled {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
.keditor .ke-controller .ke-btn-group button:active:enabled {background-color:#d1d1d1; border-color:#c1c1c1; -webkit-box-shadow:inset 0 3px 5px #c1c1c1; box-shadow:inset 0 3px 5px #c1c1c1;}
.keditor .ke-controller .ke-btn-group button span {display:block; padding:0; margin:0;}
/* controller - buttn group active */
.keditor .ke-controller .ke-btn-group button:enabled.active {color:#4592ff; outline:0 none;}
.keditor .ke-controller .ke-btn-group button:enabled.active:hover, .keditor .ke-controller .ke-btn-group button:enabled.active:focus {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
.keditor .ke-controller .ke-btn-group button:enabled.active:active {background-color:#d1d1d1; border-color:#c1c1c1; -webkit-box-shadow:inset 0 3px 5px #c1c1c1; box-shadow:inset 0 3px 5px #c1c1c1;}
/* controller - buttn group on */
.keditor .ke-controller .ke-btn-group button:enabled.on {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
.keditor .ke-controller .ke-btn-group button:enabled.on:hover, .keditor .ke-controller .ke-btn-group button:enabled.on:focus {background-color:#d1d1d1; border-color:#c1c1c1; outline:0 none;}
.keditor .ke-controller .ke-btn-group button:enabled.on:active {background-color:#c1c1c1; border-color:#b1b1b1; -webkit-box-shadow:inset 0 3px 5px #b1b1b1; box-shadow:inset 0 3px 5px #b1b1b1;}

/* controller - resizing(image, iframe) */
.keditor .ke-controller-resizing {margin-top:-50px !important; padding:0; font-size:14px; font-style:normal; font-weight:normal; line-height:1.42857143;}
.keditor .ke-controller-resizing .ke-btn-group .ke-btn-group-sub.ke-resizing-align-list {left:57px;}
.keditor .ke-resizing-container {position:absolute; display:none; z-index:6; border:1px solid #80bdff;}
.keditor .ke-resizing-container .ke-modal-resize {position:absolute; display:inline-block; background-color:#3f9dff; opacity:0.3;}
.keditor .ke-resizing-container .ke-resize-dot {position:absolute; top:0px; left:0px; width:100%; height:100%}
.keditor .ke-resizing-container .ke-resize-dot > span {position:absolute; width:7px; height:7px; background-color:#3f9dff; border:1px solid #4592ff;}
.keditor .ke-resizing-container .ke-resize-dot > span.tl {top:-5px; left:-5px; cursor:nw-resize;}
.keditor .ke-resizing-container .ke-resize-dot > span.tr {top:-5px; right:-5px; cursor:ne-resize;}
.keditor .ke-resizing-container .ke-resize-dot > span.bl {bottom:-5px; left:-5px; cursor:sw-resize;}
.keditor .ke-resizing-container .ke-resize-dot > span.br {right:-5px; bottom:-5px; cursor:ke-resize;}
.keditor .ke-resizing-container .ke-resize-dot > span.lw {left:-7px; bottom:50%; cursor:w-resize;}
.keditor .ke-resizing-container .ke-resize-dot > span.th {left:50%; top:-7px; cursor:n-resize;}
.keditor .ke-resizing-container .ke-resize-dot > span.rw {right:-7px; bottom:50%; cursor:e-resize;}
.keditor .ke-resizing-container .ke-resize-dot > span.bh {right:50%; bottom:-7px; cursor:s-resize;}
.keditor .ke-resizing-container .ke-resize-display {position:absolute; right:0; bottom:0; padding:5px; margin:5px; font-size:12px; color:#fff; background-color:#000; border-radius:2px;}
/* controller - table */
.keditor .ke-controller-table {width:auto; padding:0; font-size:14px; font-style:normal; font-weight:normal; line-height:1.42857143;}
.keditor .ke-controller-table-cell {width:auto; padding:0; font-size:14px; font-style:normal; font-weight:normal; line-height:1.42857143;}
/* controller - link */
.keditor .ke-controller-link {padding:0; font-size:14px; font-style:normal; font-weight:normal; line-height:1.42857143;}
.keditor .ke-controller-link::before, .keditor .ke-controller-link::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.keditor .ke-controller-link .link-content {padding:0; margin:0;}
.keditor .ke-controller-link .link-content a {display:inline-block; color:#4592ff; max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; margin-left:5px;}

/** --- notice */
.keditor .ke-notice {position:relative; display:none; width:100%; height:auto; word-break:break-all; font-size:13px; color:#b94a48; background-color:#f2dede; padding:15px; margin:0; border:1px solid #eed3d7; user-select:text; -o-user-select:text; -moz-user-select:text; -khtml-user-select:text; -webkit-user-select:text; -ms-user-select:text;}
.keditor .ke-notice button {float:right;}

/** --- tooltip */
.keditor .ke-tooltip {position:relative; overflow:visible;}
.keditor .ke-tooltip .ke-tooltip-inner {visibility:hidden; position:absolute; display:block; width:auto; top:120%; left:50%; background:transparent; opacity:0; z-index:10; line-height:1.5; transition:opacity 0.5s; margin:0; padding:0; bottom:auto; float:none; pointer-events:none; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;}
.keditor .ke-tooltip .ke-tooltip-inner .ke-tooltip-text {position:relative; display:inline-block; width:auto; left:-50%; font-size:0.9em; margin:0; padding:4px 6px; border-radius:3px; background-color:#333; color:#fff; text-align:center; line-height:unset; white-space:nowrap; cursor:auto;}
.keditor .ke-tooltip .ke-tooltip-inner .ke-tooltip-text::after {content:""; position:absolute; bottom:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:transparent transparent #333 transparent;}
.keditor .ke-tooltip:hover .ke-tooltip-inner {visibility:visible; opacity:1;}

/** --- show blocks mode */
.ke-show-block p, .ke-show-block div, .ke-show-block h1, .ke-show-block h2, .ke-show-block h3, .ke-show-block h4, .ke-show-block h5, .ke-show-block h6 {
    border:1px dashed #3f9dff;
    padding:10px 8px 8px 8px;
}
.ke-show-block p {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==') no-repeat;}
.ke-show-block div {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==') no-repeat;}
.ke-show-block h1 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC') no-repeat;}
.ke-show-block h2 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==') no-repeat;}
.ke-show-block h3 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC') no-repeat;}
.ke-show-block h4 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC') no-repeat;}
.ke-show-block h5 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC') no-repeat;}
.ke-show-block h6 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC') no-repeat;}

/** --- editable */
/* controller - table - select class */
.keditor-editable table td.ke-table-selected-cell, .keditor-editable table th.ke-table-selected-cell {border:1px double #4592ff; background-color:#f1f7ff;}
.keditor-editable.ke-disabled {user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none;}
.keditor-editable[contenteditable="true"] figure::after {position:absolute; content:''; z-index:1; top:0; left:0; right:0; bottom:0; cursor:default; display:block; background:rgba(0,0,0,0);}
.keditor-editable[contenteditable="true"] figure a, .keditor .ke-wrapper .keditor-editable[contenteditable="true"] figure img {z-index:0;}
.keditor-editable[contenteditable="true"] figure figcaption {z-index:2;}

/** animation */
@keyframes blinker { 50% {opacity:0;} }
@keyframes spinner { to {transform:rotate(360deg);} }