.sun-editor,
.sun-editor-editable {
    --se-caret-color: #333;
    --se-drag-caret-color: #4592ff;
    --se-placeholder-color: #bbb;
    --se-edit-font-color: #333;
    --se-edit-font-pre: #666;
    --se-edit-font-quote: #999;
    --se-edit-background-color: #fff;
    --se-edit-background-pre: #f9f9f9;
    --se-edit-border-light: #e1e1e1;
    --se-edit-border-dark: #b1b1b1;
    --se-edit-border-dark-n1: #c1c1c1;
    --se-edit-border-dark-n2: #d1d1d1;
    --se-edit-border-table: #cecece;
    --se-edit-anchor: #0056b3;
    --se-edit-anchor-on-back: #e8f7ff;
    --se-edit-anchor-on-font: #0093ff;
    --se-edit-hr-color: #333;
    --se-edit-hr-on-back: #c7deff;
    --se-edit-active: #4592ff;
    --se-edit-hover: #e0f4ff;
    --se-edit-outline: #9e9e9e;
    --se-main-out-color: #dadada;
    --se-main-color: #000;
    --se-main-color-lighter: #4c4c4d;
    --se-main-background-color: #fff;
    --se-code-view-color: #24292f;
    --se-main-font-color: #333;
    --se-code-view-background-color: #fff;
    --se-code-view-line-color: #57606a;
    --se-code-view-line-background-color: #f6f8fa;
    --se-markdown-view-color: #24292f;
    --se-markdown-view-background-color: #fff;
    --se-markdown-view-line-color: #57606a;
    --se-markdown-view-line-background-color: #f6f8fa;
    --se-main-divider-color: #e1e1e1;
    --se-main-border-color: #d1d1d1;
    --se-main-outline-color: #b1b1b1;
    --se-main-shadow-color: #ececec;
    --se-statusbar-font-color: #666;
    --se-overlay-background-color: #222;
    --se-find-match-color: #ffd50066;
    --se-find-current-color: #ff9632b3;
    --se-find-no-match-color: #ff50501f;
    --se-hover-color: #000;
    --se-hover-dark-color: #ccc;
    --se-hover-dark2-color: #bfbfbf;
    --se-hover-dark3-color: #b0b0b0;
    --se-hover-light-color: #e1e1e1;
    --se-hover-light2-color: #e6e6e6;
    --se-hover-light3-color: #d9d9d9;
    --se-active-color: #5cd2e6;
    --se-active-hover-color: #2964b7;
    --se-active-dark-color: #80bdff;
    --se-active-dark2-color: #407dd1;
    --se-active-dark3-color: #4592ff;
    --se-active-dark4-color: #3f9dff;
    --se-active-dark5-color: #1275ff;
    --se-active-light-color: #e6f2ff;
    --se-active-light2-color: #eaf3ff;
    --se-active-light3-color: #d0e3ff;
    --se-active-light4-color: #dbeaff;
    --se-active-light5-color: #c4ddff;
    --se-active-light6-color: #b7ccf2;
    --se-shadow-layer-color: #00000040;
    --se-drag-over-color: #f0c20a;
    --se-modal-background-color: #fff;
    --se-modal-color: #333;
    --se-modal-border-color: #e5e5e5;
    --se-modal-anchor-color: #004cff;
    --se-modal-preview-color: #666;
    --se-modal-file-input-background-color: #f9f9f9;
    --se-modal-input-disabled-color: #999;
    --se-modal-input-disabled-background-color: #f3f3f3;
    --se-dropdown-font-color: #555;
    --se-controller-border-color: #999;
    --se-controller-background-color: #fff;
    --se-controller-color: #333;
    --se-shadow-controller-color: #0003;
    --se-input-btn-border-color: #ccc;
    --se-input-btn-disabled-color: #bdbdbd;
    --se-table-picker-color: #f5f5f5;
    --se-table-picker-border-color: #ddd;
    --se-table-picker-highlight-color: #cce0ff;
    --se-table-picker-highlight-border-color: #90b5e2;
    --se-success-color: green;
    --se-success-dark-color: #628562;
    --se-success-dark2-color: #419c41;
    --se-success-dark3-color: #006c00;
    --se-success-light-color: #dff4e6;
    --se-success-light2-color: #d5f3e0;
    --se-success-light3-color: #c1f4d3;
    --se-success-light4-color: #769c76;
    --se-success-light5-color: #89b589;
    --se-error-color: #b94a48;
    --se-error-dark-color: #e1a6a2;
    --se-error-dark2-color: #db8d8c;
    --se-error-dark3-color: #d17872;
    --se-error-light-color: #f5d0c8;
    --se-error-light2-color: #eed3d7;
    --se-error-light3-color: #f2dede;
    --se-error-light4-color: #f7deda;
    --se-error-light5-color: #f8e3e1;
    --se-doc-background: #f2f5fa;
    --se-doc-info-page-font-color: #f5f5f5;
    --se-doc-info-page-background-color: #b1b1b1;
    --se-doc-info-font-color: #4c4c4c;
    --se-doc-info-active-color: #4a32ff;
    --se-loading-color: #07d;
    --se-show-blocks-color: #3f9dff;
    --se-show-blocks-li-color: #d539ff;
    --se-show-blocks-pre-color: #34c38f;
    --se-show-blocks-component-color: #f4b124;
    --se-edit-inner-padding: 1.5em 1.5em;
    --se-edit-inner-padding-doc-type: 2.5rem 2.5rem;
    --se-edit-scroll-margin: 3em;
    --se-border-radius: 3px;
    --se-border-radius-lg: 6px;
    --se-min-height: 65px;
    --se-scroll-padding: 2em;
    --se-modal-input-width: 70px;
    --se-input-btn-size: 32px;
    --se-doc-min-padding: 1rem;
    --se-doc-max-padding: 1.5rem;
    --se-doc-padding-factor: 0.5;
    --se-doc-info-width: 18%;
    --se-doc-info-min-width: 16ch;
    --se-doc-info-inner-padding: 2ch;
    --se-doc-info-inner-line-padding: 0.5ch;
    --se-doc-info-page-width: 16px;
    --se-doc-info-inner-line-indent-h1: 0em;
    --se-doc-info-inner-line-indent-h2: 0.4em;
    --se-doc-info-inner-line-indent-h3: 0.8em;
    --se-doc-info-inner-line-indent-h4: 1.2em;
    --se-doc-info-inner-line-indent-h5: 1.6em;
    --se-doc-info-inner-line-indent-h6: 2em;
    --se-edit-font-size: 16px;
    --se-edit-line-height: 1.5em;
    --se-main-font-family: Arial, sans-serif;
    --se-content-font-family: Arial, sans-serif;
    --se-main-font-size: 14px;
    --se-markdown-font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --se-codeview-font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --se-btn-font-size: 14px;
    --se-statusbar-font-size: 12px;
    --se-modal-title-font-size: 15px;
    --se-modal-input-font-size: 14px;
    --se-browser-title-font-size: 16px;
    --se-controller-font-size: 14px;
    --se-doc-info-font-size: 14px;
    --se-doc-info-inner-line-weight-h1: 700;
    --se-doc-info-inner-line-weight-h2: 500;
    --se-doc-info-inner-line-weight-h3: 400;
    --se-doc-info-inner-line-weight-h4: 300;
    --se-doc-info-inner-line-weight-h5: 300;
    --se-doc-info-inner-line-weight-h6: 300
}

.sun-editor {
    background-color: var(--se-main-background-color);
    border: 1px solid var(--se-main-out-color);
    box-sizing: border-box;
    color: var(--se-main-color);
    font-family: var(--se-main-font-family);
    font-size: var(--se-main-font-size);
    height: auto;
    width: auto
}

.sun-editor * {
    box-sizing: border-box;
    overflow: visible
}

.sun-editor-common blockquote,
.sun-editor-common body,
.sun-editor-common button,
.sun-editor-common code,
.sun-editor-common dd,
.sun-editor-common div,
.sun-editor-common dl,
.sun-editor-common dt,
.sun-editor-common fieldset,
.sun-editor-common form,
.sun-editor-common h1,
.sun-editor-common h2,
.sun-editor-common h3,
.sun-editor-common h4,
.sun-editor-common h5,
.sun-editor-common h6,
.sun-editor-common input,
.sun-editor-common legend,
.sun-editor-common li,
.sun-editor-common ol,
.sun-editor-common p,
.sun-editor-common pre,
.sun-editor-common select,
.sun-editor-common td,
.sun-editor-common textarea,
.sun-editor-common th,
.sun-editor-common ul {
    border: 0;
    margin: 0;
    padding: 0
}

.sun-editor-common input,
.sun-editor-common select,
.sun-editor-common textarea {
    background-color: inherit
}

.sun-editor-common dl,
.sun-editor-common menu,
.sun-editor-common ol,
.sun-editor-common ul {
    list-style: none
}

.sun-editor-common hr {
    margin: 6px 0 !important
}

.sun-editor textarea {
    border: 0;
    padding: 0;
    resize: none
}

.sun-editor button {
    background-color: initial;
    border: 0;
    cursor: pointer;
    outline: none;
    touch-action: manipulation
}

.sun-editor button,
.sun-editor input,
.sun-editor select,
.sun-editor textarea {
    vertical-align: middle
}

.sun-editor button span {
    display: block;
    margin: 0;
    padding: 0
}

.sun-editor button .se-txt {
    display: block;
    line-height: 2;
    margin-top: 0;
    max-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sun-editor .se-wrapper.se-type-document {
    background-color: var(--se-doc-background);
    box-shadow: inset 0 4px 4px #0000001a;
    padding: clamp(var(--se-doc-min-padding), var(--se-doc-min-padding) + calc(var(--se-doc-padding-factor)*1vw), var(--se-doc-max-padding))
}

.sun-editor .se-wrapper.se-type-document>.se-wrapper-inner {
    box-shadow: 0 0 5px #0000001a
}

.sun-editor .se-wrapper.se-type-document .se-document-lines {
    background-color: initial;
    font-size: var(--se-doc-info-font-size);
    min-width: var(--se-doc-info-min-width);
    overflow-x: hidden;
    overflow-y: auto;
    width: var(--se-doc-info-width);
    z-index: 1
}

.sun-editor .se-wrapper.se-type-document .se-document-lines.se-document-responsible {
    min-width: unset !important
}

.sun-editor .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner {
    padding: var(--se-doc-info-inner-padding);
    padding-right: var(--se-doc-info-inner-line-padding)
}

.sun-editor .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-item {
    color: var(--se-doc-info-font-color);
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: var(--se-doc-info-inner-line-padding);
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.sun-editor .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-item:hover {
    text-decoration: underline
}

.sun-editor .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-item.active {
    color: var(--se-doc-info-active-color)
}

.sun-editor .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-h1 {
    font-weight: var(--se-doc-info-inner-line-weight-h1);
    padding-left: var(--se-doc-info-inner-line-indent-h1)
}

.sun-editor .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-h2 {
    font-weight: var(--se-doc-info-inner-line-weight-h2);
    padding-left: var(--se-doc-info-inner-line-indent-h2)
}

.sun-editor .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-h3 {
    font-weight: var(--se-doc-info-inner-line-weight-h3);
    padding-left: var(--se-doc-info-inner-line-indent-h3)
}

.sun-editor .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-h4 {
    font-weight: var(--se-doc-info-inner-line-weight-h4);
    padding-left: var(--se-doc-info-inner-line-indent-h4)
}

.sun-editor .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-h5 {
    font-weight: var(--se-doc-info-inner-line-weight-h5);
    padding-left: var(--se-doc-info-inner-line-indent-h5)
}

.sun-editor .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-h6 {
    font-weight: var(--se-doc-info-inner-line-weight-h6);
    padding-left: var(--se-doc-info-inner-line-indent-h6)
}

.sun-editor .se-wrapper.se-type-document .se-document-page {
    pointer-events: none;
    position: relative;
    text-align: center
}

.sun-editor .se-wrapper.se-type-document .se-document-page>div {
    background-color: var(--se-doc-info-page-background-color);
    color: var(--se-doc-info-page-font-color);
    font-size: inherit;
    left: 0;
    margin-left: 1px;
    padding: 1px 0;
    position: absolute;
    width: var(--se-doc-info-page-width)
}

.sun-editor .se-wrapper.se-type-document .se-document-page>div>div.se-document-page-line {
    border-bottom: 1px dashed var(--se-doc-info-page-background-color);
    display: block;
    height: 0;
    position: absolute;
    right: 100%;
    top: 0
}

.sun-editor .se-wrapper.se-type-document .se-placeholder {
    left: clamp(var(--se-doc-min-padding));
    padding: var(--se-edit-inner-padding-doc-type);
    right: clamp(var(--se-doc-min-padding));
    top: clamp(var(--se-doc-min-padding))
}

.sun-editor .se-wrapper.se-type-document.se-type-document-header .se-placeholder {
    margin-left: max(var(--se-doc-info-min-width), var(--se-doc-info-width));
    margin-right: max(var(--se-doc-info-min-width), var(--se-doc-info-width))
}

.sun-editor .se-wrapper .CodeMirror,
.sun-editor .se-wrapper .cm-editor,
.sun-editor .se-wrapper .se-code-viewer-mirror {
    font-size: var(--se-main-font-size)
}

.sun-editor button * {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    pointer-events: none
}

.sun-editor button {
    color: var(--se-main-color)
}

.sun-editor .se-btn {
    border-color: var(--se-input-btn-border-color);
    border-radius: var(--se-border-radius);
    border-style: solid;
    border-width: 0;
    float: left;
    font-size: var(--se-btn-font-size);
    height: var(--se-input-btn-size);
    line-height: 1.8;
    margin: 1px;
    padding: 0;
    transition: border-color .3s ease, background-color .3s ease, color .3s ease;
    width: var(--se-input-btn-size)
}

.sun-editor .se-form-group button.se-btn {
    border-width: 1px
}

.sun-editor .se-btn:not(.on):not(.active):enabled:focus,
.sun-editor .se-btn:not(.on):not(.active):enabled:hover {
    background-color: var(--se-hover-light-color);
    border-color: var(--se-hover-dark-color);
    color: var(--se-hover-color)
}

.sun-editor .se-btn:not(.on):not(.active):enabled.__se__active,
.sun-editor .se-btn:not(.on):not(.active):enabled:active {
    background-color: var(--se-hover-light2-color);
    border-color: var(--se-hover-dark2-color) !important;
    box-shadow: 0 0 0 .3rem var(--se-hover-light2-color);
    outline: 1px solid var(--se-hover-dark3-color) !important;
    transition: box-shadow .1s ease-in-out
}

.sun-editor .se-menu-list li:hover .se-btn-input input:enabled,
.sun-editor .se-menu-list li:hover .se-side-btn-a:not(.on):not(.active):enabled,
.sun-editor .se-menu-list li:hover .se-side-btn-after:not(.on):not(.active):enabled,
.sun-editor .se-menu-list li:hover .se-side-btn-b:not(.on):not(.active):enabled,
.sun-editor .se-menu-list li:hover .se-side-btn-before:not(.on):not(.active):enabled {
    border-color: var(--se-hover-dark-color);
    border-style: solid;
    border-width: 1px
}

.sun-editor .se-menu-list li .se-btn-input.active input:enabled,
.sun-editor .se-menu-list li .se-btn-input.on input:enabled,
.sun-editor .se-menu-list li .se-side-btn-after.active:enabled,
.sun-editor .se-menu-list li .se-side-btn-after.on:enabled,
.sun-editor .se-menu-list li .se-side-btn-before.active:enabled,
.sun-editor .se-menu-list li .se-side-btn-before.on:enabled {
    border-color: var(--se-active-dark3-color)
}

.sun-editor .se-menu-list li .se-side-btn-after.active:enabled,
.sun-editor .se-menu-list li .se-side-btn-after.on:enabled {
    border-left: 1px solid;
    border-right: 0
}

.sun-editor .se-menu-list li .se-side-btn-before.active:enabled,
.sun-editor .se-menu-list li .se-side-btn-before.on:enabled {
    border-left: 0;
    border-right: 1px solid
}

.sun-editor .se-menu-list li .se-btn-input.active input:enabled,
.sun-editor .se-menu-list li .se-btn-input.on input:enabled {
    border-style: solid;
    border-width: 1px
}

.sun-editor .se-menu-list li:hover .se-btn-input.active input:enabled,
.sun-editor .se-menu-list li:hover .se-btn-input.on input:enabled,
.sun-editor .se-menu-list li:hover .se-side-btn-after.active:enabled,
.sun-editor .se-menu-list li:hover .se-side-btn-after.on:enabled,
.sun-editor .se-menu-list li:hover .se-side-btn-before.active:enabled,
.sun-editor .se-menu-list li:hover .se-side-btn-before.on:enabled {
    border-color: var(--se-active-dark4-color)
}

.sun-editor .se-btn:enabled.on {
    background-color: var(--se-active-light2-color);
    border-color: var(--se-active-light5-color);
    color: var(--se-active-dark3-color)
}

.sun-editor .se-btn:enabled.on:focus,
.sun-editor .se-btn:enabled.on:hover {
    background-color: var(--se-active-light3-color);
    border-color: var(--se-active-light5-color);
    color: var(--se-active-hover-color)
}

.sun-editor .se-btn:enabled.on.__se__active,
.sun-editor .se-btn:enabled.on:active {
    background-color: var(--se-active-light3-color);
    border-color: var(--se-active-light3-color) !important;
    box-shadow: 0 0 0 .3rem var(--se-active-light3-color);
    color: var(--se-active-color);
    color: 1px solid var(--se-active-color);
    outline: 1px solid var(--se-active-color) !important;
    transition: box-shadow .1s ease-in-out
}

.sun-editor .se-btn:enabled.active {
    background-color: var(--se-active-light4-color);
    border-color: var(--se-active-dark-color);
    color: var(--se-active-dark3-color)
}

.sun-editor .se-btn:enabled.active:focus,
.sun-editor .se-btn:enabled.active:hover {
    background-color: var(--se-active-light5-color);
    border-color: var(--se-active-dark4-color);
    color: var(--se-active-hover-color)
}

.sun-editor .se-btn:enabled.active.__se__active,
.sun-editor .se-btn:enabled.active:active {
    background-color: var(--se-active-light5-color);
    border-color: var(--se-active-dark5-color) !important;
    box-shadow: 0 0 0 .3rem var(--se-active-light5-color);
    color: var(--se-active-hover-color);
    outline: 1px solid var(--se-active-dark5-color) !important;
    transition: box-shadow .1s ease-in-out;
    z-index: 1
}

.sun-editor .se-btn.se-btn-plain,
.sun-editor .se-btn.se-btn-plain:not(.on):not(.active):enabled:focus,
.sun-editor .se-btn.se-btn-plain:not(.on):not(.active):enabled:hover {
    background-color: initial;
    border-color: #0000;
    box-shadow: none
}

.sun-editor .se-btn.se-btn-plain:not(.on):not(.active):enabled.__se__active,
.sun-editor .se-btn.se-btn-plain:not(.on):not(.active):enabled:active {
    background-color: initial;
    border-color: #0000 !important;
    box-shadow: none;
    outline: none !important
}

.sun-editor .se-btn-primary {
    background-color: var(--se-active-light2-color);
    border: 1px solid var(--se-active-dark5-color);
    border-radius: var(--se-border-radius);
    outline: 0 none;
    transition: border-color .3s ease, background-color .3s ease, color .3s ease
}

.sun-editor .se-btn-primary:focus,
.sun-editor .se-btn-primary:hover {
    background-color: var(--se-active-light5-color)
}

.sun-editor .se-btn-primary.__se__active,
.sun-editor .se-btn-primary:active {
    background-color: var(--se-active-light2-color);
    border-color: var(--se-active-light2-color) !important;
    box-shadow: 0 0 0 .3rem var(--se-active-light2-color);
    outline: 1px solid var(--se-active-dark5-color) !important;
    transition: box-shadow .1s ease-in-out
}

.sun-editor .se-btn.se-btn-success {
    border-color: var(--se-success-light5-color);
    color: var(--se-success-color)
}

.sun-editor .se-btn.se-btn-success:not(.on):not(.active):enabled:focus,
.sun-editor .se-btn.se-btn-success:not(.on):not(.active):enabled:hover {
    background-color: var(--se-success-light-color);
    border-color: var(--se-success-light5-color)
}

.sun-editor .se-btn.se-btn-success:not(.on):not(.active):enabled.__se__active,
.sun-editor .se-btn.se-btn-success:not(.on):not(.active):enabled:active {
    background-color: var(--se-success-light-color);
    border-color: var(--se-success-light-color) !important;
    box-shadow: 0 0 0 .3rem var(--se-success-light-color);
    outline: 1px solid var(--se-success-light5-color) !important;
    transition: box-shadow .1s ease-in-out
}

.sun-editor .se-btn.se-btn-success:enabled.on {
    background-color: var(--se-success-light-color);
    border-color: var(--se-success-light5-color);
    color: var(--se-success-color)
}

.sun-editor .se-btn.se-btn-success:enabled.on:focus,
.sun-editor .se-btn.se-btn-success:enabled.on:hover {
    background-color: var(--se-success-light2-color);
    border-color: var(--se-success-light4-color);
    color: var(--se-success-color)
}

.sun-editor .se-btn.se-btn-success:enabled.on.__se__active,
.sun-editor .se-btn.se-btn-success:enabled.on:active {
    background-color: var(--se-success-light2-color);
    border-color: var(--se-success-light2-color) !important;
    box-shadow: 0 0 0 .3rem var(--se-success-light2-color);
    color: var(--se-success-color);
    color: 1px solid var(--se-success-color);
    outline: 1px solid var(--se-success-dark-color) !important;
    transition: box-shadow .1s ease-in-out
}

.sun-editor .se-btn.se-btn-success:enabled.active {
    background-color: var(--se-success-light2-color);
    border-color: var(--se-success-dark2-color);
    color: var(--se-success-color)
}

.sun-editor .se-btn.se-btn-success:enabled.active:focus,
.sun-editor .se-btn.se-btn-success:enabled.active:hover {
    background-color: var(--se-success-light3-color);
    border-color: var(--se-success-dark2-color);
    color: var(--se-success-dark3-color)
}

.sun-editor .se-btn.se-btn-success:enabled.active.__se__active,
.sun-editor .se-btn.se-btn-success:enabled.active:active {
    background-color: var(--se-success-light3-color);
    border-color: var(--se-success-light3-color) !important;
    box-shadow: 0 0 0 .3rem var(--se-success-light3-color);
    color: var(--se-success-dark3-color);
    outline: 1px solid var(--se-success-dark2-color) !important;
    transition: box-shadow .1s ease-in-out
}

.sun-editor .se-btn.se-btn-danger {
    border-color: var(--se-error-dark-color);
    color: var(--se-error-color)
}

.sun-editor .se-btn.se-btn-danger:not(.on):not(.active):enabled:focus,
.sun-editor .se-btn.se-btn-danger:not(.on):not(.active):enabled:hover {
    background-color: var(--se-error-light5-color);
    border-color: var(--se-error-dark-color)
}

.sun-editor .se-btn.se-btn-danger:not(.on):not(.active):enabled.__se__active,
.sun-editor .se-btn.se-btn-danger:not(.on):not(.active):enabled:active {
    background-color: var(--se-error-light5-color);
    border-color: var(--se-error-light5-color) !important;
    box-shadow: 0 0 0 .3rem var(--se-error-light5-color);
    outline: 1px solid var(--se-error-dark-color) !important;
    transition: box-shadow .1s ease-in-out
}

.sun-editor .se-btn.se-btn-danger:enabled.on {
    background-color: var(--se-error-light5-color);
    border-color: var(--se-error-dark-color);
    color: var(--se-error-color)
}

.sun-editor .se-btn.se-btn-danger:enabled.on:focus,
.sun-editor .se-btn.se-btn-danger:enabled.on:hover {
    background-color: var(--se-error-light4-color);
    border-color: var(--se-error-dark-color);
    color: var(--se-error-color)
}

.sun-editor .se-btn.se-btn-danger:enabled.on.__se__active,
.sun-editor .se-btn.se-btn-danger:enabled.on:active {
    background-color: var(--se-error-light-color);
    border-color: var(--se-error-light-color) !important;
    box-shadow: 0 0 0 .3rem var(--se-error-light4-color);
    color: var(--se-error-color);
    outline: 1px solid var(--se-error-dark3-color) !important;
    transition: box-shadow .1s ease-in-out
}

.sun-editor .se-btn.se-btn-danger:enabled.active {
    background-color: var(--se-error-light4-color);
    border-color: var(--se-error-dark3-color);
    color: var(--se-error-color)
}

.sun-editor .se-btn.se-btn-danger:enabled.active:focus,
.sun-editor .se-btn.se-btn-danger:enabled.active:hover {
    background-color: var(--se-error-light-color);
    border-color: var(--se-error-dark3-color);
    color: var(--se-error-color)
}

.sun-editor .se-btn.se-btn-danger:enabled.active.__se__active,
.sun-editor .se-btn.se-btn-danger:enabled.active:active {
    background-color: var(--se-error-light-color);
    border-color: var(--se-error-light-color) !important;
    box-shadow: 0 0 0 .3rem var(--se-error-light-color);
    color: var(--se-error-color);
    outline: 1px solid var(--se-error-dark3-color) !important;
    transition: box-shadow .1s ease-in-out
}

.sun-editor input,
.sun-editor select,
.sun-editor textarea {
    border: 1px solid var(--se-input-btn-border-color);
    border-radius: var(--se-border-radius);
    color: var(--se-main-color)
}

.sun-editor .se-btn:disabled,
.sun-editor button:disabled,
.sun-editor input:disabled {
    color: var(--se-input-btn-disabled-color);
    cursor: default
}

.sun-editor .se-btn-list {
    cursor: pointer;
    font-size: var(--se-btn-font-size);
    height: auto;
    line-height: normal;
    min-height: 32px;
    padding: 0 14px;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    width: 100%
}

.sun-editor .se-btn-list.default_value {
    border: 1px dashed var(--se-main-outline-color)
}

.sun-editor .se-sub-list:has(:not([style*="display: none"])) {
    border-bottom: 1px dashed var(--se-main-outline-color);
    color: color-mix(in srgb, currentColor 45%, #0000);
    cursor: auto;
    font-size: .75rem;
    letter-spacing: .25px;
    padding: 14px 14px 3px
}

.sun-editor .se-btn.se-btn-tool-pageNavigator>input {
    color: var(--se-main-color-lighter);
    text-align: center;
    width: var(--se-input-btn-size)
}

.sun-editor .se-btn.se-btn-tool-pageNavigator>input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.sun-editor .se-btn.se-btn-tool-pageNavigator>input[type=number]::-webkit-inner-spin-button,
.sun-editor .se-btn.se-btn-tool-pageNavigator>input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.sun-editor .se-btn.se-btn-tool-pageNavigator~span {
    align-content: center;
    font-size: var(--se-main-font-size);
    margin-left: -10px;
    text-align: center
}

.sun-editor .se-btn.se-btn-tool-pageNavigator~span:before {
    content: "/";
    margin: 0 .6em
}

.sun-editor svg {
    fill: currentColor;
    vertical-align: super
}

.sun-editor .se-svg,
.sun-editor button>svg {
    display: block;
    fill: currentColor;
    float: none;
    height: 20px;
    margin: auto;
    text-align: center;
    width: 20px
}

.sun-editor button>svg.se-ci {
    height: 15px;
    width: 15px
}

.sun-editor .se-text-prefix-icon {
    float: left;
    height: 20px;
    width: 20px
}

.sun-editor .se-text-prefix-icon svg {
    vertical-align: middle
}

.sun-editor button.se-sub-arrow-btn {
    width: 18px
}

.sun-editor button.se-sub-arrow-btn svg {
    width: 8px
}

.sun-editor button.se-sub-btn {
    width: 24px
}

.sun-editor button.se-sub-btn svg {
    width: 12px
}

.sun-editor button.se-side-btn {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0
}

.sun-editor button.se-side-btn-a {
    border-radius: var(--se-border-radius) 0 0 var(--se-border-radius);
    float: left;
    margin-right: 0
}

.sun-editor button.se-side-btn-b {
    border-radius: 0 var(--se-border-radius) var(--se-border-radius) 0;
    float: left;
    margin-left: 0
}

.sun-editor button.se-side-btn-before {
    border-radius: var(--se-border-radius) 0 0 var(--se-border-radius);
    float: left;
    margin-right: 0
}

.sun-editor button.se-side-btn-after {
    border-radius: 0 var(--se-border-radius) var(--se-border-radius) 0;
    margin-left: 0
}

.sun-editor button.se-btn-list>* li:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSIjZmZmIiBkPSJNMTkgMTNINXYtMmgxNHoiLz48L3N2Zz4=);
    background-size: cover;
    content: "";
    display: inline-block;
    height: 13px;
    opacity: .5;
    width: 18px
}

.sun-editor .se-btn-select>svg {
    float: right;
    height: 8px !important;
    width: 8px !important
}

.sun-editor .se-select-item .se-list-icon {
    display: inline-block;
    height: 16px;
    margin: 0 6px 6px 0;
    vertical-align: middle;
    width: 16px
}

.sun-editor .se-btn-list>.se-list-icon {
    display: inline-block;
    height: 16px;
    margin: -1px 10px 0 0;
    vertical-align: middle;
    width: 16px
}

.sun-editor button>i:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: var(--se-modal-title-font-size);
    font-style: normal;
    font-variant: normal;
    line-height: 2;
    text-rendering: auto
}

.sun-editor button>[class=se-icon-text] {
    font-size: 20px;
    line-height: 1
}

.sun-editor .se-arrow,
.sun-editor .se-arrow:after {
    border: 12px solid #0000;
    display: block;
    height: 0;
    margin-left: -12px;
    margin-right: 0;
    position: absolute;
    width: 0
}

.sun-editor .se-controller .se-arrow {
    left: 20px;
    margin-left: -12px;
    margin-right: 0;
    right: auto
}

.sun-editor .se-arrow.se-arrow-up {
    border-bottom-color: var(--se-controller-border-color);
    border-top-width: 0;
    top: -12px
}

.sun-editor .se-arrow.se-arrow-up:after {
    border-bottom-color: var(--se-main-background-color);
    border-top-width: 0;
    content: " ";
    top: 1px
}

.sun-editor .se-arrow.se-arrow-down {
    border-bottom-width: 0;
    border-top-color: var(--se-controller-border-color);
    bottom: -12px
}

.sun-editor .se-arrow.se-arrow-down:after {
    border-bottom-width: 0;
    border-top-color: var(--se-controller-background-color);
    content: " ";
    top: -14px
}

.sun-editor .se-container {
    height: auto;
    position: relative;
    width: auto
}

.sun-editor .se-loading-box {
    background-color: initial;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483647
}

.sun-editor .se-container .se-loading-box {
    position: absolute
}

.sun-editor .se-loading-box .se-loading-effect {
    -webkit-animation: spinner .8s linear infinite;
    animation: spinner .8s linear infinite;
    border: 2px solid #0000;
    border-radius: 50%;
    border-right: 2px solid var(--se-loading-color);
    border-top: 2px solid var(--se-loading-color);
    display: block;
    height: 44px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 44px
}

.sun-editor .se-line-breaker-component {
    background-color: var(--se-main-background-color);
    border: 1px solid var(--se-drag-over-color);
    border-radius: var(--se-border-radius);
    color: var(--se-drag-over-color);
    cursor: pointer;
    display: none;
    height: 24px;
    opacity: .95;
    position: absolute;
    transition: opacity .3s ease, color .3s ease, background-color .3s ease;
    width: 24px;
    z-index: 2147483647
}

.sun-editor .se-line-breaker-component.se-on-selected {
    background-color: var(--se-main-background-color);
    border: 1px solid var(--se-active-color);
    color: var(--se-active-color)
}

.sun-editor .se-line-breaker-component:hover {
    background-color: var(--se-active-dark3-color);
    border-color: var(--se-active-color);
    color: var(--se-main-background-color);
    opacity: .9
}

.sun-editor .se-toolbar {
    background-color: var(--se-main-background-color);
    display: block;
    height: auto;
    margin: 0;
    outline: 1px solid var(--se-main-divider-color);
    overflow: visible;
    padding: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 7
}

.sun-editor .se-toolbar-shadow {
    background-color: initial !important;
    border: none !important;
    display: block !important;
    height: 0 !important;
    margin: 0 !important;
    outline: none !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative !important;
    visibility: hidden !important;
    width: 100% !important;
    z-index: 0 !important
}

.sun-editor .se-toolbar.se-toolbar-inline {
    display: none;
    position: absolute
}

.sun-editor .se-toolbar.se-toolbar-balloon {
    box-shadow: 0 3px 9px var(--se-shadow-layer-color);
    -webkit-box-shadow: 0 3px 9px var(--se-shadow-layer-color);
    display: none;
    position: absolute;
    width: auto;
    z-index: 2147483646
}

.sun-editor .se-toolbar.se-toolbar-relative {
    position: relative;
    top: auto
}

.sun-editor .se-toolbar.se-toolbar-sticky {
    position: fixed;
    top: 0
}

.sun-editor .se-toolbar-sticky-dummy {
    display: none;
    position: static;
    z-index: -1
}

.sun-editor .se-toolbar.se-toolbar-bottom {
    bottom: 0;
    top: auto
}

.sun-editor .se-toolbar.se-toolbar-bottom .se-btn-tray {
    display: flex;
    flex-wrap: wrap;
    padding: 4px 3px
}

.sun-editor .se-toolbar.se-toolbar-bottom .se-btn-tray>.se-toolbar-more-layer {
    border-top: none;
    order: -1;
    width: 100%
}

.sun-editor .se-toolbar.se-toolbar-bottom .se-toolbar-more-layer .se-more-layer {
    border-bottom: 1px solid var(--se-main-divider-color);
    border-top: none;
    margin-bottom: 4px
}

.sun-editor .se-toolbar.se-toolbar-sticky.se-toolbar-bottom {
    bottom: 0;
    top: auto
}

.sun-editor .se-toolbar.se-toolbar-bottom .se-tooltip .se-tooltip-inner {
    bottom: 120%;
    top: auto
}

.sun-editor .se-toolbar.se-toolbar-bottom .se-tooltip .se-tooltip-inner .se-tooltip-text:after {
    border-color: var(--se-main-font-color) #0000 #0000 #0000;
    bottom: auto;
    top: 100%
}

.sun-editor .se-toolbar .se-arrow.se-arrow-up {
    border-bottom-color: var(--se-main-divider-color)
}

.sun-editor .se-toolbar .se-arrow.se-arrow-up:after {
    border-bottom-color: var(--se-main-background-color)
}

.sun-editor .se-toolbar .se-arrow.se-arrow-down {
    border-top-color: var(--se-main-divider-color)
}

.sun-editor .se-toolbar .se-arrow.se-arrow-down:after {
    border-top-color: var(--se-main-background-color)
}

.sun-editor .se-btn-module {
    display: inline-block
}

.sun-editor .se-btn-module-border {
    border: none;
    border-radius: var(--se-border-radius);
    margin-left: 1px;
    margin-right: 1px
}

.sun-editor .se-toolbar-separator-vertical {
    background-color: var(--se-main-divider-color);
    display: inline-block;
    height: var(--se-input-btn-size);
    margin: 1px;
    vertical-align: top;
    width: 1px
}

.sun-editor .se-btn-module-enter {
    background-color: initial;
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
    width: 100%
}

.sun-editor .se-toolbar-more-layer {
    background-color: var(--se-main-background-color);
    margin: 0 -3px
}

.sun-editor .se-toolbar-more-layer .se-more-layer {
    border-top: 1px solid var(--se-main-divider-color);
    display: none
}

.sun-editor .se-toolbar-more-layer .se-more-layer .se-more-form {
    display: inline-block;
    height: auto;
    padding: 4px 3px 0;
    width: 100%
}

.sun-editor .se-btn-module .se-btn-more.se-btn-more-text {
    padding: 0 4px;
    width: auto
}

.sun-editor .se-menu-list,
.sun-editor .se-menu-list li {
    float: left;
    margin: 0;
    padding: 0
}

.sun-editor .se-menu-list li {
    position: relative
}

.sun-editor .se-menu-list li.se-toolbar-hidden-btn {
    display: none
}

.sun-editor .se-menu-list li .se-toolbar-btn:not(input) {
    border-color: #0000
}

.sun-editor .se-btn-select {
    display: flex;
    padding: 4px 6px;
    width: auto
}

.sun-editor .se-btn-select .se-txt {
    align-items: center;
    display: flex;
    flex: auto;
    margin-right: 4px;
    text-align: left
}

.sun-editor .se-btn-select .se-not-arrow-text {
    flex: auto;
    margin: 0;
    text-align: center
}

.sun-editor .se-btn-select.on .se-txt+svg {
    transform: rotate(-180deg)
}

.sun-editor .se-btn-select.se-btn-tool-font {
    width: 128px
}

.sun-editor .se-btn-select.se-btn-tool-format {
    width: 96px
}

.sun-editor .se-btn-select.se-btn-tool-font-size .se-txt {
    margin: 0;
    width: 66px
}

.sun-editor .se-btn-select.se-btn-tool-font-size .se-not-arrow-text {
    width: 50px
}

.sun-editor .se-btn-input {
    border: 0 !important;
    padding: 0 !important
}

.sun-editor .se-btn-input input {
    border: 0;
    font-size: var(--se-main-font-size);
    height: var(--se-input-btn-size)
}

.sun-editor .se-btn-input input:hover {
    border: 1px solid var(--se-main-border-color)
}

.sun-editor .se-btn-input input:focus {
    border: 1px solid var(--se-active-color) !important;
    outline: 0
}

.sun-editor .se-btn-tray {
    height: auto;
    margin: 0;
    padding: 4px 3px 0;
    position: relative;
    width: 100%
}

.sun-editor .se-menu-tray {
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2147483646
}

.sun-editor .se-dropdown {
    overflow-x: hidden;
    overflow-y: auto
}

.sun-editor .se-menu-container {
    overflow-x: unset;
    overflow-y: unset
}

.sun-editor .se-list-layer {
    background-color: var(--se-main-background-color);
    border: 1px solid var(--se-main-divider-color);
    border-radius: var(--se-border-radius-lg);
    box-shadow: 0 3px 9px var(--se-shadow-layer-color);
    display: none;
    height: auto;
    left: 0;
    outline: 0 none;
    padding: 4px;
    position: absolute;
    top: 0;
    z-index: 5
}

.sun-editor .se-list-layer .se-list-inner {
    margin: 0;
    overflow: visible;
    padding: 0
}

.sun-editor .se-list-layer button {
    margin: 0 0 2px;
    width: 100%
}

.sun-editor .se-list-inner ul {
    margin: auto;
    padding: 0;
    width: 100%
}

.sun-editor .se-list-inner :not(.se-list-horizontal) li>button {
    min-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.sun-editor .se-list-inner .se-list-basic li {
    max-width: 100%;
    width: auto
}

.sun-editor .se-list-inner input {
    border-radius: 0
}

.sun-editor .se-list-inner ul.se-list-carrier {
    height: 52px;
    width: 165px
}

.sun-editor .se-list-inner ul.se-list-carrier li button>ol,
.sun-editor .se-list-inner ul.se-list-carrier li button>ul {
    font-size: 10px
}

.sun-editor .se-list-inner .se-list-checked li .se-svg {
    float: left;
    padding: 6px 6px 0 0
}

.sun-editor .se-list-inner .se-list-checked li .se-svg>svg {
    display: none
}

.sun-editor .se-list-inner .se-list-checked li.se-checked * {
    color: var(--se-active-dark3-color)
}

.sun-editor .se-list-inner .se-list-checked li.se-checked .se-svg>svg {
    display: block
}

.sun-editor .se-list-inner .se-list-horizontal {
    display: flex;
    padding: 2px
}

.sun-editor .se-list-inner .se-list-horizontal li {
    margin: 0 2px;
    padding: 0
}

.sun-editor .se-list-layer.se-list-font-size {
    max-height: 300px;
    min-width: 140px
}

.sun-editor .se-list-layer.se-list-code-block {
    max-height: 310px;
    min-width: 140px
}

.sun-editor .se-list-layer.se-list-font-family {
    min-width: 156px
}

.sun-editor .se-list-layer.se-list-font-family .default {
    border-bottom: 1px solid var(--se-input-btn-border-color)
}

.sun-editor .se-list-layer.se-list-line {
    width: 125px
}

.sun-editor .se-list-layer.se-list-line hr {
    border-color: var(--se-edit-hr-color);
    border-width: 1px 0 0;
    height: 1px
}

.sun-editor .se-list-layer.se-list-align .se-list-inner {
    left: 9px
}

.sun-editor .se-list-layer.se-list-format {
    min-width: 156px
}

.sun-editor .se-list-layer.se-list-format li {
    padding: 0;
    width: 100%
}

.sun-editor .se-list-layer.se-list-format ul .se-btn-list {
    line-height: 100%
}

.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h1] {
    height: 40px
}

.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h2] {
    height: 34px
}

.sun-editor .se-list-layer.se-list-format ul p {
    font-size: var(--se-main-font-size)
}

.sun-editor .se-list-layer.se-list-format ul div {
    font-size: var(--se-main-font-size);
    padding: 4px 2px
}

.sun-editor .se-list-layer.se-list-format ul h1 {
    font-size: 2em;
    font-weight: 700
}

.sun-editor .se-list-layer.se-list-format ul h2 {
    font-size: 1.5em;
    font-weight: 700
}

.sun-editor .se-list-layer.se-list-format ul h3 {
    font-size: 1.17em;
    font-weight: 700
}

.sun-editor .se-list-layer.se-list-format ul h4 {
    font-size: 1em;
    font-weight: 700
}

.sun-editor .se-list-layer.se-list-format ul h5 {
    font-size: .83em;
    font-weight: 700
}

.sun-editor .se-list-layer.se-list-format ul h6 {
    font-size: .67em;
    font-weight: 700
}

.sun-editor .se-list-layer.se-list-format ul blockquote {
    background-color: initial;
    border-color: var(--se-edit-border-dark);
    border-style: solid;
    border-width: 0 0 0 5px;
    color: var(--se-edit-font-quote);
    font-size: var(--se-main-font-size);
    height: 22px;
    line-height: 1.5;
    margin: 0;
    padding: 0 0 0 7px
}

.sun-editor .se-list-layer.se-list-format ul pre {
    background-color: var(--se-edit-background-pre);
    border: 1px solid var(--se-edit-border-light);
    border-radius: var(--se-border-radius);
    color: var(--se-edit-font-pre);
    font-size: var(--se-main-font-size);
    margin: 0;
    padding: 4px 11px
}

.sun-editor-editable[contenteditable=true],
.sun-editor-editable[contenteditable=true] * {
    scroll-margin: var(--se-edit-scroll-margin)
}

.sun-editor-editable[contenteditable=true].se-copy-format-cursor {
    cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDE2Ij48ZGVmcz48ZmlsdGVyIGlkPSJhIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9IjEiIHJlc3VsdD0iZGlsYXRlZCIvPjxmZUZsb29kIGZsb29kLWNvbG9yPSIjZmZmIiByZXN1bHQ9IndoaXRlIi8+PGZlQ29tcG9zaXRlIGluPSJ3aGl0ZSIgaW4yPSJkaWxhdGVkIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0ib3V0bGluZSIvPjxmZU1lcmdlPjxmZU1lcmdlTm9kZSBpbj0ib3V0bGluZSIvPjxmZU1lcmdlTm9kZSBpbj0iU291cmNlR3JhcGhpYyIvPjwvZmVNZXJnZT48L2ZpbHRlcj48L2RlZnM+PGcgZmlsdGVyPSJ1cmwoI2EpIj48cGF0aCBkPSJNNC4zMzIgMTIuNjY4YzAgLjM2Ny4xNTIuNjY0LjMzNi42NjRoLjY2NHYxLjMzNkg0LjVjLS4xODQgMC0uNS0uMzAxLS41LS42NjggMCAuMzY3LS4zMTYuNjY4LS41LjY2OGgtLjgzMnYtMS4zMzZoLjY2NGMuMTg0IDAgLjMzNi0uMjk3LjMzNi0uNjY0VjMuMzMyYzAtLjM2Ny0uMTUyLS42NjQtLjMzNi0uNjY0aC0uNjY0VjEuMzMySDMuNWMuMTg0IDAgLjUuMzAxLjUuNjY4IDAtLjM2Ny4zMTYtLjY2OC41LS42NjhoLjgzMnYxLjMzNmgtLjY2NGMtLjE4NCAwLS4zMzYuMjk3LS4zMzYuNjY0Wk0yMCAyLjY2OFYyYS42Ny42NyAwIDAgMC0uNjY4LS42NjhoLThhLjY2Ny42NjcgMCAwIDAtLjY2NC42Njh2Mi42NjhjMCAuMzY3LjI5Ny42NjQuNjY0LjY2NGg4QS42NjUuNjY1IDAgMCAwIDIwIDQuNjY4VjRoLjY2OHYyLjY2OEgxNFYxNGMwIC4zNjcuMjk3LjY2OC42NjguNjY4SDE2YS42Ny42NyAwIDAgMCAuNjY4LS42NjhWOEgyMlYyLjY2OFoiLz48L2c+PC9zdmc+) 0 8, text
}

.sun-editor-editable[contenteditable=true] table td:not(.se-selected-table-cell):hover:before,
.sun-editor-editable[contenteditable=true] table th:not(.se-selected-table-cell):hover:before {
    background-color: initial;
    content: "";
    cursor: ew-resize;
    height: 100%;
    left: -2px;
    position: absolute;
    top: 0;
    width: 4px
}

.sun-editor-editable[contenteditable=true] table td:not(.se-selected-table-cell):hover:after,
.sun-editor-editable[contenteditable=true] table th:not(.se-selected-table-cell):hover:after {
    background-color: initial;
    content: "";
    cursor: ew-resize;
    height: 100%;
    position: absolute;
    right: -2px;
    top: 0;
    width: 4px
}

.sun-editor .se-table-resize-line {
    height: 100%;
    margin-left: -3px;
    top: 0;
    width: 6px
}

.sun-editor .se-table-resize-line,
.sun-editor .se-table-resize-row {
    background-color: var(--se-active-dark-color);
    display: none;
    opacity: .4;
    pointer-events: none;
    position: absolute
}

.sun-editor .se-table-resize-row {
    height: 6px;
    left: 0;
    margin-top: -3px;
    width: 100%
}

.sun-editor .se-table-resize-line-prev {
    border-left: 1px dashed var(--se-drag-over-color);
    height: 100%;
    margin-left: -1px;
    top: 0;
    width: 4px
}

.sun-editor .se-table-resize-line-prev,
.sun-editor .se-table-resize-row-prev {
    background-color: initial;
    display: none;
    opacity: .8;
    pointer-events: none;
    position: absolute
}

.sun-editor .se-table-resize-row-prev {
    border-top: 1px dashed var(--se-drag-over-color);
    height: 4px;
    left: 0;
    margin-top: -1px;
    width: 100%
}

.sun-editor .se-selector-table {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: var(--se-main-background-color);
    border: 1px solid var(--se-input-btn-border-color);
    border-radius: var(--se-border-radius);
    box-shadow: 0 6px 12px var(--se-shadow-layer-color);
    display: none;
    float: left;
    font-size: var(--se-main-font-size);
    left: 1px;
    list-style: none;
    margin: 2px 0 0;
    overflow: hidden;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: var(--se-input-btn-size);
    z-index: 5
}

.sun-editor .se-selector-table .se-table-size {
    font-size: 18px;
    padding: 0 5px
}

.sun-editor .se-selector-table .se-table-size-picker {
    cursor: pointer;
    font-size: 18px;
    height: 10em;
    position: absolute !important;
    width: 10em;
    z-index: 3
}

.sun-editor .se-selector-table .se-table-size-highlighted {
    background-color: var(--se-table-picker-highlight-color);
    background-image: linear-gradient(to right, var(--se-table-picker-highlight-border-color) 1px, #0000 1px), linear-gradient(to bottom, var(--se-table-picker-highlight-border-color) 1px, #0000 1px);
    background-size: 1em 1em;
    border-bottom: 1px solid var(--se-table-picker-highlight-border-color);
    border-right: 1px solid var(--se-table-picker-highlight-border-color);
    font-size: 18px;
    height: 1em;
    position: absolute !important;
    width: 1em;
    z-index: 2
}

.sun-editor .se-selector-table .se-table-size-unhighlighted {
    background-color: var(--se-table-picker-color);
    background-image: linear-gradient(to right, var(--se-table-picker-border-color) 1px, #0000 1px), linear-gradient(to bottom, var(--se-table-picker-border-color) 1px, #0000 1px);
    background-size: 1em 1em;
    border-bottom: 1px solid var(--se-table-picker-border-color);
    border-right: 1px solid var(--se-table-picker-border-color);
    font-size: 18px;
    height: 5em;
    position: relative !important;
    width: 5em;
    z-index: 1
}

.sun-editor .se-selector-table .se-table-size-display {
    padding-left: 5px
}

.sun-editor .se-list-layer.se-table-split {
    top: 36px
}

.sun-editor .se-list-layer .se-selector-color {
    display: block;
    height: auto;
    margin: auto;
    max-width: 252px;
    padding: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet {
    height: 100%;
    padding: 0;
    width: 100%
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet li {
    display: flex;
    float: left;
    margin: 0;
    position: relative
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet button {
    border: 0;
    border-radius: 0;
    cursor: default;
    display: block;
    height: 28px;
    margin: 0;
    text-indent: -9999px;
    transition: transform .2s, box-shadow .2s;
    width: 28px
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active,
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:hover {
    box-shadow: inset 0 0 0 1px #0000;
    transform: scale(.8)
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active>svg {
    color: #fff;
    stroke: #000;
    stroke-width: 2px
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet:first-child li:first-child button {
    border-top-left-radius: var(--se-border-radius)
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet:first-child li:last-child button {
    border-top-right-radius: var(--se-border-radius)
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet:last-of-type li:first-child button {
    border-bottom-left-radius: var(--se-border-radius)
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet:last-of-type li:last-child button {
    border-bottom-right-radius: var(--se-border-radius)
}

.sun-editor .se-hue-slider {
    padding: 14px
}

.sun-editor .se-hue-slider-container {
    border-radius: 50%;
    height: auto;
    outline: 2px solid #fff;
    position: relative;
    width: auto
}

.sun-editor .se-hue-slider-container .se-hue-wheel {
    border-radius: 50%;
    cursor: pointer
}

.sun-editor .se-hue-slider-container .se-hue-wheel-pointer {
    background-color: initial;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px #000;
    height: 10px;
    left: 50%;
    outline: 2px solid #000;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px
}

.sun-editor .se-hue-gradient-container {
    height: 28px;
    margin-top: 14px;
    outline: 2px solid #fff;
    position: relative
}

.sun-editor .se-hue-gradient-container .se-hue-gradient {
    background: linear-gradient(90deg, #000, #fff);
    cursor: pointer;
    height: 28px;
    position: relative
}

.sun-editor .se-hue-gradient-container .se-hue-gradient-pointer {
    background-color: initial;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px #000;
    height: 14px;
    left: calc(100% - 14px);
    outline: 2px solid #000;
    pointer-events: none;
    position: absolute;
    top: 14px;
    transform: translate(-50%, -50%);
    width: 14px
}

.sun-editor .se-hue-final-hex {
    display: flex;
    margin-top: 10px
}

.sun-editor .se-form-group {
    display: flex;
    height: auto;
    min-height: 40px;
    padding: 4px;
    width: 100%
}

.sun-editor .se-form-group.se-form-w0 {
    padding-left: 0;
    padding-right: 0
}

.sun-editor .se-form-group.se-form-h0 {
    padding-bottom: 0;
    padding-top: 0
}

.sun-editor .se-btn-group input,
.sun-editor .se-form-group input {
    border: 1px solid var(--se-input-btn-border-color);
    display: inline-block;
    flex: auto;
    font-size: var(--se-btn-font-size);
    height: var(--se-input-btn-size);
    margin: 1px 0;
    padding: 0 4px;
    width: auto
}

.sun-editor .se-btn-group input {
    margin: 1px 3px
}

.sun-editor .se-dropdown-form-group button,
.sun-editor .se-form-group button {
    float: right;
    height: var(--se-input-btn-size);
    margin: 1px;
    width: var(--se-input-btn-size)
}

.sun-editor .se-form-group.se-form-flex-btn button {
    flex: auto;
    float: none
}

.sun-editor .se-form-group .se-group-item {
    position: relative
}

.sun-editor .se-form-group label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%
}

.sun-editor .se-form-group-label {
    height: auto;
    padding: 0 4px;
    width: 100%
}

.sun-editor .se-form-group-label label {
    font-size: var(--se-main-font-size);
    font-weight: 700
}

.sun-editor .se-dropdown .se-form-group input {
    color: var(--se-dropdown-font-color);
    height: var(--se-input-btn-size)
}

.sun-editor .se-dropdown .se-form-group .se-color-input:focus {
    border-bottom: 3px solid var(--se-main-outline-color)
}

.sun-editor .se-wrapper {
    display: flex;
    height: auto;
    overflow: hidden;
    position: relative !important;
    width: 100%;
    z-index: 1
}

.sun-editor .se-wrapper .se-wrapper-inner {
    height: 100%;
    min-height: var(--se-min-height)
}

.sun-editor .se-wrapper .se-wrapper-inner,
.sun-editor body.sun-editor-editable {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    user-select: auto;
    -o-user-select: auto;
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto
}

.sun-editor .se-wrapper .se-wrapper-inner:focus,
.sun-editor body.sun-editor-editable:focus {
    outline: none
}

.sun-editor .se-wrapper .se-code-wrapper {
    overflow: hidden;
    width: 100%
}

.sun-editor .se-wrapper .se-code-wrapper>div {
    flex: 1;
    min-width: 0
}

.sun-editor .se-wrapper .se-code-wrapper .se-code-view-line {
    background-color: var(--se-code-view-line-background-color);
    color: var(--se-code-view-line-color);
    font-size: var(--se-main-font-size);
    line-height: 1.5;
    overflow: hidden;
    padding: 4px 6px;
    resize: none !important;
    text-align: right;
    width: 50px
}

.sun-editor .se-wrapper .se-code-viewer {
    background-color: var(--se-code-view-background-color);
    color: var(--se-code-view-color);
    flex: 1;
    font-family: var(--se-codeview-font-family);
    font-size: var(--se-main-font-size);
    line-height: 1.5;
    margin: 0;
    min-width: 0;
    overflow-x: auto;
    padding: 4px;
    resize: none !important;
    tab-size: 4;
    white-space: pre;
    word-wrap: normal
}

.sun-editor .se-wrapper .se-markdown-wrapper {
    overflow: hidden;
    width: 100%
}

.sun-editor .se-wrapper .se-markdown-wrapper .se-markdown-view-line {
    background-color: var(--se-markdown-view-line-background-color);
    color: var(--se-markdown-view-line-color);
    font-size: var(--se-main-font-size);
    line-height: 1.5;
    overflow: hidden;
    padding: 4px 6px;
    resize: none !important;
    text-align: right;
    width: 50px
}

.sun-editor .se-wrapper .se-markdown-viewer {
    background-color: var(--se-markdown-view-background-color);
    color: var(--se-markdown-view-color);
    flex: 1;
    font-family: var(--se-markdown-font-family);
    font-size: var(--se-main-font-size);
    line-height: 1.5;
    margin: 0;
    min-width: 0;
    overflow-x: auto;
    padding: 4px;
    resize: none !important;
    tab-size: 4;
    white-space: pre;
    word-wrap: normal
}

.sun-editor .se-wrapper .se-wrapper-wysiwyg {
    caret-color: var(--se-caret-color);
    display: block;
    position: relative
}

.sun-editor-editable[contenteditable=true] .katex *,
.sun-editor-editable[contenteditable=true] .se-disable-pointer *,
.sun-editor-editable[contenteditable=true] .se-math * {
    pointer-events: none
}

.sun-editor .se-wrapper .se-placeholder {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    color: var(--se-main-outline-color);
    display: none;
    font-size: var(--se-main-font-size);
    left: 0;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
    padding: var(--se-edit-inner-padding);
    pointer-events: none;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    z-index: 1
}

.sun-editor .se-status-bar {
    background-color: var(--se-main-background-color);
    border-top: 1px solid var(--se-main-divider-color);
    cursor: ns-resize;
    display: flex;
    height: auto;
    min-height: 20px;
    padding: 0 4px;
    width: auto
}

.sun-editor .se-status-bar.se-resizing-none {
    cursor: default
}

.sun-editor .se-back-wrapper {
    background-color: initial;
    cursor: default;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    width: 100%;
    z-index: 2147483647
}

.sun-editor .se-status-bar .se-navigation {
    flex: auto;
    line-height: 1.5
}

.sun-editor .se-status-bar .se-navigation,
.sun-editor .se-status-bar .se-word-counter-wrapper {
    background: #0000;
    color: var(--se-statusbar-font-color);
    font-size: var(--se-statusbar-font-size);
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto
}

.sun-editor .se-status-bar .se-word-counter-wrapper .se-word-label {
    margin-right: 4px
}

.sun-editor .se-status-bar .se-char-counter-wrapper.se-with-word-counter {
    margin-left: .6em
}

.sun-editor .se-status-bar .se-char-counter-wrapper {
    background: #0000;
    color: var(--se-statusbar-font-color);
    display: block;
    flex: none;
    font-size: var(--se-statusbar-font-size);
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto
}

.sun-editor .se-status-bar .se-char-counter-wrapper.se-blink {
    -webkit-animation: blinker .2s linear infinite;
    animation: blinker .2s linear infinite;
    color: var(--se-error-color)
}

.sun-editor .se-status-bar .se-char-counter-wrapper .se-char-label {
    margin-right: 4px
}

.sun-editor .se-modal-area {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483646
}

.sun-editor .se-modal-area.se-backdrop-show {
    display: block
}

.sun-editor .se-modal-area button,
.sun-editor .se-modal-area input,
.sun-editor .se-modal-area label {
    color: var(--se-main-color);
    font-size: var(--se-modal-input-font-size);
    line-height: 1.5;
    margin: 0
}

.sun-editor .se-modal-area .se-modal-back {
    background-color: var(--se-overlay-background-color);
    opacity: .5
}

.sun-editor .se-modal-area .se-modal-back,
.sun-editor .se-modal-area .se-modal-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: var(--se-modal-background-color);
    border: 1px solid #0003;
    border-radius: var(--se-border-radius-lg);
    box-shadow: 0 3px 9px var(--se-shadow-layer-color);
    color: var(--se-modal-color);
    display: none;
    margin: 1.75rem auto;
    max-width: 500px;
    outline: 0;
    position: relative;
    width: auto
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content.se-modal-show {
    display: block
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-w {
    bottom: 0;
    cursor: ns-resize;
    display: block;
    height: 10px;
    margin: 0;
    position: relative;
    width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-w:before {
    background-color: var(--se-main-outline-color);
    content: "";
    display: block;
    height: 1px;
    margin: 1px 0;
    position: relative;
    width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-h {
    cursor: ew-resize;
    display: block;
    height: calc(100% - 27px);
    position: absolute;
    right: 0;
    top: 15px;
    width: 10px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-h:before {
    background-color: var(--se-main-outline-color);
    content: "";
    display: block;
    height: 100%;
    margin: 0 1px;
    position: relative;
    width: 1px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-c {
    bottom: 1px;
    cursor: nwse-resize;
    display: block;
    height: 9px;
    position: absolute;
    right: 4px;
    width: 9px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-c:after,
.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-c:before {
    background-color: var(--se-main-outline-color);
    content: "";
    display: block;
    position: absolute
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-c:before {
    height: 2px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-c:after {
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 2px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-c.active:after,
.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-c.active:before,
.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-c:hover:after,
.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-c:hover:before,
.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-h.active:before,
.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-h:hover:before,
.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-w.active:before,
.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-w:hover:before {
    background-color: var(--se-active-dark4-color)
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content.se-modal-large {
    max-width: 750px;
    width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content.se-modal-large .se-modal-body {
    height: 50vh
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content.se-modal-responsive {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-height: 90vh;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width:509px) {
    .sun-editor .se-modal-area .se-modal-inner .se-modal-content {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important
    }
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content.se-modal-responsive .se-modal-resize-form {
    max-width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-content .se-btn-primary {
    border-radius: var(--se-border-radius);
    display: inline-block;
    font-size: var(--se-modal-input-font-size);
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 10px !important;
    padding: 5px 11px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-header {
    border-bottom: 1px solid var(--se-modal-border-color);
    height: 50px;
    padding: 6px 15px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-header .se-close-btn {
    filter: alpha(opacity=100);
    float: right;
    font-weight: 700;
    opacity: 1;
    text-shadow: 0 1px 0 var(--se-main-background-color)
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-header .se-modal-title {
    float: left;
    font-size: var(--se-modal-title-font-size);
    font-weight: 700;
    line-height: 2.5;
    margin: 0;
    padding: 0
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-body {
    padding: 15px 15px 10px;
    position: relative
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-body-top {
    padding: 0 15px 5px;
    position: relative
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-body-bottom {
    padding: 5px 15px 0;
    position: relative
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-hr {
    border-bottom: 1px dashed var(--se-modal-color);
    margin-bottom: 6px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form {
    margin-bottom: 10px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-modal-flex-form {
    display: flex;
    position: relative
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-modal-flex-form .se-modal-flex-group {
    border: 1px dashed var(--se-modal-border-color);
    margin-right: 4px;
    padding: 4px 0 4px 4px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-modal-flex-form .se-btn {
    border: 1px solid var(--se-input-btn-border-color);
    margin-left: 0;
    margin-right: 4px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form-footer {
    margin-bottom: 0;
    margin-top: 10px
}

.sun-editor .se-modal-area .se-modal-inner input:disabled {
    background-color: var(--se-modal-input-disabled-background-color)
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-size-text {
    width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-size-text .size-h,
.sun-editor .se-modal-area .se-modal-inner .se-modal-size-text .size-w {
    text-align: center;
    width: var(--se-modal-input-width)
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-size-x {
    margin: 0 8px;
    text-align: center;
    width: 25px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-footer {
    border-top: 1px solid var(--se-modal-border-color);
    height: auto;
    min-height: 55px;
    padding: 10px 15px 0;
    text-align: right
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-footer .se-btn {
    float: left
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-footer>div {
    float: left;
    line-height: 1.7
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-footer>div>label {
    margin: 0 5px 0 0
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-btn-radio {
    margin-left: 12px;
    margin-right: 6px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-btn-check {
    margin-left: 12px;
    margin-right: 4px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-btn-check:disabled+span {
    color: var(--se-modal-input-disabled-color)
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form-footer .se-modal-btn-check {
    margin-left: 0;
    margin-right: 4px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form-footer label:first-child {
    margin-left: 0;
    margin-right: 16px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-modal-form-files {
    align-items: center;
    display: flex;
    position: relative
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-modal-form-files>input {
    flex: auto
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-modal-form-files .se-modal-files-edge-button {
    border: 1px solid var(--se-input-btn-border-color);
    flex: none;
    margin-left: 1px;
    opacity: .8
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-input-select {
    display: inline-block;
    font-size: var(--se-modal-input-font-size);
    height: var(--se-input-btn-size);
    line-height: 1.4;
    text-align: center;
    width: auto
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-input-control {
    display: inline-block;
    font-size: var(--se-modal-input-font-size);
    height: var(--se-input-btn-size);
    line-height: 1.4;
    text-align: center;
    width: var(--se-modal-input-width)
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-flex-input-wrapper {
    display: block;
    height: auto;
    padding: 0;
    position: relative;
    width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-flex-input-wrapper>.se-input-form-abs {
    background-color: var(--se-modal-file-input-background-color);
    border: 2px dashed var(--se-input-btn-border-color);
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-flex-input-wrapper>.se-input-form-abs * {
    pointer-events: none;
    vertical-align: middle
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-flex-input-wrapper>.se-input-form-abs>div {
    display: block;
    height: 100%;
    margin: auto;
    padding-top: 3px;
    position: relative;
    width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-flex-input-wrapper>.se-input-form-abs>div .se-input-file-w {
    margin: auto;
    max-width: 100%;
    padding: 0 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-flex-input-wrapper>.se-input-form-abs>div .se-input-file-icon-files,
.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-flex-input-wrapper>.se-input-form-abs>div .se-input-file-icon-up {
    display: inline-block;
    width: 20px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-flex-input-wrapper>.se-input-form-abs>div .se-input-file-icon-files {
    display: none
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-flex-input-wrapper>.se-input-form-abs>div .se-input-file-cnt {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-input-form {
    display: block;
    font-size: var(--se-modal-input-font-size);
    height: var(--se-input-btn-size);
    line-height: 1.4;
    padding: 0 4px;
    width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-input-form.se-input-url {
    direction: ltr
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-input-form.se-input-url:disabled {
    color: var(--se-modal-input-disabled-color);
    text-decoration: line-through
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-modal-ratio {
    margin-left: 4px;
    width: var(--se-modal-input-width)
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form a {
    color: var(--se-modal-anchor-color)
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-btn-revert {
    border: 1px solid var(--se-input-btn-border-color);
    float: right
}

.sun-editor .se-modal-tabs {
    border-bottom: 1px solid var(--se-modal-border-color);
    height: 25px;
    width: 100%
}

.sun-editor .se-modal-tabs button {
    background-color: var(--se-modal-border-color);
    border-right: 1px solid var(--se-modal-border-color);
    float: left;
    outline: none;
    padding: 2px 13px;
    transition: .3s
}

.sun-editor .se-modal-tabs button.active,
.sun-editor .se-modal-tabs button:hover {
    background-color: var(--se-main-background-color)
}

.sun-editor .se-modal-tabs button.active {
    border-bottom: 0
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-input-form.se-math-exp {
    border: 1px solid var(--se-active-dark4-color);
    direction: ltr;
    font-size: var(--se-main-font-size);
    padding: 4px
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-input-select.se-math-size {
    height: 28px;
    margin-left: 1em;
    width: 6em
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-math-preview {
    font-size: var(--se-main-font-size)
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-math-preview>span {
    box-shadow: 0 0 0 .1rem var(--se-active-light3-color);
    display: inline-block
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-math-preview>span * {
    direction: ltr
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-math-preview>.se-math-error {
    box-shadow: 0 0 0 .1rem var(--se-error-light3-color);
    color: var(--se-error-color)
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-math-preview>.se-math-error svg {
    color: var(--se-error-color);
    height: 30px;
    width: auto
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-form .se-math-preview .MathJax {
    margin: .5em 0 !important
}

.sun-editor .se-modal-area .se-modal-inner .se-link-preview {
    background-color: initial;
    color: var(--se-modal-preview-color);
    display: block;
    font-family: inherit;
    font-size: var(--se-main-font-size);
    font-weight: 400;
    height: auto;
    max-height: none;
    overflow: hidden;
    padding-top: 4px;
    text-overflow: ellipsis;
    white-space: pre;
    word-break: break-all
}

.sun-editor .se-modal-area .se-modal-inner .se-anchor-preview-form {
    display: flex;
    margin-top: 4px;
    width: 100%
}

.sun-editor .se-modal-area .se-modal-inner .se-anchor-preview-form .se-svg.se-anchor-preview-icon {
    color: var(--se-active-dark3-color);
    display: none;
    flex: unset;
    line-height: 1;
    margin: 2px
}

.sun-editor .se-modal-area .se-modal-inner .se-anchor-preview-form .se-link-preview {
    flex: 1;
    margin: 0
}

.sun-editor .se-modal-area .se-modal-inner .se-anchor-rel {
    height: var(--se-input-btn-size);
    position: relative
}

.sun-editor .se-modal-area .se-modal-inner .se-anchor-rel-btn {
    border-width: 1px
}

.sun-editor .se-modal-area .se-modal-inner .se-anchor-rel-wrapper {
    align-items: center;
    display: flex;
    height: var(--se-input-btn-size);
    line-height: 1;
    padding: 0 6px
}

.sun-editor .se-modal-area .se-modal-inner .se-anchor-rel-preview {
    overflow-wrap: break-word;
    text-align: left;
    white-space: pre-wrap;
    word-break: break-word
}

.sun-editor .se-modal-area .se-modal-inner .se-modal-body .se-drawing-canvas {
    outline: 1px solid var(--se-main-outline-color)
}

.sun-editor .se-controller {
    border: 1px solid var(--se-controller-border-color);
    display: none;
    letter-spacing: normal;
    margin: 0;
    overflow: visible;
    padding: 2px 2px 0;
    position: absolute;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    word-break: normal;
    word-spacing: normal;
    z-index: 2147483646;
    word-wrap: normal;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: var(--se-controller-background-color);
    border-radius: var(--se-border-radius);
    color: var(--se-controller-color);
    line-break: auto;
    white-space: normal
}

.sun-editor .se-controller.se-empty-controller {
    border: none;
    padding: 0
}

.sun-editor .se-controller.se-controller-simple-input {
    padding: 4px 3px 0
}

.sun-editor .se-controller:not(.se-resizing-container) {
    box-shadow: 0 5px 10px var(--se-shadow-controller-color)
}

.sun-editor-editable[contenteditable=true] figure a,
.sun-editor-editable[contenteditable=true] figure iframe,
.sun-editor-editable[contenteditable=true] figure img,
.sun-editor-editable[contenteditable=true] figure video {
    z-index: 0
}

.sun-editor-editable[contenteditable=true] figure figcaption {
    display: block;
    z-index: 11
}

.sun-editor-editable[contenteditable=true]:not(.se-read-only) figure:not(.se-input-component):after {
    background: #0000;
    bottom: 0;
    content: "";
    cursor: default;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.sun-editor-editable[contenteditable=true] .se-component {
    outline: 1px dashed var(--se-main-divider-color)
}

.sun-editor-editable[contenteditable=true] figure,
.sun-editor-editable[contenteditable=true] hr {
    outline: 2px solid #0000
}

.sun-editor-editable[contenteditable=true] .se-component.se-component-selected>figure,
.sun-editor-editable[contenteditable=true] .se-component:not(:has(figure)).se-component-selected,
.sun-editor-editable[contenteditable=true] figure.se-component-selected {
    outline: 2px solid var(--se-active-dark-color);
    transition: outline-color .2s ease-in-out, outline-width .2s ease-in-out
}

.sun-editor-editable[contenteditable=true] .se-component figure.se-figure-selected:not(.se-figure-over-selected):after {
    pointer-events: none
}

.sun-editor-editable[contenteditable=true] .se-copy {
    background-color: var(--se-main-border-color);
    box-shadow: 0 0 0 .25rem var(--se-active-dark5-color);
    opacity: .3;
    transition: box-shadow .15s ease-in-out
}

.sun-editor-editable[contenteditable=true] .se-component:not(:has(figure)).se-component-selected.se-drag-over,
.sun-editor-editable[contenteditable=true] .se-figure-selected.se-drag-over,
.sun-editor-editable[contenteditable=true] hr.se-component-selected.se-drag-over {
    outline: 3px solid var(--se-drag-over-color) !important
}

.sun-editor-editable[contenteditable=true] figure.se-drag-over>iframe {
    pointer-events: none
}

.sun-editor .se-controller .se-controller-display {
    font-size: var(--se-main-font-size);
    margin: 4px 0;
    padding: 0 10px
}

.sun-editor .se-controller .se-btn-group {
    display: flex;
    left: 0;
    margin: 0;
    padding: 0 0 2px;
    position: relative;
    top: 0
}

.sun-editor .se-controller .se-btn-group .se-btn-group-sub {
    display: none;
    left: 50%;
    min-width: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.sun-editor .se-controller .se-btn-group .se-btn-group-sub button {
    margin: 0;
    min-width: 72px
}

.sun-editor .se-controller .se-btn-group button {
    border: none;
    border-radius: var(--se-border-radius);
    display: inline-block;
    font-size: var(--se-btn-font-size);
    font-weight: 400;
    height: auto;
    line-height: 1.5;
    margin: 1px;
    min-height: var(--se-input-btn-size);
    position: relative;
    text-align: center;
    touch-action: manipulation;
    white-space: nowrap
}

.sun-editor .se-controller .se-controller-content {
    left: 0;
    margin: 0;
    padding: 0 0 2px;
    position: relative;
    top: 0
}

.sun-editor .se-controller .se-controller-header {
    border-bottom: 1px solid var(--se-modal-border-color);
    height: 38px;
    padding: 4px;
    width: 100%
}

.sun-editor .se-controller .se-controller-body {
    font-size: var(--se-main-font-size);
    padding: 4px 4px 1px;
    position: relative;
    width: 100%
}

.sun-editor .se-controller .se-controller-body .se-btn:disabled,
.sun-editor .se-controller .se-controller-body button:disabled,
.sun-editor .se-controller .se-controller-body input:disabled {
    background-color: var(--se-main-shadow-color)
}

.sun-editor .se-controller .se-controller-header .se-close-btn {
    filter: alpha(opacity=100);
    float: right;
    font-weight: 700;
    height: 28px;
    min-height: 28px;
    opacity: 1;
    text-shadow: 0 1px 0 var(--se-main-background-color);
    width: 28px
}

.sun-editor .se-controller .se-controller-header .se-controller-title {
    float: left;
    font-size: var(--se-main-font-size);
    font-weight: 700;
    line-height: 2.2;
    margin: 0;
    padding: 0
}

.sun-editor .se-controller-resizing {
    font-size: var(--se-controller-font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.4
}

.sun-editor .se-resizing-container {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background-color: initial !important;
    border: 0;
    display: none;
    outline: none;
    padding: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6
}

.sun-editor .se-drag-handle {
    background-color: var(--se-active-dark-color);
    border: 0;
    color: var(--se-main-background-color);
    cursor: move;
    display: none;
    height: 20px;
    outline: 2px solid #0000;
    padding: 1px;
    pointer-events: auto;
    position: absolute;
    width: 20px;
    z-index: 2147483646
}

.sun-editor .se-drag-handle.se-drag-handle-full {
    cursor: default
}

.sun-editor .se-drag-handle>svg {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none
}

.sun-editor .se-drag-handle:hover {
    background-color: var(--se-drag-over-color)
}

.sun-editor .se-drag-handle.se-dragging {
    opacity: 0
}

.sun-editor .se-resizing-container .se-resize-dot {
    border: 0;
    display: inline-block;
    outline: 2px solid var(--se-active-dark-color);
    padding: 0;
    position: absolute
}

.sun-editor .se-resizing-container.se-resize-ing .se-resize-dot {
    outline: 2px solid var(--se-active-dark3-color)
}

.sun-editor .se-resizing-container .se-resize-dot>span {
    background-color: var(--se-active-dark3-color);
    border: 1px solid var(--se-active-dark3-color);
    border-radius: 1px;
    height: 7px;
    pointer-events: auto;
    position: absolute;
    width: 7px
}

.sun-editor .se-resizing-container .se-resize-dot>span.tl {
    border-radius: 4px;
    cursor: nwse-resize;
    left: -6px;
    top: -6px
}

.sun-editor .se-resizing-container .se-resize-dot>span.tr {
    border-radius: 4px;
    cursor: nesw-resize;
    right: -6px;
    top: -6px
}

.sun-editor .se-resizing-container .se-resize-dot>span.bl {
    border-radius: 4px;
    bottom: -6px;
    cursor: nesw-resize;
    left: -6px
}

.sun-editor .se-resizing-container .se-resize-dot>span.br {
    border-radius: 4px;
    bottom: -6px;
    cursor: nwse-resize;
    right: -6px
}

.sun-editor .se-resizing-container .se-resize-dot>span.lw {
    bottom: calc(50% - 4px);
    cursor: ew-resize;
    left: -7px;
    width: 5px
}

.sun-editor .se-resizing-container .se-resize-dot>span.th {
    cursor: ns-resize;
    height: 5px;
    left: calc(50% - 4px);
    top: -7px
}

.sun-editor .se-resizing-container .se-resize-dot>span.rw {
    bottom: calc(50% - 4px);
    cursor: ew-resize;
    right: -7px;
    width: 5px
}

.sun-editor .se-resizing-container .se-resize-dot>span.bh {
    bottom: -7px;
    cursor: ns-resize;
    height: 5px;
    right: calc(50% - 4px)
}

.sun-editor .se-resizing-container .se-resize-display {
    background-color: var(--se-main-font-color);
    border-radius: var(--se-border-radius);
    bottom: 0;
    color: var(--se-main-background-color);
    font-size: var(--se-btn-font-size);
    left: auto;
    margin: 2px;
    opacity: .75;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    right: 0
}

.sun-editor .se-resizing-container.se-resize-ing .se-resize-display {
    opacity: 1
}

.sun-editor .se-controller-table,
.sun-editor .se-controller-table-cell {
    font-size: var(--se-controller-font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    width: auto
}

.sun-editor .se-controller.se-table-props .se-border-style,
.sun-editor .se-controller.se-table-props .se-color-input {
    width: var(--se-modal-input-width)
}

.sun-editor .se-controller.se-table-props .__se__border_size {
    width: 52px
}

.sun-editor .se-controller.se-table-props .se-table-props-align li {
    margin-right: 2px
}

.sun-editor .se-controller.se-table-props .se-table-props-align .se-form-group div:last-child {
    flex: auto;
    margin: 0 8px
}

.sun-editor .se-controller-link {
    font-size: var(--se-controller-font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.4
}

.sun-editor .se-controller-link:after,
.sun-editor .se-controller-link:before {
    box-sizing: border-box
}

.sun-editor .se-controller-link .link-content {
    margin: 0;
    padding: 0
}

.sun-editor .se-controller-link .link-content a {
    color: var(--se-active-dark3-color);
    display: inline-block;
    margin-left: 5px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.sun-editor .se-select-menu {
    background-color: var(--se-main-background-color);
    border: 1px solid var(--se-main-divider-color);
    border-radius: var(--se-border-radius-lg);
    box-shadow: 0 3px 9px var(--se-shadow-layer-color);
    display: none;
    height: auto;
    left: 0;
    margin: 0;
    min-width: auto;
    outline: 0 none;
    overflow-x: visible;
    overflow-y: visible;
    overflow: visible;
    padding: 4px 0;
    position: absolute;
    top: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 2147483646
}

.sun-editor .se-select-menu.se-select-menu-scroll {
    overflow-y: auto
}

.sun-editor .se-select-menu ul {
    margin: 0;
    max-width: 100%;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: -o-max-content;
    min-width: -ms-max-content;
    padding: 0;
    width: auto;
    word-break: break-all
}

.sun-editor .se-select-menu .se-select-item {
    border-radius: var(--se-border-radius);
    cursor: pointer;
    font-size: var(--se-btn-font-size);
    line-height: 28px;
    list-style: none;
    margin: 1px 4px;
    min-height: 28px;
    padding: 0 6px;
    transition: background-color .08s ease
}

.sun-editor .se-select-menu .se-select-item button {
    margin: 0;
    min-height: 28px;
    padding: 0
}

.sun-editor .se-select-menu .se-select-item button span {
    margin: 0;
    padding: 0
}

.sun-editor .se-select-menu .se-select-item .se-select-on,
.sun-editor .se-select-menu .se-select-item.se-select-on {
    color: var(--se-active-dark3-color)
}

.sun-editor .se-select-menu.se-select-menu-mouse-move .se-select-item:hover,
.sun-editor .se-select-menu:not(.se-select-menu-mouse-move) .se-select-item.active {
    background-color: var(--se-hover-light-color)
}

.sun-editor .se-select-menu.se-select-menu-mouse-move .se-select-item.__se__active,
.sun-editor .se-select-menu.se-select-menu-mouse-move .se-select-item:active {
    background-color: var(--se-hover-light2-color)
}

.sun-editor .se-modal-form-files .se-select-menu {
    height: auto;
    width: 100%
}

.sun-editor .se-select-menu.se-figure-select-list {
    width: 74px
}

.sun-editor .se-browser {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483646
}

.sun-editor .se-browser button,
.sun-editor .se-browser input,
.sun-editor .se-browser label {
    color: var(--se-main-color);
    font-size: var(--se-modal-input-font-size);
    line-height: 1.5;
    margin: 0
}

.sun-editor .se-browser .se-browser-back {
    background-color: var(--se-overlay-background-color);
    opacity: .5
}

.sun-editor .se-browser .se-browser-back,
.sun-editor .se-browser .se-browser-inner {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sun-editor .se-browser .se-browser-inner .se-browser-content {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: var(--se-main-background-color);
    border: 1px solid #0003;
    border-radius: var(--se-border-radius-lg);
    box-shadow: 0 3px 9px var(--se-shadow-layer-color);
    margin: 20px auto;
    max-width: 100%;
    outline: 0;
    position: relative;
    width: 1024px
}

.sun-editor .se-browser .se-browser-header {
    border-bottom: 1px solid var(--se-modal-border-color);
    height: auto;
    min-height: 50px;
    padding: 6px 15px
}

.sun-editor .se-browser .se-browser-header .se-browser-close {
    filter: alpha(opacity=100);
    float: right;
    font-weight: 700;
    opacity: 1;
    text-shadow: 0 1px 0 var(--se-main-background-color)
}

.sun-editor .se-browser .se-browser-header .se-browser-title {
    font-size: var(--se-browser-title-font-size);
    font-weight: 700;
    line-height: 2.2;
    margin: 0;
    padding: 0
}

.sun-editor .se-browser .se-browser-wrapper {
    display: flex;
    position: relative
}

.sun-editor .se-browser .se-browser-main {
    flex: auto
}

.sun-editor .se-browser .se-browser-bar {
    border-bottom: 1px solid var(--se-modal-border-color);
    height: auto;
    padding: 0 15px
}

.sun-editor .se-browser .se-browser-side>div {
    overflow-y: auto
}

.sun-editor .se-browser .se-browser-side>div:not(.se-side-open-btn) {
    border-right: 1px solid var(--se-modal-border-color);
    color: var(--se-edit-font-color);
    flex-direction: row;
    height: 100%;
    line-height: 1.5;
    min-width: 220px;
    padding: 4px
}

.sun-editor .se-browser .se-browser-side .se-menu-icon {
    display: inline-block;
    height: 16px;
    margin: -1px 10px 0 0;
    vertical-align: middle;
    width: 16px
}

.sun-editor .se-browser .se-browser-search .se-side-open-btn {
    border: 1px solid var(--se-input-btn-border-color);
    color: var(--se-edit-font-color);
    display: none;
    margin: 8px 0 0 8px;
    opacity: .8
}

.sun-editor .se-browser .se-browser-side.se-side-show>div {
    display: block !important
}

.sun-editor .se-browser .se-browser-side>div .se-menu-hidden {
    display: none
}

.sun-editor .se-browser .se-menu-folder {
    cursor: pointer
}

.sun-editor .se-browser .se-menu-folder>div:not(.se-menu-child) {
    display: flex;
    padding: 8px 10px 8px 20px
}

.sun-editor .se-browser .se-menu-folder>div>button {
    margin-left: -20px
}

.sun-editor .se-browser .se-menu-folder .se-menu-folder-item {
    padding: 8px 8px 8px 24px
}

.sun-editor .se-browser .se-menu-folder>div:not(.se-menu-child)>.se-menu-icon>* {
    padding-top: 3px
}

.sun-editor .se-browser .se-menu-folder .se-menu-folder-item>.se-menu-icon>* {
    margin-top: -1px
}

.sun-editor .se-browser .se-menu-folder div:not(.se-menu-child):not(.active):hover {
    background-color: var(--se-main-divider-color);
    border-color: var(--se-main-border-color)
}

.sun-editor .se-browser .se-menu-folder div.active>button {
    color: var(--se-active-dark5-color)
}

.sun-editor .se-browser .se-browser-search .se-side-open-btn.active,
.sun-editor .se-browser .se-menu-folder div.active {
    background-color: var(--se-active-light2-color);
    color: var(--se-active-dark5-color)
}

.sun-editor .se-browser .se-menu-folder.active {
    border-left: 2px solid var(--se-active-dark4-color);
    margin-left: -2px
}

.sun-editor .se-browser .se-browser-tags {
    display: block;
    font-size: var(--se-main-font-size);
    margin-top: -5px;
    padding: 0;
    text-align: left;
    width: 100%
}

.sun-editor .se-browser .se-browser-tags a {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: var(--se-main-divider-color);
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    color: var(--se-main-font-color);
    cursor: pointer;
    display: inline-block;
    margin: 8px 0 8px 8px;
    padding: 6px 12px;
    text-decoration: none
}

.sun-editor .se-browser .se-browser-search {
    display: flex;
    font-size: var(--se-main-font-size);
    height: 48px;
    margin: 0 -15px;
    padding: 0;
    text-align: left;
    width: 100%
}

.sun-editor .se-browser .se-browser-search .se-browser-search-form {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    width: 400px
}

.sun-editor .se-browser .se-browser-search .se-browser-search-form>* {
    margin: 8px
}

.sun-editor .se-browser .se-browser-search .se-browser-search-form>.se-btn {
    margin-left: 0;
    margin-right: 0
}

.sun-editor .se-browser .se-browser-search-input-wrap {
    flex: auto;
    position: relative
}

.sun-editor .se-browser .se-browser-search-input-wrap input {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: initial;
    border-radius: var(--se-border-radius);
    -moz-border-radius: var(--se-border-radius);
    -webkit-border-radius: var(--se-border-radius);
    box-sizing: border-box;
    color: var(--se-main-font-color);
    padding: 3px 24px 3px 6px;
    text-decoration: none;
    width: 100%
}

.sun-editor .se-browser .se-browser-search-clear {
    opacity: .35;
    padding: 0 2px;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%)
}

.sun-editor .se-browser .se-browser-search-clear:hover {
    opacity: .8
}

.sun-editor .se-browser .se-browser-search button {
    float: none
}

.sun-editor .se-browser .se-browser-tags a:hover {
    background-color: var(--se-main-divider-color);
    transition: background-color .2s ease-in-out
}

.sun-editor .se-browser .se-browser-tags a:active {
    background-color: var(--se-main-border-color)
}

.sun-editor .se-browser .se-browser-tags a.on {
    background-color: var(--se-active-light3-color);
    color: var(--se-active-dark3-color)
}

.sun-editor .se-browser .se-browser-tags a.on:hover {
    background-color: var(--se-active-light5-color);
    transition: background-color .2s ease-in-out
}

.sun-editor .se-browser .se-browser-tags a.on:active {
    background-color: var(--se-active-light5-color)
}

.sun-editor .se-browser .se-browser-body {
    height: auto;
    min-height: 350px;
    overflow-y: auto;
    padding: 10px;
    position: relative
}

.sun-editor .se-browser .se-browser-body .se-browser-list {
    position: relative;
    width: 100%
}

@media screen and (max-width:992px) {
    .sun-editor .se-browser .se-browser-inner .se-browser-content {
        width: 748px
    }

    .sun-editor .se-browser .se-browser-side>div:not(.se-side-open-btn) {
        min-width: 180px
    }
}

@media screen and (max-width:768px) {
    .sun-editor .se-browser .se-browser-inner .se-browser-content {
        width: 600px
    }

    .sun-editor .se-browser .se-browser-side>div:not(.se-side-open-btn) {
        min-width: 150px
    }
}

@media screen and (max-width:552px) {
    .sun-editor .se-browser .se-browser-side>div:not(.se-side-open-btn) {
        display: none
    }

    .sun-editor .se-browser .se-browser-search .se-side-open-btn {
        display: block
    }

    .sun-editor .se-browser .se-browser-side {
        background-color: var(--se-main-background-color);
        height: calc(100% - 49px);
        opacity: .95;
        position: absolute;
        top: 49px;
        z-index: 2
    }
}

.sun-editor .se-browser .se-browser-list .se-file-item-column {
    display: block;
    float: left;
    height: auto;
    position: relative
}

.sun-editor .se-browser .se-browser-list.se-preview-list .se-file-item-column {
    margin: 0 10px;
    width: calc(25% - 20px)
}

@media screen and (max-width:992px) {
    .sun-editor .se-browser .se-browser-list.se-preview-list .se-file-item-column {
        width: calc(33% - 20px)
    }
}

@media screen and (max-width:768px) {
    .sun-editor .se-browser .se-browser-list.se-preview-list .se-file-item-column {
        width: calc(50% - 20px)
    }
}

.sun-editor .se-browser .se-browser-list.se-preview-list .se-file-item-img {
    border-radius: var(--se-border-radius);
    cursor: pointer;
    display: block;
    height: auto;
    margin: 10px 0;
    outline: 0;
    position: relative;
    width: 100%
}

.sun-editor .se-browser .se-browser-list.se-preview-list .se-file-item-img:hover {
    box-shadow: 0 0 0 .2rem var(--se-active-color);
    opacity: .8;
    transition: box-shadow .1s ease-in-out
}

.sun-editor .se-browser .se-browser-list.se-preview-list .se-file-item-img>img {
    border-radius: var(--se-border-radius);
    display: block;
    height: auto;
    outline: 0;
    position: relative;
    width: 100%
}

.sun-editor .se-browser .se-browser-list.se-preview-list .se-file-item-img>.se-file-name-image {
    background-color: initial;
    border-bottom-left-radius: var(--se-border-radius);
    border-bottom-right-radius: var(--se-border-radius);
    bottom: 0;
    color: var(--se-main-background-color);
    font-size: var(--se-main-font-size);
    height: 30px;
    left: 0;
    padding: 5px 10px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.sun-editor .se-browser .se-browser-list.se-preview-list .se-file-item-img>.se-file-name-image.se-file-name-back {
    background-color: var(--se-main-font-color);
    opacity: .6;
    pointer-events: none
}

.sun-editor .se-browser .se-file-name-image mark {
    background-color: var(--se-active-color);
    border-radius: 2px;
    color: var(--se-active-font-color);
    padding: 0 1px
}

.sun-editor .se-browser .se-browser-list.se-preview-list .se-file-item-img>* {
    align-items: center;
    display: flex;
    justify-content: center
}

.sun-editor .se-browser .se-browser-list.se-preview-list .se-file-item-img>.se-browser-empty-thumbnail {
    background-color: var(--se-active-light-color);
    border-radius: var(--se-border-radius);
    height: 170px;
    max-height: 100%;
    width: 100%
}

.sun-editor .se-browser .se-browser-list.se-preview-list .se-file-item-img>.se-browser-empty-thumbnail>svg {
    color: var(--se-active-color);
    height: auto;
    margin-bottom: 30px;
    max-width: 100%;
    width: 90px
}

.sun-editor .se-alert-content {
    background-color: var(--se-main-background-color);
    border: 1px solid #0003;
    border-radius: var(--se-border-radius);
    box-shadow: 0 3px 9px var(--se-shadow-layer-color);
    height: auto;
    margin: auto;
    max-width: 500px;
    opacity: 0;
    padding: 15px;
    position: relative;
    top: 35%;
    transform: scale(.9);
    transition: opacity .25s ease, transform .25s ease;
    visibility: hidden;
    width: auto;
    word-break: break-all;
    z-index: 7
}

.sun-editor .se-alert-content.se-modal-show {
    animation: se-alert-in .25s ease forwards;
    opacity: 1;
    transform: scale(1);
    visibility: visible
}

.sun-editor .se-alert-content button {
    float: right;
    padding: 0
}

.sun-editor .se-alert-content.se-alert-success {
    border-color: var(--se-success-light4-color);
    color: var(--se-success-color)
}

.sun-editor .se-alert-content.se-alert-error {
    border-color: var(--se-error-light4-color);
    color: var(--se-error-color)
}

.sun-editor .se-toast {
    background: #0000;
    display: none;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483646
}

.sun-editor .se-toast .se-toast-container {
    background-color: var(--se-main-font-color);
    border: 1px solid #0003;
    border-radius: var(--se-border-radius);
    box-shadow: 0 3px 9px var(--se-shadow-layer-color);
    color: var(--se-main-background-color);
    font-size: .9em;
    height: max-content;
    line-height: unset;
    margin: auto;
    max-width: 100%;
    opacity: 0;
    padding: 7px;
    position: relative;
    text-align: center;
    top: 35%;
    transform: scale(.9);
    transform: translateY(20px);
    transition: opacity .25s ease, transform .25s ease;
    width: max-content;
    word-break: break-all
}

.sun-editor .se-toast .se-toast-container.se-toast-show {
    animation: toast-in .3s ease-out forwards, toast-out .3s ease-in 3s forwards;
    opacity: 1
}

.sun-editor .se-toast.se-toast-success .se-toast-container {
    background-color: var(--se-success-color);
    border-color: var(--se-success-light4-color)
}

.sun-editor .se-toast.se-toast-error .se-toast-container {
    background-color: var(--se-error-color);
    border-color: var(--se-error-light3-color)
}

.sun-editor input:not(.se-toolbar-btn):focus,
.sun-editor select:focus,
.sun-editor textarea:focus {
    border-color: var(--se-active-dark-color);
    box-shadow: 0 0 0 .2rem var(--se-active-light3-color);
    outline: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.sun-editor .se-tooltip {
    font-size: var(--se-main-font-size);
    overflow: visible;
    position: relative
}

.sun-editor .se-tooltip .se-tooltip-inner {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: #0000;
    bottom: auto;
    display: block;
    float: none;
    height: auto;
    left: 50%;
    line-height: 1.5;
    margin: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 120%;
    transition: opacity .5s;
    visibility: hidden;
    width: auto;
    z-index: 1
}

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text {
    background-color: var(--se-main-font-color);
    border-radius: var(--se-border-radius);
    color: var(--se-main-background-color);
    cursor: auto;
    display: inline-block;
    font-size: .9em;
    height: auto;
    left: -50%;
    line-height: unset;
    margin: 0;
    padding: 4px 6px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: auto
}

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text:after {
    border-color: #0000 #0000 var(--se-main-font-color) #0000;
    border-style: solid;
    border-width: 5px;
    bottom: 100%;
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute
}

.sun-editor .se-tooltip:hover .se-tooltip-inner {
    opacity: 1;
    visibility: visible
}

.sun-editor :not(.se-shortcut-hide) .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {
    display: block !important
}

.sun-editor .se-shortcut-hide .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {
    display: none !important
}

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut>.se-shortcut-key {
    display: inline;
    font-weight: 700
}

.sun-editor input.se-color-input {
    border: 0;
    border-bottom: 2px solid var(--se-main-outline-color);
    border-radius: 0;
    margin: 0 2px;
    outline: none;
    text-transform: uppercase;
    width: 72px
}

.sun-editor input.se-color-input::-webkit-input-placeholder {
    font-size: .9em;
    text-transform: none
}

.sun-editor input.se-color-input::-moz-placeholder {
    font-size: .9em;
    text-transform: none
}

.sun-editor input.se-color-input:-ms-input-placeholder {
    font-size: .9em;
    text-transform: none
}

.sun-editor input.se-color-input::-ms-input-placeholder {
    font-size: .9em;
    text-transform: none
}

.sun-editor input.se-color-input::placeholder {
    font-size: .9em;
    text-transform: none
}

.sun-editor input.se-color-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzLjQ2IDEyIDE5IDE3LjU0VjE5aC0xLjQ2TDEyIDEzLjQ2IDYuNDYgMTlINXYtMS40NkwxMC41NCAxMiA1IDYuNDZWNWgxLjQ2TDEyIDEwLjU0IDE3LjU0IDVIMTl2MS40NnoiLz48L3N2Zz4=) no-repeat 50%;
    background-size: cover;
    height: 15px;
    width: 15px
}

.sun-editor .se-visible-hidden {
    visibility: hidden
}

.sun-editor-editable table td.se-selected-table-cell:after,
.sun-editor-editable table th.se-selected-table-cell:after {
    background-color: var(--se-active-light3-color);
    bottom: -1px;
    content: "";
    height: 100%;
    left: -1px;
    opacity: .3;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 100%
}

.sun-editor-editable[contenteditable=true] table td.se-selected-cell-focus,
.sun-editor-editable[contenteditable=true] table th.se-selected-cell-focus {
    outline: 2px dashed var(--se-active-dark3-color);
    z-index: 1
}

.sun-editor-editable pre[data-se-lang] {
    position: relative
}

.sun-editor-editable pre[data-se-lang]:before {
    color: var(--se-secondary-color);
    content: attr(data-se-lang);
    font-size: 11px;
    opacity: .7;
    padding: 2px 8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.sun-editor-editable[contenteditable=true] pre.se-pre-code-focus {
    outline: 2px solid var(--se-active-color);
    outline-offset: -2px
}

.sun-editor-editable pre[data-se-lang].se-pre-code-focus:before {
    display: none
}

.sun-editor-editable.se-rtl pre[data-se-lang]:before {
    left: 0;
    right: auto
}

.sun-editor .se-code-lang {
    display: none;
    padding: 0;
    position: absolute
}

.sun-editor .se-code-lang-button {
    align-items: center;
    background-color: var(--se-edit-background-pre, #f9f9f9);
    border: 1px solid var(--se-border-color);
    border-radius: var(--se-border-radius);
    box-shadow: 0;
    color: var(--se-edit-font-pre, #666);
    cursor: pointer;
    display: inline-flex;
    font-family: monospace;
    font-size: 11px;
    gap: 4px;
    line-height: 1.4;
    margin: 0;
    opacity: .75;
    padding: 4px;
    transition: opacity .15s;
    white-space: nowrap
}

.sun-editor .se-code-lang-button:hover {
    box-shadow: 0 1px 3px #0000001f;
    opacity: 1
}

.sun-editor .se-code-lang-icon {
    font-size: 10px;
    font-weight: 700;
    opacity: .5
}

.sun-editor .se-find-replace {
    background-color: var(--se-main-background-color);
    border: 1px solid var(--se-main-border-color);
    border-radius: 0 0 0 var(--se-border-radius);
    border-right: none;
    border-top: none;
    box-shadow: -2px 2px 6px #0000001a;
    display: none;
    flex-direction: column;
    gap: 4px;
    margin-left: auto;
    max-width: 100%;
    padding: 6px 8px;
    position: sticky;
    width: fit-content;
    z-index: 6
}

.sun-editor .se-find-replace.se-find-replace-open {
    display: flex
}

.sun-editor .se-find-replace-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end
}

.sun-editor .se-find-replace-row-replace {
    display: flex;
    justify-content: flex-start
}

.sun-editor .se-find-replace .se-find-input-wrapper {
    flex: 1 1 180px;
    max-width: 420px;
    position: relative
}

.sun-editor .se-find-replace .se-find-replace-input {
    background-color: var(--se-main-background-color);
    border: 1px solid var(--se-main-border-color);
    border-radius: var(--se-border-radius);
    box-sizing: border-box;
    color: var(--se-main-color);
    font-size: var(--se-main-font-size);
    height: 26px;
    outline: none;
    padding: 2px 100px 2px 6px;
    width: 100%
}

.sun-editor .se-find-replace .se-find-replace-input:focus {
    border-color: var(--se-active-color);
    box-shadow: 0 0 0 1px var(--se-active-color)
}

.sun-editor .se-find-replace .se-find-replace-input.se-find-no-match {
    background-color: var(--se-find-no-match-color, #ff50501f)
}

.sun-editor .se-find-replace .se-find-replace-toggle {
    background-color: initial;
    color: var(--se-main-color-lighter);
    font-size: 11px;
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap
}

.sun-editor .se-find-replace .se-find-replace-toggle>* {
    align-items: center;
    display: flex;
    float: left;
    height: 24px;
    justify-content: center;
    margin: 0
}

.sun-editor .se-find-replace .se-find-replace-toggle .se-find-replace-info {
    padding: 0 2px
}

.sun-editor .se-find-replace .se-find-replace-toggle .se-find-replace-info .se-find-replace-count {
    color: var(--se-main-color-lighter)
}

.sun-editor .se-find-replace .se-find-replace-toggle>button.on {
    border: none
}

.sun-editor .se-find-replace .se-find-replace-buttons {
    display: flex;
    flex-shrink: 0;
    gap: 1px
}

.sun-editor .se-find-replace .se-find-replace-btn {
    align-items: center;
    border: 1px solid #0000;
    display: flex;
    font-size: 11px;
    height: 24px;
    justify-content: center;
    transition: opacity .15s, background-color .15s;
    width: 24px
}

.sun-editor .se-find-replace .se-find-replace-row .se-find-replace-btn {
    background-color: initial
}

.sun-editor .se-find-replace .se-find-replace-btn svg {
    fill: currentColor;
    height: 16px;
    width: 16px
}

.sun-editor mark.se-find-mark,
.sun-editor-editable mark.se-find-mark {
    background-color: var(--se-find-match-color, #ffd50066);
    border-radius: 1px;
    color: inherit;
    margin: 0;
    padding: 0
}

.sun-editor mark.se-find-mark.se-find-current,
.sun-editor-editable mark.se-find-mark.se-find-current {
    background-color: var(--se-find-current-color, #ff9632b3)
}

.sun-editor.se-rtl .se-icon-flip-rtl .se-svg,
.sun-editor.se-rtl .se-icon-flip-rtl svg {
    transform: scaleX(-1)
}

.sun-editor.se-rtl .se-text-prefix-icon {
    float: right
}

.sun-editor.se-rtl .se-btn-select svg {
    margin: auto 1px
}

.sun-editor.se-rtl .se-find-replace {
    border-left: none;
    border-radius: 0 0 var(--se-border-radius) 0;
    border-right: 1px solid var(--se-main-border-color);
    box-shadow: 2px 2px 6px #0000001a;
    margin-left: 0;
    margin-right: auto
}

.sun-editor.se-rtl .se-find-replace-row {
    justify-content: flex-start
}

.sun-editor.se-rtl .se-find-replace-input,
.sun-editor.se-rtl .se-input-form,
.sun-editor.se-rtl .se-status-bar {
    direction: rtl
}

.sun-editor.se-rtl .se-status-bar .se-word-counter-wrapper .se-word-label {
    margin-left: 4px;
    margin-right: 0
}

.sun-editor.se-rtl .se-status-bar .se-char-counter-wrapper.se-with-word-counter {
    margin-left: 0;
    margin-right: .6em
}

.sun-editor.se-rtl .se-btn-select .se-txt {
    direction: rtl;
    flex: auto;
    margin-left: 4px;
    text-align: right
}

.sun-editor.se-rtl button.se-side-btn {
    float: right
}

.sun-editor.se-rtl button.se-side-btn-b {
    border-radius: var(--se-border-radius) 0 0 var(--se-border-radius);
    float: right;
    margin-right: 0
}

.sun-editor.se-rtl button.se-side-btn-a {
    border-radius: 0 var(--se-border-radius) var(--se-border-radius) 0;
    float: right;
    margin-left: 0
}

.sun-editor.se-rtl button.se-side-btn-after {
    border-radius: var(--se-border-radius) 0 0 var(--se-border-radius);
    margin-right: 0
}

.sun-editor.se-rtl button.se-side-btn-before {
    border-radius: 0 var(--se-border-radius) var(--se-border-radius) 0;
    float: right;
    margin-left: 0
}

.sun-editor.se-rtl .se-menu-list li .se-side-btn-after.active:enabled,
.sun-editor.se-rtl .se-menu-list li .se-side-btn-after.on:enabled {
    border-left: 0;
    border-right: 1px solid
}

.sun-editor.se-rtl .se-menu-list li .se-side-btn-before.active:enabled,
.sun-editor.se-rtl .se-menu-list li .se-side-btn-before.on:enabled {
    border-left: 1px solid;
    border-right: 0
}

.sun-editor.se-rtl .se-btn-list {
    text-align: right
}

.sun-editor.se-rtl .se-btn-list>.se-list-icon {
    margin: -1px 0 0 10px
}

.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix),
.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix) li {
    float: right
}

.sun-editor.se-rtl .se-list-layer * {
    direction: rtl
}

.sun-editor.se-rtl .se-list-layer.se-list-format ul blockquote {
    border-bottom: 0;
    border-left-width: 0;
    border-right-width: 5px;
    border-top: 0;
    padding: 0 7px 0 0
}

.sun-editor.se-rtl .se-select-item .se-list-icon {
    margin: 0 0 6px 6px
}

.sun-editor.se-rtl .se-list-layer .se-selector-color .se-color-pallet li {
    float: right
}

.sun-editor.se-rtl .se-list-inner .se-list-checked li button>.se-svg {
    float: right;
    padding: 6px 0 0 6px
}

.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text,
.sun-editor.se-rtl .se-wrapper .se-placeholder {
    direction: rtl
}

.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {
    direction: ltr
}

.sun-editor.se-rtl .se-modal-area * {
    direction: rtl
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-form .se-modal-ratio {
    margin-left: 0;
    margin-right: 4px
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-header .se-close-btn {
    float: left
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-header .se-modal-title {
    float: right
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-form .se-modal-form-files .se-modal-files-edge-button {
    margin-left: 0;
    margin-right: 1px
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-form .se-modal-flex-form .se-btn {
    margin-left: 4px;
    margin-right: 0
}

.sun-editor.se-rtl .se-modal-tabs button {
    float: right
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-size-text {
    padding-right: var(--se-input-btn-size)
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-form .se-modal-flex-form .se-modal-flex-group {
    margin-left: 4px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 4px
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-footer .se-btn-primary {
    float: left
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-footer>div {
    float: right
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-footer>div>label {
    margin: 0 0 0 5px
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-form-footer label:first-child {
    margin-left: 16px;
    margin-right: 0
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-anchor-rel-preview {
    margin-left: 4px;
    text-align: right
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-btn-revert {
    float: left
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-anchor-rel-btn {
    float: right
}

.sun-editor.se-rtl .se-browser * {
    direction: rtl
}

.sun-editor.se-rtl .se-browser .se-browser-tags {
    text-align: right
}

.sun-editor.se-rtl .se-browser .se-browser-tags a {
    margin: 8px 8px 0
}

.sun-editor.se-rtl .se-browser .se-browser-header .se-browser-close {
    float: left
}

.sun-editor.se-rtl .se-browser .se-browser-side>div {
    border-left: 1px solid var(--se-modal-border-color);
    border-right: none;
    flex-direction: row-reverse
}

.sun-editor.se-rtl .se-browser .se-menu-folder>div:not(.se-menu-child) {
    padding: 8px 20px 8px 10px
}

.sun-editor.se-rtl .se-browser .se-menu-folder>div>button {
    margin-left: 0;
    margin-right: -20px
}

.sun-editor.se-rtl .se-browser .se-menu-folder.active {
    border-left: none;
    border-right: 2px solid var(--se-active-dark4-color);
    margin-left: 0;
    margin-right: -2px
}

.sun-editor.se-rtl .se-browser .se-browser-search .se-browser-search-form {
    flex-direction: row-reverse;
    margin: 2px 8px
}

.sun-editor.se-rtl .se-browser .se-browser-search-input-wrap input {
    padding: 3px 6px 3px 24px
}

.sun-editor.se-rtl .se-browser .se-browser-search-clear {
    left: 2px;
    right: auto
}

.sun-editor.se-rtl .se-browser .se-browser-side .se-menu-icon {
    margin: 0 0 0 10px
}

.sun-editor.se-rtl .se-browser .se-browser-search .se-side-open-btn {
    margin: 8px 8px 0 0
}

.sun-editor.se-rtl .se-controller .se-btn-group,
.sun-editor.se-rtl .se-controller .se-controller-body {
    direction: rtl
}

.sun-editor.se-rtl .se-resizing-container .se-resize-display {
    direction: rtl;
    left: 0;
    right: auto
}

.sun-editor.se-rtl .se-controller .se-controller-header .se-close-btn {
    float: left
}

.sun-editor.se-rtl .se-controller .se-controller-header .se-controller-title {
    float: right
}

.sun-editor.se-rtl .se-controller.se-table-props .se-table-props-align li {
    margin-left: 2px;
    margin-right: 0
}

.sun-editor.se-rtl .se-controller .se-arrow {
    left: auto;
    margin-left: 0;
    margin-right: -11px;
    right: 20px
}

.sun-editor-editable.se-rtl[contenteditable=true].se-copy-format-cursor {
    cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDE2Ij48ZGVmcz48ZmlsdGVyIGlkPSJhIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9IjEiIHJlc3VsdD0iZGlsYXRlZCIvPjxmZUZsb29kIGZsb29kLWNvbG9yPSIjZmZmIiByZXN1bHQ9IndoaXRlIi8+PGZlQ29tcG9zaXRlIGluPSJ3aGl0ZSIgaW4yPSJkaWxhdGVkIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0ib3V0bGluZSIvPjxmZU1lcmdlPjxmZU1lcmdlTm9kZSBpbj0ib3V0bGluZSIvPjxmZU1lcmdlTm9kZSBpbj0iU291cmNlR3JhcGhpYyIvPjwvZmVNZXJnZT48L2ZpbHRlcj48L2RlZnM+PGcgZmlsdGVyPSJ1cmwoI2EpIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAyNCAwKSI+PHBhdGggZD0iTTQuMzMyIDEyLjY2OGMwIC4zNjcuMTUyLjY2NC4zMzYuNjY0aC42NjR2MS4zMzZINC41Yy0uMTg0IDAtLjUtLjMwMS0uNS0uNjY4IDAgLjM2Ny0uMzE2LjY2OC0uNS42NjhoLS44MzJ2LTEuMzM2aC42NjRjLjE4NCAwIC4zMzYtLjI5Ny4zMzYtLjY2NFYzLjMzMmMwLS4zNjctLjE1Mi0uNjY0LS4zMzYtLjY2NGgtLjY2NFYxLjMzMkgzLjVjLjE4NCAwIC41LjMwMS41LjY2OCAwLS4zNjcuMzE2LS42NjguNS0uNjY4aC44MzJ2MS4zMzZoLS42NjRjLS4xODQgMC0uMzM2LjI5Ny0uMzM2LjY2NFpNMjAgMi42NjhWMmEuNjcuNjcgMCAwIDAtLjY2OC0uNjY4aC04YS42NjcuNjY3IDAgMCAwLS42NjQuNjY4djIuNjY4YzAgLjM2Ny4yOTcuNjY0LjY2NC42NjRoOEEuNjY1LjY2NSAwIDAgMCAyMCA0LjY2OFY0aC42Njh2Mi42NjhIMTRWMTRjMCAuMzY3LjI5Ny42NjguNjY4LjY2OEgxNmEuNjcuNjcgMCAwIDAgLjY2OC0uNjY4VjhIMjJWMi42NjhaIi8+PC9nPjwvc3ZnPg==) 24 0, text
}

.sun-editor.se-rtl .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner {
    direction: rtl;
    padding-left: var(--se-doc-info-inner-line-padding);
    padding-right: var(--se-doc-info-inner-padding)
}

.sun-editor.se-rtl .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-h1 {
    padding-left: var(--se-doc-info-inner-line-padding);
    padding-right: var(--se-doc-info-inner-line-indent-h1)
}

.sun-editor.se-rtl .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-h2 {
    padding-left: var(--se-doc-info-inner-line-padding);
    padding-right: var(--se-doc-info-inner-line-indent-h2)
}

.sun-editor.se-rtl .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-h3 {
    padding-left: var(--se-doc-info-inner-line-padding);
    padding-right: var(--se-doc-info-inner-line-indent-h3)
}

.sun-editor.se-rtl .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-h4 {
    padding-left: var(--se-doc-info-inner-line-padding);
    padding-right: var(--se-doc-info-inner-line-indent-h4)
}

.sun-editor.se-rtl .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-h5 {
    padding-left: var(--se-doc-info-inner-line-padding);
    padding-right: var(--se-doc-info-inner-line-indent-h5)
}

.sun-editor.se-rtl .se-wrapper.se-type-document .se-document-lines .se-document-lines-inner>div.se-doc-h6 {
    padding-left: var(--se-doc-info-inner-line-padding);
    padding-right: var(--se-doc-info-inner-line-indent-h6)
}

.sun-editor.se-rtl .se-wrapper.se-type-document .se-document-page {
    direction: rtl
}

.sun-editor.se-rtl .se-wrapper.se-type-document .se-document-page>div {
    margin-left: 0;
    margin-right: 1px;
    right: 0
}

.sun-editor.se-rtl .se-wrapper.se-type-document .se-document-page>div>div.se-document-page-line {
    left: 100%;
    right: unset;
    z-index: 1
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-footer .se-btn {
    float: right
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-h {
    left: 0;
    right: unset
}

.sun-editor.se-rtl .se-modal-area .se-modal-inner .se-modal-content .se-modal-resize-handle-c {
    cursor: nesw-resize;
    left: 4px;
    right: unset
}

.sun-editor.se-rtl .se-selector-table .se-table-size-picker,
.sun-editor.se-rtl .se-selector-table .se-table-size-unhighlighted {
    right: 0
}

.sun-editor.se-rtl .se-selector-table .se-table-size-highlighted {
    right: 5px
}

.sun-editor .se-btn-module-border.module-float-left {
    float: left
}

.sun-editor .se-btn-module-border.module-float-right {
    float: right
}

.sun-editor .se-wrapper.se-type-document.se-source-view-status {
    padding: 0
}

.sun-editor .se-wrapper.se-type-document.se-source-view-status .se-document-lines,
.sun-editor .se-wrapper.se-type-document.se-source-view-status .se-document-pages {
    display: none
}

.sun-editor .se-error {
    color: var(--se-error-color)
}

.sun-editor input.se-error,
.sun-editor select.se-error,
.sun-editor textarea.se-error {
    border: 1px solid var(--se-error-dark2-color) !important
}

.sun-editor input.se-error:focus,
.sun-editor select.se-error:focus,
.sun-editor textarea.se-error:focus {
    border: 1px solid var(--se-error-color) !important;
    box-shadow: 0 0 0 .2rem var(--se-error-light2-color);
    outline: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.sun-editor hr.__se__solid {
    border-style: solid none none
}

.sun-editor hr.__se__dotted {
    border-style: dotted none none
}

.sun-editor hr.__se__dashed {
    border-style: dashed none none
}

.sun-editor .se-select-menu .se-select-item .se-autocomplete-item span+span {
    margin: 0 4px;
    opacity: .5
}

.sun-editor-editable.se-show-block div,
.sun-editor-editable.se-show-block h1,
.sun-editor-editable.se-show-block h2,
.sun-editor-editable.se-show-block h3,
.sun-editor-editable.se-show-block h4,
.sun-editor-editable.se-show-block h5,
.sun-editor-editable.se-show-block h6,
.sun-editor-editable.se-show-block li,
.sun-editor-editable.se-show-block ol,
.sun-editor-editable.se-show-block p,
.sun-editor-editable.se-show-block pre,
.sun-editor-editable.se-show-block ul {
    border: 1px dashed var(--se-show-blocks-color) !important;
    padding: 14px 8px 8px !important
}

.sun-editor-editable.se-show-block ol,
.sun-editor-editable.se-show-block ul {
    border: 1px dashed var(--se-show-blocks-li-color) !important
}

.sun-editor-editable.se-show-block pre {
    border: 1px dashed var(--se-show-blocks-pre-color) !important
}

.sun-editor-editable.se-show-block div.se-component {
    border: 1px dashed var(--se-show-blocks-component-color) !important;
    padding: 1px !important
}

.sun-editor-editable.se-show-block p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==) no-repeat
}

.sun-editor-editable.se-show-block div:not(.se-component) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==) no-repeat
}

.sun-editor-editable.se-show-block h1 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC) no-repeat
}

.sun-editor-editable.se-show-block h2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==) no-repeat
}

.sun-editor-editable.se-show-block h3 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC) no-repeat
}

.sun-editor-editable.se-show-block h4 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC) no-repeat
}

.sun-editor-editable.se-show-block h5 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC) no-repeat
}

.sun-editor-editable.se-show-block h6 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC) no-repeat
}

.sun-editor-editable.se-show-block li {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==) no-repeat
}

.sun-editor-editable.se-show-block ol {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==) no-repeat
}

.sun-editor-editable.se-show-block ul {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==) no-repeat
}

.sun-editor.sun-editor-carrier-wrapper {
    border: none !important;
    display: block !important;
    height: 0 !important;
    margin: 0 !important;
    outline: none !important;
    padding: 0 !important;
    position: static !important;
    width: 0 !important
}

.sun-editor.sun-editor-carrier-wrapper .se-drag-cursor {
    background-color: var(--se-drag-caret-color);
    display: none;
    pointer-events: none;
    position: absolute;
    width: 2px;
    z-index: 2147483646
}

.sun-editor.sun-editor-carrier-wrapper .se-drag-cursor:before {
    background-color: initial;
    border: 0 solid #0000;
    border-color: var(--se-drag-caret-color) #0000 #0000 #0000;
    border-width: 6px 5px 0;
    content: "";
    height: 0;
    margin-left: -4px;
    margin-right: 0;
    position: absolute;
    top: -3px;
    width: 0
}

.sun-editor.sun-editor-carrier-wrapper .se-drag-cursor:after {
    background-color: initial;
    border: 5px solid #0000;
    border-top: 0 solid #0000;
    border-color: #0000 #0000 var(--se-drag-caret-color) #0000;
    bottom: -3px;
    content: "";
    height: 0;
    margin-left: -4px;
    margin-right: 0;
    position: absolute;
    width: 0
}

.sun-editor-editable[contenteditable=true] .se-page-break {
    align-items: center;
    clear: both;
    display: flex;
    height: 24px;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
    visibility: visible !important;
    width: 100%;
    z-index: 1
}

.sun-editor-editable[contenteditable=true] .se-page-break:after {
    background: var(--se-main-background-color);
    color: var(--se-doc-info-page-background-color);
    content: "⎯⎯⎯⎯⎯⎯";
    font-size: var(--se-main-font-size);
    padding: 0 5px;
    position: absolute;
    top: 1px
}

@-webkit-keyframes blinker {
    50% {
        opacity: 0
    }
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

@-webkit-keyframes spinner {
    to {
        transform: rotate(361deg)
    }
}

@keyframes spinner {
    to {
        transform: rotate(361deg)
    }
}

@keyframes toast-in {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes toast-out {
    to {
        opacity: 0;
        transform: translateY(-10px)
    }
}

@keyframes se-alert-in {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes se-alert-out {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.95)
    }
}

.sun-editor-editable {
    background-color: var(--se-edit-background-color);
    box-sizing: border-box;
    color: var(--se-edit-font-color);
    font-family: var(--se-content-font-family);
    font-size: var(--se-edit-font-size);
    word-break: normal;
    word-wrap: break-word;
    margin: 0;
    padding: var(--se-edit-inner-padding)
}

.sun-editor-editable * {
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: var(--se-edit-line-height)
}

.sun-editor-editable.se-document-page-mirror-a4,
.sun-editor-editable.se-type-document-editable-a4 {
    padding: var(--se-edit-inner-padding-doc-type);
    width: 21cm !important
}

.sun-editor-editable.se-rtl,
.sun-editor-editable.se-rtl * {
    direction: rtl
}

.sun-editor-editable .se-component>figure {
    direction: ltr
}

.sun-editor-editable .se-component>figure>* {
    margin: 0
}

.sun-editor-editable .se-component>figure>blockquote {
    margin: 0;
    min-height: 100px;
    position: relative
}

.sun-editor-editable .se-component>figure>blockquote:before {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top-color: #3498db;
    content: "";
    display: block;
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 30px
}

@-webkit-keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.sun-editor-editable audio,
.sun-editor-editable figcaption,
.sun-editor-editable figure,
.sun-editor-editable iframe,
.sun-editor-editable img,
.sun-editor-editable td,
.sun-editor-editable th,
.sun-editor-editable video {
    position: relative
}

.sun-editor-editable span {
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: initial
}

.sun-editor-editable span.se-math {
    display: inline-block
}

.sun-editor-editable span.se-math * {
    direction: ltr
}

.sun-editor-editable span>.MathJax {
    margin: .5em 0 !important
}

.sun-editor-editable a {
    color: var(--se-edit-anchor);
    text-decoration: none;
    white-space: nowrap
}

.sun-editor-editable span[style~="color:"] a {
    color: inherit
}

.sun-editor-editable a:focus,
.sun-editor-editable a:hover {
    color: var(--se-edit-anchor-on-font);
    cursor: pointer;
    text-decoration: underline
}

.sun-editor-editable a.on {
    background-color: var(--se-edit-anchor-on-back);
    color: var(--se-edit-anchor-on-font)
}

.sun-editor-editable a[data-se-anchor] {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTQuMTY4IDE1IDEwIDEzLjE4NCA1LjgzMiAxNVY0LjE2OGg4LjMzNm0wLTEuNjY4SDUuODMyYy0uOTE4IDAtMS42NjQuNzQ2LTEuNjY0IDEuNjY4VjE3LjVMMTAgMTVsNS44MzIgMi41VjQuMTY4YzAtLjkyNi0uNzUtMS42NjgtMS42NjQtMS42NjhtMCAwIiBzdHlsZT0ic3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDojMDAwO2ZpbGwtb3BhY2l0eToxIi8+PC9zdmc+) no-repeat;
    cursor: default;
    display: inline-block;
    height: 20px;
    padding: 0 10px;
    vertical-align: bottom;
    width: 20px
}

.sun-editor-editable pre {
    background-color: var(--se-edit-background-pre);
    border: 1px solid var(--se-edit-border-light);
    border-radius: 2px;
    color: var(--se-edit-font-pre);
    display: block;
    font-family: monospace;
    line-height: 1.45;
    margin: 0 0 10px;
    padding: 8px;
    white-space: pre-wrap !important;
    word-wrap: break-word;
    overflow: visible
}

.sun-editor-editable ol {
    list-style-type: decimal
}

.sun-editor-editable ol,
.sun-editor-editable ul {
    display: block;
    list-style-position: outside;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px
}

.sun-editor-editable ul {
    list-style-type: disc
}

.sun-editor-editable li {
    display: list-item;
    margin-bottom: 5px;
    text-align: -webkit-match-parent
}

.sun-editor-editable ol ol,
.sun-editor-editable ol ul,
.sun-editor-editable ul ol,
.sun-editor-editable ul ul {
    margin: 0
}

.sun-editor-editable ol ol,
.sun-editor-editable ul ol {
    list-style-type: lower-alpha
}

.sun-editor-editable ol ol ol,
.sun-editor-editable ul ol ol,
.sun-editor-editable ul ul ol {
    list-style-type: upper-roman
}

.sun-editor-editable ol ul,
.sun-editor-editable ul ul {
    list-style-type: circle
}

.sun-editor-editable ol ol ul,
.sun-editor-editable ol ul ul,
.sun-editor-editable ul ul ul {
    list-style-type: square
}

.sun-editor-editable sub,
.sun-editor-editable sup {
    font-size: 75%;
    line-height: 0
}

.sun-editor-editable sub {
    vertical-align: sub
}

.sun-editor-editable sup {
    vertical-align: super
}

.sun-editor-editable p {
    display: block;
    margin: 0 0 10px
}

.sun-editor-editable div {
    display: block;
    margin: 0;
    padding: 0
}

.sun-editor-editable blockquote {
    color: var(--se-edit-font-quote);
    display: block;
    font-family: inherit;
    font-size: inherit;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    border-color: var(--se-edit-border-dark);
    border-style: solid;
    border-width: 0 0 0 5px;
    margin-inline-end: 0;
    padding: 0 5px 0 20px
}

.sun-editor-editable blockquote blockquote {
    border-color: var(--se-edit-border-dark-n1)
}

.sun-editor-editable blockquote blockquote blockquote {
    border-color: var(--se-edit-border-dark-n2)
}

.sun-editor-editable blockquote blockquote blockquote blockquote {
    border-color: var(--se-edit-border-light)
}

.sun-editor-editable.se-rtl blockquote {
    border-left-width: 0;
    border-right-width: 5px;
    padding-left: 5px;
    padding-right: 20px
}

.sun-editor-editable h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: .67em;
    margin-block-start: .67em;
    -webkit-margin-after: .67em;
    margin-block-end: .67em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700;
    margin-inline-end: 0
}

.sun-editor-editable h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: .83em;
    margin-block-start: .83em;
    -webkit-margin-after: .83em;
    margin-block-end: .83em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700;
    margin-inline-end: 0
}

.sun-editor-editable h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700;
    margin-inline-end: 0
}

.sun-editor-editable h4 {
    display: block;
    font-size: 1em;
    -webkit-margin-before: 1.33em;
    margin-block-start: 1.33em;
    -webkit-margin-after: 1.33em;
    margin-block-end: 1.33em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700;
    margin-inline-end: 0
}

.sun-editor-editable h5 {
    display: block;
    font-size: .83em;
    -webkit-margin-before: 1.67em;
    margin-block-start: 1.67em;
    -webkit-margin-after: 1.67em;
    margin-block-end: 1.67em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700;
    margin-inline-end: 0
}

.sun-editor-editable h6 {
    display: block;
    font-size: .67em;
    -webkit-margin-before: 2.33em;
    margin-block-start: 2.33em;
    -webkit-margin-after: 2.33em;
    margin-block-end: 2.33em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700;
    margin-inline-end: 0
}

.sun-editor-editable hr {
    border-color: var(--se-edit-hr-color);
    -o-border-image: initial;
    border-image: initial;
    border-width: 1px 0 0;
    display: flex;
    height: 20px;
    margin-bottom: 0;
    margin-top: 20px
}

.sun-editor-editable hr.__se__solid {
    border-style: solid none none
}

.sun-editor-editable hr.__se__dotted {
    border-style: dotted none none
}

.sun-editor-editable hr.__se__dashed {
    border-style: dashed none none
}

.sun-editor-editable hr.on {
    border-color: var(--se-edit-active);
    box-shadow: 0 0 0 .1rem var(--se-edit-hr-on-back)
}

.sun-editor-editable table {
    background-color: var(--se-edit-background-color);
    border-collapse: collapse;
    border-color: var(--se-edit-border-table);
    border-spacing: 0;
    border-style: solid;
    border-width: 1px;
    display: table;
    margin: 0;
    max-width: 100%;
    table-layout: auto !important;
    width: 100%
}

.sun-editor-editable.se-rtl table {
    background-color: var(--se-edit-background-color);
    margin: 0 0 10px auto
}

.sun-editor-editable table caption {
    background-color: var(--se-edit-background-pre);
    border: 1px solid var(--se-edit-border-table);
    caption-side: top;
    margin: 0;
    outline: none;
    padding: .5em;
    text-align: unset
}

.sun-editor-editable table caption.se-table-caption-top {
    border-bottom: 0;
    caption-side: top
}

.sun-editor-editable table caption.se-table-caption-bottom {
    border-top: 0;
    caption-side: bottom
}

.sun-editor-editable table thead {
    border-bottom: 2px solid var(--se-edit-font-color)
}

.sun-editor-editable table tr {
    box-sizing: border-box;
    position: relative
}

.sun-editor-editable table th {
    background-color: #f3f3f3
}

.sun-editor-editable table td,
.sun-editor-editable table th {
    background-clip: padding-box;
    background-color: inherit;
    border-color: var(--se-edit-border-table);
    border-style: solid;
    border-width: 1px;
    min-width: 2em;
    padding: .4em;
    vertical-align: middle
}

.sun-editor-editable table.se-table-layout-fixed {
    table-layout: fixed !important
}

.sun-editor-editable.se-disabled * {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.sun-editor-editable .se-component:not(.se-input-component),
.sun-editor-editable hr {
    -webkit-user-modify: read-only;
    -moz-user-modify: read-only;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}

.sun-editor-editable figure figcaption {
    -webkit-user-modify: read-write;
    -moz-user-modify: read-write;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.sun-editor-editable .se-component {
    background-color: inherit;
    display: flex;
    margin: 0 0 10px;
    padding: 1px
}

.sun-editor-editable .se-component.se-file-figure>figure {
    outline: 1px solid #bbb;
    padding: 1em
}

.sun-editor-editable .se-component.se-file-figure>figure>a[data-se-file-download] {
    color: var(--se-edit-font-color);
    margin: 0 4px
}

.sun-editor-editable .se-component.se-file-figure>figure>a:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwIDE4SDRWOGgxNm0wLTJoLThsLTItMkg0Yy0xLjExIDAtMiAuODktMiAydjEyYTIgMiAwIDAgMCAyIDJoMTZhMiAyIDAgMCAwIDItMlY4YTIgMiAwIDAgMC0yLTIiLz48L3N2Zz4=);
    display: inline-block;
    height: auto;
    vertical-align: middle;
    width: 1.5em
}

.sun-editor-editable .__se__float-left {
    float: left;
    margin-right: 4px
}

.sun-editor-editable .__se__float-right {
    float: right;
    margin-left: 4px
}

.sun-editor-editable .__se__float-center {
    float: center
}

.sun-editor-editable .__se__float-none {
    float: none
}

.sun-editor-editable audio,
.sun-editor-editable iframe,
.sun-editor-editable img,
.sun-editor-editable video {
    cursor: default;
    display: block;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto
}

.sun-editor-editable .se-image-container,
.sun-editor-editable .se-video-container {
    height: auto;
    max-width: 100%;
    width: auto
}

.sun-editor-editable figure {
    display: block;
    margin: 0;
    min-width: 20px;
    outline: none;
    padding: 0
}

.sun-editor-editable .se-component figure {
    padding: 0
}

.sun-editor-editable .se-flex-component {
    margin: 0 0 10px;
    max-width: 100%;
    min-width: auto;
    width: 100%
}

.sun-editor-editable figure.se-flex-component {
    width: max-content
}

.sun-editor-editable .se-inline-component {
    display: inline-block;
    margin: 0;
    max-width: 100%;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    padding: 0;
    width: auto
}

.sun-editor-editable figure.se-scroll-figure-x {
    overflow-x: auto;
    padding: 0 1px
}

.sun-editor-editable figure.se-scroll-figure-y {
    overflow-y: auto;
    padding: 1px 0
}

.sun-editor-editable figure.se-scroll-figure-xy {
    overflow-x: auto;
    overflow-y: auto;
    padding: 1px
}

.sun-editor-editable .__se__float-center figure,
.sun-editor-editable .__se__float-left figure,
.sun-editor-editable .__se__float-right figure {
    margin: auto !important
}

.sun-editor-editable figure figcaption {
    background-color: var(--se-edit-background-pre);
    margin: 0;
    outline: none;
    padding: 1em .5em
}

.sun-editor-editable figure figcaption p {
    line-height: 2;
    margin: 0
}

.sun-editor-editable .se-image-container a img {
    margin: 1px;
    outline: 1px solid var(--se-edit-active);
    padding: 1px
}

.sun-editor-editable .se-video-container iframe,
.sun-editor-editable .se-video-container video {
    border: 0;
    height: 100%;
    left: 0;
    outline: 1px solid var(--se-edit-outline);
    position: absolute;
    top: 0;
    width: 100%
}

.sun-editor-editable .se-video-container figure {
    left: 0;
    max-width: 100%;
    width: 100%
}

.sun-editor-editable audio {
    height: 54px;
    width: 300px
}

.sun-editor-editable .se-page-break {
    visibility: hidden;
    page-break-before: always;
    margin: 0;
    padding: 0
}

.sun-editor .__se__p-bordered,
.sun-editor-editable .__se__p-bordered {
    border-bottom: 1px solid #b1b1b1;
    border-top: 1px solid #b1b1b1;
    padding: 4px 0
}

.sun-editor .__se__p-spaced,
.sun-editor-editable .__se__p-spaced {
    letter-spacing: 1px
}

.sun-editor .__se__p-neon,
.sun-editor-editable .__se__p-neon {
    -webkit-animation: neonFlicker 1.5s infinite alternate;
    animation: neonFlicker 1.5s infinite alternate;
    background: #000;
    border: 2px solid #fff;
    border-radius: 6px;
    color: #fff;
    font-style: italic;
    font-weight: 200;
    padding: 6px 4px;
    text-transform: uppercase
}

@-webkit-keyframes neonFlicker {

    0%,
    19%,
    21%,
    23%,
    25%,
    54%,
    56%,
    to {
        box-shadow: 0 0 .5px #fff, inset 0 0 .5px #fff, 0 0 2px #08f, inset 0 0 2px #08f, 0 0 4px #08f, inset 0 0 4px #08f;
        text-shadow: -.2rem -.2rem 1rem #fff, .2rem .2rem 1rem #fff, 0 0 2px #f40, 0 0 4px #f40, 0 0 6px #f40, 0 0 8px #f40, 0 0 10px #f40
    }

    20%,
    24%,
    55% {
        box-shadow: none;
        text-shadow: none
    }
}

@keyframes neonFlicker {

    0%,
    19%,
    21%,
    23%,
    25%,
    54%,
    56%,
    to {
        box-shadow: 0 0 .5px #fff, inset 0 0 .5px #fff, 0 0 2px #08f, inset 0 0 2px #08f, 0 0 4px #08f, inset 0 0 4px #08f;
        text-shadow: -.2rem -.2rem 1rem #fff, .2rem .2rem 1rem #fff, 0 0 2px #f40, 0 0 4px #f40, 0 0 6px #f40, 0 0 8px #f40, 0 0 10px #f40
    }

    20%,
    24%,
    55% {
        box-shadow: none;
        text-shadow: none
    }
}

.sun-editor .__se__t-shadow,
.sun-editor-editable .__se__t-shadow {
    text-shadow: -.2rem -.2rem 1rem #fff, .2rem .2rem 1rem #fff, 0 0 .2rem #999, 0 0 .4rem #888, 0 0 .6rem #777, 0 0 .8rem #666, 0 0 1rem #555
}

.sun-editor .__se__t-code,
.sun-editor-editable .__se__t-code {
    background-color: #1b1f230d;
    border-radius: 6px;
    color: #666;
    font-family: monospace;
    padding: .2em .4em
}