.sceditor-button,div.sceditor-grip {
    font-family: "Font Awesome 6 Pro";
    color: var(--color2);
    font-weight: 900
}

.sceditor-button-youtube:after {
    content: "\f032"
}

.sceditor-button-link:before {
    content: "\f0c1"
}

.sceditor-button-unlink:before {
    content: "\f127"
}

.sceditor-button-underline:before {
    content: "\f0cd"
}

.sceditor-button-strike:before {
    content: "\f0cc"
}

.sceditor-button-size:before {
    content: "\f034"
}

.sceditor-button-right:before {
    content: "\f038"
}

.sceditor-button-removeformat:before {
    content: "\f12d"
}

.sceditor-button-quote:before {
    content: "\f10e"
}

.sceditor-button-orderedlist:before {
    content: "\f0cb"
}

.sceditor-button-left:before {
    content: "\f036"
}

.sceditor-button-justify:before {
    content: "\f039"
}

.sceditor-button-italic:after {
    content: "\f033"
}

.sceditor-button-image:before {
    content: "\f03e"
}

.sceditor-button-horizontalrule:before {
    content: "\f1dd"
}

.sceditor-button-font:before {
    content: "\f031"
}

.sceditor-button-emoticon:before {
    content: "\f118"
}

.sceditor-emoticons img {
    cursor: pointer
}

.sceditor-button-color:before {
    content: "\f00a"
}

.sceditor-button-center:before {
    content: "\f037"
}

.sceditor-button-bulletlist:before {
    content: "\f0ca"
}

.sceditor-button-bold:after {
    content: "\f032"
}

div.sceditor-grip {
    width: 10px;
    height: 10px
}

.rtl div.sceditor-grip {
    width: 10px;
    height: 10px
}

.sceditor-container {
    background: var(--secondary-color) !important;
    position: relative;
    padding: 0 4px;
    z-index: 1001;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    min-height: 300px;
    border: 2px solid var(--sh-color) !important;
    box-shadow: none;
}

.sceditor-container,.sceditor-container div,div.sceditor-dropdown,div.sceditor-dropdown div {
    padding: 0;
    margin: 0;
    z-index: 3
}

.sceditor-container iframe,.sceditor-container textarea {
    display: block;
    border: 0;
    outline: 0;
    padding: 10px !important;
    resize: none;
    width: auto !important;
    height: calc(100% - 42px) !important;
    font-family: 'Inter' !important;
    background: var(--third-color) !important;
    color: var(--color3) !important
}

.sceditor-container iframe html body p {
    color: #fff !important
}

div.sceditor-resize-cover {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .3
}

.ie6 div.sceditor-resize-cover,.ie7 div.sceditor-resize-cover,.ie8 div.sceditor-resize-cover {
    background: var(--secondary-color)
}

.sceditor-container.ie6 {
    overflow: hidden
}

div.sceditor-grip {
    width: 100%;
    height: 2px;
    cursor: row-resize;
    background: var(--secondary-color);
    position: relative
}

div.sceditor-grip:before {
    content: '\f7a4';
    font-family: 'Font Awesome 6 Pro';
    text-align: center;
    line-height: 1;
    font-size: 12px;
    display: block;
    color: var(--color2);
    position: absolute;
    background: var(--third-color);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 20%);
    width: 120px;
    height: 12px;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 6px
}

.sceditor-maximize {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%!important;
    width: 100%!important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 99999 !important
}

html.sceditor-maximize,body.sceditor-maximize {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.ie6.sceditor-maximize {
    position: absolute
}

.sceditor-maximize div.sceditor-grip {
    display: none
}

.sceditor-maximize div.sceditor-toolbar {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

div.sceditor-dropdown {
    position: absolute;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    z-index: 6;
    padding: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 4px rgba(0,0,0,0.2)
}

div.sceditor-dropdown a,div.sceditor-dropdown a:link {
    color: #333
}

div.sceditor-dropdown form {
    margin: 0
}

div.sceditor-dropdown label {
    display: block;
    font-weight: bold;
    color: #3c3c3c;
    padding: 4px 0
}

div.sceditor-dropdown input,div.sceditor-dropdown textarea {
}

div.sceditor-dropdown textarea {
    padding: 6px
}

div.sceditor-dropdown input:focus,div.sceditor-dropdown textarea:focus {
    border-color: #aaa;
    border-top-color: #666;
    -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.1)
}

div.sceditor-dropdown .button {
    font-weight: bold;
    color: #444;
    padding: 6px 12px;
    background: #ececec;
    border: solid 1px #ccc;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor: pointer;
    margin: .3em 0 0
}

div.sceditor-dropdown .button:hover {
    color: #fff
}

div.sceditor-font-picker,div.sceditor-fontsize-picker {
    padding: 6px 0
}

div.sceditor-insertemoticon,div.sceditor-color-picker {
    padding: 0
}

.sceditor-pastetext textarea {
    border: 1px solid #bbb;
    width: 20em
}

.sceditor-insertemoticon img,.sceditor-more-emoticons img {
    cursor: pointer;
    margin: 2px
}

.sceditor-more {
    border-top: 1px solid #bbb;
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    padding: 6px 0
}

.sceditor-more:hover {
    color: #fff
}

.sceditor-fontsize-option,.sceditor-font-option {
    display: block;
    padding: 4px 10px;
    cursor: pointer;
    text-decoration: none;
    color: #222
}

.sceditor-fontsize-option {
    padding: 4px 13px
}

.sceditor-fontsize-option:hover,.sceditor-font-option:hover {
    background: #eee
}

.sceditor-color-column {
    float: left
}

.sceditor-color-option {
    display: block;
    border: 1px solid #fff;
    height: 10px;
    width: 10px;
    overflow: hidden
}

.sceditor-color-option:hover {
    border: 1px solid #333
}

div.sceditor-toolbar {
    overflow: hidden;
    background: var(--secondary-color) !important;
    line-height: 0;
    -webkit-user-select: none;
    border-bottom: none !important;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

div.sceditor-group {
    display: inline-block;
    background: var(--third-color) !important;
    border-right: none;
    border-bottom: none !important;
    border-radius: 10px !important
}

.ie6 div.sceditor-group,.ie7 div.sceditor-group {
    display: inline;
    zoom:1}

.sceditor-button {
    display: flex !important;
    float: left;
    width: 30px !important;
    height: 30px !important;
    border: 1px solid var(--third-color) !important;
    border-radius: 10px !important;
    cursor: pointer
}

.ie6 .sceditor-button,.ie7 .sceditor-button {
    float: none!important;
    display: inline;
    zoom:1}

.ie6 .sceditor-button {
    padding: 0
}

.ie6 .sceditor-button div {
    margin: 5px
}

.ie7 .sceditor-button div {
    margin: 5px 0
}

.sceditor-button:hover,.sceditor-button:active,.sceditor-button.active {
    background: var(--dc-color) !important;
    color: #fff !important;
    cursor: pointer;
    border-radius: 10px
}

.sceditor-button,.sceditor-button div {
    display: flex !important;
    transition: .2s;
    align-items: center;
    justify-content: center
}

.sceditor-button div {
    padding: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    color: transparent;
    display: none !important
}

.sceditor-button.disabled div {
    filter: alpha(opacity=30);
    opacity: .3
}

.text .sceditor-button div,.sceditor-button.text div {
    padding: 0 2px;
    background: 0
}

.text-icon .sceditor-button div,.sceditor-button.text-icon div {
    padding: 0 2px 0 20px
}

.rtl .sceditor-button {
    float: right
}

.rtl div.sceditor-grip {
    right: auto;
    left: 0
}

.sceditor-container {
    border-radius: 10px !important;
}

.sceditor-container .sceditor-toolbar,.sceditor-container iframe,.sceditor-container textarea {
    margin: 0;
    border-radius: 10px 10px 0 0
}

.sceditor-button-video:before {
    content: "\f03d"
}

.sceditor-button-email:before {
    content: "\f0e0"
}

.sceditor-button-code:before {
    content: "\f121"
}

.sceditor-button-php:before {
    content: "PHP"
}

.sceditor-button-html:before {
    content: "HTML"
}

.sceditor-button-css:before {
    content: "CSS"
}

.sceditor-button-maximize::before {
    content: "\f0b2"
}

.sceditor-button-source::before {
    content: "\f06e"
}

.sceditor-button-php:before,.sceditor-button-css:before,.sceditor-button-html:before {
    font-family: "Open Sans",helvetica,arial,sans-serif;
    font-weight: bold;
    font-size: 12px
}

.sceditor-button-strike,.sceditor-button-justify,.sceditor-button-horizontalrule,.sceditor-button-email,.sceditor-button-font {
    display: none !important
}