suneditor 2.46.2 → 3.0.0-alpha.10

package/src/assets/suneditor.css

@@ -0,0 +1,3394 @@
+/* used color #000 , #fff , #CCC, #f5f5f5, #f9f9f9 */
+/* font color #333, background color: #fff */
+/* grey color #e1e1e1, #ececec, #d1d1d1 ,#bdbdbd, #c1c1c1 ,#b1b1b1 */
+/* blue color #eaf3ff, #dbeaff(shadow: #b7ccf2, #e6f2ff), #c4ddff, #d0e3ff , #80bdff , #3f9dff , #4592ff, #407dd1, #3288ff, #1275ff */
+/* red color #b94a48 , #f2dede , #eed3d7, #d9534f */
+/* green color #008000 */
+/* yellow color #f0c20a */
+
+/** --- suneditor main */
+.sun-editor {
+	width: auto;
+	height: auto;
+	box-sizing: border-box;
+	font-family: Helvetica Neue;
+	border: 1px solid #dadada;
+	background-color: #fff;
+	color: #000;
+	font-size: 16px;
+}
+
+.sun-editor * {
+	box-sizing: border-box;
+	overflow: visible;
+}
+
+.sun-editor-common input,
+.sun-editor-common select,
+.sun-editor-common textarea,
+.sun-editor-common button {
+	font-size: 14px;
+	line-height: 1.5;
+}
+
+.sun-editor-common body,
+.sun-editor-common div,
+.sun-editor-common dl,
+.sun-editor-common dt,
+.sun-editor-common dd,
+.sun-editor-common ul,
+.sun-editor-common ol,
+.sun-editor-common li,
+.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 pre,
+.sun-editor-common code,
+.sun-editor-common form,
+.sun-editor-common fieldset,
+.sun-editor-common legend,
+.sun-editor-common textarea,
+.sun-editor-common p,
+.sun-editor-common blockquote,
+.sun-editor-common th,
+.sun-editor-common td,
+.sun-editor-common input,
+.sun-editor-common select,
+.sun-editor-common textarea,
+.sun-editor-common button {
+	margin: 0;
+	padding: 0;
+	border: 0;
+}
+
+.sun-editor-common dl,
+.sun-editor-common ul,
+.sun-editor-common ol,
+.sun-editor-common menu {
+	list-style: none;
+}
+
+.sun-editor-common hr {
+	margin: 6px 0 6px 0 !important;
+}
+
+.sun-editor textarea {
+	resize: none;
+	border: 0;
+	padding: 0;
+}
+
+.sun-editor button {
+	border: 0 none;
+	background-color: transparent;
+	touch-action: manipulation;
+	cursor: pointer;
+	outline: none;
+}
+
+.sun-editor input,
+.sun-editor select,
+.sun-editor textarea,
+.sun-editor button {
+	vertical-align: middle;
+}
+
+.sun-editor button span {
+	display: block;
+	margin: 0;
+	padding: 0;
+}
+
+.sun-editor button .se-txt {
+	display: block;
+	margin-top: 0;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	line-height: 2;
+	max-height: 24px;
+}
+
+.sun-editor .se-wrapper .se-code-viewer-mirror,
+.sun-editor .se-wrapper .cm-editor,
+.sun-editor .se-wrapper .CodeMirror {
+	font-size: 13px;
+}
+
+/* button children are pointer event none */
+.sun-editor button * {
+	pointer-events: none;
+	backface-visibility: hidden;
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility: hidden;
+}
+
+/** button */
+.sun-editor button {
+	color: #000;
+}
+
+/** --- se buttons ---------------------------------------------------------- */
+/** --- se-btn */
+.sun-editor .se-btn {
+	float: left;
+	width: 34px;
+	height: 34px;
+	margin: 1px;
+	padding: 0;
+	font-size: 12px;
+	line-height: 1.8;
+	border-width: 0;
+	border-style: solid;
+	border-color: #ccc;
+	border-radius: 2px;
+}
+
+.sun-editor .se-form-group button.se-btn {
+	border-width: 1px;
+}
+
+.sun-editor .se-btn.se-btn-info {
+	color: #3288ff;
+}
+
+.sun-editor .se-btn-w-auto {
+	width: auto !important;
+}
+
+.sun-editor .se-btn:not(.on):not(.active):enabled:hover,
+.sun-editor .se-btn:not(.on):not(.active):enabled:focus {
+	background-color: #e1e1e1;
+	border-color: #d1d1d1;
+}
+
+.sun-editor .se-btn:not(.on):not(.active):enabled:active,
+.sun-editor .se-btn:not(.on):not(.active):enabled.__se__active {
+	background-color: #ececec;
+	border-color: #ececec !important;
+	outline: 1px solid #b1b1b1 !important;
+	-webkit-box-shadow: 0 0 0 0.3rem #ececec;
+	box-shadow: 0 0 0 0.3rem #ececec;
+	transition: box-shadow 0.1s ease-in-out;
+}
+
+/*  after, before button : hover */
+.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-b: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-before:not(.on):not(.active):enabled,
+.sun-editor .se-menu-list li:hover .se-btn-input input:enabled {
+	border-width: 1px;
+	border-style: solid;
+	border-color: #e1e1e1;
+}
+
+/* after, before button - on, active */
+.sun-editor .se-menu-list li .se-side-btn-after.on:enabled,
+.sun-editor .se-menu-list li .se-side-btn-before.on:enabled,
+.sun-editor .se-menu-list li .se-side-btn-after.active:enabled,
+.sun-editor .se-menu-list li .se-side-btn-before.active:enabled,
+.sun-editor .se-menu-list li .se-btn-input.on input:enabled,
+.sun-editor .se-menu-list li .se-btn-input.active input:enabled {
+	border-color: #80bdff;
+}
+
+/* after, before button : hover - on, active - border */
+.sun-editor .se-menu-list li .se-side-btn-after.on:enabled,
+.sun-editor .se-menu-list li .se-side-btn-after.active:enabled {
+	border-right: 0;
+	border-left: 1px solid;
+}
+.sun-editor .se-menu-list li .se-side-btn-before.on:enabled,
+.sun-editor .se-menu-list li .se-side-btn-before.active:enabled {
+	border-left: 0;
+	border-right: 1px solid;
+}
+.sun-editor .se-menu-list li .se-btn-input.on input:enabled,
+.sun-editor .se-menu-list li .se-btn-input.active input:enabled {
+	border-width: 1px;
+	border-style: solid;
+}
+
+/* after, before button : hover - on, active */
+.sun-editor .se-menu-list li:hover .se-side-btn-after.on:enabled,
+.sun-editor .se-menu-list li:hover .se-side-btn-before.on:enabled,
+.sun-editor .se-menu-list li:hover .se-side-btn-after.active:enabled,
+.sun-editor .se-menu-list li:hover .se-side-btn-before.active:enabled,
+.sun-editor .se-menu-list li:hover .se-btn-input.on input:enabled,
+.sun-editor .se-menu-list li:hover .se-btn-input.active input:enabled {
+	border-color: #3f9dff;
+}
+
+/* se-btn.on */
+.sun-editor .se-btn:enabled.on {
+	background-color: #eaf3ff;
+	color: #4592ff;
+	border-color: #c4ddff;
+}
+
+.sun-editor .se-btn:enabled.on:hover,
+.sun-editor .se-btn:enabled.on:focus {
+	background-color: #d0e3ff;
+	color: #407dd1;
+	border-color: #c4ddff;
+}
+
+.sun-editor .se-btn:enabled.on:active,
+.sun-editor .se-btn:enabled.on.__se__active {
+	background-color: #d0e3ff;
+	color: #3288ff;
+	border-color: #d0e3ff !important;
+	outline: 1px solid #3288ff !important;
+	color: 1px solid #3288ff;
+	-webkit-box-shadow: 0 0 0 0.3rem #d0e3ff;
+	box-shadow: 0 0 0 0.3rem #d0e3ff;
+	transition: box-shadow 0.1s ease-in-out;
+}
+
+/* se-btn.active */
+.sun-editor .se-btn:enabled.active {
+	background-color: #dbeaff;
+	color: #4592ff;
+	border-color: #80bdff;
+}
+
+.sun-editor .se-btn:enabled.active:hover,
+.sun-editor .se-btn:enabled.active:focus {
+	background-color: #c4ddff;
+	color: #1275ff;
+	border-color: #3f9dff;
+}
+
+.sun-editor .se-btn:enabled.active:active,
+.sun-editor .se-btn:enabled.active.__se__active {
+	background-color: #c4ddff;
+	color: #1275ff;
+	border-color: #1275ff !important;
+	outline: 1px solid #1275ff !important;
+	-webkit-box-shadow: 0 0 0 0.3rem #c4ddff;
+	box-shadow: 0 0 0 0.3rem #c4ddff;
+	transition: box-shadow 0.1s ease-in-out;
+}
+
+/** --- primary button */
+.sun-editor .se-btn-primary {
+	background-color: #eaf3ff;
+	border: 1px solid #1275ff;
+	border-radius: 2px;
+	outline: 0 none;
+}
+
+.sun-editor .se-btn-primary:hover,
+.sun-editor .se-btn-primary:focus {
+	background-color: #c4ddff;
+}
+
+.sun-editor .se-btn-primary:active,
+.sun-editor .se-btn-primary.__se__active {
+	background-color: #eaf3ff;
+	border-color: #eaf3ff !important;
+	outline: 1px solid #1275ff !important;
+	-webkit-box-shadow: 0 0 0 0.3rem #eaf3ff;
+	box-shadow: 0 0 0 0.3rem #eaf3ff;
+	transition: box-shadow 0.1s ease-in-out;
+}
+
+/* --- se-btn.success */
+.sun-editor .se-btn.se-btn-success {
+	color: #008000;
+	border-color: #89b589;
+}
+
+.sun-editor .se-btn.se-btn-success:not(.on):not(.active):enabled:hover,
+.sun-editor .se-btn.se-btn-success:not(.on):not(.active):enabled:focus {
+	background-color: #dff4e6;
+	border-color: #89b589;
+}
+.sun-editor .se-btn.se-btn-success:not(.on):not(.active):enabled:active,
+.sun-editor .se-btn.se-btn-success:not(.on):not(.active):enabled.__se__active {
+	background-color: #dff4e6;
+	border-color: #dff4e6 !important;
+	outline: 1px solid #89b589 !important;
+	-webkit-box-shadow: 0 0 0 0.3rem #dff4e6;
+	box-shadow: 0 0 0 0.3rem #dff4e6;
+	transition: box-shadow 0.1s ease-in-out;
+}
+
+/* se-btn.success.on */
+.sun-editor .se-btn.se-btn-success:enabled.on {
+	background-color: #dff4e6;
+	color: #008000;
+	border-color: #89b589;
+}
+
+.sun-editor .se-btn.se-btn-success:enabled.on:hover,
+.sun-editor .se-btn.se-btn-success:enabled.on:focus {
+	background-color: #d5f3e0;
+	color: #008000;
+	border-color: #769c76;
+}
+
+.sun-editor .se-btn.se-btn-success:enabled.on:active,
+.sun-editor .se-btn.se-btn-success:enabled.on.__se__active {
+	background-color: #d5f3e0;
+	color: #008000;
+	border-color: #d5f3e0 !important;
+	outline: 1px solid #628562 !important;
+	color: 1px solid #008000;
+	-webkit-box-shadow: 0 0 0 0.3rem #d5f3e0;
+	box-shadow: 0 0 0 0.3rem #d5f3e0;
+	transition: box-shadow 0.1s ease-in-out;
+}
+
+/* se-btn.success.active */
+.sun-editor .se-btn.se-btn-success:enabled.active {
+	background-color: #d5f3e0;
+	color: #008000;
+	border-color: #419c41;
+}
+
+.sun-editor .se-btn.se-btn-success:enabled.active:hover,
+.sun-editor .se-btn.se-btn-success:enabled.active:focus {
+	background-color: #c1f4d3;
+	color: #006c00;
+	border-color: #419c41;
+}
+
+.sun-editor .se-btn.se-btn-success:enabled.active:active,
+.sun-editor .se-btn.se-btn-success:enabled.active.__se__active {
+	background-color: #c1f4d3;
+	color: #006c00;
+	border-color: #c1f4d3 !important;
+	outline: 1px solid #419c41 !important;
+	-webkit-box-shadow: 0 0 0 0.3rem #c1f4d3;
+	box-shadow: 0 0 0 0.3rem #c1f4d3;
+	transition: box-shadow 0.1s ease-in-out;
+}
+
+/* --- se-btn.danger */
+.sun-editor .se-btn.se-btn-danger {
+	color: #b94a48;
+	border-color: #e1a6a2;
+}
+
+.sun-editor .se-btn.se-btn-danger:not(.on):not(.active):enabled:hover,
+.sun-editor .se-btn.se-btn-danger:not(.on):not(.active):enabled:focus {
+	background-color: #f8e3e1;
+	border-color: #e1a6a2;
+}
+
+.sun-editor .se-btn.se-btn-danger:not(.on):not(.active):enabled:active,
+.sun-editor .se-btn.se-btn-danger:not(.on):not(.active):enabled.__se__active {
+	background-color: #f8e3e1;
+	border-color: #f8e3e1 !important;
+	outline: 1px solid #e1a6a2 !important;
+	-webkit-box-shadow: 0 0 0 0.3rem #f8e3e1;
+	box-shadow: 0 0 0 0.3rem #f8e3e1;
+	transition: box-shadow 0.1s ease-in-out;
+}
+
+/* se-btn.danger.on */
+.sun-editor .se-btn.se-btn-danger:enabled.on {
+	background-color: #f8e6e4;
+	color: #b94a48;
+	border-color: #d8a6a0;
+}
+
+.sun-editor .se-btn.se-btn-danger:enabled.on:hover,
+.sun-editor .se-btn.se-btn-danger:enabled.on:focus {
+	background-color: #f7deda;
+	color: #b94a48;
+	border-color: #c8958f;
+}
+
+.sun-editor .se-btn.se-btn-danger:enabled.on:active,
+.sun-editor .se-btn.se-btn-danger:enabled.on.__se__active {
+	background-color: #f5d0c8;
+	color: #b94a48;
+	border-color: #f5d0c8 !important;
+	outline: 1px solid #a37068 !important;
+	-webkit-box-shadow: 0 0 0 0.3rem #f7deda;
+	box-shadow: 0 0 0 0.3rem #f7deda;
+	transition: box-shadow 0.1s ease-in-out;
+}
+
+/* se-btn.danger.active */
+.sun-editor .se-btn.se-btn-danger:enabled.active {
+	background-color: #f7deda;
+	color: #b94a48;
+	border-color: #d17872;
+}
+
+.sun-editor .se-btn.se-btn-danger:enabled.active:hover,
+.sun-editor .se-btn.se-btn-danger:enabled.active:focus {
+	background-color: #f5d0c8;
+	color: #a65242;
+	border-color: #d17872;
+}
+
+.sun-editor .se-btn.se-btn-danger:enabled.active:active,
+.sun-editor .se-btn.se-btn-danger:enabled.active.__se__active {
+	background-color: #f5d0c8;
+	color: #a65242;
+	border-color: #f5d0c8 !important;
+	outline: 1px solid #d17872 !important;
+	-webkit-box-shadow: 0 0 0 0.3rem #f5d0c8;
+	box-shadow: 0 0 0 0.3rem #f5d0c8;
+	transition: box-shadow 0.1s ease-in-out;
+}
+
+/** --- Input */
+.sun-editor input,
+.sun-editor select,
+.sun-editor textarea {
+	color: #000;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+}
+
+/* disabled buttons, icon blur */
+.sun-editor .se-btn:disabled,
+.sun-editor button:disabled,
+.sun-editor input:disabled {
+	cursor: not-allowed;
+	color: #bdbdbd;
+}
+
+/* dropdown layer - list button */
+.sun-editor .se-btn-list {
+	width: 100%;
+	height: auto;
+	min-height: 32px;
+	padding: 0 14px;
+	cursor: pointer;
+	font-size: 12px;
+	line-height: normal;
+	text-indent: 0;
+	text-decoration: none;
+	text-align: left;
+}
+
+.sun-editor .se-btn-list.default_value {
+	border: 1px dashed #b1b1b1;
+}
+
+/** --- Icons ---------------------------------------------------------- */
+/* default svg */
+.sun-editor svg {
+	fill: currentColor;
+	vertical-align: super;
+}
+
+.sun-editor button > svg,
+.sun-editor .se-svg {
+	width: 15px;
+	height: 15px;
+	margin: auto;
+	fill: currentColor;
+	display: block;
+	text-align: center;
+	float: none;
+}
+.sun-editor button > svg.se-mdi {
+	width: 20px;
+	height: 20px;
+}
+
+/* sub button size */
+.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;
+}
+
+/* side button */
+.sun-editor button.se-side-btn {
+	border-radius: 0;
+	margin-left: 0;
+	margin-right: 0;
+}
+.sun-editor button.se-side-btn-a {
+	float: left;
+	border-radius: 2px 0 0 2px;
+	margin-right: 0;
+}
+.sun-editor button.se-side-btn-b {
+	float: left;
+	border-radius: 0 2px 2px 0;
+	margin-left: 0;
+}
+.sun-editor button.se-side-btn-before {
+	float: left;
+	margin-right: 0;
+	border-radius: 2px 0 0 2px;
+}
+.sun-editor button.se-side-btn-after {
+	margin-left: 0;
+	border-radius: 0 2px 2px 0;
+}
+
+/* list button icons */
+.sun-editor button.se-btn-list > * li::before {
+	content: '';
+	display: inline-block;
+	width: 18px;
+	height: 13px;
+	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LDEzSDVWMTFIMTlWMTNaIiAvPjwvc3ZnPg==');
+	background-size: cover;
+	opacity: 0.5;
+}
+
+/* close class icon */
+.sun-editor .close > svg,
+.sun-editor .se-close-btn > svg {
+	width: 10px;
+	height: 10px;
+}
+
+/* se-select-btn icon */
+.sun-editor .se-btn-select > svg {
+	float: right;
+	width: 8px;
+	height: 8px;
+}
+
+/* se-btn-list inner icon */
+.sun-editor .se-select-item .se-list-icon {
+	display: inline-block;
+	width: 16px;
+	height: 16px;
+	margin: 0 6px 6px 0;
+	vertical-align: middle;
+}
+
+/* select menu inner icon */
+.sun-editor .se-btn-list > .se-list-icon {
+	display: inline-block;
+	width: 16px;
+	height: 16px;
+	margin: -1px 10px 0 0;
+	vertical-align: middle;
+}
+
+/* icon class */
+.sun-editor button > i::before {
+	-moz-osx-font-smoothing: grayscale;
+	-webkit-font-smoothing: antialiased;
+	display: inline-block;
+	font-style: normal;
+	font-variant: normal;
+	text-rendering: auto;
+	font-size: 15px;
+	line-height: 2;
+}
+
+.sun-editor button > [class='se-icon-text'] {
+	font-size: 20px;
+	line-height: 1;
+}
+
+/** --- arrow icon ---------------------------------------------------------- */
+.sun-editor .se-arrow,
+.sun-editor .se-arrow::after {
+	position: absolute;
+	display: block;
+	width: 0;
+	height: 0;
+	border: 11px solid transparent;
+	margin-right: 0;
+	margin-left: -11px;
+}
+
+.sun-editor .se-controller .se-arrow {
+	left: 20px;
+	right: auto;
+	margin-left: -11px;
+	margin-right: 0;
+}
+
+/* arrow up */
+.sun-editor .se-arrow.se-arrow-up {
+	top: -12px;
+	border-top-width: 0;
+	border-bottom-color: #999;
+}
+
+.sun-editor .se-arrow.se-arrow-up::after {
+	top: 1px;
+	content: ' ';
+	border-top-width: 0;
+	border-bottom-color: #fff;
+}
+
+/* arrow down */
+.sun-editor .se-arrow.se-arrow-down {
+	bottom: -12px;
+	border-bottom-width: 0;
+	border-top-color: #999;
+}
+
+.sun-editor .se-arrow.se-arrow-down::after {
+	top: -12px;
+	content: ' ';
+	border-bottom-width: 0;
+	border-top-color: #fff;
+}
+
+/** --- container */
+.sun-editor .se-container {
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+
+/** --- loading box */
+.sun-editor .se-loading-box {
+	position: fixed;
+	display: none;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	background-color: #fff;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	z-index: 2147483647;
+}
+
+.sun-editor .se-container .se-loading-box {
+	position: absolute;
+}
+
+.sun-editor .se-loading-box .se-loading-effect {
+	position: absolute;
+	display: block;
+	top: 50%;
+	left: 50%;
+	height: 44px;
+	width: 44px;
+	border-top: 2px solid #07d;
+	border-right: 2px solid transparent;
+	border-radius: 50%;
+	animation: spinner 0.8s linear infinite;
+	margin: -25px 0 0 -25px;
+}
+
+/** --- line breaker --- component - top, bottom */
+.sun-editor .se-line-breaker-component {
+	position: absolute;
+	display: none;
+	width: 24px;
+	height: 24px;
+	color: #3288ff;
+	background-color: #fff;
+	border: 1px solid #3288ff;
+	opacity: 0.75;
+	border-radius: 2px;
+	cursor: pointer;
+	z-index: 2147483647;
+}
+
+.sun-editor .se-line-breaker-component:hover {
+	opacity: 0.9;
+	color: #fff;
+	background-color: #4592ff;
+}
+
+/** --- toolbar ---------------------------------------------------------- */
+.sun-editor .se-toolbar {
+	display: block;
+	position: relative;
+	height: auto;
+	width: 100%;
+	overflow: visible;
+	padding: 0;
+	margin: 0;
+	background-color: #fff;
+	outline: 1px solid #e1e1e1;
+	z-index: 7;
+}
+
+.sun-editor .se-toolbar-shadow {
+	display: block !important;
+	position: relative !important;
+	width: 100% !important;
+	height: 0px !important;
+	overflow: visible !important;
+	visibility: hidden !important;
+	padding: 0 !important;
+	margin: 0 !important;
+	background-color: transparent !important;
+	outline: none !important;
+	border: none !important;
+	z-index: 0 !important;
+}
+
+.sun-editor .se-toolbar-separator-vertical {
+	display: inline-block;
+	height: 38px;
+	width: 0px;
+	margin: 0px;
+	vertical-align: top;
+}
+
+/* inline toolbar */
+.sun-editor .se-toolbar.se-toolbar-inline {
+	display: none;
+	position: absolute;
+	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+}
+
+/* balloon toolbar */
+.sun-editor .se-toolbar.se-toolbar-balloon {
+	display: none;
+	position: absolute;
+	z-index: 2147483647;
+	width: auto;
+	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+}
+
+/* sticky toolbar */
+.sun-editor .se-toolbar.se-toolbar-sticky {
+	position: fixed;
+	top: 0px;
+}
+
+.sun-editor .se-toolbar-sticky-dummy {
+	display: none;
+	position: static;
+	z-index: -1;
+}
+
+/* toolbar arrow up */
+.sun-editor .se-toolbar .se-arrow.se-arrow-up {
+	border-bottom-color: #e1e1e1;
+}
+
+.sun-editor .se-toolbar .se-arrow.se-arrow-up::after {
+	border-bottom-color: #fff;
+}
+
+/* toolbar arrow down */
+.sun-editor .se-toolbar .se-arrow.se-arrow-down {
+	border-top-color: #e1e1e1;
+}
+
+.sun-editor .se-toolbar .se-arrow.se-arrow-down::after {
+	border-top-color: #fff;
+}
+
+/* toolbar visible on scroll */
+.sun-editor .se-toolbar.se-toolbar-onscroll-hide {
+	visibility: hidden !important;
+}
+
+/** --- tool bar --- module --- button, module, group ----------------------------------------------------------  */
+/* module */
+.sun-editor .se-btn-module {
+	display: inline-block;
+}
+
+.sun-editor .se-btn-module-border {
+	border: 1px solid #e1e1e1;
+	border-radius: 2px;
+	margin-left: 1px;
+	margin-right: 1px;
+}
+
+.sun-editor .se-btn-module-enter {
+	display: block;
+	width: 100%;
+	height: 0px;
+	margin: 0;
+	padding: 0;
+	background-color: transparent;
+}
+
+/* ---more - layer */
+.sun-editor .se-toolbar-more-layer {
+	margin: 0 -3px;
+	background-color: #fff;
+}
+
+.sun-editor .se-toolbar-more-layer .se-more-layer {
+	display: none;
+	border-top: 1px solid #e1e1e1;
+}
+
+.sun-editor .se-toolbar-more-layer .se-more-layer .se-more-form {
+	display: inline-block;
+	width: 100%;
+	height: auto;
+	padding: 4px 3px 0 3px;
+}
+
+/* ---more - button */
+.sun-editor .se-btn-module .se-btn-more.se-btn-more-text {
+	width: auto;
+	padding: 0 4px;
+}
+
+/* innser ul */
+.sun-editor .se-menu-list {
+	float: left;
+	padding: 0;
+	margin: 0;
+}
+
+.sun-editor .se-menu-list li {
+	position: relative;
+	float: left;
+	padding: 0;
+	margin: 0;
+}
+
+.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: transparent;
+}
+
+/* tool bar select button (font, fontSize, formatBlock) */
+.sun-editor .se-btn-select {
+	width: auto;
+	display: flex;
+	padding: 4px 6px;
+}
+
+.sun-editor .se-btn-select .se-txt {
+	flex: auto;
+	text-align: left;
+	margin-right: 4px;
+}
+
+.sun-editor .se-btn-select .se-not-arrow-text {
+	flex: auto;
+	text-align: center;
+	margin: 0;
+}
+
+.sun-editor .se-btn-select.on .se-txt + svg {
+	transform: rotate(-180deg);
+}
+
+.sun-editor .se-btn-select.se-btn-tool-font {
+	width: 100px;
+}
+
+.sun-editor .se-btn-select.se-btn-tool-format {
+	width: 82px;
+}
+
+.sun-editor .se-btn-select.se-btn-tool-font-size .se-txt {
+	width: 66px;
+	margin: 0;
+}
+.sun-editor .se-btn-select.se-btn-tool-font-size .se-not-arrow-text {
+	width: 50px;
+}
+
+/* tool bar input button (fontSize) */
+.sun-editor .se-btn-input {
+	padding: 0 !important;
+	border: 0 !important;
+}
+.sun-editor .se-btn-input input {
+	font-size: 13px;
+	height: 34px;
+	border: 0;
+}
+.sun-editor .se-btn-input input:hover {
+	border: 1px solid #c1c1c1;
+}
+.sun-editor .se-btn-input input:focus {
+	border: 1px solid #3288ff !important;
+	outline: 0;
+}
+
+/** --- menu tray -------------------------------------------------------------- */
+.sun-editor .se-btn-tray {
+	position: relative;
+	width: 100%;
+	height: auto;
+	padding: 4px 3px 0 3px;
+	margin: 0;
+}
+
+.sun-editor .se-menu-tray {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 0px;
+	z-index: 2147483647;
+}
+
+/** --- dropdown layer ---------------------------------------------------------- */
+.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 {
+	display: none;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	height: auto;
+	z-index: 5;
+	border: 1px solid #e1e1e1;
+	border-radius: 2px;
+	padding: 4px;
+	background-color: #fff;
+	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+	outline: 0 none;
+}
+
+.sun-editor .se-list-layer .se-list-inner {
+	padding: 0;
+	margin: 0;
+	overflow: visible;
+}
+
+.sun-editor .se-list-layer button {
+	margin: 0 0 2px 0;
+	width: 100%;
+}
+
+.sun-editor .se-list-inner ul {
+	width: 100%;
+	padding: 0;
+	margin: auto;
+}
+
+.sun-editor .se-list-inner :not(.se-list-horizontal) li > button {
+	min-width: 100%;
+	width: max-content;
+}
+
+/* dropdown layer - basic list */
+.sun-editor .se-list-inner .se-list-basic li {
+	width: 100%;
+}
+.sun-editor .se-list-inner input {
+	border-radius: 0;
+}
+.sun-editor .se-list-inner ul.se-list-carrier {
+	width: 165px;
+	height: 52px;
+}
+.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;
+}
+
+/* dropdown layer - checked list */
+.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: #4592ff;
+}
+
+.sun-editor .se-list-inner .se-list-checked li.se-checked .se-svg > svg {
+	display: block;
+}
+
+/* dropdown layer - se-list-horizontal */
+.sun-editor .se-list-inner .se-list-horizontal {
+	display: flex;
+	padding: 2px;
+}
+.sun-editor .se-list-inner .se-list-horizontal li {
+	padding: 0;
+	margin: 0 2px;
+}
+
+/** --- dropdown layer - se-list-inner > exception */
+/* dropdown layer - font size */
+.sun-editor .se-list-layer.se-list-font-size {
+	min-width: 140px;
+	max-height: 300px;
+}
+
+/* dropdown layer - font family */
+.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 #ccc;
+}
+
+/* dropdown layer - hr */
+.sun-editor .se-list-layer.se-list-line {
+	width: 125px;
+}
+
+.sun-editor .se-list-layer.se-list-line hr {
+	border-width: 1px 0 0;
+	height: 1px;
+	border-color: #333;
+}
+
+/* dropdown layer - align */
+.sun-editor .se-list-layer.se-list-align .se-list-inner {
+	left: 9px;
+}
+
+/** dropdown layer - format block, paragraph style, text style */
+.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: 13px;
+}
+
+.sun-editor .se-list-layer.se-list-format ul div {
+	font-size: 13px;
+	padding: 4px 2px;
+}
+
+.sun-editor .se-list-layer.se-list-format ul h1 {
+	font-size: 2em;
+	font-weight: bold;
+}
+
+.sun-editor .se-list-layer.se-list-format ul h2 {
+	font-size: 1.5em;
+	font-weight: bold;
+}
+
+.sun-editor .se-list-layer.se-list-format ul h3 {
+	font-size: 1.17em;
+	font-weight: bold;
+}
+
+.sun-editor .se-list-layer.se-list-format ul h4 {
+	font-size: 1em;
+	font-weight: bold;
+}
+
+.sun-editor .se-list-layer.se-list-format ul h5 {
+	font-size: 0.83em;
+	font-weight: bold;
+}
+
+.sun-editor .se-list-layer.se-list-format ul h6 {
+	font-size: 0.67em;
+	font-weight: bold;
+}
+
+.sun-editor .se-list-layer.se-list-format ul blockquote {
+	font-size: 13px;
+	color: #999;
+	height: 22px;
+	margin: 0;
+	background-color: transparent;
+	line-height: 1.5;
+	border-style: solid;
+	border-color: #b1b1b1;
+	padding: 0 0 0 7px;
+	border-width: 0;
+	border-left-width: 5px;
+}
+
+.sun-editor .se-list-layer.se-list-format ul pre {
+	font-size: 13px;
+	color: #666;
+	padding: 4px 11px;
+	margin: 0;
+	background-color: #f9f9f9;
+	border: 1px solid #e1e1e1;
+	border-radius: 2px;
+}
+
+.sun-editor .sun-editor-editable[contenteditable='true'].se-copy-format-cursor {
+	cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA0LjMzMjAzMSAxMi42Njc5NjkgQyA0LjMzMjAzMSAxMy4wMzUxNTYgNC40ODQzNzUgMTMuMzMyMDMxIDQuNjY3OTY5IDEzLjMzMjAzMSBMIDUuMzMyMDMxIDEzLjMzMjAzMSBMIDUuMzMyMDMxIDE0LjY2Nzk2OSBMIDQuNSAxNC42Njc5NjkgQyA0LjMxNjQwNiAxNC42Njc5NjkgNCAxNC4zNjcxODggNCAxNCBDIDQgMTQuMzY3MTg4IDMuNjgzNTk0IDE0LjY2Nzk2OSAzLjUgMTQuNjY3OTY5IEwgMi42Njc5NjkgMTQuNjY3OTY5IEwgMi42Njc5NjkgMTMuMzMyMDMxIEwgMy4zMzIwMzEgMTMuMzMyMDMxIEMgMy41MTU2MjUgMTMuMzMyMDMxIDMuNjY3OTY5IDEzLjAzNTE1NiAzLjY2Nzk2OSAxMi42Njc5NjkgTCAzLjY2Nzk2OSAzLjMzMjAzMSBDIDMuNjY3OTY5IDIuOTY0ODQ0IDMuNTE1NjI1IDIuNjY3OTY5IDMuMzMyMDMxIDIuNjY3OTY5IEwgMi42Njc5NjkgMi42Njc5NjkgTCAyLjY2Nzk2OSAxLjMzMjAzMSBMIDMuNSAxLjMzMjAzMSBDIDMuNjgzNTk0IDEuMzMyMDMxIDQgMS42MzI4MTIgNCAyIEMgNCAxLjYzMjgxMiA0LjMxNjQwNiAxLjMzMjAzMSA0LjUgMS4zMzIwMzEgTCA1LjMzMjAzMSAxLjMzMjAzMSBMIDUuMzMyMDMxIDIuNjY3OTY5IEwgNC42Njc5NjkgMi42Njc5NjkgQyA0LjQ4NDM3NSAyLjY2Nzk2OSA0LjMzMjAzMSAyLjk2NDg0NCA0LjMzMjAzMSAzLjMzMjAzMSBaIE0gNC4zMzIwMzEgMTIuNjY3OTY5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDAlLDAlLDAlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gMjAgMi42Njc5NjkgTCAyMCAyIEMgMjAgMS42MzI4MTIgMTkuNzAzMTI1IDEuMzMyMDMxIDE5LjMzMjAzMSAxLjMzMjAzMSBMIDExLjMzMjAzMSAxLjMzMjAzMSBDIDEwLjk2NDg0NCAxLjMzMjAzMSAxMC42Njc5NjkgMS42MzI4MTIgMTAuNjY3OTY5IDIgTCAxMC42Njc5NjkgNC42Njc5NjkgQyAxMC42Njc5NjkgNS4wMzUxNTYgMTAuOTY0ODQ0IDUuMzMyMDMxIDExLjMzMjAzMSA1LjMzMjAzMSBMIDE5LjMzMjAzMSA1LjMzMjAzMSBDIDE5LjcwMzEyNSA1LjMzMjAzMSAyMCA1LjAzNTE1NiAyMCA0LjY2Nzk2OSBMIDIwIDQgTCAyMC42Njc5NjkgNCBMIDIwLjY2Nzk2OSA2LjY2Nzk2OSBMIDE0IDYuNjY3OTY5IEwgMTQgMTQgQyAxNCAxNC4zNjcxODggMTQuMjk2ODc1IDE0LjY2Nzk2OSAxNC42Njc5NjkgMTQuNjY3OTY5IEwgMTYgMTQuNjY3OTY5IEMgMTYuMzY3MTg4IDE0LjY2Nzk2OSAxNi42Njc5NjkgMTQuMzY3MTg4IDE2LjY2Nzk2OSAxNCBMIDE2LjY2Nzk2OSA4IEwgMjIgOCBMIDIyIDIuNjY3OTY5IFogTSAyMCAyLjY2Nzk2OSAiLz4KPC9nPgo8L3N2Zz4K')
+			0 8,
+		text;
+}
+
+/* table resize */
+/* table resize - ew */
+.sun-editor-editable[contenteditable='true'] table th:not(.se-selected-table-cell):hover::before,
+.sun-editor-editable[contenteditable='true'] table td:not(.se-selected-table-cell):hover::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: -2px;
+	width: 4px;
+	height: 100%;
+	background-color: transparent;
+	cursor: ew-resize;
+}
+.sun-editor-editable[contenteditable='true'] table th:not(.se-selected-table-cell):hover::after,
+.sun-editor-editable[contenteditable='true'] table td:not(.se-selected-table-cell):hover::after {
+	content: '';
+	position: absolute;
+	top: 0;
+	right: -2px;
+	width: 4px;
+	height: 100%;
+	background-color: transparent;
+	cursor: ew-resize;
+}
+
+/* table resize - lines */
+.sun-editor .se-table-resize-line {
+	position: absolute;
+	top: 0;
+	width: 4px;
+	height: 100%;
+	margin-left: -2px;
+	background-color: #80bdff;
+	opacity: 0.4;
+	pointer-events: none;
+	display: none;
+}
+
+/* table resize - row, cursor */
+.sun-editor .se-table-resize-row {
+	position: absolute;
+	left: 0;
+	width: 100%;
+	height: 5px;
+	margin-top: -3px;
+	background-color: #80bdff;
+	opacity: 0.4;
+	pointer-events: none;
+	display: none;
+}
+
+.sun-editor .se-table-resize-line-prev {
+	position: absolute;
+	top: 0;
+	width: 4px;
+	height: 100%;
+	margin-left: -1px;
+	border-left: 1px dashed #f0c20a;
+	background-color: transparent;
+	opacity: 0.8;
+	pointer-events: none;
+	display: none;
+}
+.sun-editor .se-table-resize-row-prev {
+	position: absolute;
+	left: 0;
+	width: 100%;
+	height: 4px;
+	margin-top: -1px;
+	border-top: 1px dashed #f0c20a;
+	background-color: transparent;
+	opacity: 0.8;
+	pointer-events: none;
+	display: none;
+}
+
+/* dropdown layer --- table selector */
+.sun-editor .se-selector-table {
+	display: none;
+	position: absolute;
+	top: 34px;
+	left: 1px;
+	z-index: 5;
+	padding: 5px 0;
+	float: left;
+	margin: 2px 0 0;
+	font-size: 14px;
+	text-align: left;
+	list-style: none;
+	background-color: #fff;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+}
+
+.sun-editor .se-selector-table .se-table-size {
+	font-size: 18px;
+	padding: 0 5px;
+}
+
+.sun-editor .se-selector-table .se-table-size-picker {
+	position: absolute !important;
+	z-index: 3;
+	font-size: 18px;
+	width: 10em;
+	height: 10em;
+	cursor: pointer;
+}
+
+.sun-editor .se-selector-table .se-table-size-highlighted {
+	position: absolute !important;
+	z-index: 2;
+	font-size: 18px;
+	width: 1em;
+	height: 1em;
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==')
+		repeat;
+}
+
+.sun-editor .se-selector-table .se-table-size-unhighlighted {
+	position: relative !important;
+	z-index: 1;
+	font-size: 18px;
+	width: 5em;
+	height: 5em;
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC')
+		repeat;
+}
+
+.sun-editor .se-selector-table .se-table-size-display {
+	padding-left: 5px;
+}
+
+.sun-editor .se-list-layer.se-table-split {
+	top: 36px;
+}
+
+/* dropdown layer --- color selector button */
+.sun-editor .se-list-layer .se-selector-color {
+	display: block;
+	width: max-content;
+	max-width: 252px;
+	height: auto;
+	padding: 0;
+	margin: auto;
+}
+
+.sun-editor .se-list-layer .se-selector-color .se-color-pallet {
+	width: 100%;
+	height: 100%;
+	padding: 0;
+}
+
+.sun-editor .se-list-layer .se-selector-color .se-color-pallet li {
+	display: flex;
+	float: left;
+	position: relative;
+	margin: 0;
+}
+
+.sun-editor .se-list-layer .se-selector-color .se-color-pallet button {
+	display: block;
+	width: 28px;
+	height: 28px;
+	margin: 0;
+	border-radius: 0;
+	border: 1px solid #fff;
+	text-indent: -9999px;
+}
+
+.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,
+.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:focus {
+	border: 3px solid #fff;
+}
+
+/* --- hue slider -------------------------------------------------------------- */
+.sun-editor .se-hue-slider {
+	padding: 14px;
+}
+
+.sun-editor .se-hue-slider-container {
+	position: relative;
+	width: auto;
+	height: auto;
+	border-radius: 50%;
+	outline: 2px solid #fff;
+}
+
+.sun-editor .se-hue-slider-container .se-hue-wheel {
+	cursor: pointer;
+	border-radius: 50%;
+}
+
+.sun-editor .se-hue-slider-container .se-hue-wheel-pointer {
+	position: absolute;
+	width: 10px;
+	height: 10px;
+	border: 2px solid #fff;
+	outline: 2px solid #000;
+	border-radius: 50%;
+	background-color: transparent;
+	box-shadow: 0 0 2px #000;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	pointer-events: none;
+}
+
+.sun-editor .se-hue-gradient-container {
+	position: relative;
+	margin-top: 14px;
+	height: 28px;
+	border-radius: 14px;
+	outline: 2px solid #fff;
+}
+
+.sun-editor .se-hue-gradient-container .se-hue-gradient {
+	cursor: pointer;
+	height: 28px;
+	border-radius: 14px;
+	background: linear-gradient(to right, #000, #fff);
+	position: relative;
+}
+
+.sun-editor .se-hue-gradient-container .se-hue-gradient-pointer {
+	position: absolute;
+	width: 14px;
+	height: 14px;
+	border: 2px solid #fff;
+	outline: 2px solid #000;
+	border-radius: 50%;
+	background-color: transparent;
+	box-shadow: 0 0 2px #000;
+	top: 14px;
+	left: calc(100% - 14px);
+	transform: translate(-50%, -50%);
+	pointer-events: none;
+}
+
+.sun-editor .se-hue-final-hex {
+	display: flex;
+	margin-top: 10px;
+}
+
+/** --- form group - input -------------------------------------------------------------- */
+.sun-editor .se-form-group {
+	display: flex;
+	width: 100%;
+	min-height: 40px;
+	height: auto;
+	padding: 4px;
+}
+
+.sun-editor .se-form-group.se-form-w0 {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.sun-editor .se-form-group.se-form-h0 {
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.sun-editor .se-form-group input,
+.sun-editor .se-btn-group input {
+	flex: auto;
+	display: inline-block;
+	width: auto;
+	height: 34px;
+	font-size: 12px;
+	margin: 1px 0 1px 0;
+	padding: 0 4px;
+	/* border-radius: 0.25rem; */
+	border: 1px solid #ccc;
+}
+
+.sun-editor .se-btn-group input {
+	margin: 1px 3px;
+}
+
+.sun-editor .se-form-group button,
+.sun-editor .se-dropdown-form-group button {
+	float: right;
+	width: 34px;
+	height: 34px;
+	margin: 1px;
+}
+
+.sun-editor .se-form-group.se-form-flex-btn button {
+	float: none;
+	flex: auto;
+}
+
+.sun-editor .se-form-group .se-group-item {
+	position: relative;
+}
+
+.sun-editor .se-form-group label {
+	display: inline-block;
+	max-width: 100%;
+	margin-bottom: 5px;
+	font-weight: bold;
+}
+
+/** --- form group - label -------------------------------------------------------------- */
+.sun-editor .se-form-group-label {
+	width: 100%;
+	height: auto;
+	padding: 0px 4px;
+}
+
+.sun-editor .se-form-group-label label {
+	font-size: 13px;
+	font-weight: bold;
+}
+
+/** form group - dropdown input */
+.sun-editor .se-dropdown .se-form-group input {
+	height: 34px;
+	color: #555;
+}
+
+.sun-editor .se-dropdown .se-form-group .se-color-input:focus {
+	border-bottom: 3px solid #b1b1b1;
+}
+
+/** --- editor area */
+.sun-editor .se-wrapper {
+	position: relative !important;
+	width: 100%;
+	height: auto;
+	overflow: hidden;
+	z-index: 1;
+}
+
+.sun-editor .se-wrapper .se-wrapper-inner {
+	width: 100%;
+	height: 100%;
+	min-height: 65px;
+	overflow-y: auto;
+	overflow-x: auto;
+	-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 {
+	outline: none;
+}
+
+.sun-editor .se-wrapper .se-code-wrapper .se-code-view-line {
+	background-color: #f5f5f5;
+	color: #222;
+	text-align: right;
+	width: 50px;
+	font-size: 13px;
+	padding-right: 6px;
+	overflow: hidden;
+}
+
+.sun-editor .se-wrapper .se-code-viewer {
+	background-color: #222;
+	color: #f5f5f5;
+	font-size: 13px;
+	word-break: break-all;
+	padding: 4px;
+	margin: 0;
+	resize: none !important;
+}
+
+.sun-editor .se-wrapper .se-wrapper-wysiwyg {
+	display: block;
+}
+
+.sun-editor-editable[contenteditable='true'] .se-disable-pointer *,
+.sun-editor-editable[contenteditable='true'] .katex * {
+	pointer-events: none;
+}
+
+/** --- placeholder */
+.sun-editor .se-wrapper .se-placeholder {
+	position: absolute;
+	display: none;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	z-index: 1;
+	color: #b1b1b1;
+	font-size: 13px;
+	line-height: 1.5;
+	top: 0;
+	left: 0;
+	right: 0;
+	overflow: hidden;
+	margin-top: 0px;
+	padding-top: 16px;
+	padding-left: 16px;
+	margin-left: 0px;
+	padding-right: 16px;
+	margin-right: 0px;
+	pointer-events: none;
+	backface-visibility: hidden;
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility: hidden;
+}
+
+/** --- status bar */
+.sun-editor .se-status-bar {
+	display: flex;
+	width: auto;
+	height: auto;
+	min-height: 16px;
+	border-top: 1px solid #e1e1e1;
+	padding: 0 4px;
+	background-color: #fff;
+	cursor: ns-resize;
+}
+
+.sun-editor .se-status-bar.se-resizing-none {
+	cursor: default;
+}
+
+.sun-editor .se-back-wrapper {
+	position: fixed;
+	display: none;
+	cursor: default;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	user-select: none;
+	-o-user-select: none;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+	-webkit-user-select: none;
+	-ms-user-select: none;
+	z-index: 2147483647;
+}
+
+/** status bar - nabigation */
+.sun-editor .se-status-bar .se-navigation {
+	flex: auto;
+	position: relative;
+	width: auto;
+	height: auto;
+	color: #666;
+	margin: 0;
+	padding: 0;
+	font-size: 10px;
+	line-height: 1.5;
+	background: transparent;
+}
+
+/** status bar - charCounter */
+.sun-editor .se-status-bar .se-char-counter-wrapper {
+	flex: none;
+	position: relative;
+	display: block;
+	width: auto;
+	height: auto;
+	margin: 0;
+	padding: 0;
+	color: #999;
+	font-size: 13px;
+	background: transparent;
+}
+
+.sun-editor .se-status-bar .se-char-counter-wrapper.se-blink {
+	color: #b94a48;
+	animation: blinker 0.2s linear infinite;
+}
+
+.sun-editor .se-status-bar .se-char-counter-wrapper .se-char-label {
+	margin-right: 4px;
+}
+
+/* --- modal ---------------------------------------------------------- */
+.sun-editor .se-modal {
+	position: fixed;
+	display: none;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 2147483647;
+}
+
+.sun-editor .se-modal label,
+.sun-editor .se-modal input,
+.sun-editor .se-modal button {
+	font-size: 14px;
+	line-height: 1.5;
+	color: #111;
+	margin: 0;
+}
+
+.sun-editor .se-modal .se-modal-back {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	background-color: #222;
+	opacity: 0.5;
+}
+
+/* modal - modal */
+.sun-editor .se-modal .se-modal-inner {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-content {
+	position: relative;
+	display: none;
+	width: auto;
+	max-width: 500px;
+	margin: 1.75rem auto;
+	background-color: #fff;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	border: 1px solid rgba(0, 0, 0, 0.2);
+	border-radius: 2px;
+	outline: 0;
+	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+}
+
+@media screen and (max-width: 509px) {
+	.sun-editor .se-modal .se-modal-inner .se-modal-content {
+		width: 100%;
+	}
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-content label {
+	display: inline-block;
+	max-width: 100%;
+	margin-bottom: 5px;
+	font-weight: bold;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-content .se-btn-primary {
+	display: inline-block;
+	padding: 5px 11px;
+	margin: 0 0 10px 0 !important;
+	font-size: 14px;
+	font-weight: normal;
+	line-height: 1.42857143;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	-ms-touch-action: manipulation;
+	touch-action: manipulation;
+	border-radius: 2px;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-header {
+	height: 50px;
+	padding: 6px 15px;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-header .se-close-btn {
+	float: right;
+	font-weight: bold;
+	text-shadow: 0 1px 0 #fff;
+	filter: alpha(opacity=100);
+	opacity: 1;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-header .se-modal-title {
+	float: left;
+	font-size: 15px;
+	font-weight: bold;
+	margin: 0;
+	padding: 0;
+	line-height: 2.5;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-body {
+	position: relative;
+	padding: 15px 15px 5px 15px;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form {
+	margin-bottom: 10px;
+}
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-modal-flex-form {
+	position: relative;
+	display: flex;
+}
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-modal-flex-form .se-btn {
+	margin-right: 4px;
+	margin-left: 0;
+	border: 1px solid #ccc;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form-footer {
+	margin-top: 10px;
+	margin-bottom: 0;
+}
+
+.sun-editor .se-modal .se-modal-inner input:disabled {
+	background-color: #f3f3f3;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-size-text {
+	width: 100%;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-size-text .size-w {
+	width: 70px;
+	text-align: center;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-size-text .size-h {
+	width: 70px;
+	text-align: center;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-size-x {
+	margin: 0 8px 0 8px;
+	width: 25px;
+	text-align: center;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-footer {
+	height: auto;
+	min-height: 55px;
+	padding: 10px 15px 0px 15px;
+	text-align: right;
+	border-top: 1px solid #e5e5e5;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-footer > div {
+	float: left;
+	line-height: 1.7;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-footer > div > label {
+	margin: 0 5px 0 0;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-btn-radio {
+	margin-left: 12px;
+	margin-right: 6px;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-btn-check {
+	margin-left: 12px;
+	margin-right: 4px;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-btn-check:disabled + span {
+	color: #999;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form-footer .se-modal-btn-check {
+	margin-left: 0;
+	margin-right: 4px;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form-footer label:first-child {
+	margin-right: 16px;
+	margin-left: 0px;
+}
+
+/* modal - modal - form - files */
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-modal-form-files {
+	position: relative;
+	display: flex;
+	align-items: center;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-modal-form-files > input {
+	flex: auto;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-modal-form-files .se-modal-files-edge-button {
+	flex: none;
+	opacity: 0.8;
+	border: 1px solid #ccc;
+	margin-left: 1px;
+}
+
+/* modal - modal - input */
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-input-select {
+	display: inline-block;
+	width: auto;
+	height: 34px;
+	font-size: 14px;
+	text-align: center;
+	line-height: 1.42857143;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-input-control {
+	display: inline-block;
+	width: 70px;
+	height: 34px;
+	font-size: 14px;
+	text-align: center;
+	line-height: 1.42857143;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-flex-input-wrapper {
+	display: block;
+	position: relative;
+	width: 100%;
+	height: auto;
+	padding: 0;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-flex-input-wrapper > .se-input-form-abs {
+	display: block;
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	margin: 0;
+	background-color: #f9f9f9;
+	border: 2px dashed #ccc;
+	pointer-events: none;
+}
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-flex-input-wrapper > .se-input-form-abs * {
+	pointer-events: none;
+	vertical-align: middle;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-flex-input-wrapper > .se-input-form-abs > div {
+	display: block;
+	position: relative;
+	padding-top: 3px;
+	width: 100%;
+	height: 100%;
+	margin: auto;
+}
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-flex-input-wrapper > .se-input-form-abs > div .se-input-file-w {
+	width: max-content;
+	max-width: 100%;
+	margin: auto;
+	padding: 0 4px;
+}
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-flex-input-wrapper > .se-input-form-abs > div .se-input-file-icon-up,
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-flex-input-wrapper > .se-input-form-abs > div .se-input-file-icon-files {
+	display: inline-block;
+	width: 20px;
+}
+.sun-editor .se-modal .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 .se-modal-inner .se-modal-form .se-flex-input-wrapper > .se-input-form-abs > div .se-input-file-cnt {
+	display: inline;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-input-form {
+	display: block;
+	width: 100%;
+	height: 34px;
+	font-size: 14px;
+	line-height: 1.42857143;
+	padding: 0 4px;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-input-form.se-input-url {
+	direction: ltr;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-input-form.se-input-url:disabled {
+	text-decoration: line-through;
+	color: #999;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-video-ratio {
+	width: 70px;
+	margin-left: 4px;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form a {
+	color: #004cff;
+}
+
+/* modal - revert button */
+.sun-editor .se-modal .se-modal-inner .se-modal-btn-revert {
+	float: right;
+	border: 1px solid #ccc;
+}
+
+/* modal - inner tab */
+.sun-editor .se-modal-tabs {
+	width: 100%;
+	height: 25px;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.sun-editor .se-modal-tabs button {
+	background-color: #e5e5e5;
+	border-right: 1px solid #e5e5e5;
+	float: left;
+	outline: none;
+	padding: 2px 13px;
+	transition: 0.3s;
+}
+
+.sun-editor .se-modal-tabs button:hover {
+	background-color: #fff;
+}
+
+.sun-editor .se-modal-tabs button.active {
+	background-color: #fff;
+	border-bottom: 0;
+}
+
+/* modal - modal - math */
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-input-form.se-math-exp {
+	resize: vertical;
+	height: 14em;
+	border: 1px solid #3f9dff;
+	font-size: 13px;
+	padding: 4px;
+	direction: ltr;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-input-select.se-math-size {
+	width: 6em;
+	height: 28px;
+	margin-left: 1em;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-math-preview {
+	font-size: 13px;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-math-preview > span {
+	display: inline-block;
+	-webkit-box-shadow: 0 0 0 0.1rem #d0e3ff;
+	box-shadow: 0 0 0 0.1rem #d0e3ff;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-math-preview > span * {
+	direction: ltr;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-math-preview > .se-math-katex-error {
+	color: #b94a48;
+	-webkit-box-shadow: 0 0 0 0.1rem #f2dede;
+	box-shadow: 0 0 0 0.1rem #f2dede;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-math-preview > .se-math-katex-error svg {
+	width: auto;
+	height: 30px;
+	color: #b94a48;
+}
+
+/* modal - modal - link preview */
+.sun-editor .se-modal .se-modal-inner .se-link-preview {
+	display: block;
+	height: auto;
+	max-height: 18px;
+	font-size: 13px;
+	font-weight: normal;
+	font-family: inherit;
+	color: #666;
+	background-color: transparent;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	word-break: break-all;
+	white-space: pre;
+	max-height: none;
+}
+
+/* modal - modal - anchor module */
+.sun-editor .se-modal .se-modal-inner .se-anchor-preview-form {
+	width: 100%;
+	display: flex;
+	margin-top: 4px;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-anchor-preview-form .se-svg.se-anchor-preview-icon {
+	flex: unset;
+	display: none;
+	line-height: 1;
+	margin: 2px;
+	color: #4592ff;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-anchor-preview-form .se-link-preview {
+	flex: 1;
+	margin: 0;
+}
+
+/* modal - modal - anchor module - rel select */
+.sun-editor .se-modal .se-modal-inner .se-anchor-rel {
+	position: relative;
+	height: 34px;
+}
+.sun-editor .se-modal .se-modal-inner .se-anchor-rel-btn {
+	border-width: 1px;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-anchor-rel-wrapper {
+	display: flex;
+	height: 34px;
+	line-height: 1;
+	padding: 0 6px;
+	align-items: center;
+}
+
+.sun-editor .se-modal .se-modal-inner .se-anchor-rel-preview {
+	word-break: break-word;
+	white-space: pre-wrap;
+	overflow-wrap: break-word;
+	text-align: left;
+}
+
+/* .sun-editor .se-modal .se-modal-inner .se-modal-form .se-mention-item {line-height:28px;min-height:25px;padding:0 5px;cursor:pointer;}
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-mention-item:hover {background-color:#e1e1e1}
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-mention-item.se-mention-active {background-color: #d1d1d1; border-radius:3px;}
+.sun-editor .se-modal .se-modal-inner .se-modal-form .se-mention-search {margin-bottom: 10px;} */
+
+/** --- controller ---------------------------------------------------------- */
+.sun-editor .se-controller {
+	position: absolute;
+	display: none;
+	overflow: visible;
+	z-index: 2147483646;
+	padding: 2px 2px 0 2px;
+	margin: 0;
+	border: 1px solid #999;
+	text-align: start;
+	text-decoration: none;
+	text-shadow: none;
+	text-transform: none;
+	letter-spacing: normal;
+	word-break: normal;
+	word-spacing: normal;
+	word-wrap: normal;
+	white-space: normal;
+	background-color: #fff;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	line-break: auto;
+}
+
+.sun-editor .se-controller.se-empty-controller {
+	border: none;
+	padding: 0;
+}
+
+.sun-editor .se-controller:not(.se-resizing-container) {
+	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+}
+
+.sun-editor-editable[contenteditable='true'] figure a,
+.sun-editor-editable[contenteditable='true'] figure img,
+.sun-editor-editable[contenteditable='true'] figure iframe,
+.sun-editor-editable[contenteditable='true'] figure video {
+	z-index: 0;
+}
+
+.sun-editor-editable[contenteditable='true'] figure figcaption {
+	display: block;
+	z-index: 2;
+}
+
+.sun-editor-editable[contenteditable='true'] figure figcaption:focus {
+	border-color: #80bdff;
+	outline: 0;
+	-webkit-box-shadow: 0 0 0 0.2rem #c7deff;
+	box-shadow: 0 0 0 0.2rem #c7deff;
+}
+
+.sun-editor-editable[contenteditable='true']:not(.se-read-only) figure:not(.se-input-component)::after {
+	position: absolute;
+	content: '';
+	z-index: 1;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	cursor: default;
+	display: block;
+	background: rgba(0, 0, 0, 0);
+}
+
+.sun-editor-editable[contenteditable='true'] .se-component {
+	outline: 1px dashed #e1e1e1;
+}
+
+.sun-editor-editable[contenteditable='true'] .se-component:not(:has(figure)).se-component-selected,
+.sun-editor-editable[contenteditable='true'] figure.se-component-selected,
+.sun-editor-editable[contenteditable='true'] .se-component.se-component-selected > figure {
+	outline: 2px solid #80bdff;
+}
+
+.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: #d1d1d1;
+	opacity: 0.3;
+	-webkit-box-shadow: 0 0 0 0.5rem #1275ff;
+	box-shadow: 0 0 0 0.5rem #1275ff;
+	transition: box-shadow 0.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'] figure.se-figure-selected.se-drag-over,
+.sun-editor-editable[contenteditable='true'] hr.se-component-selected.se-drag-over {
+	outline: 2px solid #f0c20a;
+}
+.sun-editor-editable[contenteditable='true'] figure.se-drag-over > iframe {
+	pointer-events: none;
+}
+
+/* controller - button group */
+.sun-editor .se-controller .se-btn-group {
+	position: relative;
+	display: flex;
+	padding: 0 0 2px 0;
+	margin: 0;
+	top: 0;
+	left: 0;
+}
+
+.sun-editor .se-controller .se-btn-group .se-btn-group-sub {
+	left: 50%;
+	min-width: auto;
+	width: max-content;
+	display: none;
+	/* display: inline-table; */
+}
+
+.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 {
+	position: relative;
+	min-height: 34px;
+	height: auto;
+	border: none;
+	border-radius: 2px;
+	margin: 1px;
+	font-size: 12px;
+	line-height: 1.5;
+	display: inline-block;
+	font-weight: normal;
+	text-align: center;
+	white-space: nowrap;
+	-ms-touch-action: manipulation;
+	touch-action: manipulation;
+}
+
+/* controller - controller-content */
+.sun-editor .se-controller .se-controller-content {
+	position: relative;
+	padding: 0 0 2px 0;
+	margin: 0;
+	top: 0;
+	left: 0;
+}
+
+/* controller - controller-content - header */
+.sun-editor .se-controller .se-controller-header {
+	width: 100%;
+	height: 38px;
+	padding: 4px;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+/* controller - controller-content - body */
+.sun-editor .se-controller .se-controller-body {
+	position: relative;
+	font-size: 13px;
+	width: 100%;
+	padding: 4px 4px 1px 4px;
+}
+
+.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: #ececec;
+}
+
+.sun-editor .se-controller .se-controller-header .se-close-btn {
+	width: 28px;
+	height: 28px;
+	min-height: 28px;
+	float: right;
+	font-weight: bold;
+	text-shadow: 0 1px 0 #fff;
+	filter: alpha(opacity=100);
+	opacity: 1;
+}
+
+.sun-editor .se-controller .se-controller-header .se-controller-title {
+	float: left;
+	font-size: 13px;
+	font-weight: bold;
+	margin: 0;
+	padding: 0;
+	line-height: 2.2;
+}
+
+/* controller - resizing(image, iframe) */
+.sun-editor .se-controller-resizing {
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.42857143;
+}
+
+.sun-editor .se-resizing-container {
+	position: absolute;
+	display: none;
+	outline: none;
+	pointer-events: none;
+	border: 0;
+	padding: 0;
+	z-index: 6;
+	background-color: transparent !important;
+	backface-visibility: hidden;
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility: hidden;
+}
+
+.sun-editor .se-drag-handle {
+	position: absolute;
+	z-index: 2147483646;
+	display: none;
+	pointer-events: auto;
+	cursor: move;
+	width: 18px;
+	height: 18px;
+	background-color: #80bdff;
+	border: 0;
+	padding: 1px;
+	color: #fff;
+	outline: 2px solid transparent;
+}
+.sun-editor .se-drag-handle.se-drag-handle-full {
+	cursor: default;
+}
+.sun-editor .se-drag-handle > svg {
+	pointer-events: none;
+	max-width: 100%;
+	max-height: 100%;
+}
+.sun-editor .se-drag-handle:hover {
+	background-color: #f0c20a;
+}
+.sun-editor .se-drag-handle.se-dragging {
+	opacity: 0;
+}
+
+.sun-editor .se-resizing-container .se-resize-dot {
+	position: absolute;
+	display: inline-block;
+	outline: 2px solid #80bdff;
+	border: 0;
+	padding: 0;
+}
+
+.sun-editor .se-resizing-container.se-resize-ing .se-resize-dot {
+	outline: 2px solid #4592ff;
+}
+
+.sun-editor .se-resizing-container .se-resize-dot > span {
+	position: absolute;
+	pointer-events: auto;
+	width: 8px;
+	height: 8px;
+	border-radius: 1px;
+	background-color: #4592ff;
+	border: 1px solid #4592ff;
+}
+
+.sun-editor .se-resizing-container .se-resize-dot > span.tl {
+	top: -6px;
+	left: -6px;
+	cursor: nw-resize;
+}
+
+.sun-editor .se-resizing-container .se-resize-dot > span.tr {
+	top: -6px;
+	right: -6px;
+	cursor: ne-resize;
+}
+
+.sun-editor .se-resizing-container .se-resize-dot > span.bl {
+	bottom: -6px;
+	left: -6px;
+	cursor: sw-resize;
+}
+
+.sun-editor .se-resizing-container .se-resize-dot > span.br {
+	right: -6px;
+	bottom: -6px;
+	cursor: se-resize;
+}
+
+.sun-editor .se-resizing-container .se-resize-dot > span.lw {
+	left: -8px;
+	bottom: 50%;
+	cursor: w-resize;
+}
+
+.sun-editor .se-resizing-container .se-resize-dot > span.th {
+	left: 50%;
+	top: -8px;
+	cursor: n-resize;
+}
+
+.sun-editor .se-resizing-container .se-resize-dot > span.rw {
+	right: -8px;
+	bottom: 50%;
+	cursor: e-resize;
+}
+
+.sun-editor .se-resizing-container .se-resize-dot > span.bh {
+	right: 50%;
+	bottom: -8px;
+	cursor: s-resize;
+}
+
+.sun-editor .se-resizing-container .se-resize-display {
+	position: absolute;
+	pointer-events: none;
+	right: 0;
+	left: auto;
+	bottom: 0;
+	padding: 5px;
+	margin: 2px;
+	font-size: 12px;
+	color: #fff;
+	background-color: #333;
+	border-radius: 2px;
+	opacity: 0.75;
+}
+
+.sun-editor .se-resizing-container.se-resize-ing .se-resize-display {
+	opacity: 1;
+}
+
+/* controller - table */
+.sun-editor .se-controller-table {
+	width: auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.42857143;
+}
+
+.sun-editor .se-controller-table-cell {
+	width: auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.42857143;
+}
+
+/* controller - table - props */
+.sun-editor .se-controller.se-table-props .se-color-input,
+.sun-editor .se-controller.se-table-props .se-border-style {
+	width: 70px;
+}
+.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;
+}
+
+/* controller - link */
+.sun-editor .se-controller-link {
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.42857143;
+}
+
+.sun-editor .se-controller-link::before,
+.sun-editor .se-controller-link::after {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+.sun-editor .se-controller-link .link-content {
+	padding: 0;
+	margin: 0;
+}
+
+.sun-editor .se-controller-link .link-content a {
+	display: inline-block;
+	color: #4592ff;
+	max-width: 200px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	vertical-align: middle;
+	margin-left: 5px;
+}
+
+/* --- select menu ---------------------------------------------------------- */
+.sun-editor .se-select-menu {
+	position: absolute;
+	min-width: auto;
+	top: 0px;
+	left: 0px;
+	z-index: 2147483647;
+	display: none;
+	width: max-content;
+	height: auto;
+	overflow-y: visible;
+	overflow-x: visible;
+	overflow: visible;
+	background-color: #fff;
+	border-radius: 2px;
+	padding: 2px 0;
+	margin: 0;
+	border: 1px solid #bababa;
+	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+	outline: 0 none;
+}
+
+.sun-editor .se-select-menu.se-select-menu-scroll {
+	overflow-y: auto;
+}
+
+.sun-editor .se-select-menu ul {
+	padding: 0;
+	margin: 0;
+	word-break: break-all;
+	width: auto;
+	max-width: 100%;
+	min-width: -moz-max-content;
+	min-width: -webkit-max-content;
+	min-width: -o-max-content;
+	min-width: -ms-max-content;
+}
+
+.sun-editor .se-select-menu .se-select-item {
+	list-style: none;
+	line-height: 28px;
+	min-height: 28px;
+	font-size: 12px;
+	padding: 0 6px;
+	margin: 2px 0;
+	cursor: pointer;
+}
+
+.sun-editor .se-select-menu .se-select-item button {
+	padding: 0;
+	margin: 0;
+	min-height: 28px;
+}
+.sun-editor .se-select-menu .se-select-item button span {
+	padding: 0;
+	margin: 0;
+}
+
+.sun-editor .se-select-menu .se-select-item *.se-select-on {
+	color: #4592ff;
+}
+
+.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 {
+	border-color: #d0e3ff !important;
+	outline: 1px solid #3288ff !important;
+	-webkit-box-shadow: 0 0 0 0.3rem #d0e3ff;
+	box-shadow: 0 0 0 0.3rem #d0e3ff;
+	transition: box-shadow 0.1s ease-in-out;
+}
+
+.sun-editor .se-select-menu.se-select-menu-mouse-move .se-select-item:active,
+.sun-editor .se-select-menu.se-select-menu-mouse-move .se-select-item.__se__active {
+	background-color: #dbeaff;
+	border-color: #dbeaff !important;
+	outline: 1px solid #3288ff !important;
+	-webkit-box-shadow: inset 2px 2px 5px #b7ccf2, inset -2px -2px 5px #e6f2ff;
+	box-shadow: inset 2px 2px 5px #b7ccf2, inset -2px -2px 5px #e6f2ff;
+	transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
+}
+
+.sun-editor .se-modal-form-files .se-select-menu {
+	width: 100%;
+	height: auto;
+}
+
+.sun-editor .se-select-menu.se-resizing-align-list {
+	width: 74px;
+}
+
+/* --- browser ---------------------------------------------------------- */
+.sun-editor .se-file-browser {
+	position: fixed;
+	display: none;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 2147483647;
+}
+
+.sun-editor .se-file-browser label,
+.sun-editor .se-file-browser input,
+.sun-editor .se-file-browser button {
+	font-size: 14px;
+	line-height: 1.5;
+	color: #111;
+	margin: 0;
+}
+
+.sun-editor .se-file-browser .se-file-browser-back {
+	position: absolute;
+	display: block;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	background-color: #222;
+	opacity: 0.5;
+}
+
+.sun-editor .se-file-browser .se-file-browser-inner {
+	position: absolute;
+	display: block;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+}
+
+.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
+	position: relative;
+	width: 960px;
+	max-width: 100%;
+	margin: 20px auto;
+	background-color: #fff;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	border: 1px solid rgba(0, 0, 0, 0.2);
+	border-radius: 2px;
+	outline: 0;
+	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+}
+
+/* --- browser - header */
+.sun-editor .se-file-browser .se-file-browser-header {
+	height: auto;
+	min-height: 50px;
+	padding: 6px 15px 6px 15px;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close {
+	float: right;
+	font-weight: bold;
+	text-shadow: 0 1px 0 #fff;
+	filter: alpha(opacity=100);
+	opacity: 1;
+}
+
+.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-title {
+	font-size: 16px;
+	font-weight: bold;
+	margin: 0;
+	padding: 0;
+	line-height: 2.2;
+}
+
+/* --- browser - header - tags */
+.sun-editor .se-file-browser .se-file-browser-tags {
+	display: block;
+	font-size: 13px;
+	width: 100%;
+	padding: 0;
+	text-align: left;
+	margin: 0 -15px;
+}
+
+.sun-editor .se-file-browser .se-file-browser-tags a {
+	display: inline-block;
+	background-color: #f5f5f5;
+	padding: 6px 12px;
+	margin: 8px 0 8px 8px;
+	color: #333;
+	text-decoration: none;
+	border-radius: 32px;
+	-moz-border-radius: 32px;
+	-webkit-border-radius: 32px;
+	-moz-background-clip: padding;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	cursor: pointer;
+}
+
+.sun-editor .se-file-browser .se-file-browser-tags a:hover {
+	background-color: #e1e1e1;
+}
+
+.sun-editor .se-file-browser .se-file-browser-tags a:active {
+	background-color: #d1d1d1;
+}
+
+.sun-editor .se-file-browser .se-file-browser-tags a.on {
+	background-color: #ebf3fe;
+	color: #4592ff;
+}
+
+.sun-editor .se-file-browser .se-file-browser-tags a.on:hover {
+	background-color: #d8e8fe;
+}
+
+.sun-editor .se-file-browser .se-file-browser-tags a.on:active {
+	background-color: #d0e3ff;
+}
+
+/* --- browser - body */
+.sun-editor .se-file-browser .se-file-browser-body {
+	position: relative;
+	height: auto;
+	min-height: 350px;
+	padding: 20px;
+	overflow-y: auto;
+}
+
+.sun-editor .se-file-browser .se-file-browser-body .se-file-browser-list {
+	position: relative;
+	width: 100%;
+}
+
+@media screen and (max-width: 992px) {
+	.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
+		width: 748px;
+	}
+}
+
+@media screen and (max-width: 768px) {
+	.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
+		width: 600px;
+	}
+}
+
+/* --- browser - column */
+.sun-editor .se-file-browser .se-file-browser-list .se-file-item-column {
+	position: relative;
+	display: block;
+	height: auto;
+	float: left;
+}
+
+/* --- browser --- custom - "se-image-list" - column */
+.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
+	width: calc(25% - 20px);
+	margin: 0 10px;
+}
+
+@media screen and (max-width: 992px) {
+	.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
+		width: calc(33% - 20px);
+	}
+}
+
+@media screen and (max-width: 768px) {
+	.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
+		width: calc(50% - 20px);
+	}
+}
+
+/* --- browser --- custom - "se-image-list" - item */
+.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img {
+	position: relative;
+	display: block;
+	cursor: pointer;
+	width: 100%;
+	height: auto;
+	border-radius: 2px;
+	outline: 0;
+	margin: 10px 0;
+}
+
+.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img:hover {
+	opacity: 0.8;
+	-webkit-box-shadow: 0 0 0 0.2rem #3288ff;
+	box-shadow: 0 0 0 0.2rem #3288ff;
+}
+
+.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > img {
+	position: relative;
+	display: block;
+	width: 100%;
+	border-radius: 2px;
+	outline: 0;
+	height: auto;
+}
+
+.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-name-image {
+	position: absolute;
+	z-index: 1;
+	font-size: 13px;
+	color: #fff;
+	left: 0px;
+	bottom: 0;
+	padding: 5px 10px;
+	background-color: transparent;
+	width: 100%;
+	height: 30px;
+	border-bottom-right-radius: 4px;
+	border-bottom-left-radius: 4px;
+	pointer-events: none;
+}
+
+.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-name-image.se-file-name-back {
+	background-color: #333;
+	opacity: 0.6;
+	pointer-events: none;
+}
+
+/** --- notice */
+.sun-editor .se-notice {
+	position: relative;
+	display: none;
+	z-index: 7;
+	max-width: 500px;
+	width: auto;
+	height: auto;
+	margin: 1.75rem auto;
+	border-radius: 2px;
+	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+	word-break: break-all;
+	color: #b94a48;
+	background-color: #fff;
+	padding: 15px;
+	border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+.sun-editor .se-notice button {
+	float: right;
+	padding: 7px;
+}
+
+/* --- Input focus */
+.sun-editor input:not(.se-toolbar-btn):focus,
+.sun-editor select:focus,
+.sun-editor textarea:focus {
+	border-color: #80bdff;
+	outline: 0;
+	-webkit-box-shadow: 0 0 0 0.2rem #d0e3ff;
+	box-shadow: 0 0 0 0.2rem #d0e3ff;
+	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+/** --- tooltip */
+.sun-editor .se-tooltip {
+	position: relative;
+	overflow: visible;
+	font-size: 13px;
+}
+
+.sun-editor .se-tooltip .se-tooltip-inner {
+	visibility: hidden;
+	position: absolute;
+	display: block;
+	width: auto;
+	height: auto;
+	top: 120%;
+	left: 50%;
+	background: transparent;
+	opacity: 0;
+	z-index: 1;
+	line-height: 1.5;
+	transition: opacity 0.5s;
+	margin: 0;
+	padding: 0;
+	bottom: auto;
+	float: none;
+	pointer-events: none;
+	backface-visibility: hidden;
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility: hidden;
+}
+
+.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text {
+	position: relative;
+	display: inline-block;
+	width: auto;
+	height: auto;
+	left: -50%;
+	font-size: 0.9em;
+	margin: 0;
+	padding: 4px 6px;
+	border-radius: 2px;
+	background-color: #333;
+	color: #fff;
+	text-align: center;
+	line-height: unset;
+	white-space: nowrap;
+	cursor: auto;
+}
+
+.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text::after {
+	content: '';
+	position: absolute;
+	bottom: 100%;
+	left: 50%;
+	margin-left: -5px;
+	border-width: 5px;
+	border-style: solid;
+	border-color: transparent transparent #333 transparent;
+}
+
+.sun-editor .se-tooltip:hover .se-tooltip-inner {
+	visibility: visible;
+	opacity: 1;
+}
+
+.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: bold;
+}
+
+/* -- color input */
+.sun-editor input.se-color-input {
+	width: 72px;
+	margin: 0 2px;
+	border-top: 0;
+	border-left: 0;
+	border-right: 0;
+	border-radius: 0;
+	border-bottom: 2px solid #b1b1b1;
+	outline: none;
+	text-transform: uppercase;
+}
+.sun-editor input.se-color-input::placeholder {
+	font-size: 0.9em;
+	text-transform: none;
+}
+.sun-editor input.se-color-input::-webkit-search-cancel-button {
+	-webkit-appearance: none;
+	height: 15px;
+	width: 15px;
+	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzLjQ2LDEyTDE5LDE3LjU0VjE5SDE3LjU0TDEyLDEzLjQ2TDYuNDYsMTlINVYxNy41NEwxMC41NCwxMkw1LDYuNDZWNUg2LjQ2TDEyLDEwLjU0TDE3LjU0LDVIMTlWNi40NkwxMy40NiwxMloiIC8+PC9zdmc+')
+		no-repeat center center;
+	background-size: cover;
+}
+
+.sun-editor .se-visible-hidden {
+	visibility: hidden;
+}
+
+/** --- selected class */
+/* -- table */
+.sun-editor-editable[contenteditable='true'] table td.se-selected-table-cell::after,
+.sun-editor-editable[contenteditable='true'] table th.se-selected-table-cell::after {
+	position: absolute;
+	content: '';
+	background-color: #d0e3ff;
+	opacity: 0.3;
+	width: 100%;
+	height: 100%;
+	bottom: -1px;
+	left: -1px;
+	right: -1px;
+	top: -1px;
+}
+.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 #1275ff;
+	z-index: 1;
+}
+
+/** --- RTL start -------------------------------------------------------------------------------------------------------------------------------------------------- */
+/* icon */
+.sun-editor.se-rtl .se-icon-flip-rtl svg,
+.sun-editor.se-rtl .se-icon-flip-rtl .se-svg {
+	transform: scaleX(-1);
+}
+
+.sun-editor.se-rtl .se-btn-select svg {
+	margin: auto 1px;
+}
+
+/* statusbar */
+.sun-editor.se-rtl .se-status-bar .se-navigation {
+	direction: rtl;
+}
+
+/* button--- */
+/* button - select text */
+.sun-editor.se-rtl .se-btn-select .se-txt {
+	flex: auto;
+	text-align: right;
+	direction: rtl;
+	margin-left: 4px;
+}
+
+/* side button */
+.sun-editor.se-rtl button.se-side-btn {
+	float: right;
+}
+.sun-editor.se-rtl button.se-side-btn-b {
+	float: right;
+	margin-right: 0;
+	border-radius: 2px 0 0 2px;
+}
+.sun-editor.se-rtl button.se-side-btn-a {
+	float: right;
+	margin-left: 0;
+	border-radius: 0 2px 2px 0;
+}
+.sun-editor.se-rtl button.se-side-btn-after {
+	margin-right: 0;
+	border-radius: 2px 0 0 2px;
+}
+.sun-editor.se-rtl button.se-side-btn-before {
+	float: right;
+	margin-left: 0;
+	border-radius: 0 2px 2px 0;
+}
+
+/* after, before button:hover - on, active - border */
+.sun-editor.se-rtl .se-menu-list li .se-side-btn-after.on:enabled,
+.sun-editor.se-rtl .se-menu-list li .se-side-btn-after.active:enabled {
+	border-left: 0;
+	border-right: 1px solid;
+}
+.sun-editor.se-rtl .se-menu-list li .se-side-btn-before.on:enabled,
+.sun-editor.se-rtl .se-menu-list li .se-side-btn-before.active:enabled {
+	border-right: 0;
+	border-left: 1px solid;
+}
+
+/* button - se-menu-list */
+.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;
+}
+
+/* button - se-menu-list - li */
+.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix) {
+	float: right;
+}
+
+.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix) li {
+	float: right;
+}
+
+/* menu list--- */
+.sun-editor.se-rtl .se-list-layer * {
+	direction: rtl;
+}
+
+/* menu list - format block */
+.sun-editor.se-rtl .se-list-layer.se-list-format ul blockquote {
+	padding: 0 7px 0 0;
+	border-right-width: 5px;
+	border-left-width: 0;
+	border-top: 0;
+	border-bottom: 0;
+}
+
+/* select menu inner icon */
+.sun-editor.se-rtl .se-select-item .se-list-icon {
+	margin: 0 0 6px 6px;
+}
+
+/* menu list - color picker */
+.sun-editor.se-rtl .se-list-layer .se-selector-color .se-color-pallet li {
+	float: right;
+}
+
+/* dropdown layer - checked list */
+.sun-editor.se-rtl .se-list-inner .se-list-checked li button > .se-svg {
+	float: right;
+	padding: 6px 0 0 6px;
+}
+
+/* placeholder */
+.sun-editor.se-rtl .se-wrapper .se-placeholder {
+	direction: rtl;
+}
+
+/* tooltip */
+.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text {
+	direction: rtl;
+}
+
+.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {
+	direction: ltr;
+}
+
+/* modal--- */
+.sun-editor.se-rtl .se-modal * {
+	direction: rtl;
+}
+
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-modal-form .se-video-ratio {
+	margin-left: 0;
+	margin-right: 4px;
+}
+
+/* modal - header */
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-modal-header .se-close-btn {
+	float: left;
+}
+
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-modal-header .se-modal-title {
+	float: right;
+}
+
+/* modal - edge button */
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-modal-form .se-modal-form-files .se-modal-files-edge-button {
+	margin-left: 0;
+	margin-right: 1px;
+}
+
+/* modal - rel button */
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-modal-form .se-modal-flex-form .se-btn {
+	margin-right: 0;
+	margin-left: 4px;
+}
+
+/* modal - tabs */
+.sun-editor.se-rtl .se-modal-tabs button {
+	float: right;
+}
+
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-modal-size-text {
+	padding-right: 34px;
+}
+
+/* modal - footer */
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-modal-footer .se-btn-primary {
+	float: left;
+}
+
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-modal-footer > div {
+	float: right;
+}
+
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-modal-footer > div > label {
+	margin: 0 0 0 5px;
+}
+
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-modal-form-footer label:first-child {
+	margin-left: 16px;
+	margin-right: 0px;
+}
+
+/* modal - footer - link preview*/
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-anchor-rel-preview {
+	margin-left: 4px;
+	text-align: right;
+}
+
+/* modal - revert button */
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-modal-btn-revert {
+	float: left;
+}
+
+/* anchor module */
+.sun-editor.se-rtl .se-modal .se-modal-inner .se-anchor-rel-btn {
+	float: right;
+}
+
+/* fileBrowser--- */
+.sun-editor.se-rtl .se-file-browser * {
+	direction: rtl;
+}
+
+/* fileBrowser - header */
+.sun-editor.se-rtl .se-file-browser .se-file-browser-tags {
+	text-align: right;
+}
+
+.sun-editor.se-rtl .se-file-browser .se-file-browser-tags a {
+	margin: 8px 8px 0 8px;
+}
+
+.sun-editor.se-rtl .se-file-browser .se-file-browser-header .se-file-browser-close {
+	float: left;
+}
+
+/** controller--- */
+.sun-editor.se-rtl .se-controller .se-btn-group {
+	direction: rtl;
+}
+
+.sun-editor.se-rtl .se-controller .se-controller-body {
+	direction: rtl;
+}
+
+.sun-editor.se-rtl .se-resizing-container .se-resize-display {
+	direction: rtl;
+	right: auto;
+	left: 0;
+}
+
+/* controller - header */
+.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;
+}
+
+/* controller - table - props */
+.sun-editor.se-rtl .se-controller.se-table-props .se-table-props-align li {
+	margin-right: 0;
+	margin-left: 2px;
+}
+
+/** arrow--- */
+.sun-editor.se-rtl .se-controller .se-arrow {
+	right: 20px;
+	left: auto;
+	margin-right: -11px;
+	margin-left: 0;
+}
+
+.sun-editor.se-rtl .sun-editor-editable[contenteditable='true'].se-copy-format-cursor {
+	cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAxMiAyLjY2Nzk2OSBMIDEyIDIgQyAxMiAxLjYzMjgxMiAxMS43MDMxMjUgMS4zMzIwMzEgMTEuMzMyMDMxIDEuMzMyMDMxIEwgMy4zMzIwMzEgMS4zMzIwMzEgQyAyLjk2NDg0NCAxLjMzMjAzMSAyLjY2Nzk2OSAxLjYzMjgxMiAyLjY2Nzk2OSAyIEwgMi42Njc5NjkgNC42Njc5NjkgQyAyLjY2Nzk2OSA1LjAzNTE1NiAyLjk2NDg0NCA1LjMzMjAzMSAzLjMzMjAzMSA1LjMzMjAzMSBMIDExLjMzMjAzMSA1LjMzMjAzMSBDIDExLjcwMzEyNSA1LjMzMjAzMSAxMiA1LjAzNTE1NiAxMiA0LjY2Nzk2OSBMIDEyIDQgTCAxMi42Njc5NjkgNCBMIDEyLjY2Nzk2OSA2LjY2Nzk2OSBMIDYgNi42Njc5NjkgTCA2IDE0IEMgNiAxNC4zNjcxODggNi4yOTY4NzUgMTQuNjY3OTY5IDYuNjY3OTY5IDE0LjY2Nzk2OSBMIDggMTQuNjY3OTY5IEMgOC4zNjcxODggMTQuNjY3OTY5IDguNjY3OTY5IDE0LjM2NzE4OCA4LjY2Nzk2OSAxNCBMIDguNjY3OTY5IDggTCAxNCA4IEwgMTQgMi42Njc5NjkgWiBNIDEyIDIuNjY3OTY5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDAlLDAlLDAlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gMjAuMzMyMDMxIDEyLjY2Nzk2OSBDIDIwLjMzMjAzMSAxMy4wMzUxNTYgMjAuNDg0Mzc1IDEzLjMzMjAzMSAyMC42Njc5NjkgMTMuMzMyMDMxIEwgMjEuMzMyMDMxIDEzLjMzMjAzMSBMIDIxLjMzMjAzMSAxNC42Njc5NjkgTCAyMC41IDE0LjY2Nzk2OSBDIDIwLjMxNjQwNiAxNC42Njc5NjkgMjAgMTQuMzY3MTg4IDIwIDE0IEMgMjAgMTQuMzY3MTg4IDE5LjY4MzU5NCAxNC42Njc5NjkgMTkuNSAxNC42Njc5NjkgTCAxOC42Njc5NjkgMTQuNjY3OTY5IEwgMTguNjY3OTY5IDEzLjMzMjAzMSBMIDE5LjMzMjAzMSAxMy4zMzIwMzEgQyAxOS41MTU2MjUgMTMuMzMyMDMxIDE5LjY2Nzk2OSAxMy4wMzUxNTYgMTkuNjY3OTY5IDEyLjY2Nzk2OSBMIDE5LjY2Nzk2OSAzLjMzMjAzMSBDIDE5LjY2Nzk2OSAyLjk2NDg0NCAxOS41MTU2MjUgMi42Njc5NjkgMTkuMzMyMDMxIDIuNjY3OTY5IEwgMTguNjY3OTY5IDIuNjY3OTY5IEwgMTguNjY3OTY5IDEuMzMyMDMxIEwgMTkuNSAxLjMzMjAzMSBDIDE5LjY4MzU5NCAxLjMzMjAzMSAyMCAxLjYzMjgxMiAyMCAyIEMgMjAgMS42MzI4MTIgMjAuMzE2NDA2IDEuMzMyMDMxIDIwLjUgMS4zMzIwMzEgTCAyMS4zMzIwMzEgMS4zMzIwMzEgTCAyMS4zMzIwMzEgMi42Njc5NjkgTCAyMC42Njc5NjkgMi42Njc5NjkgQyAyMC40ODQzNzUgMi42Njc5NjkgMjAuMzMyMDMxIDIuOTY0ODQ0IDIwLjMzMjAzMSAzLjMzMjAzMSBaIE0gMjAuMzMyMDMxIDEyLjY2Nzk2OSAiLz4KPC9nPgo8L3N2Zz4K')
+			24 0,
+		text;
+}
+/** --- RTL end -------------------------------------------------------------------------------------------------------------------------------------------------- */
+
+/** button module float --------------------------------------------- */
+.sun-editor .se-btn-module-border.module-float-left {
+	float: left;
+}
+
+.sun-editor .se-btn-module-border.module-float-right {
+	float: right;
+}
+
+/** --- error ---------------------------------------------------------- */
+.sun-editor .se-error {
+	color: #d9534f;
+}
+
+.sun-editor input.se-error:focus,
+select.se-error:focus,
+textarea.se-error:focus {
+	border: 1px solid #f2dede;
+	outline: 0;
+	-webkit-box-shadow: 0 0 0 0.2rem #eed3d7;
+	box-shadow: 0 0 0 0.2rem #eed3d7;
+	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+/** ---------------------------------------------------------- menu items ---------------------------------------------------------- */
+/** hr menu items */
+.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;
+}
+
+/** mention  */
+.sun-editor .se-select-menu .se-select-item .se-mention-item span + span {
+	margin: 0 4px;
+	opacity: 0.5;
+}
+
+/** ---------------------------------------------------------- show blocks mode ----------------------------------------------------- */
+.sun-editor .se-show-block p,
+.sun-editor .se-show-block div,
+.sun-editor .se-show-block h1,
+.sun-editor .se-show-block h2,
+.sun-editor .se-show-block h3,
+.sun-editor .se-show-block h4,
+.sun-editor .se-show-block h5,
+.sun-editor .se-show-block h6,
+.sun-editor .se-show-block li,
+.sun-editor .se-show-block ol,
+.sun-editor .se-show-block ul,
+.sun-editor .se-show-block pre {
+	border: 1px dashed #3f9dff !important;
+	padding: 14px 8px 8px 8px !important;
+}
+
+.sun-editor .se-show-block ol,
+.sun-editor .se-show-block ul {
+	border: 1px dashed #d539ff !important;
+}
+
+.sun-editor .se-show-block pre {
+	border: 1px dashed #27c022 !important;
+}
+
+.sun-editor .se-show-block p {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==') no-repeat;
+}
+
+.sun-editor .se-show-block div {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==') no-repeat;
+}
+
+.sun-editor .se-show-block h1 {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC') no-repeat;
+}
+
+.sun-editor .se-show-block h2 {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==') no-repeat;
+}
+
+.sun-editor .se-show-block h3 {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC') no-repeat;
+}
+
+.sun-editor .se-show-block h4 {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC') no-repeat;
+}
+
+.sun-editor .se-show-block h5 {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC') no-repeat;
+}
+
+.sun-editor .se-show-block h6 {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC') no-repeat;
+}
+
+.sun-editor .se-show-block li {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==')
+		no-repeat;
+}
+
+.sun-editor .se-show-block ol {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==')
+		no-repeat;
+}
+
+.sun-editor .se-show-block ul {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==')
+		no-repeat;
+}
+
+/** --- controller wrapper ---------------------------------------------------------- */
+.sun-editor.sun-editor-carrier-wrapper {
+	position: initial !important;
+	display: block !important;
+	width: 0 !important;
+	height: 0 !important;
+	border: none !important;
+	outline: none !important;
+	margin: 0 !important;
+	padding: 0 !important;
+}
+
+/* drag cursor */
+.sun-editor.sun-editor-carrier-wrapper .se-drag-cursor {
+	position: absolute;
+	display: none;
+	pointer-events: none;
+	width: 2px;
+	background-color: #1275ff;
+	z-index: 2147483647;
+}
+.sun-editor.sun-editor-carrier-wrapper .se-drag-cursor::before {
+	content: '';
+	top: -3px;
+	position: absolute;
+	background-color: transparent;
+	width: 0;
+	height: 0;
+	border: 0px solid transparent;
+	margin-right: 0;
+	margin-left: -4px;
+	border-width: 6px 5px 0 5px;
+	border-color: #1275ff transparent transparent transparent;
+}
+.sun-editor.sun-editor-carrier-wrapper .se-drag-cursor::after {
+	content: '';
+	bottom: -3px;
+	position: absolute;
+	background-color: transparent;
+	width: 0;
+	height: 0;
+	border: 0px solid transparent;
+	margin-right: 0;
+	margin-left: -4px;
+	border-width: 0 5px 5px 5px;
+	border-color: transparent transparent #1275ff transparent;
+}
+
+/** animation */
+@keyframes blinker {
+	50% {
+		opacity: 0;
+	}
+}
+
+@keyframes spinner {
+	to {
+		transform: rotate(361deg);
+	}
+}