@charset "UTF-8";

.custom_editor {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    padding: 5px;
    background: #fff;
}

.custom-layer {
    text-align: center;
    padding: 10px;
}

#uaThreadViewContainer,
#uaThreadReadContainer {
    padding: 0
}

#uaThreadViewContainer h3,
#uaThreadReadContainer h3 {
    padding: 10px
}

#uaThreadViewContainer ol,
#uaThreadReadContainer ol {
    padding: 10px
}

#uaThreadViewContainer .footnote,
#uaThreadReadContainer .footnote {
    border-top: 1px solid rgb(45, 45, 45);
    border-radius: 0 0 10px 10px
}

#ConversationMessageList .message.Selected .bbCodeSource.bbCodeSourceBlock pre {
    background: #363636
}

#ConversationMessageList .message.Selected .bbCodeBlock .type {
    background: #363636
}

.message.unread .messageWrapper .bbCodeSource.bbCodeSourceBlock pre {
    background: #363636
}

.message.unread .messageWrapper .bbCodeBlock .type {
    background: #363636
}

#ConversationMessageList .message.Selected .bbCodeSpoilerContainer {
    background: #363636
}

#ConversationMessageList .message.Selected .bbCodeSpoilerButton.button {
    background: #363636
}

.message.unread .messageWrapper .bbCodeSpoilerContainer {
    background: #363636
}

.message.unread .messageWrapper .bbCodeSpoilerButton.button {
    background: #363636
}

.bbCodeSource.bbCodeSourceBlock pre {
    padding-bottom: 16px !important
}

.bbCodeBlock {
    margin: 1.5em 0 1em;
    overflow: auto
}

.AttributionLink {
    width: fit-content
}

.quoteContainer.__block {
    margin: 1.5em 0 1em;
    border-left: 5px solid rgb(34, 142, 93);
    overflow: hidden;
    position: relative;
    padding: 2px 12px
}

.quoteContainer.__block .quoteAuthor {
    font-weight: 600;
    display: block;
    margin-bottom: 2px;
    color: rgb(214, 214, 214)
}

.bbCodeSpoilerContainer {
    background: rgb(45, 45, 45);
    border-radius: 10px;
    margin: 10px 0;
    padding: 5px
}

.bbCodeSpoilerContainer span {
    word-break: break-word
}

.bbCodeSpoilerContainer .SpoilerTitle::before {
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.87636 2.51238C6.93474 2.28233 9.06234 2.28233 11.1207 2.51238C12.3383 2.64846 13.3215 3.60756 13.4648 4.8322C13.7109 6.93681 13.7109 9.06294 13.4648 11.1675C13.3215 12.3922 12.3383 13.3513 11.1207 13.4874C9.06234 13.7174 6.93474 13.7174 4.87636 13.4874C3.65877 13.3513 2.6755 12.3922 2.53227 11.1675C2.28612 9.06294 2.28612 6.93681 2.53227 4.8322C2.6755 3.60756 3.65877 2.64846 4.87636 2.51238ZM8.6652 5.33322C8.6652 5.7014 8.36674 5.99988 7.99854 5.99988C7.63034 5.99988 7.33187 5.7014 7.33187 5.33322C7.33187 4.96502 7.63034 4.66655 7.99854 4.66655C8.36674 4.66655 8.6652 4.96502 8.6652 5.33322ZM7.99854 7.16654C8.27467 7.16654 8.49854 7.39041 8.49854 7.66654V10.9999C8.49854 11.276 8.27467 11.4999 7.99854 11.4999C7.7224 11.4999 7.49854 11.276 7.49854 10.9999V7.66654C7.49854 7.39041 7.7224 7.16654 7.99854 7.16654Z' fill='rgb(140,140,140)'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    content: '';
    vertical-align: text-top;
    margin-right: 10px
}

.bbCodeSpoilerContainer .bbCodeSpoilerButton .arrowWidget {
    color: #f5f5f5;
    margin-left: 4px;
    display: inline-block;
    transition: .2s;
    vertical-align: middle
}

.bbCodeSpoilerContainer .bbCodeSpoilerButton .arrowWidget:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: rgb(148, 148, 148);
    content: "\f107"
}

.bbCodeHide.bbCodeQuote:not(.noQuote) {
    border: 5px solid rgb(45, 45, 45);
    border-radius: 10px
}

.bbCodeHide.bbCodeQuote .attribution {
    margin: 0;
    font-weight: 600
}

.bbCodeHide.bbCodeQuote .hideContainer.quoteContainer {
    padding: 15px
}

.bbCodeBlock .bbCodeBlock,
.hasJs .bbCodeBlock .bbCodeSpoilerText,
.messageList.withSidebar .bbCodeBlock {
    margin-right: 0
}

.bbCodeBlock pre,
.bbCodeBlock blockquote {
    margin: 0
}

.bbCodeBlock img {
    border: none
}

.bbCodeBlock .type {
    font-size: 13px;
    color: rgb(214, 214, 214);
    background-color: rgb(45, 45, 45);
    padding: 10px 15px
}

.bbCodeBlock pre,
.bbCodeBlock .code {
    font-size: 12px;
    background-color: rgb(45, 45, 45);
    padding: 14px;
    white-space: pre-wrap;
    word-wrap: normal;
    overflow: auto;
    max-height: 400px;
    _width: 400px;
    direction: ltr
}

.bbCodeBlock .code {}

.bbCodeQuote:not(.noQuote) {
    border-left: 5px solid rgb(34, 142, 93);
    overflow: inherit
}

.bbCodeQuote .quoteContainer .quote .quoteAuthor {
    font-weight: 600;
    display: block;
    margin-bottom: 2px;
    color: rgb(214, 214, 214)
}

.bbCodeQuote .attribution a {
    color: #f5f5f5
}

.bbCodeQuote .attribution {
    background-color: rgb(45, 45, 45);
    padding: 10px 15px;
    margin-bottom: 10px
}

.bbCodeQuote .quoteContainer:not(.noQuote) {
    overflow: hidden;
    position: relative;
    padding: 2px 12px
}

.bbCodeQuote .quoteContainer .quote {
    max-height: 150px
}

.NoJs .bbCodeQuote .quoteContainer .quote {
    max-height: none
}

.bbCodeQuote .quoteContainer .quoteExpand {
    display: none;
    box-sizing: border-box;
    position: absolute;
    height: 40px;
    line-height: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: 600;
    text-align: center;
    color: rgb(214, 214, 214);
    cursor: pointer;
    background: -webkit-linear-gradient(top, #ffffff00 0%, #151515bf 80%);
    border-bottom-left-radius: ;
    border-bottom-right-radius:
}

.bbCodeQuote .quoteContainer .quoteExpand:hover {
    text-decoration: underline
}

.bbCodeQuote .quoteContainer .quoteExpand.quoteCut {
    display: block;
    z-index: 42
}

.bbCodeQuote .quoteContainer.expanded .quote {
    max-height: none
}

.bbCodeQuote .quoteContainer.expanded .quoteExpand {
    display: none
}

.bbCodeQuote:not(.noQuote) img {
    max-height: 300px
}

.bbCodeQuote iframe:not([id^="telegram-post"]),
.bbCodeQuote .fb_iframe_widget,
.bbCodeQuote object,
.bbCodeQuote embed {
    max-height: 300px
}

.bbCodeQuote iframe:-webkit-full-screen {
    max-width: none;
    max-height: none
}

.bbCodeQuote iframe:-moz-full-screen {
    max-width: none;
    max-height: none
}

.bbCodeQuote iframe:-ms-fullscreen {
    max-width: none;
    max-height: none
}

.bbCodeQuote iframe:fullscreen {
    max-width: none;
    max-height: none
}

.bbCodeSpoilerButton.button {
    padding: 0 20px 0 12px;
    text-align: inherit;
    width: 100%;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    background: rgb(45, 45, 45);
    height: auto
}

.bbCodeSpoilerButton.button:hover {
    background: inherit
}

.bbCodeSpoilerButton.button:active {
    line-height: 34px
}

.hasJs .bbCodeSpoilerText {
    display: none;
    padding: 15px 12px;
    box-sizing: border-box;
    background: rgb(39, 39, 39);
    word-break: break-word;
    display: none;
    border-radius: 6px;
    padding: 10px 12px
}

.hasJs .bbCodeSpoilerText .bbCodeSpoilerText,
.hasJs .bbCodeSpoilerText .bbCodeBlock,
.hasJs .messageList.withSidebar .bbCodeSpoilerText {
    margin-right: 0
}

.NoJs .bbCodeSpoilerContainer {
    background-color: rgb(214, 214, 214);
    background-color: currentColor
}

.NoJs .bbCodeSpoilerContainer>.bbCodeSpoilerText {
    visibility: hidden
}

.NoJs .bbCodeSpoilerContainer:hover {
    background-color: transparent
}

.NoJs .bbCodeSpoilerContainer:hover>.bbCodeSpoilerText {
    visibility: visible
}

@media (max-width:1024px) {

    .Responsive .bbCodeBlock,
    .Responsive.hasJs .bbCodeSpoilerText {
        margin-right: 0
    }
}

.quoteIcon {
    border: 8px solid transparent;
    border-right: 11px solid rgb(54, 54, 54);
    display: block;
    margin: 12px -19px;
    width: 0;
    height: 0;
    position: absolute
}

.bbCodeBlock bbCodeQuote bbCodeHide {
    max-width: 940px
}

@media(max-width: 480px) {
    .bbCodeSpoilerButton.button {}

    .SpoilerTarget .youtubeFrame {
        width: 280px
    }
}

@media(max-width: 430px) {}

@media(max-width: 400px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 300px
    }
}

@media(max-width: 390px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 290px
    }
}

@media(max-width: 380px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 280px
    }
}

@media(max-width: 370px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 270px
    }
}

@media(max-width: 360px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 260px
    }
}

@media(max-width: 350px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 250px
    }
}

@media(max-width: 340px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 240px
    }
}

@media(max-width: 330px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 230px
    }
}

@media(max-width: 320px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 220px
    }
}

@media(max-width: 310px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 210px
    }
}

@media(max-width: 300px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 200px
    }
}

@media(max-width: 290px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 190px
    }
}

@media(max-width: 280px) {
    .bbCodeSpoilerButton.button {}

    .thread_view .ToggleTriggerAnchor.bbCodeSpoilerContainer.open {
        max-width: 180px
    }
}

.ToggleTriggerAnchor.bbCodeSpoilerContainer.open>button>span>.arrowWidget {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ToggleTriggerAnchor.bbCodeSpoilerButton.open .arrowWidget {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(max-width: 480px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 370px !important
    }
}

@media(max-width: 470px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 360px !important
    }
}

@media(max-width: 460px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 350px !important
    }
}

@media(max-width: 450px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 340px !important
    }
}

@media(max-width: 440px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 330px !important
    }
}

@media(max-width: 430px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 320px !important
    }
}

@media(max-width: 420px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 310px !important
    }
}

@media(max-width: 410px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 300px !important
    }
}

@media(max-width: 400px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 290px !important
    }
}

@media(max-width: 390px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 280px !important
    }
}

@media(max-width: 380px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 270px !important
    }
}

@media(max-width: 370px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 260px !important
    }
}

@media(max-width: 360px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 250px !important
    }
}

@media(max-width: 350px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 240px !important
    }
}

@media(max-width: 340px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 230px !important
    }
}

@media(max-width: 330px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 220px !important
    }
}

@media(max-width: 320px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 210px !important
    }
}

@media(max-width: 310px) {
    .bbCodeBlock.bbCodeQuote.bbCodeHide {
        max-width: 200px !important
    }
}

.threadListHeader {
    background: rgb(45, 45, 45);
    height: 10px
}

.DiscussionListOptions {
    width: 100%
}

.DiscussionListOptions .universalSearchForm .universalSearchInput {
    border: 1px solid rgb(54, 54, 54) !important;
    border-radius: 10px
}

.NoResultsFound,
.AllResultsShowing {
    padding: 25px 0;
    background: rgb(39, 39, 39);
    border-radius: 10px;
    margin-bottom: 12px
}

.matchedThreadCount {
    background: rgb(39, 39, 39);
    padding: 15px;
    margin: 0 0 12px;
    border-radius: 10px
}

.forumModerators {
    background: rgb(39, 39, 39);
    padding: 15px 20px
}

.findedThreads {
    margin: 0 0 15px
}

.threadHeaderTitle .LinkClicker,
.threadHeaderTitle>div,
.threadLastPost .LinkClicker,
.threadLastPost--date>div {
    position: absolute;
    inset: 0;
    z-index: 1
}

.threadCounters .counter.like:hover .likeCounterIcon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.73 2C14.86 2 13.21 2.80925 12 4.31214C10.79 2.80925 9.14 2 7.27 2C3.86 2 1 5.00578 1 8.5896C1 8.82081 1 9.05202 1 9.28329C1.44 14.7167 6.94 19.2254 10.13 21.422C10.68 21.7688 11.34 22 12 22C12.66 22 13.32 21.7688 13.87 21.422C17.06 19.2254 22.56 14.7167 23 9.39882C23 9.16765 23 8.93641 23 8.7052C23 5.00578 20.14 2 16.73 2ZM20.8 9.05202C20.47 13.6764 14.97 17.8381 12.66 19.3411C12.22 19.5722 11.78 19.5722 11.34 19.3411C9.03 17.7226 3.64 13.5607 3.2 8.93641C3.2 8.93641 3.2 8.7052 3.2 8.5896C3.2 6.27746 5.07 4.31214 7.27 4.31214C8.92 4.31214 10.35 5.3526 11.01 6.85549C11.12 7.31792 11.56 7.54913 12 7.54913C12.44 7.54913 12.88 7.31792 12.99 6.85549C13.65 5.3526 15.08 4.31214 16.73 4.31214C18.93 4.31214 20.8 6.27746 20.8 8.5896C20.8 8.7052 20.8 8.93641 20.8 9.05202Z' fill='%2300BA78'/%3E%3C/svg%3E%0A")
}

.threadCounters .counter.unlike .likeCounterIcon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7143 2C14.8285 2 13.1524 2.89386 12 4.34636C10.8476 2.89386 9.06666 2 7.18096 2C3.82857 2 1 5.01676 1 8.59218C1 8.81565 1 9.03911 1 9.26256C1.41905 14.7374 6.86666 19.3185 10.1143 21.4413C10.6381 21.7766 11.2666 22 12 22C12.6285 22 13.2572 21.7766 13.8857 21.4413C17.1334 19.2067 22.5809 14.7374 23 9.26256C23 9.03911 23 8.81565 23 8.59218C23 5.01676 20.1715 2 16.7143 2Z' fill='%2300BA78'/%3E%3C/svg%3E%0A")
}

.threadCounters .counter.like:hover .like2Icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21C2.4 21 2 20.6 2 20V11C2 10.4 2.4 10 3 10C3.6 10 4 10.4 4 11V20C4 20.6 3.6 21 3 21Z' fill='%2300BA78'/%3E%3Cpath d='M16.2759 22H8.0396C6.37272 22 5 20.6 5 18.9V10.5C5 9.4 5.39221 8.4 6.07857 7.5L10.0006 3C10.5889 2.4 11.4714 2 12.4519 2C13.5305 2 14.4129 2.5 15.0013 3.3C15.5896 4.2 15.7857 5.2 15.4915 6.2L14.9032 8.1H19.0214C20.0019 8.1 20.8843 8.5 21.3746 9.3C21.9629 10.1 22.159 11.1 21.8649 12L19.8058 19.1C19.3155 20.9 17.9428 22 16.2759 22ZM7.64739 8.9C7.25518 9.4 7.05908 9.9 7.05908 10.5V18.9C7.05908 19.5 7.54934 20 8.13765 20H16.374C17.1584 20 17.8447 19.5 18.0408 18.7L20.0019 11.6C20.0999 11.3 20.0019 10.9 19.8058 10.6C19.6097 10.3 19.3155 10.2 19.0214 10.2H13.5305C13.2363 10.2 12.9422 10 12.7461 9.8C12.55 9.6 12.55 9.2 12.648 8.9L13.7266 5.6C13.8246 5.2 13.8246 4.8 13.5305 4.5C13.1383 3.9 12.1578 3.8 11.6675 4.4L7.64739 8.9Z' fill='%2300BA78'/%3E%3C/svg%3E%0A")
}

.threadCounters .counter.unlike .like2Icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9C2.4 9 2 9.40336 2 10.0084V19.9916C2 20.5966 2.4 21 3 21C3.6 21 4 20.5966 4 19.9916V10.0084C4 9.40336 3.6 9 3 9Z' fill='%2300BA78'/%3E%3Cpath d='M19.7013 8.86869H13.4583L14.6666 5.23232C15.1701 3.71717 13.9618 2 12.25 2C11.5451 2 10.8403 2.30303 10.4375 2.80808L6.00694 7.85859C5.40278 8.56566 5 9.47475 5 10.3838V19.6768C5 20.9899 6.00694 22 7.31596 22H16.6805C17.9895 22 19.1979 21.0909 19.6006 19.7778L21.9166 11.899C22.3194 10.3838 21.2117 8.86869 19.7013 8.86869Z' fill='%2300BA78'/%3E%3C/svg%3E%0A")
}

.forumImprovements--mask {
    position: absolute;
    height: 100%;
    background: #00000033;
    z-index: 55;
    width: calc(100% + 40px) !important;
    left: -20px !important;
    pointer-events: all
}

.discussionListMainPage .forumImprovements--mask {
    width: 100% !important;
    left: 0 !important;
    border-radius: 10px
}

.userthreads .discussionList {
    border-radius: 0px 0px 10px 10px
}

.mblikeCount {
    display: none
}

.node766 .discussionListItem .contest.prefix {
    display: none
}

body.index .discussionList {
    border-radius: 10px
}

.DiscussionListOptions .selectForum {
    min-width: 267px
}

.discussionListItem .startDate,
.discussionListItem--replyCount {
    display: inline-block
}

.mythreads .discussionListItem .posterDate .username,
.mythreads .discussionListItem .startDate .info-separator {
    display: none
}

.discussionListItem .threadCreator:hover {
    cursor: pointer;
    text-decoration: underline
}

.discussionListItem .userOnlineIndicator {
    border-radius: 50%;
    display: inline-block;
    background: rgb(34, 142, 93);
    width: 8px;
    height: 8px;
    margin: 0 4px 0 0
}

.universalSearchResults .discussionListItem:last-child {
    margin-bottom: 30px
}

.ctrlOrder,
.ctrlState,
.ctrlPeriod {
    min-width: 220px
}

.ctrlDirection,
.ctrlPrefixId {
    min-width: 150px
}

.discussionListItem .lastPost .avatar {
    margin: 0 3px 0 0;
    float: left
}

.discussionListItem--likeCount {
    margin: 0 0 0 6px
}

.discussionListItem--like2Count {
    margin: 0 0 0 6px
}

.discussionListItem .secondRow .mobile--LastReply .username {
    margin: 0 5px
}

.SelectExcludedForumsLink,
.UpdateFeedButtonIcon {
    display: inline-block;
    line-height: 36px;
    height: 36px;
    width: 36px;
    margin-left: 4px;
    border-radius: 6px;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    padding: 6px 0;
    cursor: pointer
}

.pageNavLinkGroup .UpdateFeedButtonIcon {
    line-height: 34px;
    height: 34px
}

.pageNavLinkGroup .UpdateFeedButtonIcon::before {
    height: 34px
}

.SelectExcludedForumsLink:hover,
.UpdateFeedButtonIcon:hover {
    background: rgb(45, 45, 45)
}

.SelectExcludedForumsLink::before {
    width: 24px;
    height: 36px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' style='&%2310;'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m0 0h24v24h-24z'/%3E%3Cpath d='m16.304984 4.58632022c.9684135-.64559257 1.9494071-.47406533 2.7661348.34266239.7605264.76052641.9299596 1.68590662.396602 2.67640052-.0372725.06882663-.0372725.06882663-.0532706.09819906-.3295883.60514861-.3732613.81493856-.2471748 1.33367429.3091576.51207905.5132011.64336702 1.119096.76455341 1.1412747.22826881 1.7136538 1.04322411 1.7136538 2.19825151 0 1.0755468-.5345352 1.8496968-1.6121785 2.172976-.0413654.0123292-.0413654.0123292-.0663245.0197374-.024132.0071329-.024132.0071329-.0622683.01836-.6456591.1901556-.8177989.3034953-1.0961718.7616963-.1435537.5808573-.0921318.8179712.2506473 1.3321529.6455925.9684135.4740653 1.9494071-.3426624 2.7661348-.7605264.7605264-1.6859066.9299596-2.6764005.396602-.0688267-.0372725-.0688267-.0372725-.0981991-.0532706-.6051486-.3295883-.8149386-.3732613-1.3336743-.2471748-.512079.3091576-.643367.5132011-.7645534 1.119096-.2282689 1.1412747-1.0432241 1.7136538-2.1982515 1.7136538-1.0755468 0-1.8496968-.5345352-2.17297599-1.6121785-.01232925-.0413654-.01232925-.0413654-.01973743-.0663245-.00713288-.024132-.00713288-.024132-.01835997-.0622683-.1901556-.6456591-.30349534-.8177989-.76169636-1.0961718-.58085724-.1435537-.81797118-.0921318-1.3321529.2506473-.96841349.6455925-1.94940701.4740653-2.76613473-.3426624-.76052641-.7605264-.92995966-1.6859066-.39660199-2.6764005.03727249-.0688267.03727249-.0688267.05327053-.0981991.32958829-.6051486.37326129-.8149386.24717478-1.3336743-.30915753-.512079-.51320104-.643367-1.119096-.7645534-1.14127463-.2282689-1.71365373-1.0432241-1.71365373-2.1982515 0-1.0755468.53453523-1.8496968 1.61217851-2.17297599.04136533-.01232925.04136533-.01232925.06632447-.01973743.02413198-.00713288.02413198-.00713288.06226834-.01835997.64565905-.1901556.81779888-.30349534 1.09617181-.76169636.14355365-.58085724.09213178-.81797118-.25064732-1.3321529-.64559257-.96841349-.47406533-1.94940701.34266239-2.76613473.76052641-.76052641 1.68590662-.92995966 2.67640052-.39660199.06882663.03727249.06882663.03727249.09819906.05327053.60514861.32958829.81493856.37326129 1.33367429.24717478.51207905-.30915753.64336702-.51320104.76455341-1.119096.22826881-1.14127463 1.04322411-1.71365373 2.19825151-1.71365373 1.0755468 0 1.8496968.53453523 2.172976 1.61217851.0123292.04136533.0123292.04136533.0197374.06632447.0071329.02413198.0071329.02413198.01836.06226834.1901556.64565905.3034953.81779888.7616963 1.09617181.5808573.14355365.8179712.09213178 1.3321529-.25064732zm-4.738133-.51961232c-.2234405 1.11713438-.6613662 1.75435676-1.66435405 2.34583077-.114153.0673174-.23728591.11808567-.36571216.15078482-1.03148075.26262967-1.69145629.14913291-2.69416239-.39698119-.02911635-.01585825-.02911635-.01585825-.04516828-.02457839-.01674857-.00907488-.01674857-.00907488-.04598477-.02487519-.26622097-.1433536-.33389801-.13096222-.54969453.0848343-.24552655.24552655-.25352009.29124297-.11775235.49489976.63195569.94795764.77286747 1.70821671.48185254 2.83572298-.03306498.12810675-.08412242.25087974-.15164864.36465515-.54385396.91634339-1.08403254 1.30025549-2.16504871 1.61862979-.03789262.0111556-.03789262.0111556-.05919751.0174529-.02255223.0066934-.02255223.0066934-.06124991.0182249-.28961296.0868804-.32870583.1434973-.32870583.4486797 0 .3472269.02667411.3852056.26668349.4332104 1.11713438.2234405 1.75435676.6613661 2.34583077 1.664354.0673174.114153.11808567.2372859.15078482.3657122.26262967 1.0314808.14913291 1.6914563-.39698119 2.6941624-.01585825.0291163-.01585825.0291163-.02457839.0451683-.00907488.0167485-.00907488.0167485-.02487519.0459847-.1433536.266221-.13096222.3338981.0848343.5496946.24552655.2455265.29124297.2535201.49489976.1177523.94795764-.6319557 1.70821671-.7728674 2.83572298-.4818525.12810675.033065.25087974.0841224.36465515.1516486.91634339.543854 1.30025549 1.0840326 1.61862979 2.1650487.0111556.0378927.0111556.0378927.0174529.0591975.0066934.0225523.0066934.0225523.0182249.06125.0868804.2896129.1434973.3287058.4486797.3287058.3472269 0 .3852056-.0266741.4332104-.2666835.2234405-1.1171344.6613661-1.7543568 1.664354-2.3458308.114153-.0673174.2372859-.1180856.3657122-.1507848 1.0314808-.2626297 1.6914563-.1491329 2.6941624.3969812.0291163.0158582.0291163.0158582.0451683.0245784.0167485.0090749.0167485.0090749.0459847.0248752.266221.1433536.3338981.1309622.5496946-.0848343.2455265-.2455266.2535201-.291243.1177523-.4948998-.6319557-.9479576-.7728674-1.7082167-.4818525-2.835723.033065-.1281067.0841224-.2508797.1516486-.3646551.543854-.9163434 1.0840326-1.3002555 2.1650487-1.6186298.0378927-.0111556.0378927-.0111556.0591975-.0174529.0225523-.0066934.0225523-.0066934.06125-.0182249.2896129-.0868804.3287058-.1434973.3287058-.4486797 0-.3472269-.0266741-.3852056-.2666835-.4332104-1.1171344-.2234405-1.7543568-.6613662-2.3458308-1.66435405-.0673174-.114153-.1180856-.23728591-.1507848-.36571216-.2626297-1.03148075-.1491329-1.69145629.3969812-2.69416239.0158582-.02911635.0158582-.02911635.0245784-.04516828.0090749-.01674857.0090749-.01674857.0248752-.04598477.1433536-.26622097.1309622-.33389801-.0848343-.54969453-.2455266-.24552655-.291243-.25352009-.4948998-.11775235-.9479576.63195569-1.7082167.77286747-2.835723.48185254-.1281067-.03306498-.2508797-.08412242-.3646551-.15164864-.9163434-.54385396-1.3002555-1.08403254-1.6186298-2.16504871-.0111556-.03789262-.0111556-.03789262-.0174529-.05919751-.0066934-.02255223-.0066934-.02255223-.0182249-.06124991-.0868804-.28961296-.1434973-.32870583-.4486797-.32870583-.3472269 0-.3852056.02667411-.4332104.26668349zm.4331986 4.03334169c2.1539105 0 3.9 1.74608948 3.9 3.90000001 0 2.1539105-1.7460895 3.9-3.9 3.9-2.15391053 0-3.90000001-1.7460895-3.90000001-3.9 0-2.15391053 1.74608948-3.90000001 3.90000001-3.90000001zm0 1.8c-1.159798 0-2.10000001.94020201-2.10000001 2.10000001s.94020201 2.1 2.10000001 2.1 2.1-.940202 2.1-2.1-.940202-2.10000001-2.1-2.10000001z' fill='%23828a99' fill-rule='nonzero' transform='matrix(-1 0 0 -1 24.00005 24.00005)' style='&%2310; fill: rgb(140,140,140);&%2310;'/%3E%3C/g%3E%3C/svg%3E");
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%
}

.UpdateFeedButtonIcon::before {
    width: 24px;
    height: 36px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(140,140,140)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='23 4 23 10 17 10'%3E%3C/polyline%3E%3Cpath d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%
}

@media(min-width: 1280px) {
    .discussionListItem .InlineModCheck {
        display: none !important
    }
}

.forum_view .discussionList {
    border-radius: 0 0 10px 10px
}

.discussionListItem.newLoaded {
    background: rgb(45, 45, 45);
    transition: background 1s
}

.discussionList {
    padding: 15px 20px;
    background: rgb(39, 39, 39)
}

.threadTitle--prefixGroup {
    font-size: 0;
    float: left;
    overflow: hidden;
    margin: 0 6px 0 0;
    border-radius: 6px;
    line-height: 0
}

.discussionListItem {
    background: rgb(39, 39, 39)
}

.discussionListItem:hover .threadNode,
.discussionListItem:hover .controls {
    opacity: 1
}

.discussionListItem .threadNode {
    position: absolute;
    right: 215px;
    top: 13px;
    opacity: 0;
    border-radius: 6px;
    color: #cecece;
    background: rgb(82, 80, 80);
    box-shadow: -4px 2px 0px 0px rgb(45, 45, 45)
}

.discussionListItem .contestInfoBadge {
    right: 215px;
    top: 13px;
    border-radius: 6px;
    color: #cecece;
    background: rgb(80, 80, 80);
    margin-right: 6px
}

.discussionListItem .threadNode:hover {
    text-decoration: none
}

.threadTitle--prefixGroup .prefix {
    border-radius: 0
}

.forum_list .sidebar .bcont,
.forum_view .sidebar .bcont {
    background: none;
    border-radius: 0;
    border: 0
}

.discussionListItem .title label {
    position: absolute;
    right: -70px
}

.discussionListItem--replyCount {
    margin-left: 6px;
    color: rgb(0, 186, 120)
}

.discussionListItem--replyCount.muted::before,
.discussionListItem--likeCount.muted::before,
.discussionListItem--like2Count.muted::before {
    color: rgb(82, 80, 80);
    margin-right: 6px
}

.discussionListItem--replyCount::before {
    content: "\f27a"
}

.discussionListItem--likeCount::before {
    content: "\f004";
    margin-right: 6px
}

.discussionListItem--like2Count::before {
    content: "\f164";
    margin-right: 6px
}

.conversationItem--messageDate {
    font-weight: normal
}

.alreadyParticipate {
    margin-right: 5px
}

.similarthreads_create .threadListHeader {
    height: auto;
    padding: 12px
}

.universalSearchForm {
    position: relative
}

.universalSearchForm:before {
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    color: rgb(34, 142, 93);
    content: "\f002";
    float: left;
    font-size: 15px;
    line-height: 50px;
    left: 20px;
    pointer-events: none;
    position: absolute
}

.discussionList .universalSearchForm {
    position: relative;
    margin-top: 6px;
    overflow: hidden
}

.discussionList .universalSearchForm .universalSearchInput {
    padding: 0 28px 0px 15px;
    line-height: 42px;
    height: 42px;
    border: 1px solid rgb(54, 54, 54);
    border-radius: 10px
}

.discussionList .universalSearchForm::before {
    content: ''
}

.discussionList .universalSearchForm:before {
    line-height: 43px
}

.universalSearchForm .universalSearchInput {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px 0 50px;
    border: none;
    line-height: 50px;
    height: 50px;
    background: rgb(39, 39, 39)
}

.universalSearchForm .universalSearchInput:focus {
    box-shadow: none
}

.stickyThreads {
    position: relative
}

.stickyThreads::before {
    height: 100%;
    position: absolute;
    width: 5px;
    background: rgb(56, 56, 56);
    content: '';
    z-index: 1;
    left: -20px;
    border-radius: 5px
}

li.moderated {
    box-shadow: inset 4px 0 0 rgb(30, 85, 176)
}

.discussionList .DateTime {
    color: rgb(148, 148, 148)
}

.listBlock .iconKey {
    margin-left: 6px
}

.listBlock .fa-bullseye,
.listBlock .hot,
.listBlock .fa-users-crown,
.listBlock .fa-clock {
    margin-right: 6px
}

.listBlock .hot {
    color: #d78f0a
}

.listBlock .fa-check {
    color: rgb(0, 186, 120)
}

.listBlock .fa-lock {
    color: #abb15b
}

.listBlock .fa-trash {
    color: #c55252
}

.discussionListItem--VoteWrapper {
    display: flex;
    flex-direction: column;
    float: left;
    justify-content: center;
    margin-right: 10px;
    gap: 4px
}

.discussionListItem--VoteCount {
    display: flex;
    min-width: 41px;
    background-color: rgb(54, 54, 54);
    border-radius: 5px;
    font-size: 13px;
    align-items: center;
    justify-content: space-between;
    padding: 2px 8px;
    font-weight: 600
}

.listBlock .fa-eye-slash {
    color: rgb(30, 85, 176);
    vertical-align: text-top;
    margin-right: 6px
}

.discussionList .posterAvatar {
    width: 52px
}

.discussionList .main {
    display: block;
    padding: 13px 0;
    text-decoration: none
}

.discussionListItem:hover {
    background: rgb(45, 45, 45)
}

.discussionList .lastPost {
    width: 185px;
    float: right;
    padding: 11px;
    padding-top: 16px;
    overflow: hidden
}

.lastPostInfo {
    padding-top: 3px;
    display: block;
    white-space: nowrap
}

.lastPostInfo:hover {
    text-decoration: none
}

.discussionList .sectionHeaders {
    font-size: 16px;
    padding: 0
}

.discussionList .sectionHeaders dt span {
    display: none !important
}

.discussionList .sectionHeaders a {
    display: block;
    color: ;
    outline: none
}

.discussionList .sectionHeaders a:hover {
    text-decoration: none
}

.discussionList .sectionHeaders dd a[href]:hover {
    text-decoration: none
}

.discussionList .sectionHeaders .main a,
.discussionList .sectionHeaders .stats a {
    float: left;
    width: 50%;
    white-space: nowrap
}

.discussionList .sectionHeaders a span {
    display: block
}

.discussionListItems {
    position: relative
}

.discussionListItem {
    position: relative;
    border-radius: 10px;
    transition: background .15s;
    clear: both;
    margin: 0 -12px;
    padding: 0px 12px
}

.discussionListItem.InlineModChecked {
    background: rgb(45, 45, 45)
}

.discussionList .lastPost .avatar img {
    float: left;
    margin-right: 10px;
    padding-top: 1px
}

.discussionList .lastPost .avatar img {
    width: 40px;
    height: 40px
}

#similarThread_title {
    padding: 10px
}

.discussionListItem .title .spanTitle {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.discussionListItem.moderated:not(.userPosted):not(.deleted):not(.contestParticipated) .title .spanTitle,
.discussionListItem.locked:not(.userPosted):not(.deleted):not(.contestParticipated) .title .spanTitle,
.discussionListItem.deleted:not(.userPosted):not(.locked):not(.contestParticipated) .title .spanTitle,
.discussionListItem.userPosted:not(.deleted):not(.locked):not(.contestParticipated) .title .spanTitle,
.discussionListItem.contestParticipated:not(.userPosted):not(.deleted):not(.locked) .title .spanTitle {
    max-width: 95%
}

.discussionListItem.locked.deleted:not(.userPosted) .title .spanTitle,
.discussionListItem.locked.userPosted .title .spanTitle,
.discussionListItem.deleted.userPosted .title .spanTitle,
.discussionListItem.locked.contestParticipated .title .spanTitle {
    max-width: 92%
}

.discussionListItem.locked.deleted.userPosted .title .spanTitle {
    max-width: 89%
}

.discussionListItem .title .unread,
.forumSearchThreadsMenu .discussionListItem .title .unread,
.LoggedOut .discussionListItem .title span {
    color: rgb(214, 214, 214)
}

.discussionListItem .title {
    font-weight: 600;
    color: rgb(148, 148, 148)
}

.discussionListItem .posterAvatar .miniMe {
    background-color: rgb(0, 186, 120);
    padding: 1px;
    border: 1px solid rgb(0, 186, 120);
    border-radius: 9px;
    position: absolute;
    bottom: 10px;
    right: -3px;
    z-index: 10;
    color: rgb(39, 39, 39);
    font-size: 14px
}

.discussionListItem .titleText {
    padding: 5px;
    overflow: hidden;
    zoom: 1;
    position: relative
}

.LoggedIn .discussionListItem .titleText {}

.LoggedIn .discussionListItem .unreadLink,
.LoggedIn .discussionListItem .ReadToggle {
    color: rgb(35, 168, 109)
}

.unreadLink .fa-comments {
    font-size: 17px
}

.discussionListItem .title {
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    font-size: 14px;
    display: flex;
    align-items: center
}

.controls {
    margin: 0 5px;
    display: inline-block
}

.discussionListItem .secondRow {
    margin: 12px 0 0;
    line-height: 18px;
    font-size: 12px;
    display: block
}

.discussionListMainPage .discussionListItem .controls {
    background: unset;
    position: unset;
    right: unset;
    bottom: unset;
    opacity: unset;
    transition: unset;
    z-index: 10;
    line-height: 24px;
    margin-right: 0;
    display: none;
    transition: .15s
}

.discussionListItem--Wrapper:hover .controls {
    display: block;
    transition: .15s
}

.discussionListItem .controls {
    background: rgb(45, 45, 45);
    position: absolute;
    right: 205px;
    bottom: 13px;
    opacity: 0;
    transition: .15s
}

.discussionListItem .controls .threadControl {
    color: rgb(82, 80, 80);
    font-size: 16px;
    background: none;
    border: 0;
    padding: 0px 5px
}

.discussionListItem .controls .threadControl.mainc {
    color: rgb(0, 186, 120)
}

.discussionListItem .controls .threadControl:hover {
    text-decoration: none;
    color: rgb(148, 148, 148);
    cursor: pointer
}

.discussionListItem .posterDate {
    display: inline-block
}

.discussionListItem .stats {
    font-size: 12px;
    text-align: center
}

.discussionListItem .stats .fa-comments-o {
    font-size: 18px;
    padding-right: 4px
}

.discussionListItem .noteRow {
    background-color: rgb(39, 39, 39);
    padding: 5px;
    text-align: center;
    font-size: 11px;
    color: rgb(0, 186, 120)
}

.discussionListItem .noteRow.secondary {}

.discussionList .discussionListItem.deleted {
    opacity: .6
}

.discussionList .discussionListItem.deleted .service_brute {
    display: none
}

.discussionList .discussionListItem.deleted .avatar img {
    opacity: 0.5;
    filter: alpha(opacity='50')
}

.discussionList .discussionListItem.deleted .deletionNote {
    display: inline-block
}

.discussionListItem.InlineModChecked {
    background-color: rgb(54, 54, 54)
}

.discussionList .sectionFooter {
    zoom: 1;
    padding: 15px 0px 0
}

.discussionList .sectionFooter .contentSummary {
    float: left;
    display: block
}

.locked .prefixLink {
    display: none
}

.aboveThreadList {
    margin: 0 0 15px;
    zoom: 1;
    box-sizing: border-box;
    width: 100%
}

.DiscussionListOptions {
    display: inline-block
}

.index .DiscussionListOptions>.select-wrapper {
    margin: 0 2px
}

.DiscussionListOptions>.select-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px 6px 0
}

.DiscussionListOptions .buttonGroup input {
    min-width: 75px
}

#DiscussionListOptionsHandle {
    position: absolute;
    bottom: -21px;
    line-height: 20px;
    text-align: center;
    right: 50%;
    white-space: nowrap
}

#DiscussionListOptionsHandle a {
    font-size: 11px;
    color: #fff;
    background-color: rgb(83, 91, 99);
    padding: 0 20px;
    margin: 0 auto;
    display: inline-block;
    outline: 0;
    position: relative;
    right: -50%
}

.afterDiscussionListHandle {
    margin-top: 30px
}

.itemPageNav a,
.itemPageNav span {
    padding: 0 3px 0 0
}

body .itemPageNav a {
    color: rgb(0, 186, 120)
}

body .itemPageNav a:hover {
    color: rgb(0, 186, 120)
}

.discussionListFilters {
    font-size: 11px;
    overflow: hidden;
    zoom: 1
}

.discussionListFilters .filtersHeading {
    float: left;
    margin-right: 10px
}

.discussionListFilters .removeFilter,
.discussionListFilters .removeAllFilters {
    color: rgb(0, 186, 120);
    border: 1px solid rgb(16, 88, 56);
    padding: 2px 10px
}

.discussionListFilters .gadget {
    color: rgb(18, 76, 50);
    font-weight: bold;
    margin-left: 3px
}

.discussionListFilters .removeFilter:hover,
.discussionListFilters .removeAllFilters:hover {
    background-color: rgb(0, 186, 120);
    text-decoration: none;
    color: rgb(234, 234, 234)
}

.discussionListFilters .pairsInline dt {
    display: none
}

.discussionListFilters .filterPairs {
    float: left
}

.discussionListFilters .removeAll {
    float: right
}

.discussionListFilters .removeAllFilters {
    padding: 2px 6px
}

.discussionListItem--replyCount.mobile {
    display: none
}

@media(min-width:481px) {
    .Responsive .mobile--LastReply {
        display: none
    }
}

@media (max-width: 1024px) {
    .Responsive .aboveThreadList {
        margin-top: 0
    }

    .Responsive .pageNavLinkGroup .PageNav,
    .Responsive .pageNavLinkGroup .linkGroup {
        margin: 5px 0 0
    }
}

.discussionListItem .threadHeaderTitle a {
    color: rgb(148, 148, 148) !important
}

.discussionListItem.unread .threadHeaderTitle a {
    color: rgb(214, 214, 214) !important
}

@media (max-width: 370px) {
    .Responsive .discussionListItem .controls>*:not(.bump):not(.report):not(.EditControl):not(.fa-trash-alt):not(.HideThread) {
        display: none
    }
}

@media (max-width:610px) {
    .Responsive .discussionListMainPage .discussionListItem .controls {
        margin: unset
    }

    .Responsive .discussionListItem .controls {
        display: none
    }

    .Responsive .discussionListItem .controls {
        display: inline-block;
        opacity: 1;
        right: 14px;
        margin: 0 0 3px
    }

    .Responsive .discussionList .sectionHeaders .stats {
        display: none
    }

    .Responsive .discussionList .sectionHeaders .main .title {
        float: none;
        width: auto
    }

    .Responsive .discussionList .sectionHeaders .main .postDate {
        display: none
    }

    .Responsive .discussionList .statsLastPost {
        display: none
    }

    .Responsive .discussionListItem .listBlock.main,
    .Responsive .discussionListItem .listBlock.stats,
    .Responsive .discussionListItem .listBlock.lastPost {
        display: block
    }

    .Responsive .discussionListItem .listBlock.stats {
        float: left;
        width: auto;
        margin-top: -5px;
        border: none;
        background: none;
        padding-left: 5px
    }

    .Responsive.LoggedIn .discussionListItem .listBlock.stats {
        padding-left: 20px
    }

    .Responsive .discussionListItem .listBlock.stats dl {
        border: none;
        padding: 0
    }

    .Responsive .discussionListItem .listBlock.stats dd,
    .Responsive .discussionListItem .listBlock.stats dt {
        float: none;
        display: inline
    }

    .Responsive .discussionListItem .listBlock.stats .minor {
        display: none
    }

    .Responsive .discussionListItem .listBlock.stats .major {
        font-size: 11px;
        margin-top: 0
    }

    .Responsive .discussionListItem .listBlock.lastPost {
        float: right;
        width: 85px;
        padding: 8px 0;
        display: none
    }

    .Responsive .discussionListItem .listBlock.lastPost .lastPost {
        padding-top: 0;
        padding-bottom: 0
    }

    .Responsive .discussionListItem .listBlock.lastPost dt {
        display: none
    }
}

@media (max-width:480px) {
    .DiscussionListOptions>.select-wrapper {
        margin-bottom: 4px
    }

    .Responsive .discussionListItem .title {
        font-size: 14px
    }

    .Responsive .discussionList .sectionHeaders .lastPost,
    .Responsive .discussionList .lastPost {
        width: 125px
    }

    .Responsive .discussionListItem .secondRow .EditControl {
        display: none
    }

    .Responsive .discussionListItem .itemPageNav {
        display: none
    }

    .Responsive .discussionListItem .threadNode {
        display: none
    }

    .Responsive .discussionListItem .contestInfoBadge {
        position: relative;
        right: auto;
        top: auto;
        margin-right: 8px
    }

    .Responsive .discussionListItem .title {}

    .Responsive .discussionListItem .title .spanTitle {
        max-width: 92%
    }

    .Responsive .discussionListItem.inlineMod .title .spanTitle {
        max-width: 90%
    }

    .Responsive .discussionListItem.moderated:not(.userPosted):not(.deleted):not(.contestParticipated) .title .spanTitle,
    .Responsive .discussionListItem.locked:not(.userPosted):not(.deleted):not(.contestParticipated) .title .spanTitle,
    .Responsive .discussionListItem.deleted:not(.userPosted):not(.locked):not(.contestParticipated) .title .spanTitle,
    .Responsive .discussionListItem.userPosted:not(.deleted):not(.locked):not(.contestParticipated) .title .spanTitle,
    .Responsive .discussionListItem.contestParticipated:not(.userPosted):not(.deleted):not(.locked) .title .spanTitle {
        max-width: 83%
    }

    .Responsive .discussionListItem.locked.deleted:not(.userPosted) .title .spanTitle,
    .Responsive .discussionListItem.locked.userPosted .title .spanTitle,
    .Responsive .discussionListItem.deleted.userPosted .title .spanTitle,
    .Responsive .discussionListItem.locked.contestParticipated .title .spanTitle {
        max-width: 83%
    }

    .discussionListItem.locked.deleted.userPosted .title .spanTitle {
        max-width: 80%
    }

    .Responsive .discussionListItem .secondRow .mobile--LastReply {
        background: rgb(45, 45, 45);
        padding: 4px 9px;
        display: block;
        border-radius: 10px;
        margin: 4px 0 0px;
        font-weight: 600
    }

    .Responsive .discussionListItem .discussionListItem--replyCount {
        display: none
    }

    .Responsive .discussionListItem .discussionListItem--replyCount.mobile {
        vertical-align: middle;
        display: inline-block;
        margin: 0 8px 0 0
    }

    .Responsive .discussionListItem .secondRow .mobile--LastReply .mobile--LastReplyIcon::before {
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12.1 7.87v-3.47a1.32 1.32 0 0 1 2.17-1l8.94 7.6a1.32 1.32 0 0 1 .15 1.86l-.15.15-8.94 7.6a1.32 1.32 0 0 1 -2.17-1v-3.45c-4.68.11-8 1.09-9.89 2.87a1.15 1.15 0 0 1 -1.9-1.11c1.53-6.36 5.51-9.76 11.79-10.05zm1.8-2.42v4.2h-.9c-5.3 0-8.72 2.25-10.39 6.86 2.45-1.45 5.92-2.16 10.39-2.16h.9v4.2l7.71-6.55z' fill='rgb(148, 148, 148)'/%3E%3C/svg%3E")
    }

    .Responsive .discussionListItem input[type="checkbox"] {
        vertical-align: text-top
    }

    .pclikeCount {
        display: none
    }

    .mblikeCount {
        display: inline-block
    }
}

body.node13 .bg_img {
    background-image: url(/styles/node_bg/13.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    position: fixed;
    pointer-events: none;
    height: 100%
}

body.node767 .bg_img {
    background-image: url(https://nztcdn.com/files/1f316899-3847-4403-943d-517550bde2b0.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    position: fixed;
    pointer-events: none;
    height: 100%
}

body.node128 .bg_img {
    background-image: url(/styles/node_bg/128.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    position: fixed;
    pointer-events: none;
    height: 100%
}

body.node967 .bg_img {
    background-image: url(/styles/node_bg/967.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    position: fixed;
    pointer-events: none;
    height: 100%
}

body.node19 .bg_img {
    background-image: url(/styles/node_bg/19.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    position: fixed;
    pointer-events: none;
    height: 100%
}

body.node790 .bg_img {
    background-image: url(/styles/node_bg/790.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    position: fixed;
    pointer-events: none;
    height: 100%
}

body.node1010 .bg_img {
    background-image: url(https://nztcdn.com/files/0487f63c-bcaa-4bcf-b25b-724a8312c5c2.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    position: fixed;
    pointer-events: none;
    height: 100%
}

body.node125 .bg_img {
    background-image: url(/styles/node_bg/125.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    position: fixed;
    pointer-events: none;
    height: 100%
}

body.node981 .bg_img {
    background-image: url(/styles/node_bg/981.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    position: fixed;
    pointer-events: none;
    height: 100%
}

body.node914 .bg_img {
    background-image: url(/styles/node_bg/914.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    position: fixed;
    pointer-events: none;
    height: 100%
}

body.node421 .bg_img {
    background-image: url(https://nztcdn.com/files/5cf884be-26c9-4d25-ba20-2c43a2c5e3db.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    position: fixed;
    pointer-events: none;
    height: 100%
}

.report_closed-title {
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid rgb(45, 45, 45);
    margin: 0px -20px
}

.discussionListMainPage {
    background: none;
    padding: 0px
}

.discussionListMainPage .discussionListItem {
    margin: 0px;
    padding: 0px;
    margin-bottom: 12px
}

.discussionListMainPage .threadHeader {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px 16px
}

.discussionListMainPage .threadHeaderBottom {
    display: flex;
    align-items: center
}

.discussionListMainPage .discussionListItem--Wrapper a:not(.threadHeaderBottom a) {
    text-decoration: none
}

.discussionListMainPage .threadHeaderMain {
    display: flex;
    flex-direction: column;
    gap: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 93%
}

.discussionListMainPage .threadHeaderTitle {
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis
}

.discussionListMainPage .separator {
    width: 4px;
    height: 4px;
    min-width: 4px;
    min-height: 4px;
    background: #949494;
    border-radius: 50%;
    margin: 0px 8px
}

.discussionListMainPage .threadPrefixes {
    border-radius: 6px;
    overflow: hidden;
    display: inline-block;
    margin-right: 4px;
    vertical-align: text-top
}

.discussionListMainPage .threadPrefixes .prefix {
    border-radius: 0px;
    padding: 2px 7px
}

.discussionListMainPage .threadInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px
}

.discussionListMainPage .icon-counter-main-reply {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center
}

.discussionListMainPage .icon-counter-main-reply {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjI3MTIgMTEuODQyN0MwLjIyMjE2OSA2LjY2NTA1IDMuOTIyMjIgMS4wMDAwNiA5LjM1Mjk5IDEuMDAwMDZIOS42NDU5NkMxMy43MDc1IDEuMDAwMDYgMTcgNC4zODk2MyAxNyA4LjU3MDgzQzE3IDEzLjIyNjIgMTMuMzM0MSAxNy4wMDAxIDguODEyMTcgMTcuMDAwMUgxLjY4MzY5QzEuMzkzNTkgMTcuMDAwMSAxLjEzNTA3IDE2LjgxMTUgMS4wMzg3OSAxNi41Mjk4QzAuOTQyNTA1IDE2LjI0ODEgMS4wMjk0MiAxNS45MzQ1IDEuMjU1NjEgMTUuNzQ3NUwzLjA1MjcxIDE0LjI2MTdDMy4xMzEyOSAxNC4xOTY3IDMuMTU5MDggMTQuMDg2NCAzLjEyMTA1IDEzLjk5MDNMMi4yNzEyIDExLjg0MjdaTTkuMzUyOTkgMi40MDc2OUM0Ljg5MzI2IDIuNDA3NjkgMS44NTQ4IDcuMDU5NzkgMy41Mzc0NSAxMS4zMTE3TDQuMzg3MzEgMTMuNDU5MkM0LjY1MzQ4IDE0LjEzMTggNC40NTg5MSAxNC45MDQ1IDMuOTA4ODcgMTUuMzU5MkwzLjYyNjc5IDE1LjU5MjRIOC44MTIxN0MxMi41NzkgMTUuNTkyNCAxNS42MzI3IDEyLjQ0ODcgMTUuNjMyNyA4LjU3MDgzQzE1LjYzMjcgNS4xNjcwNCAxMi45NTI0IDIuNDA3NjkgOS42NDU5NiAyLjQwNzY5SDkuMzUyOTlaIiBmaWxsPSIjOEM4QzhDIi8+Cjwvc3ZnPgo=)
}

.discussionListMainPage .MainPageReply:hover .icon-counter-main-reply {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjI3MTIgMTEuODQyN0MwLjIyMjE2OSA2LjY2NDk5IDMuOTIyMjIgMSA5LjM1Mjk5IDFIOS42NDU5NkMxMy43MDc1IDEgMTcgNC4zODk1NyAxNyA4LjU3MDc3QzE3IDEzLjIyNjIgMTMuMzM0MSAxNyA4LjgxMjE3IDE3SDEuNjgzNjlDMS4zOTM1OSAxNyAxLjEzNTA3IDE2LjgxMTUgMS4wMzg3OSAxNi41Mjk4QzAuOTQyNTA1IDE2LjI0OCAxLjAyOTQyIDE1LjkzNDQgMS4yNTU2MSAxNS43NDc0TDMuMDUyNzEgMTQuMjYxNkMzLjEzMTI5IDE0LjE5NjcgMy4xNTkwOCAxNC4wODYzIDMuMTIxMDUgMTMuOTkwMkwyLjI3MTIgMTEuODQyN1pNOS4zNTI5OSAyLjQwNzYyQzQuODkzMjYgMi40MDc2MiAxLjg1NDggNy4wNTk3MyAzLjUzNzQ1IDExLjMxMTZMNC4zODczMSAxMy40NTkyQzQuNjUzNDggMTQuMTMxNyA0LjQ1ODkxIDE0LjkwNDQgMy45MDg4NyAxNS4zNTkyTDMuNjI2NzkgMTUuNTkyNEg4LjgxMjE3QzEyLjU3OSAxNS41OTI0IDE1LjYzMjcgMTIuNDQ4NyAxNS42MzI3IDguNTcwNzdDMTUuNjMyNyA1LjE2Njk4IDEyLjk1MjQgMi40MDc2MiA5LjY0NTk2IDIuNDA3NjJIOS4zNTI5OVoiIGZpbGw9IiMwMEJBNzgiLz4KPC9zdmc+Cg==)
}

.discussionListMainPage .threadCounters .like:active {
    background: #273B32;
    transition: 0.15s
}

.discussionListMainPage .threadCounters .MainPageReply:active {
    background: #273B32;
    transition: 0.15s
}

.threadHeaderMain_down_message .icon-counter-main-likes {
    width: 16px !important;
    height: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 5px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: unset !important;
    border-radius: unset !important
}

.threadCounters>a {
    align-items: center !important
}

.discussionListMainPage .threadCounters .counter {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
    border-radius: 20px;
    background: rgb(54, 54, 54);
    padding: 0 13px 0 5px
}

.discussionListMainPage .threadCounters .unlike {
    background: #273B32
}

.discussionListMainPage .threadCounters .counter .value {
    margin-left: 1px
}

.discussionListMainPage .threadCounters {
    display: flex;
    gap: 12px
}

.discussionListMainPage .likeCounterIcon {
    width: 18px;
    background-size: 100%;
    height: 18px
}

.discussionListMainPage .icon-counter-main-likes {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px
}

.discussionListMainPage .threadSeperator {
    width: 100%;
    height: 1px;
    display: block;
    background: #363636a3
}

.discussionListMainPage .threadLastPost {
    display: flex;
    gap: 12px;
    position: relative;
    padding: 12px 16px
}

.threadHeaderAvatar .lastPostAvatar a.avatar img {
    width: 40px;
    height: 40px
}

.discussionListMainPage .discussionListItem:hover .threadHeaderTitle a {
    color: rgb(0, 186, 120);
    transition: .15s
}

.discussionListMainPage .threadHeaderMain_down_message {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 93%
}

.discussionListMainPage .threadLastPost .username,
.discussionListMainPage .threadLastPost .avatar {
    z-index: 10
}

.discussionListMainPage .threadLastPost .lastPostAvatar .avatar img {
    width: 40px;
    height: 40px
}

.discussionListMainPage .threadMessage.bbCodeQuote.noQuote blockquote {
    padding: 0px 16px 16px 16px
}

.discussionListMainPage .threadHeaderBottom blockquote.ugc.quote.baseHtml {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.unlike .LikeLabel {
    color: #00ba78
}

.controls_prefixes {
    display: flex;
    gap: 20px
}

.discussionListMainPage .discussionListItem .simpleRedactor.QuickReplyRedactor {
    border-top: 1px solid #363636a3
}

.discussionListMainPage .threadHeaderTitle label {
    position: absolute;
    right: -70px
}

.discussionListMainPage .discussionListItem .threadHeaderBottom {
    position: relative;
    z-index: 2
}

.threadHeaderTitle input[type="radio"],
input[type="checkbox"] {
    z-index: 100
}

.discussionListMainPage .discussionListItem:hover .threadMessage .bbCodeSpoilerContainer {
    background: rgb(54, 54, 54);
    transition: background .15s
}

.discussionListMainPage .discussionListItem:hover .threadMessage .bbCodeSpoilerContainer .bbCodeSpoilerButton {
    background: rgb(54, 54, 54);
    transition: background .15s
}

.discussionListMainPage .discussionListItem .threadMessage .bbCodeSpoilerContainer {
    transition: background .15s
}

.discussionListMainPage .discussionListItem .threadMessage .bbCodeSpoilerContainer .bbCodeSpoilerButton {
    transition: background .15s
}

.discussionListMainPage .threadMessage .quoteContainer .hideContainer.expanded {
    padding: 16px !important
}

.discussionListMainPage .threadMessage .bbCodeQuote .hideContainer {
    padding: 16px !important
}

.discussionListMainPage .discussionListItem:hover .threadMessage .bbCodeHide.bbCodeQuote:not(.noQuote) {
    border: 5px solid #363636;
    transition: .15s
}

.discussionListMainPage .discussionListItem:hover .threadMessage .bbCodeHide .attribution {
    background: rgb(54, 54, 54);
    transition: background .15s
}

.discussionListMainPage .discussionListItem .threadMessage .bbCodeHide.bbCodeQuote:not(.noQuote) {
    transition: .15s
}

.discussionListMainPage .discussionListItem .threadMessage .bbCodeHide .attribution {
    transition: background .15s
}

.discussionListMainPage .discussionListItem .iconKey.fa.fa-lock.Tooltip {
    color: #abb15b;
    margin-right: 4px;
    z-index: 1;
    position: relative
}

.discussionListMainPage .discussionListItem .iconKey.fa.fa-trash {
    color: #844;
    margin-right: 4px
}

.discussionListMainPage .discussionListItem .moderated.fa.fa-eye-slash.Tooltip {
    color: #1e55b0;
    margin-right: 4px;
    z-index: 1;
    position: relative
}

.discussionListMainPage .discussionListItem .fa.fa-bullseye.mainc.Tooltip {
    margin-right: 4px;
    margin-left: 1px;
    z-index: 1;
    position: relative
}

.discussionListMainPage .inlineCtrlGroup {
    margin: 0px 0px 16px 0px;
    display: flex;
    background: rgb(39, 39, 39);
    border: none;
    border-radius: 10px;
    padding: 12px
}

.discussionListMainPage .discussionListItem .replySubmit {
    position: relative;
    z-index: 2
}

@media (min-width: 480px) {
    .threadHeaderUsernameBlock {
        display: none
    }

    .header_mobile_visible {
        display: none
    }
}

@media (max-width: 480px) {
    .header_mobile_hiden {
        display: none
    }

    .header_mobile_visible {
        padding: 0px 16px 16px 16px
    }

    .thread_creator_mobile_hidden {
        display: none
    }

    .threadHeaderUsernameBlock {
        display: flex;
        flex-direction: row;
        align-items: center
    }
}

ol.messageSimpleList {
    margin: 0 -10px 0 70px
}

ol.commentList {
    padding: 0 10px
}

.message .comment .item.LikeLink {
    line-height: 18px
}

.message .ReplyQuote {
    display: none
}

.message .messageSimple .avatar {
    margin: 3px 0 0
}

.CommentPostList.messageSimple {
    background: none;
    border-radius: 0;
    width: 100%
}

.message .messageSimple>.comment {
    border-bottom: 0;
    border-top: 1px solid rgb(45, 45, 45);
    padding: 10px 15px;
    border-radius: 10px
}

.message .messageSimple>.comment:first-child {
    margin-top: 15px
}

.tagComment {
    margin: 0 0 0 8px
}

.tagComment:hover {
    text-decoration: underline;
    cursor: pointer
}

.CommentPostList .messageSimple .comment {
    padding: 0 0 10px 0;
    border-bottom: 0
}

.CommentPostList .messageSimple .comment:last-child {
    padding: 0
}

.CommentPostList .messageSimple {
    border-bottom: 0;
    border-top: 1px solid rgb(45, 45, 45);
    padding: 15px 0 15px 10px
}

.CommentPostList .messageSimple:last-child {
    margin-bottom: 0
}

.CommentPostList .messageInfo {
    margin-left: 55px !important
}

.CommentPostList .messageMeta {
    line-height: 11px !important;
    padding-top: 4px !important
}

.CommentPostList .avatar img {
    width: 38px;
    height: 38px
}

.comment .avatar img {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 8px;
    display: block
}

.slimScrollDiv {
    margin-top: 3px !important
}

@media (max-width:480px) {
    ol.messageSimpleList {
        margin-left: 35px
    }
}

.forumSearchThreadsButton {
    float: left;
    margin-left: -104px;
    line-height: 45px;
    width: 80px
}

@media(max-width: 1220px) {
    .forumSearchThreadsButton {
        float: left;
        line-height: 45px;
        padding-left: 10px;
        margin-right: 20px;
        margin-left: 0px;
        width: auto
    }
}

.forumSearchThreadsMenu {
    position: fixed;
    z-index: 777;
    background: rgb(39, 39, 39);
    top: 44px;
    height: 100vh;
    left: -400px;
    transition: all .25s;
    box-shadow: 0 6px 6px rgba(86, 86, 86, 0.35);
    border-top: 1px solid rgb(45, 45, 45)
}

.forumSearchThreadsMenu .scrollBar {
    width: 389px;
    height: 95%;
    overflow-y: scroll
}

.forumSearchThreadsMenu.active,
.forumSearchThreadsMenu.pinned {
    left: 0
}

.forumSearchThreads--Link:hover .forumSearchThreads--Link--Icon {
    background: rgb(0, 186, 120);
    color: rgb(39, 39, 39)
}

.forumSearchThreads--Link--Icon {
    border-radius: 6px;
    padding: 0 14px;
    background: rgb(34, 142, 93);
    color: rgb(18, 76, 50);
    line-height: 30px;
    height: 30px;
    display: inline-block;
    font-size: 14px
}

.forumSearchThreads--pinButton:hover {
    cursor: pointer
}

.forumSearchThreads--pinButton:not(.pinned) {
    display: none
}

.forumSearchThreadsButton.active .forumSearchThreads--pinButton {
    display: inline-block
}

.forumSearchThreads--pinButton.pinned .forumSearchThreads--Link--Icon {
    background: rgb(0, 186, 120);
    color: #000
}

.forumSearchThreadsMenu .discussionListItem.current {
    background: rgb(54, 54, 54)
}

.forumSearchThreadsMenu .discussionListItem .title {
    line-height: 18px;
    padding-right: 12px
}

.forumSearchThreadsMenu .discussionList .lastPost {
    width: auto;
    padding: 7px 0
}

@media(max-width: 1919px) {
    .forumSearchThreadsButton.active .forumSearchThreads--pinButton:not(.pinned) {
        display: none
    }
}

.charity_money_block_title_amount {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.charity_money_block_bg {
    border-bottom: 1px solid rgb(45, 45, 45);
    display: flex;
    flex-direction: column;
    gap: 8px
}

.charity_money_block_amount {
    font-size: 15px;
    font-weight: bold
}

.charity_money_block {
    padding: 12px 12px;
    background: #323232;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: center
}

.charity_money_block_title {
    color: #949494
}

.charity_icon {
    display: flex;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.66953 5C5.55821 4.68133 5.5 4.34339 5.5 4C5.5 3.21011 5.80801 2.44902 6.36188 1.88508C6.91635 1.32053 7.67224 1 8.46429 1C10.259 1 11.3725 2.21846 12 3.27224C12.6275 2.21846 13.741 1 15.5357 1C16.3278 1 17.0837 1.32053 17.6381 1.88508C18.192 2.44902 18.5 3.21011 18.5 4C18.5 4.34339 18.4418 4.68133 18.3305 5L20.5265 5C20.7365 4.99998 20.9412 4.99996 21.1152 5.01184C21.3056 5.02483 21.5313 5.0553 21.7654 5.15225C22.2554 5.35524 22.6448 5.74458 22.8478 6.23464C22.9447 6.46868 22.9752 6.69441 22.9882 6.88478C23.0001 7.05876 23 7.26342 23 7.47333V7.52668C23 7.73658 23.0001 7.94126 22.9882 8.11523C22.9752 8.3056 22.9447 8.53133 22.8478 8.76537C22.6448 9.25543 22.2554 9.64478 21.7654 9.84776C21.5313 9.94471 21.3056 9.97518 21.1152 9.98817C20.9412 10 20.7366 10 20.5265 10H3.47353C3.26348 10 3.05886 10 2.88478 9.98817C2.69441 9.97518 2.46868 9.94471 2.23464 9.84776C1.74458 9.64478 1.35524 9.25543 1.15225 8.76537C1.0553 8.53133 1.02483 8.3056 1.01184 8.11523C0.999969 7.94121 0.999985 7.73659 1 7.52663V7.47344C0.999985 7.26348 0.999969 7.0588 1.01184 6.88478C1.02483 6.69441 1.0553 6.46868 1.15225 6.23464C1.35524 5.74458 1.74458 5.35524 2.23464 5.15225C2.46868 5.0553 2.69441 5.02483 2.88478 5.01184C3.05882 4.99997 3.26355 4.99998 3.47354 5L5.66953 5ZM8.46429 3C8.21442 3 7.97106 3.1009 7.78878 3.28649C7.60589 3.4727 7.5 3.72903 7.5 4C7.5 4.27097 7.60589 4.5273 7.78878 4.71351C7.97106 4.8991 8.21442 5 8.46429 5H10.6343C10.5619 4.82865 10.4786 4.65116 10.3836 4.47527C9.89769 3.57581 9.27397 3 8.46429 3ZM13.3658 5C13.4381 4.82865 13.5214 4.65116 13.6165 4.47527C14.1023 3.57581 14.726 3 15.5357 3C15.7856 3 16.029 3.1009 16.2112 3.28649C16.3941 3.4727 16.5 3.72903 16.5 4C16.5 4.27097 16.3941 4.5273 16.2112 4.71351C16.029 4.8991 15.7856 5 15.5357 5H13.3658Z" fill="%23F5F5F5"/><path d="M3.00001 13C3.00001 12.4477 3.44772 12 4.00001 12H10.2C10.48 12 10.62 12 10.727 12.0545C10.8211 12.1024 10.8976 12.1789 10.9455 12.273C11 12.38 11 12.52 11 12.8V22.2C11 22.48 11 22.62 10.9455 22.727C10.8976 22.8211 10.8211 22.8976 10.727 22.9455C10.62 23 10.48 23 10.2 23H7.16136C6.63432 23 6.17949 23 5.80498 22.9694C5.40963 22.9371 5.01641 22.8658 4.63803 22.673C4.07355 22.3854 3.61461 21.9265 3.32699 21.362C3.13419 20.9836 3.06288 20.5904 3.03058 20.195C2.99997 19.8205 2.99999 19.3657 3.00001 18.8385L3.00001 13Z" fill="%23F5F5F5"/><path d="M18.195 22.9694C17.8205 23 17.3657 23 16.8385 23H13.8C13.52 23 13.38 23 13.273 22.9455C13.1789 22.8976 13.1024 22.8211 13.0545 22.727C13 22.62 13 22.48 13 22.2V12.8C13 12.52 13 12.38 13.0545 12.273C13.1024 12.1789 13.1789 12.1024 13.273 12.0545C13.38 12 13.52 12 13.8 12H20C20.5523 12 21 12.4477 21 13V18.8386C21 19.3657 21 19.8205 20.9694 20.195C20.9371 20.5904 20.8658 20.9836 20.673 21.362C20.3854 21.9265 19.9265 22.3854 19.362 22.673C18.9836 22.8658 18.5904 22.9371 18.195 22.9694Z" fill="%23F5F5F5"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat
}

.charity_money_block .button {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

@media(max-width: 480px) {
    .charity_money_block {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px
    }

    .charity_money_block .button {
        width: 100%;
        justify-content: center
    }
}

.button_charity_disabled {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 10px 12px;
    background: #3f3f3f;
    font-weight: bold;
    align-items: center;
    border-radius: 8px
}

.mb-15-0-0 {
    margin-bottom: 15px
}

.conversationTemplatesBox {
    width: 230px;
    z-index: 15000;
    cursor: default
}

.conversationTemplatesBox .noConversationTemplates {
    margin: 10px 0 0
}

.conversationTemplatesBox .templateList {
    max-height: 250px;
    overflow-y: auto;
    margin: 0 -15px -10px
}

.conversationTemplatesBox .templateList::-webkit-scrollbar {
    width: 0
}

.conversationTemplatesBox .template {
    position: relative;
    padding: 7px 15px
}

.conversationTemplatesBox .template .templateIcon {
    opacity: 0.8;
    z-index: 2;
    font-size: 14px;
    color: rgb(148, 148, 148)
}

.conversationTemplatesBox .template .templateIcon.editIcon {
    margin: 0 4px 0 0
}

.conversationTemplatesBox .template .templateIcon.editIcon:hover {
    text-decoration: none
}

.conversationTemplatesBox .template .templateIcon.deleteIcon {}

.conversationTemplatesBox .template .title,
.conversationTemplatesBox .template .content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.conversationTemplatesBox .template .content {
    top: 8px;
    margin: 4px 0 0;
    opacity: 1 !important;
    color: rgb(148, 148, 148)
}

.conversationTemplatesBox .template:hover {
    background: rgb(45, 45, 45)
}

.conversationTemplatesBox .template .actions {
    width: 35px;
    right: 10px;
    position: absolute;
    z-index: 1;
    background: rgb(45, 45, 45);
    opacity: 0;
    height: 16px;
    padding-left: 5px
}

.conversationTemplatesBox .template:hover .actions {
    opacity: 1
}

.conversationTemplatesBox .template .templateIcon:hover {
    opacity: 1
}

.conversationTemplatesBox .template:hover {
    cursor: pointer
}

.conversationTemplatesBox .header {
    margin-bottom: 8px
}

.fr-fullscreen-wrapper {
    z-index: 7000
}

.modal.fr-fullscreen-wrapper {
    overflow: hidden !important
}

.wysiwygSpoiler[data-align="center"] .wysiwygSpoilerInput {
    width: 100% !important;
    margin-left: -15px;
    padding: 0 30px 0 15px;
    box-sizing: border-box;
    text-align: center
}

.fr-picker-cursor {
    position: absolute;
    width: 12px;
    height: 12px;
    border: 3px solid white;
    border-radius: 50%;
    box-sizing: border-box;
    display: none
}

.fr-picker-slider {
    width: 34px;
    height: 8px;
    box-sizing: border-box;
    border: 2px solid white;
    position: absolute;
    border-radius: 3px;
    cursor: pointer
}

.fr-colorPicker {
    display: inline-flex;
    margin-top: 16px
}

.wysiwygSpoilerInput {
    color: rgb(214, 214, 214);
    background: transparent;
    border: none;
    position: absolute;
    margin-top: -44px;
    width: 100% !important;
    margin-left: -15px;
    padding: 0 30px 0 15px;
    box-sizing: border-box;
    font-weight: 600;
    -webkit-text-fill-color: unset !important
}

s:has(span[style="font-size: 26px;"]) {
    font-size: 26px
}

s:has(span[style="font-size: 22px;"]) {
    font-size: 22px
}

s:has(span[style="font-size: 18px;"]) {
    font-size: 18px
}

s:has(span[style="font-size: 15px;"]) {
    font-size: 15px
}

s:has(span[style="font-size: 13px;"]) {
    font-size: 13px
}

s:has(span[style="font-size: 12px;"]) {
    font-size: 12px
}

s:has(span[style="font-size: 10px;"]) {
    font-size: 10px
}

s:has(span[style="font-size: 9px;"]) {
    font-size: 9px
}

img.fr-fir {
    display: block;
    margin-left: auto !important
}

.fr-resizer {
    border-bottom: 5px solid rgb(45, 45, 45);
    border-radius: 0 0 5px 5px;
    transition: all 0.2s;
    cursor: n-resize
}

.fr-popup .fr-action-buttons {
    display: flex;
    gap: 12px;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap
}

.fr-resizer:hover,
.fr-resizer.moving {
    border-bottom: 5px solid rgb(60, 60, 60)
}

.bbCodeSpoilerText.fr-xfSpoilerText {
    display: block
}

.wysiwygSpoilerInput {
    color: rgb(214, 214, 214);
    background: transparent;
    border: none;
    position: absolute;
    -webkit-text-fill-color: transparent;
    margin-top: -44px;
    width: 100%;
    font-weight: 600
}

.wysiwygSpoiler[data-align="right"] .wysiwygSpoilerInput {
    width: 100% !important;
    margin-left: -15px;
    padding: 0 30px 0 15px;
    box-sizing: border-box;
    text-align: right
}

.wysiwygSpoiler>ol {
    margin-bottom: 0
}

.wysiwygSpoiler>ul {
    margin-bottom: 0
}

.fr-view .wysiwygSpoiler.placeholder::before {
    color: rgb(148, 148, 148)
}

.fr-buttons:has(#inputStyle-1) {
    display: none
}

.wysiwygHide[data-align="center"] .wysiwygSpoilerInput {
    text-align: center;
    right: 0px;
    width: calc(100% - 15px) !important;
    margin-right: 15px
}

.LolzteamEditorSimple.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 1px solid rgb(54, 54, 54)
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element,
.fr-element:focus {
    outline: 0 solid transparent
}

.fr-view.fr-element-scroll-visible {
    overflow-x: visible !important
}

@media(max-width: 500px) {
    .fr-view.fr-element-scroll-visible p {
        margin-right: 14px;
        line-height: 24px
    }
}

.fr-box.fr-basic {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-basic .fr-element {
    font-family: sans-serif;
    color: #414141;
    font-size: 14px;
    line-height: 1.6;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: auto;
    min-height: 60px;
    text-align: left
}

.fr-box.fr-basic.fr-rtl .fr-element {
    text-align: right
}

.fr-element {
    background: transparent;
    position: relative;
    z-index: 2;
    -webkit-user-select: auto
}

.fr-element a {
    user-select: auto;
    -o-user-select: auto;
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto
}

.fr-element.fr-disabled {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element [contenteditable="true"] {
    outline: 0 solid transparent
}

.fr-box a.fr-floating-btn {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 40px;
    width: 40px;
    text-align: center;
    background: #FFF;
    color: #333;
    -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    outline: none;
    left: 0;
    top: 0;
    line-height: 40px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    text-align: center;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none
}

.fr-box a.fr-floating-btn svg {
    -webkit-transition: transform 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s;
    -ms-transition: transform 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s;
    fill: #333
}

.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
    font-size: 14px;
    line-height: 40px
}

.fr-box a.fr-floating-btn.fr-btn+.fr-btn {
    margin-left: 10px
}

.fr-box a.fr-floating-btn:hover {
    background: #ebebeb;
    cursor: pointer
}

.fr-box a.fr-floating-btn:hover svg {
    fill: #333
}

.fr-box .fr-visible a.fr-floating-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

iframe.fr-iframe {
    width: 100%;
    border: none;
    position: relative;
    display: block;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-wrapper {
    position: relative;
    z-index: 1
}

.fr-wrapper::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-wrapper .fr-placeholder {
    position: absolute;
    font-size: 14px;
    color: #AAA;
    font-family: sans-serif;
    z-index: 1;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.fr-wrapper.show-placeholder .fr-placeholder {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fr-wrapper ::-moz-selection {
    background: url(rgba.php?r=181&g=214&b=253&a=0);
    background: rgba(181, 214, 253, 0.8);
    _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00B5D6FD, endColorstr=#00B5D6FD);
    color: #000
}

.fr-wrapper ::selection {
    background: url(rgba.php?r=181&g=214&b=253&a=0);
    background: rgba(181, 214, 253, 0.8);
    _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00B5D6FD, endColorstr=#00B5D6FD);
    color: #000
}

.fr-box.fr-basic .fr-wrapper {
    background: #FFF;
    border: 1px solid #CCC;
    border-bottom-color: #efefef;
    top: 0;
    left: 0
}

.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 0
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

@media (min-width: 992px) {
    .fr-box.fr-document {
        min-width: 21cm
    }

    .fr-box.fr-document .fr-wrapper {
        text-align: left;
        padding: 30px;
        min-width: 21cm;
        background: #efefef
    }

    .fr-box.fr-document .fr-wrapper .fr-element {
        text-align: left;
        background: #FFF;
        width: 21cm;
        margin: auto;
        min-height: 26cm !important;
        padding: 1cm 2cm;
        overflow: visible;
        z-index: auto
    }

    .fr-box.fr-document .fr-wrapper .fr-element hr {
        margin-left: -2cm;
        margin-right: -2cm;
        background: #efefef;
        height: 1cm;
        outline: none;
        border: none
    }

    .fr-box.fr-document .fr-wrapper .fr-element img {
        z-index: 1
    }
}

.fr-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 8px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #222;
    color: #FFF;
    font-size: 11px;
    line-height: 22px;
    -webkit-transition: opacity 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -3000px;
    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;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fr-tooltip.fr-visible {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar .fr-btn-wrap,
.fr-popup .fr-btn-wrap,
.fr-modal .fr-btn-wrap {
    float: left;
    white-space: nowrap;
    position: relative
}

.fr-toolbar .fr-btn-wrap.fr-hidden,
.fr-popup .fr-btn-wrap.fr-hidden,
.fr-modal .fr-btn-wrap.fr-hidden {
    display: none
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
    background: transparent;
    color: #333;
    -moz-outline: 0;
    outline: none;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    margin: 4px 2px;
    padding: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    float: left;
    height: 40px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-btn-hover,
.fr-popup .fr-command.fr-btn.fr-btn-hover,
.fr-modal .fr-command.fr-btn.fr-btn-hover {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner,
.fr-modal .fr-command.fr-btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text,
.fr-modal .fr-command.fr-btn.fr-btn-text {
    width: auto
}

.fr-toolbar .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn svg,
.fr-modal .fr-command.fr-btn i,
.fr-modal .fr-command.fr-btn svg {
    display: block;
    text-align: center;
    float: none;
    margin: 8px 7px;
    width: 24px
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg,
.fr-popup .fr-command.fr-btn svg.fr-svg,
.fr-modal .fr-command.fr-btn svg.fr-svg {
    height: 24px
}

.fr-toolbar .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-modal .fr-command.fr-btn svg path {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    fill: #333
}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only,
.fr-modal .fr-command.fr-btn span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span,
.fr-modal .fr-command.fr-btn span {
    font-size: 14px;
    display: block;
    line-height: 17px;
    min-width: 30px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 17px;
    font-weight: bold;
    padding: 0 4px
}

.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img,
.fr-modal .fr-command.fr-btn img {
    margin: 8px 7px;
    width: 24px
}

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,
.fr-popup .fr-command.fr-btn.fr-btn-active-popup,
.fr-modal .fr-command.fr-btn.fr-btn-active-popup {
    background: #d6d6d6
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
    font-weight: normal
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown svg,
.fr-modal .fr-command.fr-btn.fr-dropdown i,
.fr-modal .fr-command.fr-btn.fr-dropdown span,
.fr-modal .fr-command.fr-btn.fr-dropdown img,
.fr-modal .fr-command.fr-btn.fr-dropdown svg {
    margin-left: 3px;
    margin-right: 11px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,
.fr-popup .fr-command.fr-btn.fr-dropdown:after,
.fr-modal .fr-command.fr-btn.fr-dropdown:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
    right: 2px;
    top: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    content: ""
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
    fill: #333;
    background: #d6d6d6;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
    background: #ebebeb;
    fill: #333
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
    border-top-color: #333
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
    border-top: 0;
    border-bottom: 4px solid #222
}

.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled,
.fr-modal .fr-command.fr-btn.fr-disabled {
    color: #bdbdbd;
    cursor: default;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after,
.fr-modal .fr-command.fr-btn.fr-disabled::after {
    border-top-color: #bdbdbd
}

.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden,
.fr-modal .fr-command.fr-btn.fr-hidden {
    display: none
}

.fr-toolbar .fr-tabs .fr-command.fr-btn,
.fr-popup .fr-tabs .fr-command.fr-btn,
.fr-modal .fr-tabs .fr-command.fr-btn {
    margin: 0;
    width: 46px;
    height: 40px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: #FFF
}

.fr-toolbar .fr-tabs .fr-command.fr-btn span,
.fr-popup .fr-tabs .fr-command.fr-btn span,
.fr-modal .fr-tabs .fr-command.fr-btn span {
    height: 27px
}

.fr-toolbar .fr-tabs .fr-command.fr-btn img,
.fr-toolbar .fr-tabs .fr-command.fr-btn svg,
.fr-popup .fr-tabs .fr-command.fr-btn img,
.fr-popup .fr-tabs .fr-command.fr-btn svg,
.fr-modal .fr-tabs .fr-command.fr-btn img,
.fr-modal .fr-tabs .fr-command.fr-btn svg {
    margin: 8px 11px;
    width: 24px;
    height: 24px
}

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
    fill: #0098f7
}

.fr-toolbar.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn.fr-active,
.fr-modal.fr-disabled .fr-btn,
.fr-modal.fr-disabled .fr-btn.fr-active {
    color: #bdbdbd;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-modal.fr-disabled .fr-btn.fr-dropdown::after,
.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
    border-top-color: #bdbdbd
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,
.fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
    float: right
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,
.fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
    float: left
}

.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-toolbar.fr-rtl .fr-btn-wrap,
.fr-popup.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-btn-wrap,
.fr-modal.fr-rtl .fr-command.fr-btn,
.fr-modal.fr-rtl .fr-btn-wrap {
    float: right
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden),
.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden) {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none
}

.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus,
.fr-desktop .fr-command.fr-btn-hover,
.fr-desktop .fr-command.fr-expanded {
    outline: 0;
    color: #333
}

.fr-desktop .fr-command:hover:not(.fr-table-cell),
.fr-desktop .fr-command:focus:not(.fr-table-cell),
.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
    background: #ebebeb
}

.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after,
.fr-desktop .fr-command.fr-btn-hover::after,
.fr-desktop .fr-command.fr-expanded::after {
    border-top-color: #333
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.fr-desktop .fr-command:active {
    color: #333;
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active.fr-btn-hover,
.fr-desktop .fr-command.fr-active.fr-expanded {
    background: #ebebeb
}

.fr-desktop .fr-command.fr-active:active {
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
    background: transparent
}

.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
    background: transparent
}

.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
    background: #d6d6d6
}

.fr-command.fr-btn.fr-options {
    width: 16px;
    margin-left: -5px
}

.fr-command.fr-btn.fr-options.fr-btn-hover,
.fr-command.fr-btn.fr-options:hover,
.fr-command.fr-btn.fr-options:focus {
    border-left: solid 1px #FAFAFA;
    -webkit-transition: border-left 0s, background-color 0.5s;
    -moz-transition: border-left 0s, background-color 0.5s;
    -ms-transition: border-left 0s, background-color 0.5s;
    -o-transition: border-left 0s, background-color 0.5s
}

.fr-command.fr-btn+.fr-dropdown-menu {
    background: #FFF;
    display: inline-block;
    position: absolute;
    right: auto;
    bottom: auto;
    height: auto;
    z-index: 4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    zoom: 1;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    height: auto;
    max-height: 275px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
    padding: 0;
    margin: auto;
    display: inline-block;
    text-align: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    margin-top: 0;
    float: left;
    height: 0;
    margin-top: 0 !important
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
    position: relative
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
    list-style-type: none;
    margin: 0;
    padding: 8px 0;
    min-width: 72px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
    padding: 0;
    margin: 0;
    font-size: 15px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
    padding: 0 20px;
    line-height: 200%;
    display: flex;
    cursor: pointer;
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
    width: 24px;
    height: 24px;
    margin: 3px 4px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
    fill: #333
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    background: #d6d6d6
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
    color: #bdbdbd;
    cursor: default
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
    margin-left: 20px;
    font-weight: bold;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75
}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu {
    display: inline-block;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu {
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
    text-align: right !important
}

body.fr-prevent-scroll {
    overflow: hidden
}

body.fr-prevent-scroll.fr-mobile {
    position: fixed;
    -webkit-overflow-scrolling: touch
}

.fr-modal {
    color: #222;
    position: fixed;
    overflow-x: auto;
    overflow-y: scroll;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 2147483640;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 1.2
}

.fr-modal.fr-middle .fr-modal-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute
}

.fr-modal .fr-modal-wrapper {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-clip: padding-box;
    margin: 20px auto;
    display: inline-block;
    background: #FFF;
    min-width: 300px;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    overflow: hidden;
    width: 90%;
    position: relative
}

@media (min-width: 768px) and (max-width: 991px) {
    .fr-modal .fr-modal-wrapper {
        margin: 30px auto;
        width: 70%
    }
}

@media (min-width: 992px) {
    .fr-modal .fr-modal-wrapper {
        margin: 50px auto;
        width: 960px
    }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
    background: #FFF;
    overflow: hidden;
    position: absolute;
    width: 100%;
    min-height: 42px;
    z-index: 3;
    border-bottom: solid #efefef 1px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
    height: 56px;
    padding: 0 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
    margin: 10px;
    position: absolute;
    top: 0;
    right: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
    font-size: 20px;
    padding: 19px 10px;
    margin: 0;
    font-weight: 400;
    line-height: 18px;
    display: inline-block;
    float: left
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
    height: 100%;
    min-height: 150px;
    overflow-y: auto;
    padding-bottom: 20px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
    outline: 0
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    outline: none;
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button {
    margin-left: 24px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
    background: #ebebeb;
    color: #0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
    background: #d6d6d6;
    color: #0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
    border: 0
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
    background: #ebebeb
}

.fr-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 2147483639
}

ol.decimal_type {
    counter-reset: item
}

ol.decimal_type>li {
    display: block
}

ol.decimal_type>li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}

.fr-popup {
    position: absolute;
    display: none;
    color: #222;
    background: #FFF;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    margin-top: 10px;
    z-index: 2147483635;
    text-align: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2
}

.fr-popup .fr-icon {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    font-weight: 400;
    box-sizing: content-box;
    padding: 6px
}

.fr-popup .fr-icon-container {
    padding: 20px;
    max-height: 200px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@supports not (-ms-high-contrast: none) {
    .fr-popup .fr-icon-container {
        grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
        display: grid
    }
}

@media (min-width: 768px) {
    .fr-popup .fr-icon-container {
        min-width: 276px
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .fr-popup .fr-icon-container {
        display: inline-flex;
        -ms-flex-flow: row wrap
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 768px),
(-ms-high-contrast: none) and (max-width: 768px) {
    .fr-popup .fr-icon-container {
        width: 236px
    }
}

.fr-popup .fr-input-focus {
    background: whitesmoke
}

.fr-popup.fr-above {
    margin-top: -10px;
    border-top: 0
}

.fr-popup.fr-active {
    display: block
}

.fr-popup.fr-hidden {
    display: none !important;
}

.fr-popup.fr-empty {
    display: none !important
}

.fr-popup .fr-hs {
    display: block !important
}

.fr-popup .fr-hs.fr-hidden {
    display: none !important
}

.fr-popup .fr-input-line {
    position: relative;
    padding: 15px 0
}

.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line input[type="number"],
.fr-popup .fr-input-line textarea {
    width: 100%;
    margin-bottom: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: solid 1px #999;
    color: #222;
    font-size: 14px;
    background: #FFF;
    position: relative;
    z-index: 2;
    padding: 4px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border 0.5s, padding 0.5s;
    -moz-transition: border 0.5s, padding 0.5s;
    -ms-transition: border 0.5s, padding 0.5s;
    -o-transition: border 0.5s, padding 0.5s
}

.fr-popup .fr-input-line input[type="text"]:hover,
.fr-popup .fr-input-line input[type="number"]:hover,
.fr-popup .fr-input-line textarea:hover {
    border: solid 1px #515151
}

.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line input[type="number"]:focus,
.fr-popup .fr-input-line textarea:focus {
    border: solid 2px #0098f7;
    padding: 3px 11px
}

.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line input[type="number"] {
    height: 46px
}

.fr-popup .fr-input-line input+label,
.fr-popup .fr-input-line textarea+label {
    position: absolute;
    top: 29px;
    left: 12px;
    font-size: 14px;
    color: grey;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 3;
    display: block;
    background: #FFF;
    padding: 0;
    cursor: text
}

.fr-popup .fr-input-line input.fr-not-empty+label,
.fr-popup .fr-input-line textarea.fr-not-empty+label {
    color: gray;
    width: auto;
    left: 4px;
    padding: 0 4px;
    font-size: 11px;
    top: 9px
}

.fr-popup input,
.fr-popup textarea {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: none
}

.fr-popup textarea {
    resize: none
}

.fr-popup .fr-buttons {
    white-space: nowrap;
    line-height: 0
}

.fr-popup .fr-buttons .fr-btn {
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons .fr-btn i {
    float: left
}

.fr-popup .fr-buttons .fr-separator {
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons.fr-tabs {
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    overflow: hidden
}

@media (max-width: 768px) {
    .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
        overflow: scroll;
        overflow-y: hidden;
        width: 276px
    }
}

.fr-popup .fr-buttons:not(.fr-tabs) {
    padding: 5px
}

.fr-popup .fr-layer {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 195px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px;
    display: none
}

@media (min-width: 768px) {
    .fr-popup .fr-layer {
        width: 260px
    }
}

.fr-popup .fr-layer.fr-active {
    display: inline-block
}

.fr-popup .fr-action-buttons {
    z-index: 7
}

.fr-popup .fr-action-buttons button.fr-command {
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    outline: none;
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-popup .fr-action-buttons button.fr-command+button {
    margin-left: 24px
}

.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
    background: #ebebeb;
    color: #0098f7
}

.fr-popup .fr-action-buttons button.fr-command:active {
    background: #d6d6d6;
    color: #0098f7
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
    border: 0
}

.fr-popup .fr-checkbox {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 10px;
    border-radius: 100%;
    line-height: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-popup .fr-checkbox svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-popup .fr-checkbox span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s
}

.fr-popup .fr-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px;
    top: 7px;
    left: 7px
}

.fr-popup .fr-checkbox input:not(:checked)+span {
    border: solid 2px #999
}

.fr-popup .fr-checkbox input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-popup .fr-checkbox input:not(:checked):focus+span,
.fr-popup .fr-checkbox input:not(:checked):hover+span {
    border-color: #515151
}

.fr-popup .fr-checkbox input:checked+span {
    background: #0098f7;
    border: solid 2px #0098f7
}

.fr-popup .fr-checkbox input:checked+span svg {
    display: block
}

.fr-popup .fr-checkbox input:checked:active+span {
    background-color: #EcF5Ff
}

.fr-popup .fr-checkbox input:checked:focus+span,
.fr-popup .fr-checkbox input:checked:hover+span {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-popup .fr-checkbox-line {
    font-size: 14px;
    line-height: 1.4px;
    margin-top: 10px
}

.fr-popup .fr-checkbox-line label {
    cursor: pointer;
    margin: 0 5px;
    vertical-align: middle
}

.fr-popup.fr-rtl {
    direction: rtl;
    text-align: right
}

.fr-popup.fr-rtl .fr-action-buttons {
    text-align: left
}

.fr-popup.fr-rtl .fr-input-line input+label,
.fr-popup.fr-rtl .fr-input-line textarea+label {
    left: auto;
    right: 0
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
    float: right
}

.fr-text-edit-layer {
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block !important
}

.fr-toolbar {
    color: #222;
    background: #FFF;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: left;
    border: 1px solid #CCC;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
    padding-bottom: 0;
    -webkit-transition: padding-bottom 0.5s;
    -moz-transition: padding-bottom 0.5s;
    -ms-transition: padding-bottom 0.5s;
    -o-transition: padding-bottom 0.5s
}

.fr-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-toolbar::after {
    height: 0
}

.fr-toolbar .fr-newline {
    clear: both;
    display: block;
    content: "";
    margin-left: 9px;
    margin-right: 9px;
    background: #efefef;
    height: 1px;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s
}

.fr-toolbar.fr-toolbar-open .fr-newline {
    height: 0
}

.fr-toolbar .fr-float-right {
    float: right
}

.fr-toolbar .fr-float-left {
    float: left
}

.fr-toolbar .fr-more-toolbar {
    float: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    height: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
    height: 48px
}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
    overflow: visible
}

.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn {
    margin-left: 4px;
    margin-right: 4px
}

.fr-toolbar .fr-btn-grp {
    display: inline-block;
    margin: 0 17px 0 12px
}

@media (max-width: 768px) {
    .fr-toolbar .fr-btn-grp {
        margin: 0 7px 0 6px
    }
}

.fr-toolbar .fr-command.fr-btn.fr-open {
    margin-top: 10px;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: #f5f5f5
}

.fr-toolbar.fr-rtl {
    text-align: right
}

.fr-toolbar.fr-inline {
    display: none;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    white-space: nowrap;
    position: absolute;
    margin-top: 5px;
    z-index: 2147483630
}

.fr-toolbar.fr-inline.fr-above {
    margin-top: -10px;
    border-top: 0
}

.fr-toolbar.fr-inline .fr-newline {
    height: 0
}

.fr-toolbar.fr-inline .fr-more-toolbar {
    position: absolute !important
}

.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
    position: relative !important
}

.fr-toolbar.fr-top {
    top: 0;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom {
    bottom: 0;
    border-top: 0;
    padding-bottom: 0;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom .fr-newline {
    padding-top: 0;
    -webkit-transition: padding-top 0.5s;
    -moz-transition: padding-top 0.5s;
    -ms-transition: padding-top 0.5s;
    -o-transition: padding-top 0.5s
}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
    padding-top: 48px;
    background: #FFF
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
    margin-top: -1px;
    margin-bottom: 10px;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-sticky-on {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-separator {
    background: #ebebeb;
    display: block;
    vertical-align: top;
    float: left
}

.fr-separator+.fr-separator {
    display: none
}

.fr-separator.fr-vs {
    height: 32px;
    width: 1px;
    margin: 8px 4px
}

.fr-separator.fr-hs {
    clear: both;
    width: calc(100% - (2 * 4px));
    margin: 0 4px;
    height: 1px
}

.fr-separator.fr-hidden {
    display: none !important
}

.fr-rtl .fr-separator {
    float: right
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
    float: none
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
    float: none;
    display: inline-block
}

.fr-second-toolbar {
    border: 1px solid #CCC;
    border-top: 0;
    background: #FFF;
    line-height: 1.4;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-second-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-second-toolbar:empty {
    min-height: calc(10px);
    position: relative;
    margin-top: calc(-1px);
    z-index: 2
}

#fr-logo {
    float: left;
    outline: none
}

#fr-logo>span {
    display: inline-block;
    float: left;
    font-family: sans-serif;
    padding: 11px 5px 10px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #b1b2b7;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s
}

#fr-logo>svg {
    height: 20px;
    width: 47px;
    margin: 7px 0;
    cursor: pointer
}

#fr-logo>svg * {
    -webkit-transition: fill 0.3s;
    -moz-transition: fill 0.3s;
    -ms-transition: fill 0.3s;
    -o-transition: fill 0.3s
}

#fr-logo:hover>span,
#fr-logo:focus>span {
    color: #0098f7
}

#fr-logo:hover>svg .fr-logo,
#fr-logo:focus>svg .fr-logo {
    fill: #0098f7
}

.fr-visibility-helper {
    display: none;
    margin-left: 0 !important
}

@media (min-width: 768px) {
    .fr-visibility-helper {
        margin-left: 1px !important
    }
}

@media (min-width: 992px) {
    .fr-visibility-helper {
        margin-left: 2px !important
    }
}

@media (min-width: 1200px) {
    .fr-visibility-helper {
        margin-left: 3px !important
    }
}

.fr-opacity-0 {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-box {
    position: relative
}

.fr-sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

.fr-sticky-off {
    position: relative
}

.fr-sticky-on {
    position: fixed;
    z-index: 10
}

.fr-sticky-on.fr-sticky-ios {
    position: absolute;
    left: 0;
    right: 0;
    width: auto !important
}

.fr-sticky-dummy {
    display: none
}

.fr-sticky-on+.fr-sticky-dummy,
.fr-sticky-box>.fr-sticky-dummy {
    display: block
}

span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-view .fr-highlight-change,
.fr-highlight-change>img,
.fr-highlight-change>.fr-video>video,
.fr-highlight-change>.fr-video>embed,
.fr-highlight-change>.fr-video>iframe,
.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,
.fr-highlight-change>p,
.fr-view .fr-highlight-change>span:not(.fr-tracking-deleted) {
    background-color: #f3eec3;
    opacity: 0.5
}

.fr-highlight-change.fr-highlight-change>table td,
.fr-highlight-change.fr-highlight-change>hr {
    border-color: #f3eec3
}

.fr-tracking-deleted.fr-tracking-deleted>table td,
.fr-tracking-deleted.fr-tracking-deleted>hr {
    border-color: #dc3545
}

.fr-tracking-deleted img,
.fr-tracking-deleted>.fr-video>video,
.fr-tracking-deleted>.fr-video>iframe,
.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe {
    opacity: 0.5;
    background-color: #dc3545
}

.fr-view .fr-tracking-deleted {
    background-color: #dc3545;
    text-decoration: line-through;
    pointer-events: none;
    user-select: none;
    opacity: 1
}

.fr-highlight-change>.fr-video>iframe,
.fr-tracking-deleted>.fr-video>iframe,
.fr-highlight-change>.fr-video>video,
.fr-tracking-deleted>.fr-video>video,
.fr-highlight-change>.fr-video>embed,
.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,
.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe {
    padding: 10px !important
}

.fr-tracking-deleted img,
.fr-highlight-change img {
    border: 2px solid #f3eec3
}

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
    opacity: 0.5;
    background-color: #f3eec3
}

.fr-highlight-change #isPasted>table td {
    opacity: 0.5;
    border-color: #f3eec3
}

.fr-track-hide {
    display: none
}

.fr-track-hide-mobile {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute
}

.fr-ios-mobile-disable-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.fr-bottom-extended {
    flex-wrap: wrap;
    display: flex;
    box-sizing: border-box
}

.position-relative {
    position: relative !important
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-box .fr-counter {
    padding: 10px;
    float: right;
    color: #999;
    content: attr(data-chars);
    font-size: 14px;
    font-family: sans-serif;
    z-index: 1;
    border-radius: 2px 0 0 0;
    -moz-border-radius: 2px 0 0 0;
    -webkit-border-radius: 2px 0 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-rtl .fr-counter {
    left: 0;
    right: auto;
    border-left: none;
    border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    -webkit-border-radius: 0 2px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-code-view .fr-counter {
    display: none
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

textarea.fr-code {
    display: none;
    width: 100%;
    resize: none;
    -moz-resize: none;
    -webkit-resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding: 10px;
    margin: 0;
    font-family: "Courier New", monospace;
    font-size: 14px;
    background: #FFF;
    color: #000;
    outline: none
}

.fr-box.fr-rtl textarea.fr-code {
    direction: rtl
}

.fr-box .CodeMirror {
    display: none
}

.fr-box.fr-code-view textarea.fr-code {
    display: block
}

.fr-box.fr-code-view .fr-element,
.fr-box.fr-code-view .fr-placeholder,
.fr-box.fr-code-view .fr-iframe {
    display: none
}

.fr-box.fr-code-view .CodeMirror {
    display: block
}

.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
    display: block
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background: #FFF;
    color: #333;
    -moz-outline: 0;
    outline: 0;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    padding: 8px 7px;
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
    font-size: 24px;
    width: 24px;
    text-align: center
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
    background: #ebebeb
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-popup .fr-layer.fr-color-hex-layer {
    margin: 0;
    padding: 20px;
    padding-top: 0;
    float: left;
    gap: 10px;
    display: flex
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
    float: left;
    width: calc(100% - 50px);
    padding: 15px 0 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
    float: right;
    width: 38px;
    height: 40px;
    padding: 17px 0 0;
    margin: 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 13px;
    height: 40px;
    width: 38px
}

.fr-popup .fr-separator+.fr-colors-tabs {
    margin-left: 2px;
    margin-right: 2px
}

.fr-popup .fr-color-set {
    line-height: 0;
    display: none
}

.fr-popup .fr-color-set.fr-selected-set {
    display: block;
    padding: 20px;
    padding-bottom: 0
}

.fr-popup .fr-color-set>span {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1
}

.fr-popup .fr-color-set>span>i,
.fr-popup .fr-color-set>span>svg {
    text-align: center;
    line-height: 32px;
    height: 24px;
    width: 24px;
    margin: 4px;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    cursor: default;
    left: 0
}

.fr-popup .fr-color-set>span>i path,
.fr-popup .fr-color-set>span>svg path {
    fill: #222
}

.fr-popup .fr-color-set>span .fr-selected-color {
    border: 1px solid #000;
    color: transparent;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top: 0;
    height: 30px;
    bottom: 0;
    right: 0;
    width: 30px;
    left: 0;
    text-align: center;
    cursor: default
}

.fr-popup .fr-color-set>span:hover,
.fr-popup .fr-color-set>span:focus {
    outline: 1px solid #222;
    z-index: 2
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"]~[data-param1="background"]::after {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0)
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-drag-helper {
    background: #0098f7;
    height: 2px;
    margin-top: -1px;
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    z-index: 2147483640;
    display: none
}

.fr-drag-helper.fr-visible {
    display: block
}

.fr-dragging {
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-popup .fr-emoticon {
    width: 24px;
    height: 24px;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols
}

.fr-popup .fr-emoticon img {
    height: 24px;
    width: 24px
}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
    padding: 0 0 0 14px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px),
(-ms-high-contrast: none) and (min-width: 768px) {
    .fr-popup .fr-icon-container.fr-emoticon-container {
        width: 368px
    }
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-popup .fr-file-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.fr-popup .fr-file-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-file-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-file-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-file-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-file-progress-bar-layer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-popup .fr-file-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal
}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

@keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-webkit-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-moz-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-o-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element img {
    cursor: pointer;
    padding: 0 1px
}

.fr-height-auto {
    height: auto !important
}

.fr-file-loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #53777a;
    display: inline-block !important;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    width: 20px;
    height: 20px;
    display: block !important;
    align-items: center
}

.fr-trim-button {
    margin-top: 5px;
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    border-radius: 5px;
    background-color: #eff5fa;
    outline: none
}

.fr-trim-button:hover {
    background: #ebebeb
}

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

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fr-image-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-image-resizer.fr-active {
    display: block
}

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-image-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-image-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-by-url-padding {
    padding: 11.5px 0
}

.fr-popup .fr-upload-progress-layer {
    border-radius: 0;
    box-sizing: border-box;
    padding-left: 20px;
    padding-top: 15px;
    margin: auto !important;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100% !important;
    overscroll-behavior: contain
}

.fr-popup .fr-files-by-url-layer {
    width: calc(100% - 40px) !important
}

.fr-popup .fr-files-embed-layer {
    width: calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer {
    border: dashed 2px #bdbdbd;
    margin: 20px;
    position: relative;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center;
    width: calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-files-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-files-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-files-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-files-progress-bar-layer {
    width: calc(100% - 40px);
    width: -moz-available;
    width: -webkit-stretch;
    width: stretch
}

.fr-popup .fr-files-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal
}

.fr-popup .fr-files-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-progress-bar-style {
    width: calc(100% - 40px)
}

.fr-progress-bar {
    position: relative;
    background-color: #4CAF50;
    height: 8px;
    margin-bottom: 8px;
    margin-left: 20px;
    margin-right: 20px;
    width: 100%;
    width: -moz-available;
    width: -webkit-stretch;
    width: stretch
}

.fr-uploading {
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@-webkit-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-moz-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-o-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

.fr-pull-left {
    float: left
}

.fr-pull-right {
    float: right
}

.fr-icons {
    padding: 10px 20px 0;
    display: inline
}

.fr-transform-135 {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.fr-icons i {
    margin: 4px;
    padding: 2px;
    cursor: pointer;
    color: #999588;
    font-size: 20px
}

.fr-blue-decorator {
    background: #4a7fba;
    color: white;
    display: grid;
    padding: 5px
}

.fr-upload-progress {
    padding: 1px
}

.fr-upload-section {
    position: relative;
    width: 100%;
    width: -moz-available;
    width: -webkit-stretch;
    width: stretch
}

@media screen and (max-width: 399px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }

    .fr-files-upload-layer {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (min-width: 400px) and (max-width: 469px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }

    .fr-files-upload-layer {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (min-width: 470px) and (max-width: 680px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }

    .fr-files-upload-layer {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (min-width: 681px) {
    .fr-upload-section {
        margin-left: 35px;
        margin-right: 35px
    }

    .fr-files-upload-layer {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.half-circle {
    width: 60px;
    height: 25px;
    background-color: white;
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border-bottom: 0;
    position: relative;
    left: 50%;
    z-index: 1;
    left: 50%;
    margin-top: -1px;
    margin-left: -25px
}

.decorated {
    overflow: hidden;
    text-align: center
}

.decorated>span {
    position: relative;
    display: inline-block
}

.decorated>span:before,
.decorated>span:after {
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #fff;
    width: 100%;
    margin: 0 20px
}

.decorated>span:before {
    right: 100%
}

.decorated>span:after {
    left: 100%
}

.fr-align-right {
    float: right
}

.checkbox-container {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fr-files-checkbox-line {
    display: flex;
    align-items: center;
    font-size: 10px
}

.fr-files-checkbox-line label {
    cursor: pointer;
    vertical-align: middle
}

.fr-insert-checkbox input {
    height: 13px !important;
    width: 13px !important
}

.fr-autoplay-checkbox input {
    height: 13px !important;
    width: 13px !important
}

button[data-cmd="insertFiles"] {
    padding-left: 2px !important;
    padding-top: 2.7px !important
}

button[data-cmd="autoplay"] svg {
    position: relative !important;
    top: 3.2px !important
}

button[data-cmd="insertAll"] {
    padding-left: 4px !important
}

button[data-cmd="insertAll"] svg {
    position: relative !important;
    top: 3.2px !important
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee
}

.fr-file-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 7px;
    flex-wrap: wrap;
    position: relative;
    top: -20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px
}

.fr-file-item-left {
    display: flex;
    flex-wrap: wrap
}

.fr-file-item-icon {
    display: flex;
    align-items: center;
    padding-left: 7px
}

.fr-file-item-description {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    max-width: 400px;
    margin-left: 5px
}

.fr-cloud-icon {
    height: 30px;
    width: 32px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    margin-top: -18px
}

.fr-files-checkbox {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    padding-right: 5px;
    border-radius: 100%;
    line-height: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-files-checkbox svg {
    margin-left: 0px;
    margin-top: 0px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-files-checkbox span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s
}

.fr-files-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px
}

.fr-files-checkbox input:not(:checked)+span {
    border: solid 2px #999
}

.fr-files-checkbox input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-files-checkbox input:not(:checked):focus+span,
.fr-files-checkbox input:not(:checked):hover+span {
    border-color: #515151
}

.fr-files-checkbox input:checked+span {
    background: #0098f7;
    border: solid 2px #0098f7
}

.fr-files-checkbox input:checked+span svg {
    display: block
}

.fr-files-checkbox input:checked:active+span {
    background-color: #EcF5Ff
}

.fr-files-checkbox input:checked:focus+span,
.fr-files-checkbox input:checked:hover+span {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-checkbox-disabled {
    opacity: 0.4;
    position: relative;
    display: inline-block;
    width: 13px !important;
    height: 13px !important;
    padding-right: 5px;
    border-radius: 100%;
    line-height: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-checkbox-disabled svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-checkbox-disabled span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s
}

.fr-checkbox-disabled input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: default;
    height: 13px !important;
    margin: 0;
    padding: 0;
    width: 13px !important;
    top: 7px;
    left: 7px
}

.fr-checkbox-disabled input:not(:checked)+span {
    border: solid 2px #999
}

.fr-checkbox-disabled input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-checkbox-disabled input:checked+span {
    background: #0098f7;
    border: solid 2px #0098f7
}

.fr-checkbox-disabled input:checked+span svg {
    display: block
}

.fr-checkbox-disabled input:checked:active+span {
    background-color: #EcF5Ff
}

.fr-file-view {
    position: absolute;
    max-width: 60%;
    right: 10%;
    z-index: 2147483642
}

.file-item-thumbnail-hover {
    transition: transform .2s
}

.file-item-thumbnail-hover:hover {
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.fr-file-name {
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold
}

.fr-margin-16 {
    margin-bottom: 16px
}

.fr-none {
    display: none
}

.fr-display-block {
    display: block
}

.fr-files-manager-tooltip {
    position: relative
}

.padding-top-15 {
    padding-top: 15px !important;
    padding-bottom: 0px !important
}

.fr-files-manager-tooltip .tooltiptext {
    visibility: hidden;
    width: max-content;
    max-width: 250px;
    word-break: break-word;
    word-wrap: break-word;
    background-color: black;
    color: #fff;
    text-align: left;
    padding: 4px;
    border-radius: 2px;
    font-weight: 100;
    font-size: 10px;
    position: absolute;
    top: 80%;
    left: 50%;
    z-index: 2147483647
}

.fr-files-manager-tooltip:hover .tooltiptext {
    visibility: visible
}

.fr-file-details {
    display: flex;
    flex-wrap: wrap;
    font-size: 10px
}

.fr-file-date {
    word-break: break-word;
    word-wrap: break-word;
    max-width: 110px;
    color: #444;
    padding-top: 2px;
    padding-bottom: 2px
}

.fr-file-size {
    color: #444;
    padding-top: 2px;
    padding-bottom: 2px
}

.dot {
    width: 20px;
    height: 20px;
    background-image: radial-gradient(circle, grey 1px, transparent 2px);
    background-size: 100% 33.33%;
    margin-left: 2px;
    margin-right: 2px
}

.fr-file-action-icons {
    margin-right: 5px;
    margin-left: 5px !important;
    color: #999;
    height: 25px !important;
    padding: 5px !important
}

@media screen and (max-width: 700px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 250px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        top: 90%;
        left: 0%;
        font-size: 8px
    }
}

@media screen and (max-width: 500px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 100px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        top: 90%;
        left: 0%
    }

    .fr-file-item-description {
        width: 130px
    }

    .fr-file-item-right {
        width: 100%
    }

    .progress-circle {
        font-size: 6px
    }
}

@media screen and (max-width: 320px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 100px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        top: 90%;
        left: -50%;
        font-size: 8px
    }

    .dot {
        width: 20px;
        margin-left: 0px;
        margin-right: 3px
    }

    .fr-file-item-description {
        width: 80px
    }

    .fr-file-details {
        display: flex;
        flex-wrap: wrap;
        font-size: 9px
    }

    .fr-file-name {
        font-size: 10px
    }

    .fr-file-action-icons {
        padding: 0px !important
    }
}

@media screen and (min-width: 501px) {
    .progress-circle {
        font-size: 9px
    }
}

.fr-file-view-modal {
    display: block;
    position: fixed;
    position: -ms-page;
    z-index: 2147483641;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.7)
}

.fr-file-view-modal-content {
    display: inline-block;
    text-align: center
}

.fr-file-view-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 80%;
    max-height: 70%
}

.fr-file-view-close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s
}

.fr-file-view-close:hover,
.fr-file-view-close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer
}

.fr-file-error {
    color: red;
    font-weight: 200;
    font-size: 12px;
    padding-bottom: 5px
}

.fr-file-error-h5 {
    margin: 0
}

.fr-file-item-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 20px
}

.fr-file-item-action-buttons {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.fr-file-item-autoplay-checkbox {
    align-items: center;
    margin: 0px;
    padding: 0px;
    margin-right: 5px
}

.fr-autoplay-checkbox-label {
    margin: 0;
    cursor: default !important
}

.checkbox-container:hover input~.checkmark {
    background-color: #ccc
}

.checkbox-container input:checked~.checkmark {
    background-color: #2196F3
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.checkbox-container input:checked~.checkmark:after {
    display: block
}

.checkbox-container .checkmark:after {
    left: 5px;
    top: 2px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.file-item-details .file-name {
    font-weight: bold;
    display: inline
}

.file-item-details .file-description {
    font-weight: 300;
    font-size: 11px;
    display: inline
}

.fr-width-10 {
    width: 10%;
    display: inline-block
}

.fr-width-20 {
    width: 20%;
    display: inline-block
}

.fr-width-30 {
    width: 30%;
    display: inline-block
}

.fr-width-40 {
    width: 40%;
    display: inline-block
}

.fr-width-50 {
    width: 50%;
    display: inline-block
}

.fr-width-60 {
    width: 60%;
    display: inline-block
}

.fr-width-100 {
    width: 100%;
    display: inline-block
}

.fr-width-80 {
    width: 80%;
    display: inline-block
}

.fr-width-90 {
    width: 90%;
    display: inline-block
}

.fr-width-85 {
    width: 85%;
    display: inline-block
}

.fr-width-5 {
    width: 5%;
    display: inline-block
}

.fr-width-7 {
    width: 7%;
    display: inline-block
}

.fr-img-icon {
    color: #aaa;
    font-size: 16px;
    padding: 0px 4px
}

.fr-position-content {
    position: relative;
    top: 10px
}

.file-error {
    color: red
}

#myprogressBar {
    width: 10%;
    height: 5px;
    background-color: #4CAF50;
    position: relative;
    top: -30px
}

.fr-files-manager {
    z-index: 2147483641 !important
}

.progress-circle {
    margin: 0px;
    margin-left: 10px;
    position: relative;
    padding: 0;
    width: 5em;
    height: 5.1em;
    background-color: #f2e9e1;
    border-radius: 50%;
    line-height: 5em
}

.progress-circle:after {
    border: none;
    position: absolute;
    top: 0.35em;
    left: 0.35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 4.3em;
    height: 4.3em;
    background-color: white;
    content: " "
}

.progress-circle span {
    position: absolute;
    line-height: 5em;
    width: 5em;
    text-align: center;
    display: block;
    color: #53777a;
    z-index: 2
}

.progress-circle.over50 .left-half-clipper {
    clip: rect(auto, auto, auto, auto)
}

.progress-circle.over50 .first50-bar {
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #53777a;
    border-radius: 50%;
    width: 5em;
    height: 5em
}

.progress-circle:not(.over50) .first50-bar {
    display: none
}

.progress-circle.p0 .value-bar {
    display: none
}

.progress-circle.p1 .value-bar {
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg)
}

.progress-circle.p2 .value-bar {
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg)
}

.progress-circle.p3 .value-bar {
    -webkit-transform: rotate(11deg);
    -ms-transform: rotate(11deg);
    transform: rotate(11deg)
}

.progress-circle.p4 .value-bar {
    -webkit-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    transform: rotate(14deg)
}

.progress-circle.p5 .value-bar {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg)
}

.progress-circle.p6 .value-bar {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg)
}

.progress-circle.p7 .value-bar {
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg)
}

.progress-circle.p8 .value-bar {
    -webkit-transform: rotate(29deg);
    -ms-transform: rotate(29deg);
    transform: rotate(29deg)
}

.progress-circle.p9 .value-bar {
    -webkit-transform: rotate(32deg);
    -ms-transform: rotate(32deg);
    transform: rotate(32deg)
}

.progress-circle.p10 .value-bar {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg)
}

.progress-circle.p11 .value-bar {
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.progress-circle.p12 .value-bar {
    -webkit-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    transform: rotate(43deg)
}

.progress-circle.p13 .value-bar {
    -webkit-transform: rotate(47deg);
    -ms-transform: rotate(47deg);
    transform: rotate(47deg)
}

.progress-circle.p14 .value-bar {
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg)
}

.progress-circle.p15 .value-bar {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg)
}

.progress-circle.p16 .value-bar {
    -webkit-transform: rotate(58deg);
    -ms-transform: rotate(58deg);
    transform: rotate(58deg)
}

.progress-circle.p17 .value-bar {
    -webkit-transform: rotate(61deg);
    -ms-transform: rotate(61deg);
    transform: rotate(61deg)
}

.progress-circle.p18 .value-bar {
    -webkit-transform: rotate(65deg);
    -ms-transform: rotate(65deg);
    transform: rotate(65deg)
}

.progress-circle.p19 .value-bar {
    -webkit-transform: rotate(68deg);
    -ms-transform: rotate(68deg);
    transform: rotate(68deg)
}

.progress-circle.p20 .value-bar {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg)
}

.progress-circle.p21 .value-bar {
    -webkit-transform: rotate(76deg);
    -ms-transform: rotate(76deg);
    transform: rotate(76deg)
}

.progress-circle.p22 .value-bar {
    -webkit-transform: rotate(79deg);
    -ms-transform: rotate(79deg);
    transform: rotate(79deg)
}

.progress-circle.p23 .value-bar {
    -webkit-transform: rotate(83deg);
    -ms-transform: rotate(83deg);
    transform: rotate(83deg)
}

.progress-circle.p24 .value-bar {
    -webkit-transform: rotate(86deg);
    -ms-transform: rotate(86deg);
    transform: rotate(86deg)
}

.progress-circle.p25 .value-bar {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.progress-circle.p26 .value-bar {
    -webkit-transform: rotate(94deg);
    -ms-transform: rotate(94deg);
    transform: rotate(94deg)
}

.progress-circle.p27 .value-bar {
    -webkit-transform: rotate(97deg);
    -ms-transform: rotate(97deg);
    transform: rotate(97deg)
}

.progress-circle.p28 .value-bar {
    -webkit-transform: rotate(101deg);
    -ms-transform: rotate(101deg);
    transform: rotate(101deg)
}

.progress-circle.p29 .value-bar {
    -webkit-transform: rotate(104deg);
    -ms-transform: rotate(104deg);
    transform: rotate(104deg)
}

.progress-circle.p30 .value-bar {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg)
}

.progress-circle.p31 .value-bar {
    -webkit-transform: rotate(112deg);
    -ms-transform: rotate(112deg);
    transform: rotate(112deg)
}

.progress-circle.p32 .value-bar {
    -webkit-transform: rotate(115deg);
    -ms-transform: rotate(115deg);
    transform: rotate(115deg)
}

.progress-circle.p33 .value-bar {
    -webkit-transform: rotate(119deg);
    -ms-transform: rotate(119deg);
    transform: rotate(119deg)
}

.progress-circle.p34 .value-bar {
    -webkit-transform: rotate(122deg);
    -ms-transform: rotate(122deg);
    transform: rotate(122deg)
}

.progress-circle.p35 .value-bar {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg)
}

.progress-circle.p36 .value-bar {
    -webkit-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    transform: rotate(130deg)
}

.progress-circle.p37 .value-bar {
    -webkit-transform: rotate(133deg);
    -ms-transform: rotate(133deg);
    transform: rotate(133deg)
}

.progress-circle.p38 .value-bar {
    -webkit-transform: rotate(137deg);
    -ms-transform: rotate(137deg);
    transform: rotate(137deg)
}

.progress-circle.p39 .value-bar {
    -webkit-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    transform: rotate(140deg)
}

.progress-circle.p40 .value-bar {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg)
}

.progress-circle.p41 .value-bar {
    -webkit-transform: rotate(148deg);
    -ms-transform: rotate(148deg);
    transform: rotate(148deg)
}

.progress-circle.p42 .value-bar {
    -webkit-transform: rotate(151deg);
    -ms-transform: rotate(151deg);
    transform: rotate(151deg)
}

.progress-circle.p43 .value-bar {
    -webkit-transform: rotate(155deg);
    -ms-transform: rotate(155deg);
    transform: rotate(155deg)
}

.progress-circle.p44 .value-bar {
    -webkit-transform: rotate(158deg);
    -ms-transform: rotate(158deg);
    transform: rotate(158deg)
}

.progress-circle.p45 .value-bar {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg)
}

.progress-circle.p46 .value-bar {
    -webkit-transform: rotate(166deg);
    -ms-transform: rotate(166deg);
    transform: rotate(166deg)
}

.progress-circle.p47 .value-bar {
    -webkit-transform: rotate(169deg);
    -ms-transform: rotate(169deg);
    transform: rotate(169deg)
}

.progress-circle.p48 .value-bar {
    -webkit-transform: rotate(173deg);
    -ms-transform: rotate(173deg);
    transform: rotate(173deg)
}

.progress-circle.p49 .value-bar {
    -webkit-transform: rotate(176deg);
    -ms-transform: rotate(176deg);
    transform: rotate(176deg)
}

.progress-circle.p50 .value-bar {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.progress-circle.p51 .value-bar {
    -webkit-transform: rotate(184deg);
    -ms-transform: rotate(184deg);
    transform: rotate(184deg)
}

.progress-circle.p52 .value-bar {
    -webkit-transform: rotate(187deg);
    -ms-transform: rotate(187deg);
    transform: rotate(187deg)
}

.progress-circle.p53 .value-bar {
    -webkit-transform: rotate(191deg);
    -ms-transform: rotate(191deg);
    transform: rotate(191deg)
}

.progress-circle.p54 .value-bar {
    -webkit-transform: rotate(194deg);
    -ms-transform: rotate(194deg);
    transform: rotate(194deg)
}

.progress-circle.p55 .value-bar {
    -webkit-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    transform: rotate(198deg)
}

.progress-circle.p56 .value-bar {
    -webkit-transform: rotate(202deg);
    -ms-transform: rotate(202deg);
    transform: rotate(202deg)
}

.progress-circle.p57 .value-bar {
    -webkit-transform: rotate(205deg);
    -ms-transform: rotate(205deg);
    transform: rotate(205deg)
}

.progress-circle.p58 .value-bar {
    -webkit-transform: rotate(209deg);
    -ms-transform: rotate(209deg);
    transform: rotate(209deg)
}

.progress-circle.p59 .value-bar {
    -webkit-transform: rotate(212deg);
    -ms-transform: rotate(212deg);
    transform: rotate(212deg)
}

.progress-circle.p60 .value-bar {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    transform: rotate(216deg)
}

.progress-circle.p61 .value-bar {
    -webkit-transform: rotate(220deg);
    -ms-transform: rotate(220deg);
    transform: rotate(220deg)
}

.progress-circle.p62 .value-bar {
    -webkit-transform: rotate(223deg);
    -ms-transform: rotate(223deg);
    transform: rotate(223deg)
}

.progress-circle.p63 .value-bar {
    -webkit-transform: rotate(227deg);
    -ms-transform: rotate(227deg);
    transform: rotate(227deg)
}

.progress-circle.p64 .value-bar {
    -webkit-transform: rotate(230deg);
    -ms-transform: rotate(230deg);
    transform: rotate(230deg)
}

.progress-circle.p65 .value-bar {
    -webkit-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    transform: rotate(234deg)
}

.progress-circle.p66 .value-bar {
    -webkit-transform: rotate(238deg);
    -ms-transform: rotate(238deg);
    transform: rotate(238deg)
}

.progress-circle.p67 .value-bar {
    -webkit-transform: rotate(241deg);
    -ms-transform: rotate(241deg);
    transform: rotate(241deg)
}

.progress-circle.p68 .value-bar {
    -webkit-transform: rotate(245deg);
    -ms-transform: rotate(245deg);
    transform: rotate(245deg)
}

.progress-circle.p69 .value-bar {
    -webkit-transform: rotate(248deg);
    -ms-transform: rotate(248deg);
    transform: rotate(248deg)
}

.progress-circle.p70 .value-bar {
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    transform: rotate(252deg)
}

.progress-circle.p71 .value-bar {
    -webkit-transform: rotate(256deg);
    -ms-transform: rotate(256deg);
    transform: rotate(256deg)
}

.progress-circle.p72 .value-bar {
    -webkit-transform: rotate(259deg);
    -ms-transform: rotate(259deg);
    transform: rotate(259deg)
}

.progress-circle.p73 .value-bar {
    -webkit-transform: rotate(263deg);
    -ms-transform: rotate(263deg);
    transform: rotate(263deg)
}

.progress-circle.p74 .value-bar {
    -webkit-transform: rotate(266deg);
    -ms-transform: rotate(266deg);
    transform: rotate(266deg)
}

.progress-circle.p75 .value-bar {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.progress-circle.p76 .value-bar {
    -webkit-transform: rotate(274deg);
    -ms-transform: rotate(274deg);
    transform: rotate(274deg)
}

.progress-circle.p77 .value-bar {
    -webkit-transform: rotate(277deg);
    -ms-transform: rotate(277deg);
    transform: rotate(277deg)
}

.progress-circle.p78 .value-bar {
    -webkit-transform: rotate(281deg);
    -ms-transform: rotate(281deg);
    transform: rotate(281deg)
}

.progress-circle.p79 .value-bar {
    -webkit-transform: rotate(284deg);
    -ms-transform: rotate(284deg);
    transform: rotate(284deg)
}

.progress-circle.p80 .value-bar {
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    transform: rotate(288deg)
}

.progress-circle.p81 .value-bar {
    -webkit-transform: rotate(292deg);
    -ms-transform: rotate(292deg);
    transform: rotate(292deg)
}

.progress-circle.p82 .value-bar {
    -webkit-transform: rotate(295deg);
    -ms-transform: rotate(295deg);
    transform: rotate(295deg)
}

.progress-circle.p83 .value-bar {
    -webkit-transform: rotate(299deg);
    -ms-transform: rotate(299deg);
    transform: rotate(299deg)
}

.progress-circle.p84 .value-bar {
    -webkit-transform: rotate(302deg);
    -ms-transform: rotate(302deg);
    transform: rotate(302deg)
}

.progress-circle.p85 .value-bar {
    -webkit-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    transform: rotate(306deg)
}

.progress-circle.p86 .value-bar {
    -webkit-transform: rotate(310deg);
    -ms-transform: rotate(310deg);
    transform: rotate(310deg)
}

.progress-circle.p87 .value-bar {
    -webkit-transform: rotate(313deg);
    -ms-transform: rotate(313deg);
    transform: rotate(313deg)
}

.progress-circle.p88 .value-bar {
    -webkit-transform: rotate(317deg);
    -ms-transform: rotate(317deg);
    transform: rotate(317deg)
}

.progress-circle.p89 .value-bar {
    -webkit-transform: rotate(320deg);
    -ms-transform: rotate(320deg);
    transform: rotate(320deg)
}

.progress-circle.p90 .value-bar {
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    transform: rotate(324deg)
}

.progress-circle.p91 .value-bar {
    -webkit-transform: rotate(328deg);
    -ms-transform: rotate(328deg);
    transform: rotate(328deg)
}

.progress-circle.p92 .value-bar {
    -webkit-transform: rotate(331deg);
    -ms-transform: rotate(331deg);
    transform: rotate(331deg)
}

.progress-circle.p93 .value-bar {
    -webkit-transform: rotate(335deg);
    -ms-transform: rotate(335deg);
    transform: rotate(335deg)
}

.progress-circle.p94 .value-bar {
    -webkit-transform: rotate(338deg);
    -ms-transform: rotate(338deg);
    transform: rotate(338deg)
}

.progress-circle.p95 .value-bar {
    -webkit-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    transform: rotate(342deg)
}

.progress-circle.p96 .value-bar {
    -webkit-transform: rotate(346deg);
    -ms-transform: rotate(346deg);
    transform: rotate(346deg)
}

.progress-circle.p97 .value-bar {
    -webkit-transform: rotate(349deg);
    -ms-transform: rotate(349deg);
    transform: rotate(349deg)
}

.progress-circle.p98 .value-bar {
    -webkit-transform: rotate(353deg);
    -ms-transform: rotate(353deg);
    transform: rotate(353deg)
}

.progress-circle.p99 .value-bar {
    -webkit-transform: rotate(356deg);
    -ms-transform: rotate(356deg);
    transform: rotate(356deg)
}

.progress-circle.p100 .value-bar {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.left-half-clipper {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em)
}

.value-bar {
    position: absolute;
    clip: rect(0, 2.5em, 5em, 0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 0.45em solid #53777a;
    box-sizing: border-box
}

.align-autoplay {
    align-items: flex-end;
    margin-right: 7px
}

.fr-hovered-over-file {
    background-color: #F0F0F0
}

.thumbnail-padding {
    padding-right: 4px
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

body.fr-fullscreen {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: fixed
}

.fr-box.fr-fullscreen {
    margin: 0 !important;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483630 !important;
    width: auto !important
}

.fr-box.fr-fullscreen .fr-wrapper {
    background-color: #FFF
}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-fullscreen .fr-toolbar {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
    top: 0 !important
}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
    bottom: 0 !important
}

.fr-box.fr-fullscreen .fr-second-toolbar {
    margin-top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-fullscreen-wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
    text-align: left;
    padding: 20px 20px 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
    width: 100%
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table {
    margin-top: 20px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
    border: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
    text-align: left
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
    padding: 6px 0 4px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
    border-bottom: solid 1px #ebebeb
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
    width: 60%;
    color: #646464
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
    letter-spacing: 0.5px
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element img {
    cursor: pointer;
    padding: 0 1px
}

.fr-image-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-image-resizer.fr-active {
    display: block
}

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-image-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-image-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-popup .fr-image-upload-layer {
    border: dashed 2px #bdbdbd4d;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-image-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-image-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-image-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-image-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-image-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal
}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-uploading {
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@-webkit-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-moz-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-o-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@supports(-webkit-tap-highlight-color: black) {
    img.fr-draggable {
        user-select: none
    }
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-modal .fr-modal-head .fr-modal-head-line::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
    margin-top: 10px
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
    opacity: 0;
    width: 0;
    padding: 12px 0
}

.fr-modal .fr-modal-head .fr-modal-tags {
    padding: 0 20px;
    display: none;
    text-align: left
}

.fr-modal .fr-modal-head .fr-modal-tags a {
    display: inline-block;
    opacity: 0;
    padding: 6px 12px;
    margin: 8px 0 8px 8px;
    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;
    -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    cursor: pointer;
    background-color: #f5f5f5
}

.fr-modal .fr-modal-head .fr-modal-tags a:focus {
    outline: none;
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:hover {
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:active {
    background-color: #d6d6d6
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
    background-color: #EcF5Ff;
    color: #0098f7
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
    outline: none;
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
    background-color: #d6d6d6
}

.fr-show-tags .fr-modal-more svg path {
    fill: #0098f7
}

div.fr-modal-body {
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s
}

div.fr-modal-body .fr-preloader {
    display: block;
    margin: 50px auto
}

div.fr-modal-body div.fr-image-list {
    text-align: center;
    margin: 0 20px;
    padding: 0
}

div.fr-modal-body div.fr-image-list .fr-list-column {
    float: left;
    width: calc((100% - 20px) / 2)
}

@media (min-width: 768px) and (max-width: 1199px) {
    div.fr-modal-body div.fr-image-list .fr-list-column {
        width: calc((100% - 40px) / 3)
    }
}

@media (min-width: 1200px) {
    div.fr-modal-body div.fr-image-list .fr-list-column {
        width: calc((100% - 60px) / 4)
    }
}

div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column {
    margin-left: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden
}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
    margin-top: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container+div {
    margin-top: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
    position: absolute;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s;
    background: #000;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
    content: attr(data-deleting);
    color: #FFF;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 3;
    font-size: 15px;
    height: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
    height: 95px;
    background: #CCC;
    z-index: 1
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: attr(data-loading);
    display: inline-block;
    height: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container img {
    width: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0)
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
    display: inline-block
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    display: none;
    top: 50%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    cursor: pointer;
    margin: 0;
    line-height: 40px;
    text-decoration: none;
    z-index: 3
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
    background: #B8312F;
    fill: #FFF;
    padding: 8px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(25%);
    -moz-transform: translateY(-50%) translateX(25%);
    -ms-transform: translateY(-50%) translateX(25%);
    -o-transform: translateY(-50%) translateX(25%)
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    background: #FFF;
    fill: #0098f7;
    padding: 8px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-125%);
    -moz-transform: translateY(-50%) translateX(-125%);
    -ms-transform: translateY(-50%) translateX(-125%);
    -o-transform: translateY(-50%) translateX(-125%)
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
    display: inline-block;
    width: 40px;
    height: 40px
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
    background: #bf4644;
    color: #FFF
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
    background: #ebebeb
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-line-breaker {
    cursor: text;
    border-top: 1px solid #0098f7;
    position: fixed;
    z-index: 2;
    display: none
}

.fr-line-breaker.fr-visible {
    display: block
}

.fr-line-breaker a.fr-floating-btn {
    position: absolute;
    left: calc(50% - (40px / 2));
    top: -20px
}

.fr-line-breaker a.fr-floating-btn svg {
    margin: 8px;
    height: 24px;
    width: 24px
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-wrapper-markdown {
    display: flex
}

.fr-markdown-view {
    width: calc(52% - 1px);
    box-sizing: inherit
}

.fr-markdown-editor {
    width: calc(48% - 1px);
    box-sizing: inherit;
    background-color: #eee
}

.fr-markdown-editor>p {
    margin: 0
}

.fr-markdown-view>p {
    margin-top: 0
}

.gutter-horizontal {
    display: flex;
    z-index: 9;
    background-color: #dadada;
    cursor: col-resize;
    width: 2px
}

.e-resize-handler {
    z-index: 9;
    width: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    position: relative;
    font-size: 10px;
    color: #c5c5c5
}

.fr-markdown-view>dl {
    margin-top: 0;
    margin-bottom: 1rem
}

.fr-markdown-view>dt {
    font-weight: 700
}

.fr-markdown-view>dd {
    margin-bottom: .5rem;
    margin-left: 0
}

.fr-markdown-view>pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 0.125rem 0.3125rem 0.0625rem
}

.fr-markdown-view>code {
    background-color: #f8f8f8;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    padding: 0.125rem 0.3125rem 0.0625rem
}

.fr-markdown-view>pre code {
    background-color: transparent;
    border: 0;
    padding: 0
}

.fr-markdown-view>sup {
    top: -.5em
}

.footnote-a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

.fr-markdown-view>hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    _border-top: 1px solid rgb(0, 0, 0)
}

.blockquote {
    margin: 0 0 1rem;
    border-left: 5px solid #eee;
    padding: 10px 20px;
    font-size: 1.25rem
}

.fr-markdown-view>table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse
}

.fr-markdown-view>table>tbody>tr>td,
.fr-markdown-view>table>tbody>tr>th,
.fr-markdown-view>table>thead>tr>td,
.fr-markdown-view>table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd
}

.fr-markdown-view>table>thead>tr>td,
.fr-markdown-view>table>thead>tr>th {
    border-bottom-width: 2px
}

.fr-markdown-view>table>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.fr-markdown-view>a {
    color: #337ab7;
    text-decoration: none
}

.fr-markdown-view>h1 {
    font-size: 2em !important
}

.fr-markdown-view>h2 {
    font-size: 1.5em !important
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-quick-insert {
    position: absolute;
    z-index: 2147483639;
    white-space: nowrap;
    padding-right: 10px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-quick-insert a.fr-floating-btn svg {
    margin: 8px;
    width: 24px;
    height: 24px
}

.fr-quick-insert.fr-on a.fr-floating-btn svg {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg)
}

.fr-quick-insert.fr-hidden {
    display: none
}

.fr-qi-helper {
    position: absolute;
    z-index: 3;
    padding-left: 20px;
    white-space: nowrap
}

.fr-qi-helper a.fr-btn.fr-floating-btn {
    text-align: center;
    padding: 6px 10px 10px 10px;
    display: inline-block;
    color: #222;
    background: #FFF;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
    fill: #222
}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
    padding: 10px 15px
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
    font-weight: normal;
    font-size: 16px
}

.fr-popup .fr-special-character {
    width: 24px;
    height: 24px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px),
(-ms-high-contrast: none) and (min-width: 768px) {
    .fr-popup .fr-icon-container.fr-sc-container {
        width: 368px
    }
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
    border: 1px double #0098f7
}

.fr-element table td,
.fr-element table th {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text
}

.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-table-resizer {
    cursor: col-resize;
    position: absolute;
    z-index: 3;
    display: none
}

.fr-table-resizer.fr-moving {
    z-index: 2
}

.fr-table-resizer div {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-right: 1px solid #0098f7
}

.fr-no-selection {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-popup .fr-table-size {
    margin: 20px
}

.fr-popup .fr-table-size .fr-table-size-info {
    text-align: center;
    font-size: 14px
}

.fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0;
    padding: 5px;
    white-space: nowrap
}

.fr-popup .fr-table-size .fr-select-table-size>span {
    display: inline-block;
    padding: 0 4px 4px 0;
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span>span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #DDD
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover {
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span {
    background: url(rgba.php?r=0&g=152&b=247&a=0);
    background: rgba(0, 152, 247, 0.3);
    _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000098F7, endColorstr=#000098F7);
    border: solid 1px #0098f7
}

.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-popup.fr-above .fr-table-size .fr-select-table-size>span {
    display: inline-block !important
}

.fr-popup .fr-table-colors {
    display: block;
    padding: 20px;
    padding-bottom: 0
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span {
    width: 12px;
    height: 12px
}

.fr-insert-helper {
    position: absolute;
    z-index: 9999;
    white-space: nowrap
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

#fr-form-container {
    margin: auto;
    position: relative;
    top: 10%;
    background-color: #f5f5f5;
    width: 60%;
    border-radius: 5px;
    z-index: 9002;
    overflow: auto;
    background-color: #fefefe
}

.fr-trim-video-name {
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 15px
}

.fr-file-loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #53777a;
    display: inline-block !important;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    width: 20px;
    height: 20px;
    display: block !important;
    align-items: center
}

.fr-trim-button {
    margin-top: 5px;
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    border-radius: 5px;
    background-color: #eff5fa;
    outline: none
}

.fr-trim-button:hover {
    background: #ebebeb
}

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

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fr-slidecontainer {
    width: 100%
}

.fr-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    background: #d3d3d3
}

.fr-video-trim-buttons {
    text-align: right;
    padding-bottom: 5px;
    padding-right: 15px;
    margin-top: 10px
}

.fr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer
}

.fr-slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #3498db;
    border-radius: 50%;
    cursor: pointer
}

.fr-range-value-start {
    position: absolute
}

.fr-range-value-start>span {
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #03a9f4;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-85%, 0);
    -ms-transform: translate(-85%, 0);
    transform: translate(-85%, 0);
    border-radius: 6px
}

.fr-range-value-start>span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 86%;
    margin-left: -5px;
    margin-top: -1px
}

.fr-range-value-end {
    position: absolute
}

.fr-range-value-end>span {
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #03a9f4;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 14%;
    -webkit-transform: translate(-8%, 0);
    -ms-transform: translate(-8%, 0);
    transform: translate(-8%, 0);
    border-radius: 6px
}

.fr-range-value-end>span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 14%;
    margin-left: -5px;
    margin-top: -1px
}

#startTimeValue {
    top: -153% !important
}

#startTimeValue span:before {
    border-top: 10px solid #03a9f4;
    top: 100%
}

#endTimeValue {
    top: -153% !important
}

#endTimeValue span:before {
    border-top: 10px solid #03a9f4;
    top: 100%
}

.fr-range-slider {
    position: relative;
    width: 80%;
    height: 15px
}

.fr-range-slider>input {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    outline: none;
    height: 6px;
    border-radius: 10px
}

.fr-range-slider>input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: #3498db;
    cursor: pointer;
    border-radius: 7px;
    margin-top: -3.6px
}

.fr-range-slider>input::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 9px;
    height: 15px;
    border-radius: 7px;
    margin-top: -3.6px
}

.fr-range-slider>input::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: black;
    border: 0;
    height: 15px;
    border-radius: 50%;
    margin-top: -3.6px
}

.fr-range-slider>input:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0
}

.fr-range-slider>input[type="range"]::-moz-focus-outer {
    border: 0
}

@media screen and (max-width: 430px) {
    .range-value span {
        width: 40px;
        font-size: 10px
    }

    #fr-form-container {
        top: 20%
    }
}

#fr-video-edit {
    width: 80%;
    text-align: center;
    height: 50%;
    margin-bottom: 20px;
    padding-top: 8px;
    padding-bottom: 8px
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element .fr-video {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element .fr-video::after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    background: url(rgba.php?r=0&g=0&b=0&a=0);
    background: rgba(0, 0, 0, 0);
    _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)
}

.fr-element .fr-video.fr-active>* {
    z-index: 2;
    position: relative
}

.fr-element .fr-video>* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-box .fr-video-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box .fr-video-resizer.fr-active {
    display: block
}

.fr-box .fr-video-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-box .fr-video-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-box .fr-video-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-popup .fr-video-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-video-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-video-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-video-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-video-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-video-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal
}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-autoplay-margin {
    margin-top: 0px !important
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-view img.fr-rounded,
.fr-view .fr-img-caption.fr-rounded img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view img.fr-shadow,
.fr-view .fr-img-caption.fr-shadow img {
    -webkit-box-shadow: 10px 10px 5px 0px #ccc;
    -moz-box-shadow: 10px 10px 5px 0px #ccc;
    box-shadow: 10px 10px 5px 0px #ccc
}

.fr-view img.fr-bordered,
.fr-view .fr-img-caption.fr-bordered img {
    border: solid 5px #CCC
}

.fr-view img.fr-bordered {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-view .fr-img-caption.fr-bordered img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-view {
    word-wrap: break-word
}

.fr-view span[style~="color:"] a {
    color: inherit
}

.fr-view strong {
    font-weight: 700
}

.fr-view table[border='0'] td:not([class]),
.fr-view table[border='0'] th:not([class]),
.fr-view table[border='0'] td[class=""],
.fr-view table[border='0'] th[class=""] {
    border-width: 0px
}

.fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}

.fr-view table td {
    min-width: 5px
}

.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
    border-style: dashed
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: whitesmoke
}

.fr-view table td,
.fr-view table th {
    border: 1px solid #DDD
}

.fr-view table td:empty,
.fr-view table th:empty {
    height: 20px
}

.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
    border: 1px double red
}

.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
    border-width: 2px
}

.fr-view table th {
    background: #ececec
}

.fr-view table tfoot td {
    background: #ececec
}

.fr-view hr {
    clear: both;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    break-after: always;
    page-break-after: always
}

.fr-view .fr-file {
    position: relative
}

.fr-view .fr-file::after {
    position: relative;
    content: "\1F4CE";
    font-weight: normal
}

.fr-view pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible
}

.fr-view[dir="rtl"] blockquote {
    border-left: none;
    border-right: solid 2px #5E35B1;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 0
}

.fr-view[dir="rtl"] blockquote blockquote {
    border-color: #00BCD4
}

.fr-view[dir="rtl"] blockquote blockquote blockquote {
    border-color: #43A047
}

.fr-view blockquote {
    border-left: solid 2px #5E35B1;
    margin-left: 0;
    padding-left: 5px;
    color: #5E35B1
}

.fr-view blockquote blockquote {
    border-color: #00BCD4
}

.fr-view blockquote blockquote blockquote {
    border-color: #43A047
}

.fr-view span.fr-emoticon {
    font-weight: normal;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    display: inline;
    line-height: 0
}

.fr-view span.fr-emoticon.fr-emoticon-img {
    background-repeat: no-repeat !important;
    font-size: inherit;
    height: 1em;
    width: 1em;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -.1em .1em .1em;
    line-height: 1;
    vertical-align: middle
}

.fr-view .fr-text-gray {
    color: #AAA !important
}

.fr-view .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
}

.fr-view .fr-text-spaced {
    letter-spacing: 1px
}

.fr-view .fr-text-uppercase {
    text-transform: uppercase
}

.fr-view .fr-class-highlighted {
    background-color: #ff0
}

.fr-view .fr-class-code {
    border-color: #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: "Courier New", Courier, monospace
}

.fr-view .fr-class-transparency {
    opacity: 0.5
}

.fr-view img {
    position: relative;
    max-width: 100%
}

.fr-view img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.fr-view img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption {
    position: relative;
    max-width: 100%
}

.fr-view span.fr-img-caption.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view span.fr-img-caption.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view .fr-video {
    text-align: center;
    position: relative
}

.fr-view .fr-video.fr-rv {
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.fr-view .fr-video.fr-rv>iframe,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv embed {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fr-view .fr-video>* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-view .fr-video.fr-dvb {
    display: block;
    clear: both
}

.fr-view .fr-video.fr-dvb.fr-fvl {
    text-align: left
}

.fr-view .fr-video.fr-dvb.fr-fvr {
    text-align: right
}

.fr-view .fr-video.fr-dvi {
    display: inline-block
}

.fr-view .fr-video.fr-dvi.fr-fvl {
    float: left
}

.fr-view .fr-video.fr-dvi.fr-fvr {
    float: right
}

.fr-view a.fr-strong {
    font-weight: 700
}

.fr-view a.fr-green {
    color: green
}

.fr-view .fr-img-caption {
    text-align: center
}

.fr-view .fr-img-caption .fr-img-wrap {
    padding: 0;
    margin: auto;
    text-align: center;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap a {
    display: block
}

.fr-view .fr-img-caption .fr-img-wrap img {
    display: block;
    margin: auto;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap>span {
    margin: auto;
    display: block;
    padding: 5px 5px 10px;
    font-size: 14px;
    font-weight: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    text-align: center
}

.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
    font-size: 24px
}

a.fr-view.fr-strong {
    font-weight: 700
}

a.fr-view.fr-green {
    color: green
}

img.fr-view {
    position: relative;
    max-width: 100%
}

img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

img.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

img.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view {
    position: relative;
    max-width: 100%
}

span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-box.fr-fullscreen {
    z-index: 8999 !important
}

.UploadMask .cancel-upload {
    padding: 2px 8px 0 8px
}

.UploadMask .cancel-upload::before {
    content: '\f00d'
}

.fr-popup .fr-image-upload-layer strong {
    font-weight: bold
}

.lzt-fe-smilieNavigation .scroll-element:hover .scroll-element_outer,
.lzt-fe-smilieNavigation .scroll-element:hover .scroll-bar {
    height: 7px !important
}

.wysiwygSpoilerInput {
    color: rgb(214, 214, 214);
    background: transparent;
    border: none;
    position: absolute;
    margin-top: -44px;
    width: 100%;
    font-weight: 600;
    -webkit-text-fill-color: unset !important
}

.messageText a>img.lzt-fr-fic,
body .fr-box .fr-wrapper .fr-view a>img.lzt-fr-fic {
    display: unset
}

.messageText img.lzt-fr-fic,
body .fr-box .fr-wrapper .fr-view img.lzt-fr-fic {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important
}

.fr-view .fr-video>* {
    margin: 0 !important;
    max-width: 100% !important
}

.wysiwygCensorSpoiler {
    display: inline-block;
    min-width: 100px;
    background-color: #515151
}

.fr-box .fr-wrapper .fr-view img.mceSmilie {
    margin-top: 0
}

.fe-ac-user.scroll-wrapper {
    overflow-y: scroll;
    max-height: 250px
}

.fe-ac-user-userAvatar {
    width: 34px;
    height: 34px;
    border-radius: 17px
}

.fe-ac-user-result {
    padding: 5px 10px;
    display: flex;
    gap: 10px;
    font-weight: 600;
    align-items: center
}

.fe-ac .active {
    background: #ffffff05
}

.fe-ac-smilie {
    display: flex;
    flex-direction: row
}

.fe-ac-smilie-result {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center
}

body .fr-popup.fe-acPopup {
    margin: 0;
    border: 1px solid rgb(54, 54, 54)
}

.fe-ac-template-result {
    padding: 7px 15px;
    width: 230px
}

.fe-ac-template-result {
    display: flex;
    gap: 4px;
    flex-direction: column
}

.fe-ac-template-result .title {
    color: rgb(214, 214, 214)
}

.fe-ac-template-result .content {
    color: rgb(148, 148, 148)
}

.fe-ac-template-result .content,
.fe-ac-template-result .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.commentSubmit .defEditor .mask {
    height: 95%;
    width: calc(100% + 20px);
    position: absolute !important;
    left: -20px;
    right: 5px
}

.AttachmentMenu.simpleRedactor--attachmentMenu {
    display: none
}

.tippy-content .AttachmentMenu.simpleRedactor--attachmentMenu {
    display: block
}

.fr-box.fr-basic .fr-wrapper,
.fr-toolbar.fr-top {
    background: rgb(39, 39, 39);
    border: 1px solid rgb(45, 45, 45);
    border-radius: 0
}


.fr-box.fr-basic .fr-wrapper {
    border-radius: 0px 0px 5px 5px;
}

.fr-toolbar.fr-top {
    border-radius: 5px 5px 0px 0px;
}

.fr-box.fr-basic .fr-element {
    color: rgb(214, 214, 214);
    font-size: 13px;
    padding: 10px
}

.fr-box.fr-basic .fr-element p {
    margin-bottom: 0
}

.fr-toolbar .fr-newline {
    display: none
}

.fr-toolbar .fr-btn-grp {
    margin: 0
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
    align-items: center;
    border-radius: 0px;
    color: rgb(214, 214, 214);
    font-size: 16px;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px
}

.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-modal .fr-command.fr-btn i {
    font-weight: 500
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i {
    margin-left: 6px;
    margin-right: 6px
}

.fr-toolbar .fr-command.fr-btn:hover,
.fr-toolbar .fr-command.fr-btn:focus,
.fr-toolbar .fr-command.fr-btn.fr-btn-hover,
.fr-toolbar .fr-command.fr-btn.fr-expanded,
.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,
.fr-toolbar .fr-command.fr-btn.fr-dropdown:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown:focus,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-btn-hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-desktop .fr-command:hover:not(.fr-table-cell),
.fr-desktop .fr-command:focus:not(.fr-table-cell),
.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell),
.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
    background: rgb(45, 45, 45)
}

.fr-command i {
    align-self: center;
    font-size: 17px
}

.fr-command.fr-btn+.fr-dropdown-menu>.fr-dropdown-wrapper>.fr-dropdown-content,
.fr-popup {
    color: #fff;
    background: rgb(39, 39, 39);
    border-radius: 6px;
    border: 1px solid rgb(54, 54, 54)
}

.fr-dropdown:after {
    display: none
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i {
    margin-left: 6px;
    margin-right: 6px
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
    padding: 12px 0 0;
    width: auto
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
    height: 34px;
    width: max-content;
    text-wrap: nowrap;
    border-radius: 6px
}

.fr-popup .fr-buttons.fr-tabs {
    background-color: rgb(39, 39, 39)
}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: rgb(45, 45, 45)
}

.fr-popup .fr-image-upload-layer:hover,
.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
    background: rgb(39, 39, 39)
}

.fr-popup .fr-layer,
.fr-popup .fr-image-upload-layer {
    margin: 10px
}

.fr-second-toolbar {
    display: none
}

.xfBbCode {
    background: rgb(39, 39, 39);
    border: 1px solid rgb(45, 45, 45);
    box-sizing: border-box;
    color: #d6d6d6;
    font-family: sans-serif;
    font-size: 13px;
    line-height: 1.6;
    outline: none;
    resize: none;
    width: 100%
}

.editorDraftIndicator {
    transition: all 0.25s ease;
    opacity: 0;
    position: absolute;
    bottom: 9px;
    right: 7px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: rgb(127, 185, 0)
}

.editorDraftIndicator.is-active {
    opacity: 1
}

.lzt-fe-editorDialog {
    background-color: rgb(39, 39, 39);
    padding: 10px;
    border-radius: 10px;
    margin: 0
}

.lzt-fe-editorDialog h2.heading.h1 {
    font-size: 16px;
    color: rgb(0, 186, 120);
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 0;
    font-weight: 600
}

.fr-toolbar .fr-more-toolbar {
    background-color: #333
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background-color: #333
}

.fr-view blockquote:not(.wysiwygHide) {
    margin: 0.5em 0;
    position: relative;
    padding: 2px 12px;
    border-left: 5px solid rgb(34, 142, 93);
    overflow: inherit
}

.fr-view blockquote:first-child {
    margin-top: 0
}

.fr-view blockquote:last-child {
    margin-top: 0
}

.fr-view blockquote[data-quote]:before {
    display: block;
    content: attr(data-quote) ":";
    font-weight: 600
}

.fr-view blockquote {
    color: inherit;
    border-left: 5px solid rgb(34, 142, 93);
    padding: 2px 12px
}

.fr-view .wysiwygHide {
    border: 5px solid rgb(45, 45, 45);
    padding: 0px 15px 15px 15px;
    border-radius: 10px;
    position: relative;
    background-color: rgb(39, 39, 39)
}

.fr-view .wysiwygHide[data-align="center"]::before {
    text-align: center
}

.fr-view .wysiwygHide[data-align="right"]::before {
    text-align: right;
    padding: 10px 30px
}

.fr-view code.wysiwygSrci {
    margin: 0 7px;
    padding: 3px 5px;
    border-radius: 4px;
    background: rgb(54, 54, 54);
    min-width: 100px;
    display: inline-block;
    color: #ccc
}

.fr-view .wysiwygHide::before {
    font-weight: 600;
    content: attr(data-phrase);
    display: block;
    background: rgb(45, 45, 45);
    padding: 10px 30px 10px 15px;
    margin: 0 -15px 15px
}

.fr-view .wysiwygHide.needOption::before,
.fr-view .wysiwygHide[data-tag=days]::before,
.fr-view .wysiwygHide[data-tag=except]::before,
.fr-view .wysiwygHide[data-tag=hide]::before,
.fr-view .wysiwygHide[data-tag=likes]::before,
.fr-view .wysiwygHide[data-tag=users]::before,
.fr-view .wysiwygHide[data-tag=posts]::before {
    cursor: pointer
}

.fr-view .wysiwygHide[data-option]::before {
    content: attr(data-phrase) ': ' attr(data-option)
}

.fr-view .wysiwygSpoiler::before {
    border-bottom: 1px solid rgb(54, 54, 54);
    content: "" !important;
    height: 20px
}

.wysiwygSpoiler.placeholder::before {
    content: attr(data-default-option) !important
}

.fr-view .wysiwygHide::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' stroke='rgb(148, 148, 148)' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    width: 26px;
    height: 26px;
    content: '';
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    background-repeat: no-repeat;
    background-position: 5px;
    border-radius: 6px
}

.fr-view .wysiwygHide.closeHover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' stroke='rgb(214, 214, 214)' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    background-color: rgb(54, 54, 54);
    cursor: pointer
}

.fr-box.fr-basic .fr-element,
.fr-wrapper .fr-placeholder {
    font-family: inherit !important
}

.fr-view blockquote blockquote {
    color: inherit !important
}

.giphyGifContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    grid-gap: 6px
}

.giphyWrapper {
    max-height: 250px;
    width: calc(min(100vw, 500px) - 40px);
    overflow-y: auto
}

.giphyContent>.spinner {
    display: block;
    padding: 20px 0
}

.giphyContent>.giphyNotFound:not(.hidden)~.spinner {
    display: none
}

.giphyGif {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.giphySearch {
    margin-bottom: 10px;
    width: calc(min(100vw, 500px) - 40px)
}

.giphyGif {
    cursor: pointer
}

.giphyNotFound {
    padding: 20px 0px;
    text-align: center
}

.fr-view .username {
    font-weight: 600
}

.fr-lzt-tippy-dropdown a.fr-command {
    line-height: 200%;
    display: flex;
    cursor: pointer;
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
    border-radius: 0;
    background-clip: padding-box
}

.fr-popup .fr-action-buttons button.fr-command:not(.fr-btn) {
    font-size: 13px;
    text-decoration: none;
    background-color: rgb(54, 54, 54);
    background-position: center;
    padding: 0px;
    white-space: nowrap;
    border-style: none;
    border-radius: 6px;
    user-select: none;
    font-style: normal;
    text-align: center;
    outline: none;
    line-height: 34px;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: top;
    -webkit-appearance: none !important;
    font-weight: 600;
    transition: background 0.8s;
    height: 34px;
    font-family: -apple-system, BlinkMacSystemFont, 'Open Sans', HelveticaNeue, sans-serif;
    color: #f5f5f5;
    background-color: rgb(34, 142, 93);
    padding: 0px 15px
}

.fr-popup .fr-action-buttons button.fr-command:not(.fr-btn):hover {
    background: rgb(0, 186, 120) radial-gradient(circle, transparent 1%, rgb(0, 186, 120) 1%) center/15000%
}

.fr-popup .fr-action-buttons button.fr-command:not(.fr-btn):active {
    background-color: rgb(34, 142, 93);
    background-size: 100%;
    transition: background 0s
}

.fr-popup .fr-command.fr-btn.fr-dropdown i {
    margin: 8px 7px
}

.fr-popup .fr-separator.fr-vs {
    height: 26px
}

.fr-popup .fr-tabs .fr-command.fr-btn>i {
    margin: 8px 11px
}

.fr-command.fr-btn+.fr-dropdown-menu {
    background: none
}

body .fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
body .fr-desktop .fr-command:active,
body .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
body .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active,
body .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
body .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
body .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
body .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover,
body .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    color: rgb(214, 214, 214);
    background: rgb(45, 45, 45)
}

body .fr-popup .fr-input-line input[type="text"],
body .fr-popup .fr-input-line input[type="number"],
body .fr-popup .fr-input-line textarea {
    background: rgb(39, 39, 39);
    color: #d6d6d6;
    height: 34px;
    border-radius: 6px;
    border: solid 1px #515151;
    transition: border 0.5s, padding 0.5s, box-shadow 0.5s
}

body .fr-popup .fr-input-line input+label,
body .fr-popup .fr-input-line textarea+label {
    background: rgb(39, 39, 39);
    top: 23px;
    color: rgb(148, 148, 148)
}

body .fr-popup .fr-input-line input[type="text"]:focus,
body .fr-popup .fr-input-line input[type="number"]:focus,
body .fr-popup .fr-input-line textarea:focus {
    border: solid 1px rgb(46, 97, 74);
    box-shadow: 0 0 0px 1px rgb(46, 97, 74)
}

.fr-popup .fr-buttons>.fr-btn {
    border-radius: 6px
}

body .fr-popup .fr-image-progress-bar-layer>div.fr-loader span {
    background: #228E5D
}

body .fr-popup .fr-image-progress-bar-layer>div.fr-loader {
    background: rgb(48, 48, 48);
    border-radius: 3px
}

body .fr-image-resizer {
    border: 1px solid #228E5D
}

.defEditor .mask {
    z-index: 5112;
    background: #3a3a3a69;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    border-radius: 10px;
    top: 0
}

body .defEditor .DropMask {
    z-index: 99999;
    font-size: 18px;
    position: fixed;
    line-height: 26px;
    border: 2px dashed #828282;
    background: url(rgba.php?r=80&g=80&b=80&a=127);
    background: url(rgba.php?r=80&g=80&b=80&a=0);
    background: rgba(80, 80, 80, 0.5);
    _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00505050, endColorstr=#00505050);
    _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F505050, endColorstr=#7F505050)
}

.full-screen-mask {
    position: fixed !important;
    width: 100%;
    height: 100%
}

.defEditor .mask>.inner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.simpleRedactor .UploadMask .inner {
    text-align: center;
    font-weight: 600;
    line-height: 26px
}

.fr-toolbar .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-modal .fr-command.fr-btn svg path {
    fill: currentColor;
    -webkit-transition: none .25s ease;
    transition: none .25s ease
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg,
.fr-popup .fr-command.fr-btn svg.fr-svg,
.fr-modal .fr-command.fr-btn svg.fr-svg {
    margin: 0px 7px
}

.conversationTemplatesBox .template {
    user-select: none
}

body .fr-box .fr-wrapper .fr-view img {
    max-height: unset;
    margin: 5px 5px 5px 0;
    display: inline-block;
    float: none
}

body .fr-box .fr-wrapper .fr-view img.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

body .fr-box .fr-wrapper .fr-view img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-toolbar .lzt-fe-tb-popup-wrapper {
    position: absolute
}

.fr-toolbar .lzt-fe-tb-popup-wrapper>.fr-popup {
    position: fixed
}

.fr-element li::marker {
    color: rgb(214, 214, 214)
}

.fr-dropdown-menu .fr-command i {
    margin-right: 8px
}

@media(max-width: 480px) {
    .Responsive .simpleRedactor .attachmentButtonContainer .simpleRedactor--button {
        display: none
    }
}

.OpenedMobileSmilie .fr-element {
    margin-right: 60% !important
}

.defEditor {}

.pageContent .editPostForm+.MobileSmilieBox {
    position: fixed;
    left: 0;
    top: 50vh;
    z-index: 9999999
}

.simpleRedactor--avatar {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

#QuickReply .defEditor {
    min-height: 43px
}

#ProfilePoster .defEditor {
    min-height: 48px
}

#QuickReply .lzt-fe-se-extraButtonsContainer {
    z-index: 2;
    bottom: 20px;
    right: 66px
}

.simpleRedactor--attachmentMenu .blockLinksList {
    margin: -10px -15px
}

.simpleRedactor .LolzteamEditorSimple {
    margin: 0 56px
}

.simpleRedactor .lzt-fe-se-sendMessageButton::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(140,140,140)' d='M4.7 15.8c-.7 1.9-1.1 3.2-1.3 3.9-.6 2.4-1 2.9 1.1 1.8 2.1-1.1 12-6.7 14.3-7.9 2.9-1.6 2.9-1.5-.2-3.2-2.3-1.4-12.2-6.8-14-7.9s-1.7-.6-1.2 1.8c.2.8.6 2.1 1.3 3.9.5 1.3 1.6 2.3 3 2.5l5.8 1.1c.1 0 .1.1.1.1s0 .1-.1.1l-5.8 1.1c-1.3.4-2.5 1.3-3 2.7z'/%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle
}

.simpleRedactor .lzt-fe-se-sendMessageButton {
    border: 0;
    background: 0;
    height: 65px;
    width: 56px;
    line-height: 65px;
    text-align: center;
    vertical-align: middle;
    outline: 0;
    cursor: pointer
}

.simpleRedactor.MemberViewRedactor .lzt-fe-se-sendMessageButton {
    display: none
}

.simpleRedactor--avatar {
    position: absolute;
    width: 36px;
    height: 36px;
    bottom: 13px;
    left: 10px
}

.simpleRedactor .lzt-fe-se-extraButtonsContainer {
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 1
}

#QuickReply {
    width: 100%
}

.simpleRedactor.QuickReplyRedactor {
    background: rgb(39, 39, 39);
    border-radius: 0 0 10px 10px
}

.simpleRedactor {
    position: sticky;
    padding: 12px 0;
    background: rgb(45, 45, 45)
}

.avatar.simpleRedactor--avatar .img.s {
    width: 36px;
    height: 36px;
    background-size: 100%
}

.simpleRedactor .sendMessageContainer {
    bottom: 0px;
    right: 0px;
    position: absolute
}

.simpleRedactor .sendMessageContainer:hover .lzt-fe-se-sendMessageButton::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(214, 214, 214)' d='M4.7 15.8c-.7 1.9-1.1 3.2-1.3 3.9-.6 2.4-1 2.9 1.1 1.8 2.1-1.1 12-6.7 14.3-7.9 2.9-1.6 2.9-1.5-.2-3.2-2.3-1.4-12.2-6.8-14-7.9s-1.7-.6-1.2 1.8c.2.8.6 2.1 1.3 3.9.5 1.3 1.6 2.3 3 2.5l5.8 1.1c.1 0 .1.1.1.1s0 .1-.1.1l-5.8 1.1c-1.3.4-2.5 1.3-3 2.7z'/%3E%3C/svg%3E")
}

.simpleRedactor .fr-box {
    zoom: 1
}

.simpleRedactor .fr-box:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.simpleRedactor .fr-box {
    border-radius: 10px
}

.simpleRedactor .defEditor .fr-box .fr-wrapper {
    border: 1px solid rgb(54, 54, 54);
    border-radius: 10px;
    min-height: 41px
}

@media(max-width: 480px) {
    .simpleRedactor .defEditor .fr-box .fr-wrapper {
        border-radius: 0px
    }
}

.simpleRedactor .fr-toolbar {
    border: 1px solid rgb(54, 54, 54);
    border-bottom: 0;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden
}

.simpleRedactor #lzt-fe-eb-lztToggleToolbar {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(140,140,140)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='12' y1='19' x2='12' y2='5'%3E%3C/line%3E%3Cpolyline points='5 12 12 5 19 12'%3E%3C/polyline%3E%3C/svg%3E")
}

.simpleRedactor #lzt-fe-eb-lztToggleToolbar:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(214, 214, 214)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='12' y1='19' x2='12' y2='5'%3E%3C/line%3E%3Cpolyline points='5 12 12 5 19 12'%3E%3C/polyline%3E%3C/svg%3E")
}

.simpleRedactor #lzt-fe-eb-smilie {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(140,140,140)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'%3E%3C/path%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'%3E%3C/line%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'%3E%3C/line%3E%3C/svg%3E")
}

.simpleRedactor #lzt-fe-eb-smilie:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(214, 214, 214)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'%3E%3C/path%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'%3E%3C/line%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'%3E%3C/line%3E%3C/svg%3E")
}

.simpleRedactor #lzt-fe-eb-xfInsertImage {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(140,140,140)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E")
}

.simpleRedactor #lzt-fe-eb-xfInsertImage:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(214, 214, 214)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E")
}

.simpleRedactor #lzt-fe-eb-lztTemplate {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(140,140,140)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='8' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='8' y1='18' x2='21' y2='18'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'%3E%3C/line%3E%3C/svg%3E")
}

.simpleRedactor #lzt-fe-eb-lztTemplate:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(214, 214, 214)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='8' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='8' y1='18' x2='21' y2='18'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'%3E%3C/line%3E%3C/svg%3E")
}

.simpleRedactor .lzt-fe-se-extraButtonsContainer {
    display: flex;
    gap: 10px
}

.simpleRedactor .lzt-fe-se-extraButton {
    width: 24px;
    height: 24px;
    background: 0;
    border: 0;
    cursor: pointer
}

.simpleRedactor .fr-box.fr-basic .fr-element {
    min-height: 41px
}

.fr-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.fr-wrapper::-webkit-scrollbar {
    width: 0;
    height: 0
}

.simpleRedactor.hasNoticeAboveRedactor {
    border-radius: 10px
}

.simpleRedactor .attachmentButtonContainer .simpleRedactor--button {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(148, 148, 148)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'%3E%3C/path%3E%3C/svg%3E") 50% no-repeat
}

.simpleRedactor--button {
    height: 65px;
    width: 56px;
    line-height: 65px;
    text-align: center;
    vertical-align: middle;
    outline: 0;
    cursor: pointer
}

.simpleRedactor .attachmentButtonContainer {
    position: absolute;
    left: 0;
    bottom: 0px
}

.simpleRedactor.quickWriteRedactor {
    background: none;
    padding: 0
}

.simpleRedactor.quickWriteRedactor .lzt-fe-se-extraButtonsContainer {
    right: 9px;
    top: 9px
}

.simpleRedactor.quickWriteRedactor .fr-box {
    margin: 0
}

.simpleRedactor .fr-element {
    margin: 0 130px 0 0
}

.profilePage .profilePoster.messageSimple {
    overflow: unset
}

#ProfilePanes .LolzteamEditorSimple {
    margin: 0 0 0 56px
}

#ProfilePanes .QuickReplyRedactor .LolzteamEditorSimple {
    margin: 0 56px
}

.simpleRedactor .fr-toolbar [id^=xfInsertImage-],
.simpleRedactor .fr-toolbar [id^=xfSmilie-] {
    display: none
}

body .simpleRedactor textarea.textCtrl,
.simpleRedactor #ctrl_message_html {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    display: block
}

@media (max-device-width:480px) {
    .Responsive #QuickReply {
        padding: 0
    }

    .ImViewContent #QuickReply.OpenedMobileSmilie .sendMessageContainer {
        z-index: 1;
        top: 0;
        bottom: unset
    }

    .ImViewContent #QuickReply.OpenedMobileSmilie .lzt-fe-se-extraButtonsContainer {
        right: 48px;
        position: absolute;
        top: 10px;
        height: fit-content
    }

    .Responsive #QuickReply .simpleRedactor--avatar {
        display: none
    }

    .Responsive #QuickReply .LolzteamEditorSimple {
        margin: 0
    }

    .Responsive #QuickReply .sendMessageContainer {
        z-index: 1
    }

    .Responsive #QuickReply .lzt-fe-se-sendMessageButton {
        height: 44px;
        line-height: 0;
        width: 50px
    }

    .Responsive #QuickReply .lzt-fe-se-extraButtonsContainer {
        right: 48px
    }

    .Responsive #QuickReply .defEditor .fr-box .fr-wrapper {
        border: 0
    }

    .Responsive #QuickReply .fr-toolbar {
        border: 0
    }

    .Responsive .simpleRedactor #lzt-fe-eb-xfInsertImage {
        display: none
    }

    .Responsive #ProfilePoster .fr-element {
        margin: 0 102px 0 0
    }

    .Responsive .quickWriteRedactor.simpleRedactor #lzt-fe-eb-xfInsertImage {
        display: block
    }

    .Responsive #Conversations #QuickReply .fr-element {
        margin: 0 130px 0 0
    }

    .Responsive .simpleRedactor .fr-toolbar [id^=xfInsertImage-],
    .Responsive .simpleRedactor .fr-toolbar [id^=xfSmilie-] {
        display: block
    }

    .Responsive #ProfilePoster .LolzteamEditorSimple {
        margin: 0
    }

    .Responsive #ProfilePoster>.avatar {
        display: none
    }

    .Responsive #ProfilePostList .commentSubmit .fr-box {
        margin: 0 56px 0 0
    }

    .Responsive #ProfilePostList .commentSubmit .avatar {
        display: none
    }

    .commentSubmit .simpleRedactor .fr-element {
        margin: 0 85px 0 0 !important
    }
}

@media (max-width: 480px) {
    #QuickReply .lzt-fe-se-extraButtonsContainer {
        bottom: 10px;
        right: 48px
    }

    .Responsive .simpleRedactor .fr-element {
        margin: 0 120px 0 0
    }
}

@media (max-width: 480px) {
    .simpleRedactor .fr-toolbar {}

    #ProfilePanes .LolzteamEditorSimple .fr-wrapper {
        border-radius: 10px
    }
}

.smilieList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.lzt-fe-smilieNavigation .scroll-element.scroll-x {
    display: none !important
}

.smilieList li {
    display: inline-block;
    border-radius: 2px;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    padding: 4px;
    line-height: 32px;
    text-align: center;
    cursor: pointer
}

.smilieList>li:hover {
    cursor: pointer;
    background-color: rgb(45, 45, 45)
}

.smilieList>li a {
    width: 32px;
    height: 32px;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden
}

.smilieList>li a:hover,
.smilieList>li a:focus {
    text-decoration: none
}

.smilieList>li img {
    max-height: 32px
}

.lzt-fe-smilies .smilies-scroller,
.lzt-fe-smilieNavigation .smilies-scroller {
    position: relative
}

.lzt-fe-smilies .smilies-scroller {
    height: 300px;
    padding: 10px;
    padding-bottom: 10px;
    padding-bottom: 10px !important;
    overflow-y: auto
}

.lzt-fe-smilies a.smilie {
    max-width: 32px !important;
    max-height: 32px !important
}

.lzt-fe-smilies a.smilie img {
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
    vertical-align: middle
}

.lzt-fe-smilieNavigation {
    display: flex;
    background-color: rgb(48, 48, 48);
    position: sticky;
    bottom: 0
}

.lzt-fe-smilieNavigation .smilies-scroller {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden
}

.lzt-fe-smilieNavigation {
    padding: 3px 10px
}

.lzt-fe-smilieNavigation .smilieList {
    flex-wrap: nowrap;
    height: 40px
}

.lzt-fe-smilieNavigation .is-active {
    background: rgb(54, 54, 54)
}

.tippy-popper .tippy-tooltip.lzt-fe-smilies-theme .tippy-content {
    padding: 0
}

.smilieCategory-title {
    font-weight: 600;
    padding-top: 15px;
    margin: 0px 15px 10px 0px;
    display: block
}

.SmilieBox .js-smilieCategoryRecently {
    margin-bottom: 20px
}

.js-smilieCategoryRecently .smilieCategory-title {
    margin-top: 0px
}

.SmilieBox {
    width: 300px
}

.MobileSmilieBox .SmilieBox {
    width: 100%
}

.MobileSmilieBox .lzt-fe-smilies .smilies-scroller {
    padding: 0;
    margin: 0 4px
}

.MobileSmilieBox .lzt-fe-smilieNavigation {
    padding: 4px;
    10px 0 10px
}

.MobileSmilieBox .smilieCategory .smilieList {
    gap: 0
}

.createThreadForm+.MobileSmilieBox {
    position: fixed;
    left: 0;
    top: 50vh;
    z-index: 9999999
}

.lztui-Popup.lztng-1yga1pu {
    z-index: 5666
}

.Menu.lztng-1yga1pu {
    position: static
}

.chat2-typingDetails.lztng-dwbpr4 {
    color: #949494;
    min-height: 18px;
    display: flex;
    align-items: center;
    padding: 0 0 5px 0;
    gap: 5px;
    user-select: none
}

.chat2-typingUsers.lztng-dwbpr4 {
    display: block;
    width: 100%
}

.chat2-message-date.lztng-274o60 {
    float: right;
    margin-left: 8px;
    align-self: flex-end;
    margin-bottom: -3px;
    font-size: 12px;
    margin-right: -2px
}

.chat2-message-date-muted.lztng-274o60 {
    color: #6e6e6e
}

.chat2-message.lztng-b1l8o4 {
    display: flex;
    margin-bottom: 5px
}

.chat2-message.lztng-b1l8o4:last-child {
    margin-bottom: 0
}

.chat2-message-block.lztng-b1l8o4 {
    border-radius: 13px;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.chat2-message-avatar.lztng-b1l8o4 img:where(.lztng-b1l8o4) {
    width: 35px;
    height: 35px;
    border-radius: 50%
}

.chat2-message-avatar.lztng-b1l8o4 {
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
    width: 35px;
    max-height: 35px;
    align-self: end;
    margin-right: 10px
}

.chat2-tag.lztng-b1l8o4::before {
    content: '@';
    position: absolute;
    right: 0;
    bottom: -3px;
    background: #333;
    padding: 2px 3px;
    padding-top: 0;
    border-radius: 50%;
    opacity: 0.75;
    color: #c8c8c8
}

.chat2-message .Popup {
    display: inline-block
}

.chat2-message-header.lztng-b1l8o4 {
    display: flex
}

.chat2-message-tagged.lztng-b1l8o4 .chat2-message-block:where(.lztng-b1l8o4) {
    background: linear-gradient(90deg, rgb(11, 80, 49) 0%, rgb(34, 142, 93) 100%)
}

.chat2-message-text.lztng-b1l8o4 {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between
}

.chat2-message-text.lztng-b1l8o4:has(.LbTrigger) {
    flex-direction: column
}

.chat2-message-text-inner.lztng-b1l8o4 {
    word-break: break-word
}

.chat2-actions-large.lztng-b1l8o4 {
    top: 5px;
    right: 10px
}

.chat2-only-actions.lztng-b1l8o4 {
    justify-content: end
}

.chat2-only-actions.lztng-b1l8o4 .arrowWidget {
    margin-left: 0
}

.chat2-message-only-images.lztng-b1l8o4>.LbTrigger {
    display: block
}

.chat-curators-label.lztng-b1l8o4 {
    font-weight: 600;
    padding: 1px 0.6em 2px;
    background-color: rgb(80, 80, 80);
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    display: inline-block
}

.newyearhat.lztng-b1l8o4 {
    position: absolute;
    top: -12px !important;
    left: 14px !important;
    -webkit-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    width: 34px;
    height: 14px;
    pointer-events: none
}

.newyearhat--color.lztng-b1l8o4 {
    animation: lztng-b1l8o4-Rainbow 6s infinite
}

@keyframes lztng-b1l8o4-Rainbow {
    0% {
        fill: #ee6060
    }

    15% {
        fill: #efbb5b
    }

    30% {
        fill: #f3f352
    }

    45% {
        fill: #5af65a
    }

    60% {
        fill: #5050fa
    }

    75% {
        fill: #ef56ef
    }

    100% {
        fill: #f35c5c
    }
}

.ripple-mask.lztng-1iimrdv {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    border-radius: inherit
}

.ripple.lztng-1iimrdv {
    width: 200%;
    margin: -100% 0 0 -100%;
    padding-top: 200%;
    transition-property: transform, opacity;
    transition-timing-function: ease-out;
    transition-duration: 0.45s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(0, 0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    -ms-transform: translate3d(0, 0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    transform: translate3d(0, 0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    border-radius: 9999px;
    background-color: rgba(0, 0, 0, 0.08);
    opacity: 0
}

.chat2-paused.lztng-1yot1it {
    position: absolute;
    right: 16%;
    left: 16%;
    bottom: 0;
    margin-bottom: 10px
}

.chat2-paused-button.lztng-1yot1it {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 34px;
    border-radius: 8px;
    background-color: #272727bf;
    color: #d6d6d6;
    user-select: none;
    border: 1px solid #363636;
    backdrop-filter: blur(10px);
    padding: 0px 15px;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-tap-highlight-color: transparent
}

.chat2-paused-button.lztng-1yot1it:hover {
    backdrop-filter: blur(20px)
}

.chat2-paused-button.lztng-1yot1it:focus {
    outline: none;
    box-shadow: none
}

.chat2-paused-text.lztng-1yot1it {
    width: 100%;
    font-weight: 600
}

.chat2-paused-icon.lztng-1yot1it {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px
}

.chat2-insert-file-popup.lztng-kfj2s3 {
    width: 50%;
    height: auto;
    position: absolute;
    right: 25%;
    top: 10%;
    z-index: 6;
    border-radius: 10px
}

.chat2-popup-input.lztng-kfj2s3 {
    height: 38px;
    line-height: 38px;
    border: 0 none black;
    color: rgb(214, 214, 214);
    border-radius: 0 0 10px 10px;
    width: calc(100% - 110px);
    outline: none;
    padding: 0 100px 0 10px
}

.chat2-popup-sendMessage.lztng-kfj2s3:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27rgb%28214, 214, 214%29%27 d=%27M4.7 15.8c-.7 1.9-1.1 3.2-1.3 3.9-.6 2.4-1 2.9 1.1 1.8 2.1-1.1 12-6.7 14.3-7.9 2.9-1.6 2.9-1.5-.2-3.2-2.3-1.4-12.2-6.8-14-7.9s-1.7-.6-1.2 1.8c.2.8.6 2.1 1.3 3.9.5 1.3 1.6 2.3 3 2.5l5.8 1.1c.1 0 .1.1.1.1s0 .1-.1.1l-5.8 1.1c-1.3.4-2.5 1.3-3 2.7z%27/%3E%3C/svg%3E") 50% no-repeat
}

.chat2-popup-sendMessage.lztng-kfj2s3 {
    position: absolute;
    font-weight: 600;
    line-height: 34px;
    outline: none;
    width: 22px;
    height: 38px;
    display: inline-block;
    right: 10px;
    bottom: 0;
    border: none;
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27rgb%28140,140,140%29%27 d=%27M4.7 15.8c-.7 1.9-1.1 3.2-1.3 3.9-.6 2.4-1 2.9 1.1 1.8 2.1-1.1 12-6.7 14.3-7.9 2.9-1.6 2.9-1.5-.2-3.2-2.3-1.4-12.2-6.8-14-7.9s-1.7-.6-1.2 1.8c.2.8.6 2.1 1.3 3.9.5 1.3 1.6 2.3 3 2.5l5.8 1.1c.1 0 .1.1.1.1s0 .1-.1.1l-5.8 1.1c-1.3.4-2.5 1.3-3 2.7z%27/%3E%3C/svg%3E") 50% no-repeat;
    cursor: pointer;
    align-self: normal
}

.chat2-popup-files.lztng-kfj2s3 {
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.chat2-popup-file.lztng-kfj2s3 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    flex-shrink: 1
}

.chat2-popup-inputBox.lztng-kfj2s3 {
    width: 100%;
    position: relative;
    border-top: 1px solid rgb(54, 54, 54)
}

.popup-image-wrapper.lztng-kfj2s3 {
    width: 100%;
    height: 100%;
    flex-basis: calc(50% - 16px);
    position: relative
}

.remove-popup-file.lztng-kfj2s3 {
    background-color: #383838;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px
}

.remove-icon.lztng-kfj2s3 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMjUgM0M5LjI1IDIuNTg1NzkgOS41ODU3OSAyLjI1IDEwIDIuMjVIMTRDMTQuNDE0MiAyLjI1IDE0Ljc1IDIuNTg1NzkgMTQuNzUgM1YzLjc1SDE5QzE5LjQxNDIgMy43NSAxOS43NSA0LjA4NTc5IDE5Ljc1IDQuNUMxOS43NSA0LjkxNDIxIDE5LjQxNDIgNS4yNSAxOSA1LjI1SDVDNC41ODU3OSA1LjI1IDQuMjUgNC45MTQyMSA0LjI1IDQuNUM0LjI1IDQuMDg1NzkgNC41ODU3OSAzLjc1IDUgMy43NUg5LjI1VjNaIiBmaWxsPSIjQkVCRUJFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi4yMzk3OCA3Ljk0NDc4QzYuMjY3OTEgNy42OTE1NyA2LjQ4MTk0IDcuNSA2LjczNjcyIDcuNUgxNy4yNjMxQzE3LjUxNzggNy41IDE3LjczMTkgNy42OTE1NyAxNy43NiA3Ljk0NDc4TDE3Ljk2MDEgOS43NDYxM0MxOC4zMjA5IDEyLjk5MzEgMTguMzIwOSAxNi4yNzAxIDE3Ljk2MDEgMTkuNTE3TDE3Ljk0MDQgMTkuNjk0NEMxNy44MDkgMjAuODc2OSAxNi44OTI1IDIxLjgxOTkgMTUuNzE0MiAyMS45ODQ5QzEzLjI1IDIyLjMyOTkgMTAuNzQ5OCAyMi4zMjk5IDguMjg1NjIgMjEuOTg0OUM3LjEwNzI1IDIxLjgxOTkgNi4xOTA3MyAyMC44NzY5IDYuMDU5MzMgMTkuNjk0NEw2LjAzOTYzIDE5LjUxN0M1LjY3ODg1IDE2LjI3MDEgNS42Nzg4NSAxMi45OTMxIDYuMDM5NjMgOS43NDYxM0w2LjIzOTc4IDcuOTQ0NzhaTTEwLjc0OTkgMTEuNEMxMC43NDk5IDEwLjk4NTggMTAuNDE0MSAxMC42NSA5Ljk5OTg4IDEwLjY1QzkuNTg1NjcgMTAuNjUgOS4yNDk4OCAxMC45ODU4IDkuMjQ5ODggMTEuNFYxOC40QzkuMjQ5ODggMTguODE0MiA5LjU4NTY3IDE5LjE1IDkuOTk5ODggMTkuMTVDMTAuNDE0MSAxOS4xNSAxMC43NDk5IDE4LjgxNDIgMTAuNzQ5OSAxOC40VjExLjRaTTE0Ljc0OTkgMTEuNEMxNC43NDk5IDEwLjk4NTggMTQuNDE0MSAxMC42NSAxMy45OTk5IDEwLjY1QzEzLjU4NTcgMTAuNjUgMTMuMjQ5OSAxMC45ODU4IDEzLjI0OTkgMTEuNFYxOC40QzEzLjI0OTkgMTguODE0MiAxMy41ODU3IDE5LjE1IDEzLjk5OTkgMTkuMTVDMTQuNDE0MSAxOS4xNSAxNC43NDk5IDE4LjgxNDIgMTQuNzQ5OSAxOC40VjExLjRaIiBmaWxsPSIjQkVCRUJFIi8+Cjwvc3ZnPgo=);
    width: 20px;
    height: 20px;
    background-size: 100%
}

.chat2-popup-header.lztng-kfj2s3 {
    width: 100%;
    position: relative;
    margin-top: 4px;
    height: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.chat2-popup-close.lztng-kfj2s3 {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 stroke=%27%23d6d6d6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27m15 9l-6 6m0-6l6 6%27/%3E%3C/g%3E%3C/svg%3E") 100% no-repeat;
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 8px
}

.media-counter.lztng-kfj2s3 {
    display: flex
}

.chat2-insertImage.lztng-kfj2s3 {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27 stroke=%27rgb%28140,140,140%29%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Crect x=%273%27 y=%273%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27%3E%3C/rect%3E%3Ccircle cx=%278.5%27 cy=%278.5%27 r=%271.5%27%3E%3C/circle%3E%3Cpolyline points=%2721 15 16 10 5 21%27%3E%3C/polyline%3E%3C/svg%3E") 50% no-repeat;
    width: 24px;
    height: 38px;
    position: absolute;
    display: inline-block;
    right: 72px;
    font-weight: 600;
    line-height: 34px;
    outline: none;
    cursor: pointer
}

.chat2-insertImage.lztng-kfj2s3:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27 stroke=%27rgb%28214,214,214%29%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Crect x=%273%27 y=%273%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27%3E%3C/rect%3E%3Ccircle cx=%278.5%27 cy=%278.5%27 r=%271.5%27%3E%3C/circle%3E%3Cpolyline points=%2721 15 16 10 5 21%27%3E%3C/polyline%3E%3C/svg%3E") 50% no-repeat
}

:root {
    --chat2-full-inner-spacing: 0px
}

.chat2-full-inner.lztng-1i48e93 {
    position: relative;
    height: calc(100vh - var(--chat2-header-offset-height)) !important
}

@media (max-width: 610px) {

    #header.chat2-header-fixed,
    .chat2-full-inner.lztng-1i48e93 {
        position: fixed !important;
        left: 0;
        right: 0;
        top: 0;
        max-width: none;
        overflow: hidden
    }

    .chat2-full-inner.lztng-1i48e93 {
        height: calc(100% - var(--chat2-header-height) - var(--chat2-full-inner-spacing) * 2) !important;
        -webkit-transform: translate3d(0, calc(var(--chat2-header-height) + var(--chat2-full-inner-spacing)), 0);
        -ms-transform: translate3d(0, calc(var(--chat2-header-height) + var(--chat2-full-inner-spacing)), 0);
        transform: translate3d(0, calc(var(--chat2-header-height) + var(--chat2-full-inner-spacing)), 0)
    }

    .chat2-full-inner.lztng-1i48e93 .chat2-header:where(.lztng-1i48e93) {
        white-space: nowrap;
        overflow-x: scroll
    }
}

.chat2.lztng-1i48e93 {
    display: flex;
    flex-direction: column
}

.chat2-header.lztng-1i48e93 {
    height: 38px;
    min-height: 38px;
    display: flex;
    padding: 0 5px 0 15px;
    align-items: center
}

.chat2-full-inner.lztng-1i48e93 .chat2-header:where(.lztng-1i48e93) {
    border-radius: 10px 10px 0 0
}

.chat2-full-inner.lztng-1i48e93 .chat2-popup-mask:where(.lztng-1i48e93) {
    border-radius: 10px
}

.chat2-widget-inner.lztng-1i48e93 .chat2-header:where(.lztng-1i48e93) {
    border-radius: 9px 9px 0 0
}

.chat2-widget-inner.lztng-1i48e93 .chat2-popup-mask:where(.lztng-1i48e93) {
    border-radius: 9px
}

.chat2-widget-inner.lztng-1i48e93 {
    height: 100%
}

.chat2-input.lztng-1i48e93 {
    height: 38px;
    line-height: 38px;
    border: 0 none black;
    color: rgb(214, 214, 214);
    padding: 0 100px 0 10px;
    border-radius: 0 0 10px 10px;
    width: 100%;
    outline: none
}

.chat2-inputBox.lztng-1i48e93 {
    border-top: 1px solid rgb(54, 54, 54);
    position: relative
}

.chat2-controls.lztng-1i48e93 {
    float: right;
    width: 5%
}

.chat2-sendMessage.lztng-1i48e93:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27rgb%28214, 214, 214%29%27 d=%27M4.7 15.8c-.7 1.9-1.1 3.2-1.3 3.9-.6 2.4-1 2.9 1.1 1.8 2.1-1.1 12-6.7 14.3-7.9 2.9-1.6 2.9-1.5-.2-3.2-2.3-1.4-12.2-6.8-14-7.9s-1.7-.6-1.2 1.8c.2.8.6 2.1 1.3 3.9.5 1.3 1.6 2.3 3 2.5l5.8 1.1c.1 0 .1.1.1.1s0 .1-.1.1l-5.8 1.1c-1.3.4-2.5 1.3-3 2.7z%27/%3E%3C/svg%3E") 50% no-repeat
}

.chat2-sendMessage.lztng-1i48e93 {
    position: absolute;
    font-weight: 600;
    line-height: 34px;
    outline: none;
    width: 22px;
    height: 38px;
    display: inline-block;
    right: 10px;
    border: none;
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27rgb%28140,140,140%29%27 d=%27M4.7 15.8c-.7 1.9-1.1 3.2-1.3 3.9-.6 2.4-1 2.9 1.1 1.8 2.1-1.1 12-6.7 14.3-7.9 2.9-1.6 2.9-1.5-.2-3.2-2.3-1.4-12.2-6.8-14-7.9s-1.7-.6-1.2 1.8c.2.8.6 2.1 1.3 3.9.5 1.3 1.6 2.3 3 2.5l5.8 1.1c.1 0 .1.1.1.1s0 .1-.1.1l-5.8 1.1c-1.3.4-2.5 1.3-3 2.7z%27/%3E%3C/svg%3E") 50% no-repeat;
    cursor: pointer
}

.chat2-insertImage.lztng-1i48e93 {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27 stroke=%27rgb%28140,140,140%29%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Crect x=%273%27 y=%273%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27%3E%3C/rect%3E%3Ccircle cx=%278.5%27 cy=%278.5%27 r=%271.5%27%3E%3C/circle%3E%3Cpolyline points=%2721 15 16 10 5 21%27%3E%3C/polyline%3E%3C/svg%3E") 50% no-repeat;
    width: 24px;
    height: 38px;
    position: absolute;
    display: inline-block;
    right: 72px;
    font-weight: 600;
    line-height: 34px;
    outline: none;
    cursor: pointer
}

.chat2-insertImage.lztng-1i48e93:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27 stroke=%27rgb%28214,214,214%29%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Crect x=%273%27 y=%273%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27%3E%3C/rect%3E%3Ccircle cx=%278.5%27 cy=%278.5%27 r=%271.5%27%3E%3C/circle%3E%3Cpolyline points=%2721 15 16 10 5 21%27%3E%3C/polyline%3E%3C/svg%3E") 50% no-repeat
}

.chat2-messages.lztng-1i48e93 {
    padding: 10px 20px 0 20px
}

.chat2-messages-loading.lztng-1i48e93 {
    height: 100%;
    flex: 1
}

.chat2-prevmessages-loading.lztng-1i48e93 {
    margin: 0 auto;
    padding: 15px 0;
    text-align: center
}

.chat2-close.lztng-1i48e93::before {
    content: '\f00d'
}

.chat2-close.lztng-1i48e93 {
    padding: 0px 8px;
    cursor: pointer
}

.chat2-message-editing.lztng-1i48e93 {
    display: flex;
    justify-content: space-between;
    padding: 0px 10px;
    color: rgb(148, 148, 148);
    height: 20px;
    align-items: center;
    border-top: 1px solid rgb(54, 54, 54)
}

.chat2-cancel-editing.lztng-1i48e93:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27 stroke=%27rgb%28214, 214, 214%29%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Cline x1=%2718%27 y1=%276%27 x2=%276%27 y2=%2718%27%3E%3C/line%3E%3Cline x1=%276%27 y1=%276%27 x2=%2718%27 y2=%2718%27%3E%3C/line%3E%3C/svg%3E")
}

.chat2-cancel-editing.lztng-1i48e93::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27 stroke=%27rgb%28148, 148, 148%29%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Cline x1=%2718%27 y1=%276%27 x2=%276%27 y2=%2718%27%3E%3C/line%3E%3Cline x1=%276%27 y1=%276%27 x2=%2718%27 y2=%2718%27%3E%3C/line%3E%3C/svg%3E");
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-size: 100%;
    display: block;
    content: ''
}

.chat2-banned.lztng-1i48e93 {
    padding: 10px
}

.chat2-banned-rules.lztng-1i48e93 {
    font-weight: bold
}

.chat2-full-inner.lztng-1i48e93 {
    background: rgb(39, 39, 39);
    border-radius: 10px
}

.chat2-full-inner.lztng-1i48e93 .chat2-header:where(.lztng-1i48e93) {
    font-size: 16px;
    font-weight: 600;
    padding: 5px 15px;
    border-bottom: 1px solid rgb(54, 54, 54)
}

.chat2-full-inner .chat2-header>*:not(:first-child) {
    margin-left: 10px
}

.chat2-request.lztng-1i48e93 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #3a3a3acc;
    border-radius: 0 0 5px 5px;
    user-select: none
}

.chat2-uploading-image.lztng-1i48e93::before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    content: '\f3f4';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    animation: fa-spin 1s infinite linear;
    margin: 0 10px 0 0
}

.chat2-socket-state.lztng-1i48e93:not(.chat2-full-inner:where(.lztng-1i48e93) .chat2-socket-state:where(.lztng-1i48e93)) {
    padding-right: 10px
}

.chat2-popup-mask.lztng-1i48e93 {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #3a3a3acc;
    z-index: 5
}

.chat2-widget-inner .chat2-insert-image-popup {
    width: 75% !important;
    right: 10% !important
}

.cancel-upload.lztng-1i48e93 {
    padding: 4px 8px 0 8px
}

.cancel-upload.lztng-1i48e93::before {
    content: '\f00d'
}

.chat2.lztng-9fdbg4 {
    display: flex;
    flex-direction: column
}

.chat2-header.lztng-9fdbg4 {
    height: 38px;
    min-height: 38px;
    display: flex;
    padding: 0 5px 0 15px;
    align-items: center
}

.chat2-full-inner.lztng-9fdbg4 .chat2-header:where(.lztng-9fdbg4) {
    border-radius: 10px 10px 0 0
}

.chat2-full-inner.lztng-9fdbg4 .chat2-popup-mask:where(.lztng-9fdbg4) {
    border-radius: 10px
}

.chat2-widget-inner.lztng-9fdbg4 .chat2-header:where(.lztng-9fdbg4) {
    border-radius: 9px 9px 0 0
}

.chat2-widget-inner.lztng-9fdbg4 .chat2-popup-mask:where(.lztng-9fdbg4) {
    border-radius: 9px
}

.chat2-widget-inner.lztng-9fdbg4 {
    height: 100%
}

.chat2-input.lztng-9fdbg4 {
    height: 38px;
    line-height: 38px;
    border: 0 none black;
    color: rgb(214, 214, 214);
    padding: 0 100px 0 10px;
    border-radius: 0 0 10px 10px;
    width: 100%;
    outline: none
}

.chat2-inputBox.lztng-9fdbg4 {
    border-top: 1px solid rgb(54, 54, 54);
    position: relative
}

.chat2-controls.lztng-9fdbg4 {
    float: right;
    width: 5%
}

.chat2-sendMessage.lztng-9fdbg4:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27rgb%28214, 214, 214%29%27 d=%27M4.7 15.8c-.7 1.9-1.1 3.2-1.3 3.9-.6 2.4-1 2.9 1.1 1.8 2.1-1.1 12-6.7 14.3-7.9 2.9-1.6 2.9-1.5-.2-3.2-2.3-1.4-12.2-6.8-14-7.9s-1.7-.6-1.2 1.8c.2.8.6 2.1 1.3 3.9.5 1.3 1.6 2.3 3 2.5l5.8 1.1c.1 0 .1.1.1.1s0 .1-.1.1l-5.8 1.1c-1.3.4-2.5 1.3-3 2.7z%27/%3E%3C/svg%3E") 50% no-repeat
}

.chat2-sendMessage.lztng-9fdbg4 {
    position: absolute;
    font-weight: 600;
    line-height: 34px;
    outline: none;
    width: 22px;
    height: 38px;
    display: inline-block;
    right: 10px;
    border: none;
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27rgb%28140,140,140%29%27 d=%27M4.7 15.8c-.7 1.9-1.1 3.2-1.3 3.9-.6 2.4-1 2.9 1.1 1.8 2.1-1.1 12-6.7 14.3-7.9 2.9-1.6 2.9-1.5-.2-3.2-2.3-1.4-12.2-6.8-14-7.9s-1.7-.6-1.2 1.8c.2.8.6 2.1 1.3 3.9.5 1.3 1.6 2.3 3 2.5l5.8 1.1c.1 0 .1.1.1.1s0 .1-.1.1l-5.8 1.1c-1.3.4-2.5 1.3-3 2.7z%27/%3E%3C/svg%3E") 50% no-repeat;
    cursor: pointer
}

.chat2-insertImage.lztng-9fdbg4 {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27 stroke=%27rgb%28140,140,140%29%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Crect x=%273%27 y=%273%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27%3E%3C/rect%3E%3Ccircle cx=%278.5%27 cy=%278.5%27 r=%271.5%27%3E%3C/circle%3E%3Cpolyline points=%2721 15 16 10 5 21%27%3E%3C/polyline%3E%3C/svg%3E") 50% no-repeat;
    width: 24px;
    height: 38px;
    position: absolute;
    display: inline-block;
    right: 72px;
    font-weight: 600;
    line-height: 34px;
    outline: none;
    cursor: pointer
}

.chat2-insertImage.lztng-9fdbg4:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27 stroke=%27rgb%28214,214,214%29%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Crect x=%273%27 y=%273%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27%3E%3C/rect%3E%3Ccircle cx=%278.5%27 cy=%278.5%27 r=%271.5%27%3E%3C/circle%3E%3Cpolyline points=%2721 15 16 10 5 21%27%3E%3C/polyline%3E%3C/svg%3E") 50% no-repeat
}

.chat2-messages.lztng-9fdbg4 {
    padding: 10px 20px 0 20px
}

.chat2-messages-loading.lztng-9fdbg4 {
    height: 100%;
    flex: 1
}

.chat2-prevmessages-loading.lztng-9fdbg4 {
    margin: 0 auto;
    padding: 15px 0;
    text-align: center
}

.chat2-close.lztng-9fdbg4::before {
    content: '\f00d'
}

.chat2-close.lztng-9fdbg4 {
    padding: 0px 8px;
    cursor: pointer
}

.chat2-message-editing.lztng-9fdbg4 {
    display: flex;
    justify-content: space-between;
    padding: 0px 10px;
    color: rgb(148, 148, 148);
    height: 20px;
    align-items: center;
    border-top: 1px solid rgb(54, 54, 54)
}

.chat2-cancel-editing.lztng-9fdbg4:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27 stroke=%27rgb%28214, 214, 214%29%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Cline x1=%2718%27 y1=%276%27 x2=%276%27 y2=%2718%27%3E%3C/line%3E%3Cline x1=%276%27 y1=%276%27 x2=%2718%27 y2=%2718%27%3E%3C/line%3E%3C/svg%3E")
}

.chat2-cancel-editing.lztng-9fdbg4::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27 stroke=%27rgb%28148, 148, 148%29%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Cline x1=%2718%27 y1=%276%27 x2=%276%27 y2=%2718%27%3E%3C/line%3E%3Cline x1=%276%27 y1=%276%27 x2=%2718%27 y2=%2718%27%3E%3C/line%3E%3C/svg%3E");
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-size: 100%;
    display: block;
    content: ''
}

.chat2-banned.lztng-9fdbg4 {
    padding: 10px
}

.chat2-banned-rules.lztng-9fdbg4 {
    font-weight: bold
}

.chat2-full-inner.lztng-9fdbg4 {
    background: rgb(39, 39, 39);
    border-radius: 10px;
    height: calc(100vh - 96px);
    position: relative
}

@media (max-width: 480px) {
    .chat2-full-inner.lztng-9fdbg4 {
        height: 90vh
    }

    .chat2-full-inner.lztng-9fdbg4 .chat2-header:where(.lztng-9fdbg4) {
        white-space: nowrap;
        overflow-x: scroll
    }
}

.chat2-full-inner.lztng-9fdbg4 .chat2-header:where(.lztng-9fdbg4) {
    font-size: 16px;
    font-weight: 600;
    padding: 5px 15px;
    border-bottom: 1px solid rgb(54, 54, 54)
}

.chat2-full-inner .chat2-header>*:not(:first-child) {
    margin-left: 10px
}

.chat2-request.lztng-9fdbg4 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #3a3a3acc;
    border-radius: 0 0 5px 5px;
    user-select: none
}

.chat2-uploading-image.lztng-9fdbg4::before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    content: '\f3f4';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    animation: fa-spin 1s infinite linear;
    margin: 0 10px 0 0
}

.chat2-socket-state.lztng-9fdbg4:not(.chat2-full-inner:where(.lztng-9fdbg4) .chat2-socket-state:where(.lztng-9fdbg4)) {
    padding-right: 10px
}

.chat2-popup-mask.lztng-9fdbg4 {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #3a3a3acc;
    z-index: 5
}

.chat2-widget-inner .chat2-insert-image-popup {
    width: 75% !important;
    right: 10% !important
}

.cancel-upload.lztng-9fdbg4 {
    padding: 4px 8px 0 8px
}

.cancel-upload.lztng-9fdbg4::before {
    content: '\f00d'
}

.chat2-floating.lztng-j2jpjb {
    border: 1px solid #363636;
    box-shadow: 0 5px 26px 0 rgba(0, 0, 0, 0.32);
    border-radius: 10px;
    background: rgb(39, 39, 39);
    position: fixed;
    z-index: 5666;
    box-sizing: border-box
}

.chat2-backdrop.lztng-j2jpjb {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999999
}

.chat2-resize-backdrop.lztng-j2jpjb {
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px) !important;
    height: calc(100% + 20px) !important;
    z-index: -1
}

.chat2-button.lztng-1u76jgu {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 60px;
    height: 60px;
    background: rgb(34, 142, 93);
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transition: unset !important
}

.chat2-button-open.lztng-1u76jgu::before {
    content: '\f27a';
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    color: rgb(39, 39, 39);
    font-size: 21px;
    line-height: 60px
}

.chat2-button-close.lztng-1u76jgu::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27 stroke=%27rgb%2839,39,39%29%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Cline x1=%2718%27 y1=%276%27 x2=%276%27 y2=%2718%27/%3E%3Cline x1=%276%27 y1=%276%27 x2=%2718%27 y2=%2718%27/%3E%3C/svg%3E");
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 150ms cubic-bezier(0.25, 0, 0.25, 1)
}

.chat2-button-closing.lztng-1u76jgu::before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 150ms cubic-bezier(0.75, 0, 0.75, 1)
}

.chat2-button-close.lztng-1u76jgu {
    padding: 18px 0 0;
    box-sizing: border-box
}

@media (max-width: 1260px) {
    .chat2-button.lztng-1u76jgu {
        display: none
    }
}

body>textarea {
    position: fixed !important
}

.tui-image-editor-container {
    background-color: #282828;
    box-sizing: border-box;
    height: 100%;
    letter-spacing: .3px;
    margin: 0;
    min-height: 300px;
    overflow: hidden;
    padding: 0;
    position: relative
}

.tui-image-editor-container div,
.tui-image-editor-container input,
.tui-image-editor-container label,
.tui-image-editor-container li,
.tui-image-editor-container ul {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.tui-image-editor-container .tui-image-editor-header {
    background-color: #151515;
    min-width: 533px;
    position: absolute;
    top: 0;
    width: 100%
}

.tui-image-editor-container .tui-image-editor-controls-buttons,
.tui-image-editor-container .tui-image-editor-header-buttons {
    float: right;
    margin: 8px
}

.tui-image-editor-container .tui-image-editor-controls-logo,
.tui-image-editor-container .tui-image-editor-header-logo {
    float: left;
    padding: 17px;
    width: 30%
}

.tui-image-editor-container .tui-image-editor-controls-buttons,
.tui-image-editor-container .tui-image-editor-controls-logo {
    display: none;
    height: 100%;
    width: 270px
}

.tui-image-editor-container .tui-image-editor-controls-buttons button,
.tui-image-editor-container .tui-image-editor-controls-buttons div,
.tui-image-editor-container .tui-image-editor-header-buttons button,
.tui-image-editor-container .tui-image-editor-header-buttons div {
    border: 1px solid #ddd;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    font-family: NotoSans, sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .3px;
    line-height: 40px;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 120px
}

.tui-image-editor-container .tui-image-editor-download-btn {
    background-color: #fdba3b;
    border-color: #fdba3b;
    color: #fff
}

.tui-image-editor-container .tui-image-editor-load-btn {
    bottom: 0;
    cursor: pointer;
    display: inline-block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.tui-image-editor-container .tui-image-editor-main-container {
    bottom: 64px;
    position: absolute;
    top: 0;
    width: 100%
}

.tui-image-editor-container .tui-image-editor-main {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 64px
}

.tui-image-editor-container .tui-image-editor-wrap {
    bottom: 0;
    overflow: auto;
    width: 100%
}

.tui-image-editor-container .tui-image-editor-wrap .tui-image-editor-size-wrap {
    display: table;
    height: 100%;
    width: 100%
}

.tui-image-editor-container .tui-image-editor-wrap .tui-image-editor-size-wrap .tui-image-editor-align-wrap {
    display: table-cell;
    vertical-align: middle
}

.tui-image-editor-container .tui-image-editor {
    display: inline-block;
    position: relative
}

.tui-image-editor-container .tui-image-editor-help-menu,
.tui-image-editor-container .tui-image-editor-menu {
    display: table-cell;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto
}

.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item,
.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    margin: 0 4px;
    padding: 7px 8px 3px;
    position: relative
}

.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item[tooltip-content]:hover:before,
.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:hover:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #2f2f2f;
    content: "";
    display: inline-block;
    height: 0;
    left: 13px;
    margin: 0 auto;
    position: absolute;
    top: -2px;
    width: 0
}

.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item[tooltip-content]:hover:after,
.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:hover:after {
    background-color: #2f2f2f;
    border-radius: 3px;
    color: #fff;
    content: attr(tooltip-content);
    display: inline-block;
    font-size: 11px;
    font-weight: lighter;
    left: 0;
    max-height: 23px;
    min-width: 24px;
    padding: 5px 8px;
    position: absolute;
    top: -25px
}

.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item.active,
.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item.active {
    background-color: #fff;
    transition: all .3s ease
}

.tui-image-editor-container .tui-image-editor-wrap {
    position: absolute
}

.tui-image-editor-container .tui-image-editor-grid-visual {
    border: 1px solid rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, .7);
    _border: 1px solid rgb(255, 255, 255);
    display: none;
    height: 100%;
    position: absolute;
    width: 100%
}

.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor {
    transition: none
}

.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-grid-visual,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-grid-visual,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-grid-visual {
    display: block
}

.tui-image-editor-container .tui-image-editor-grid-visual table {
    border-collapse: collapse;
    height: 100%;
    width: 100%
}

.tui-image-editor-container .tui-image-editor-grid-visual table td {
    border: 1px solid rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, .3);
    _border: 1px solid rgb(255, 255, 255)
}

.tui-image-editor-container .tui-image-editor-grid-visual table td.dot:before {
    background-color: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
    box-sizing: border-box;
    content: "";
    height: 10px;
    position: absolute;
    width: 10px
}

.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.left-top:before {
    left: -5px;
    top: -5px
}

.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.right-top:before {
    right: -5px;
    top: -5px
}

.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.left-bottom:before {
    bottom: -5px;
    left: -5px
}

.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.right-bottom:before {
    bottom: -5px;
    right: -5px
}

.tui-image-editor-container .tui-image-editor-submenu {
    bottom: 0;
    display: none;
    height: 150px;
    position: absolute;
    white-space: nowrap;
    width: 100%;
    z-index: 2
}

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-button:hover svg>use.active {
    display: block
}

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item li {
    display: inline-block;
    vertical-align: top
}

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-newline {
    display: block;
    margin-top: 0
}

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button {
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    margin: 0 9px;
    position: relative
}

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.preset {
    margin: 0 9px 20px 5px
}

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item label>span {
    cursor: pointer;
    display: inline-block;
    font-family: NotoSans, sans-serif;
    font-size: 11px;
    padding-top: 5px
}

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.apply label,
.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.cancel label {
    vertical-align: 7px
}

.tui-image-editor-container .tui-image-editor-submenu>div {
    display: none;
    vertical-align: bottom
}

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-style {
    bottom: 0;
    display: block;
    left: 0;
    opacity: .95;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.tui-image-editor-container .tui-image-editor-partition>div {
    border-left: 1px solid #3c3c3c;
    height: 52px;
    margin: 0 8px;
    width: 1px
}

.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-partition>div {
    height: 108px;
    margin: 0 29px 0 0
}

.tui-image-editor-container .tui-image-editor-submenu-align {
    margin-right: 30px;
    text-align: left
}

.tui-image-editor-container .tui-image-editor-submenu-align label>span {
    white-space: nowrap;
    width: 55px
}

.tui-image-editor-container .tui-image-editor-submenu-align:first-child {
    margin-right: 0
}

.tui-image-editor-container .tui-image-editor-submenu-align:first-child label>span {
    width: 70px
}

.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu>div.tui-image-editor-menu-crop,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu>div.tui-image-editor-menu-draw,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu>div.tui-image-editor-menu-filter,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu>div.tui-image-editor-menu-flip,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu>div.tui-image-editor-menu-icon,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu>div.tui-image-editor-menu-mask,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu>div.tui-image-editor-menu-resize,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu>div.tui-image-editor-menu-rotate,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu>div.tui-image-editor-menu-shape,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu>div.tui-image-editor-menu-text,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu>div.tui-image-editor-menu-zoom {
    display: table-cell
}

.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu {
    display: table
}

.tui-image-editor-container .tui-image-editor-help-menu {
    background-color: rgba(255, 255, 255, .06);
    border-radius: 20px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 2
}

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history {
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    color: #444;
    cursor: auto;
    display: none;
    height: 276px;
    padding: 4px 2px;
    position: absolute;
    -webkit-transform: translateX(calc(-50% + 12px));
    -ms-transform: translateX(calc(-50% + 12px));
    transform: translateX(calc(-50% + 12px));
    width: 196px
}

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list {
    height: 268px;
    list-style: none;
    overflow: hidden scroll;
    padding: 0
}

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item {
    font-size: 11px;
    height: 24px;
    line-height: 24px
}

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item {
    cursor: pointer;
    height: 24px;
    position: relative
}

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item svg {
    height: 24px;
    width: 24px
}

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item span {
    display: inline-block;
    height: 24px;
    text-align: left;
    width: 128px
}

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item .history-item-icon {
    display: inline-block;
    height: 24px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 24px
}

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item .history-item-checkbox {
    display: none;
    height: 24px;
    position: absolute;
    right: -6px;
    top: 5px;
    width: 24px
}

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.selected-item {
    background-color: rgba(119, 119, 119, .12)
}

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.selected-item .history-item-checkbox {
    display: inline-block
}

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.disabled-item {
    color: #333;
    opacity: .3
}

.tui-image-editor-container .tui-image-editor-help-menu .opened .tie-panel-history {
    display: block
}

.tui-image-editor-container .tui-image-editor-help-menu .opened .tie-panel-history:before {
    content: "";
    display: inline-block;
    height: 0;
    margin: 0 auto;
    position: absolute;
    width: 0
}

.tui-image-editor-container .filter-color-item {
    display: inline-block
}

.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox {
    display: block
}

.tui-image-editor-container .tui-image-editor-checkbox-wrap {
    display: inline-block !important;
    text-align: left
}

.tui-image-editor-container .tui-image-editor-checkbox-wrap.fixed-width {
    white-space: normal;
    width: 187px
}

.tui-image-editor-container .tui-image-editor-checkbox {
    display: inline-block;
    margin: 1px 0
}

.tui-image-editor-container .tui-image-editor-checkbox input {
    height: 14px;
    opacity: 0;
    width: 14px
}

.tui-image-editor-container .tui-image-editor-checkbox>label>span {
    color: #fff;
    height: 14px;
    position: relative
}

.tui-image-editor-container .tui-image-editor-checkbox>label>span:before,
.tui-image-editor-container .tui-image-editor-checkbox input+label:before {
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    font-size: 11px;
    height: 14px;
    left: -19px;
    margin: 0;
    padding-top: 1px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 14px
}

.tui-image-editor-container .tui-image-editor-checkbox input[type=checkbox]:checked+span:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMBJREFUKBWVkjEOwjAMRe2WgZW7IIHEDdhghhuwcQ42rlJugAQS54Cxa5cq1QM5TUpByZfS2j9+dlJVt/tX5ZxbS4ZU9VLkQvSHKTIGRaVJYFmKrBbTCJxE2UgCdDzMZDkHrOV6b95V0US6UmgKodujEZbJg0B0ZgEModO5lrY1TMQf1TpyJGBEjD+E2NPN7ukIUDiF/BfEXgRiGEw8NgkffYGYwCi808fpn/6OvfUfsDr/Vc1IfRf8sKnFVqeiVQfDu0tf/nWH9gAAAABJRU5ErkJggg==);
    background-size: cover
}

.tui-image-editor-container .tui-image-editor-selectlist-wrap {
    position: relative
}

.tui-image-editor-container .tui-image-editor-selectlist-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #cbdbdb;
    border-radius: 0;
    height: 28px;
    margin-top: 4px;
    outline: 0;
    padding: 0 7px 0 10px;
    width: 100%
}

.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    display: none;
    padding: 4px 0;
    position: relative;
    top: -1px
}

.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist li {
    display: block;
    font-family: NotoSans, sans-serif;
    padding: 7px 10px;
    text-align: left
}

.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist li:hover {
    background-color: rgba(81, 92, 230, .05)
}

.tui-image-editor-container .tui-image-editor-selectlist-wrap:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAHlJREFUKBVjYBgFOEOAEVkmPDxc89+/f6eAYjzI4kD2FyYmJrOVK1deh4kzwRggGiQBVJCELAZig8SQNYHEmEEEMrh69eo1HR0dfqCYJUickZGxf9WqVf3IakBsFBthklpaWmVA9mEQhrJhUoTp0NBQCRAmrHL4qgAAuu4cWZOZIGsAAAAASUVORK5CYII=);
    background-size: cover;
    content: "";
    display: inline-block;
    height: 14px;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 14px
}

.tui-image-editor-container .tui-image-editor-selectlist-wrap select::-ms-expand {
    display: none
}

.tui-image-editor-container .tui-image-editor-virtual-range-bar .tui-image-editor-disabled,
.tui-image-editor-container .tui-image-editor-virtual-range-pointer .tui-image-editor-disabled,
.tui-image-editor-container .tui-image-editor-virtual-range-subbar .tui-image-editor-disabled {
    backbround-color: red
}

.tui-image-editor-container .tui-image-editor-range {
    display: inline-block;
    height: 17px;
    position: relative;
    top: 5px;
    width: 166px
}

.tui-image-editor-container .tui-image-editor-virtual-range-bar {
    background-color: #666;
    height: 2px;
    position: absolute;
    top: 7px;
    width: 100%
}

.tui-image-editor-container .tui-image-editor-virtual-range-subbar {
    background-color: #d1d1d1;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0
}

.tui-image-editor-container .tui-image-editor-virtual-range-pointer {
    background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
    height: 12px;
    left: 0;
    position: absolute;
    top: -5px;
    width: 12px
}

.tui-image-editor-container .tui-image-editor-range-wrap {
    display: inline-block;
    margin-left: 4px
}

.tui-image-editor-container .tui-image-editor-range-wrap.short .tui-image-editor-range {
    width: 100px
}

.tui-image-editor-container .color-picker-control .tui-image-editor-range {
    margin-left: 10px;
    width: 108px
}

.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-pointer {
    background-color: #333
}

.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-bar {
    background-color: #ccc
}

.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-subbar {
    background-color: #606060
}

.tui-image-editor-container .tui-image-editor-range-wrap.tui-image-editor-newline.short {
    margin-left: 19px;
    margin-top: -2px
}

.tui-image-editor-container .tui-image-editor-range-wrap.tui-image-editor-newline.short label {
    color: #8e8e8e;
    font-weight: 400
}

.tui-image-editor-container .tui-image-editor-range-wrap label {
    color: #fff;
    font-size: 11px;
    margin-right: 7px;
    vertical-align: baseline
}

.tui-image-editor-container .tui-image-editor-range-value {
    background-color: #1c1c1c;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    box-shadow: none;
    color: #fff;
    cursor: default;
    font-family: NotoSans, sans-serif;
    font-weight: lighter;
    height: 24px;
    margin-left: 4px;
    margin-top: 15px;
    outline: none;
    text-align: center;
    vertical-align: baseline;
    width: 40px
}

.tui-image-editor-container .tui-image-editor-controls {
    background-color: #151515;
    bottom: 0;
    display: table;
    height: 64px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.tui-image-editor-container .tui-image-editor-icpartition {
    background-color: #444;
    display: inline-block;
    height: 24px;
    width: 1px
}

.tui-image-editor-container.left .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:before {
    border-bottom: 7px solid transparent;
    border-right: 7px solid #2f2f2f;
    border-top: 7px solid transparent;
    left: 28px;
    top: 11px
}

.tui-image-editor-container.left .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:after {
    left: 42px;
    top: 7px;
    white-space: nowrap
}

.tui-image-editor-container.left .tui-image-editor-submenu {
    height: 100%;
    left: 0;
    width: 248px
}

.tui-image-editor-container.left .tui-image-editor-main-container {
    height: 100%;
    left: 64px;
    width: calc(100% - 64px)
}

.tui-image-editor-container.left .tui-image-editor-controls {
    display: table;
    height: 100%;
    width: 64px
}

.tui-image-editor-container.left .tui-image-editor-menu,
.tui-image-editor-container.right .tui-image-editor-menu {
    white-space: inherit
}

.tui-image-editor-container.left .tui-image-editor-submenu,
.tui-image-editor-container.right .tui-image-editor-submenu {
    white-space: normal
}

.tui-image-editor-container.left .tui-image-editor-submenu>div,
.tui-image-editor-container.right .tui-image-editor-submenu>div {
    vertical-align: middle
}

.tui-image-editor-container.left .tui-image-editor-controls li,
.tui-image-editor-container.right .tui-image-editor-controls li {
    display: inline-block;
    margin: 4px auto
}

.tui-image-editor-container.left .tui-image-editor-icpartition,
.tui-image-editor-container.right .tui-image-editor-icpartition {
    height: 1px;
    position: relative;
    top: -7px;
    width: 24px
}

.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-partition,
.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-partition {
    display: block;
    margin: auto;
    width: 75%
}

.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-partition>div,
.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-partition>div {
    border-bottom: 1px solid #3c3c3c;
    border-left: 0;
    height: 10px;
    margin: 0;
    width: 100%
}

.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-align,
.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-align {
    margin-right: 0
}

.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-item li,
.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-item li {
    margin-top: 15px
}

.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-colorpicker-clearfix li,
.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-colorpicker-clearfix li {
    margin-top: 0
}

.tui-image-editor-container.left .tui-image-editor-checkbox-wrap.fixed-width,
.tui-image-editor-container.right .tui-image-editor-checkbox-wrap.fixed-width {
    white-space: normal;
    width: 182px
}

.tui-image-editor-container.left .tui-image-editor-range-wrap.tui-image-editor-newline label.range,
.tui-image-editor-container.right .tui-image-editor-range-wrap.tui-image-editor-newline label.range {
    display: block;
    margin: auto;
    text-align: left;
    width: 75%
}

.tui-image-editor-container.left .tui-image-editor-range,
.tui-image-editor-container.right .tui-image-editor-range {
    width: 136px
}

.tui-image-editor-container.right .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:before {
    border-bottom: 7px solid transparent;
    border-left: 7px solid #2f2f2f;
    border-top: 7px solid transparent;
    left: -3px;
    top: 11px
}

.tui-image-editor-container.right .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:after {
    left: unset;
    right: 43px;
    top: 7px;
    white-space: nowrap
}

.tui-image-editor-container.right .tui-image-editor-submenu {
    height: 100%;
    right: 0;
    width: 248px
}

.tui-image-editor-container.right .tui-image-editor-main-container {
    height: 100%;
    right: 64px;
    width: calc(100% - 64px)
}

.tui-image-editor-container.right .tui-image-editor-controls {
    display: table;
    height: 100%;
    right: 0;
    width: 64px
}

.tui-image-editor-container.bottom .tui-image-editor-submenu .tui-image-editor-partition.only-left-right,
.tui-image-editor-container.top .tui-image-editor-submenu .tui-image-editor-partition.only-left-right {
    display: none
}

.tui-image-editor-container.bottom .tui-image-editor-submenu>div {
    padding-bottom: 24px
}

.tui-image-editor-container.top .color-picker-control .triangle {
    border-bottom: 8px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 0;
    top: -8px
}

.tui-image-editor-container.top .tui-image-editor-size-wrap {
    height: 100%
}

.tui-image-editor-container.top .tui-image-editor-main-container {
    bottom: 0
}

.tui-image-editor-container.top .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:before {
    border-bottom: 7px solid #2f2f2f;
    border-top: 0;
    left: 13px;
    top: 33px
}

.tui-image-editor-container.top .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:after {
    top: 38px
}

.tui-image-editor-container.top .tui-image-editor-submenu {
    bottom: auto;
    top: 0
}

.tui-image-editor-container.top .tui-image-editor-submenu>div {
    padding-top: 24px;
    vertical-align: top
}

.tui-image-editor-container.top .tui-image-editor-controls-buttons,
.tui-image-editor-container.top .tui-image-editor-controls-logo {
    display: table-cell
}

.tui-image-editor-container.top .tui-image-editor-main {
    height: calc(100% - 64px);
    top: 64px
}

.tui-image-editor-container.top .tui-image-editor-controls {
    bottom: inherit;
    top: 0
}

.tui-image-editor-container .tui-image-editor-help-menu.top {
    height: 40px;
    left: 50%;
    top: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    width: 506px
}

.tui-image-editor-container .tui-image-editor-help-menu.top .tie-panel-history {
    top: 45px
}

.tui-image-editor-container .tui-image-editor-help-menu.top .opened .tie-panel-history:before {
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 90px;
    top: -8px
}

.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content]:before {
    border: 7px solid transparent;
    border-bottom: 7px solid #2f2f2f;
    border-top: none;
    left: 13px;
    top: 35px
}

.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content]:after {
    left: -4px;
    top: 41px;
    white-space: nowrap
}

.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content].opened:after,
.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content].opened:before {
    content: none
}

.tui-image-editor-container .tui-image-editor-help-menu.bottom {
    bottom: 8px;
    height: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    width: 506px
}

.tui-image-editor-container .tui-image-editor-help-menu.bottom .tie-panel-history {
    bottom: 45px
}

.tui-image-editor-container .tui-image-editor-help-menu.bottom .opened .tie-panel-history:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    bottom: -8px;
    left: 90px
}

.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content]:before {
    border: 7px solid transparent;
    border-bottom: none;
    border-top-color: #2f2f2f;
    bottom: 36px;
    left: 13px;
    top: auto
}

.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content]:after {
    bottom: 41px;
    left: -4px;
    top: auto;
    white-space: nowrap
}

.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content].opened:after,
.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content].opened:before {
    content: none
}

.tui-image-editor-container .tui-image-editor-help-menu.left {
    height: 506px;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: inherit;
    width: 40px
}

.tui-image-editor-container .tui-image-editor-help-menu.left .tie-panel-history {
    left: 140px;
    top: -4px
}

.tui-image-editor-container .tui-image-editor-help-menu.left .opened .tie-panel-history:before {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    left: -8px;
    top: 14px
}

.tui-image-editor-container .tui-image-editor-help-menu.left .tui-image-editor-item {
    margin: 4px auto;
    padding: 6px 8px
}

.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content]:before {
    border: 7px solid transparent;
    border-left: none;
    border-right-color: #2f2f2f;
    left: 27px;
    top: 11px
}

.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content]:after {
    left: 40px;
    top: 7px;
    white-space: nowrap
}

.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content].opened:after,
.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content].opened:before {
    content: none
}

.tui-image-editor-container .tui-image-editor-help-menu.right {
    height: 506px;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: inherit;
    width: 40px
}

.tui-image-editor-container .tui-image-editor-help-menu.right .tie-panel-history {
    right: -30px;
    top: -4px
}

.tui-image-editor-container .tui-image-editor-help-menu.right .opened .tie-panel-history:before {
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    border-top: 8px solid transparent;
    right: -8px;
    top: 14px
}

.tui-image-editor-container .tui-image-editor-help-menu.right .tui-image-editor-item {
    margin: 4px auto;
    padding: 6px 8px
}

.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content]:before {
    border: 7px solid transparent;
    border-left: 7px solid #2f2f2f;
    border-right: none;
    left: -6px;
    top: 11px
}

.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content]:after {
    left: auto;
    right: 39px;
    top: 7px;
    white-space: nowrap
}

.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content].opened:after,
.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content].opened:before {
    content: none
}

.tui-image-editor-container .tie-icon-add-button .tui-image-editor-button {
    min-width: 42px
}

.tui-image-editor-container .svg_ic-helpmenu,
.tui-image-editor-container .svg_ic-menu {
    height: 24px;
    width: 24px
}

.tui-image-editor-container .svg_ic-submenu {
    height: 32px;
    width: 32px
}

.tui-image-editor-container .svg_img-bi {
    height: 26px;
    width: 257px
}

.tui-image-editor-container .tui-image-editor-controls svg>use,
.tui-image-editor-container .tui-image-editor-help-menu svg>use {
    display: none
}

.tui-image-editor-container .tui-image-editor-controls .enabled svg:hover>use.hover,
.tui-image-editor-container .tui-image-editor-controls .normal svg:hover>use.hover,
.tui-image-editor-container .tui-image-editor-help-menu .enabled svg:hover>use.hover,
.tui-image-editor-container .tui-image-editor-help-menu .normal svg:hover>use.hover {
    display: block
}

.tui-image-editor-container .tui-image-editor-controls .active svg:hover>use.hover,
.tui-image-editor-container .tui-image-editor-help-menu .active svg:hover>use.hover {
    display: none
}

.tui-image-editor-container .tui-image-editor-controls .active svg>use.active,
.tui-image-editor-container .tui-image-editor-controls .enabled svg>use.enabled,
.tui-image-editor-container .tui-image-editor-controls .on svg>use.hover,
.tui-image-editor-container .tui-image-editor-controls .opened svg>use.hover,
.tui-image-editor-container .tui-image-editor-controls svg>use.normal,
.tui-image-editor-container .tui-image-editor-help-menu .active svg>use.active,
.tui-image-editor-container .tui-image-editor-help-menu .enabled svg>use.enabled,
.tui-image-editor-container .tui-image-editor-help-menu .on svg>use.hover,
.tui-image-editor-container .tui-image-editor-help-menu .opened svg>use.hover,
.tui-image-editor-container .tui-image-editor-help-menu svg>use.normal {
    display: block
}

.tui-image-editor-container .tui-image-editor-controls .active svg>use.normal,
.tui-image-editor-container .tui-image-editor-controls .enabled svg>use.normal,
.tui-image-editor-container .tui-image-editor-help-menu .active svg>use.normal,
.tui-image-editor-container .tui-image-editor-help-menu .enabled svg>use.normal {
    display: none
}

.tui-image-editor-container .tui-image-editor-controls .help.enabled svg>use.normal,
.tui-image-editor-container .tui-image-editor-controls .help svg>use.disabled,
.tui-image-editor-container .tui-image-editor-help-menu .help.enabled svg>use.normal,
.tui-image-editor-container .tui-image-editor-help-menu .help svg>use.disabled {
    display: block
}

.tui-image-editor-container .tui-image-editor-controls .help.enabled svg>use.disabled,
.tui-image-editor-container .tui-image-editor-help-menu .help.enabled svg>use.disabled {
    display: none
}

.tui-image-editor-container .tui-image-editor-controls:hover {
    z-index: 3
}

.tui-image-editor-container div.tui-colorpicker-clearfix {
    background-color: #f5f5f5;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    height: 28px;
    margin-top: 6px;
    padding: 4px 7px;
    width: 159px
}

.tui-image-editor-container .tui-colorpicker-palette-hex {
    background-color: #f5f5f5;
    border: 0;
    font-family: NotoSans, sans-serif;
    font-size: 11px;
    margin-top: 2px;
    width: 114px
}

.tui-image-editor-container .tui-colorpicker-palette-hex[value=""]+.tui-colorpicker-palette-preview,
.tui-image-editor-container .tui-colorpicker-palette-hex[value="#ffffff"]+.tui-colorpicker-palette-preview {
    border: 1px solid #ccc
}

.tui-image-editor-container .tui-colorpicker-palette-hex[value=""]+.tui-colorpicker-palette-preview {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC);
    background-size: cover
}

.tui-image-editor-container .tui-colorpicker-palette-preview {
    border: 0;
    border-radius: 100%;
    float: left;
    height: 17px;
    width: 17px
}

.tui-image-editor-container .color-picker-control {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 22px 6px rgba(0, 0, 0, .15);
    display: none;
    padding: 16px;
    position: absolute;
    width: 192px;
    z-index: 99
}

.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-toggle-slider {
    display: none
}

.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button {
    background-size: cover;
    border: 0;
    border-radius: 100%;
    font-size: 1px;
    margin: 2px
}

.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button[title=""],
.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button[title="#ffffff"] {
    border: 1px solid #ccc
}

.tui-image-editor-container .color-picker-control .triangle {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #fff;
    bottom: -8px;
    height: 0;
    left: 84px;
    position: absolute;
    width: 0
}

.tui-image-editor-container .color-picker-control .tui-colorpicker-container,
.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-container,
.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-container ul {
    height: auto;
    width: 100%
}

.tui-image-editor-container .filter-color-item .color-picker-control label {
    font-color: #333;
    font-weight: 400;
    margin-right: 7pxleft
}

.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox {
    margin-top: 0
}

.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox>label:before,
.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox input+label:before {
    left: -16px
}

.tui-image-editor-container .color-picker {
    height: auto;
    width: 100%
}

.tui-image-editor-container .color-picker-value {
    border: 0;
    border-radius: 100%;
    height: 32px;
    margin: auto auto 1px;
    width: 32px
}

.tui-image-editor-container .color-picker-value.transparent {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC);
    background-size: cover;
    border: 1px solid #cbcbcb
}

.tui-image-editor-container .color-picker-value+label {
    color: #fff
}

.tui-image-editor-container .tui-image-editor-submenu svg>use {
    display: none
}

.tie-icon-add-button.icon-arrow-2 .tui-image-editor-button[data-icontype=icon-arrow-2] svg>use.active,
.tie-icon-add-button.icon-arrow-3 .tui-image-editor-button[data-icontype=icon-arrow-3] svg>use.active,
.tie-icon-add-button.icon-arrow .tui-image-editor-button[data-icontype=icon-arrow] svg>use.active,
.tie-icon-add-button.icon-bubble .tui-image-editor-button[data-icontype=icon-bubble] svg>use.active,
.tie-icon-add-button.icon-heart .tui-image-editor-button[data-icontype=icon-heart] svg>use.active,
.tie-icon-add-button.icon-location .tui-image-editor-button[data-icontype=icon-location] svg>use.active,
.tie-icon-add-button.icon-polygon .tui-image-editor-button[data-icontype=icon-polygon] svg>use.active,
.tie-icon-add-button.icon-star-2 .tui-image-editor-button[data-icontype=icon-star-2] svg>use.active,
.tie-icon-add-button.icon-star .tui-image-editor-button[data-icontype=icon-star] svg>use.active,
.tui-image-editor-container .tui-image-editor-submenu svg>use.normal {
    display: block
}

.tie-draw-line-select-button.free .tui-image-editor-button.free svg>use.normal,
.tie-draw-line-select-button.line .tui-image-editor-button.line svg>use.normal {
    display: none
}

.tie-draw-line-select-button.free .tui-image-editor-button.free svg>use.active,
.tie-draw-line-select-button.line .tui-image-editor-button.line svg>use.active {
    display: block
}

.tie-flip-button.flipX .tui-image-editor-button.flipX svg>use.normal,
.tie-flip-button.flipY .tui-image-editor-button.flipY svg>use.normal,
.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg>use.normal {
    display: none
}

.tie-flip-button.flipX .tui-image-editor-button.flipX svg>use.active,
.tie-flip-button.flipY .tui-image-editor-button.flipY svg>use.active,
.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg>use.active {
    display: block
}

.tie-mask-apply.apply.active .tui-image-editor-button.apply label {
    color: #fff
}

.tie-mask-apply.apply.active .tui-image-editor-button.apply svg>use.active {
    display: block
}

.tie-crop-button .tui-image-editor-button.apply,
.tie-crop-preset-button .tui-image-editor-button.apply {
    margin-right: 24px
}

.tie-crop-button .tui-image-editor-button.apply.active svg>use.active,
.tie-crop-button .tui-image-editor-button.preset.active svg>use.active,
.tie-crop-preset-button .tui-image-editor-button.apply.active svg>use.active,
.tie-crop-preset-button .tui-image-editor-button.preset.active svg>use.active {
    display: block
}

.tie-resize-button .tui-image-editor-button.apply,
.tie-resize-preset-button .tui-image-editor-button.apply {
    margin-right: 24px
}

.tie-resize-button .tui-image-editor-button.apply.active svg>use.active,
.tie-resize-button .tui-image-editor-button.preset.active svg>use.active,
.tie-resize-preset-button .tui-image-editor-button.apply.active svg>use.active,
.tie-resize-preset-button .tui-image-editor-button.preset.active svg>use.active {
    display: block
}

.tie-shape-button.circle .tui-image-editor-button.circle svg>use.normal,
.tie-shape-button.rect .tui-image-editor-button.rect svg>use.normal,
.tie-shape-button.triangle .tui-image-editor-button.triangle svg>use.normal {
    display: none
}

.tie-shape-button.circle .tui-image-editor-button.circle svg>use.active,
.tie-shape-button.rect .tui-image-editor-button.rect svg>use.active,
.tie-shape-button.triangle .tui-image-editor-button.triangle svg>use.active,
.tie-text-align-button.tie-text-align-center .tui-image-editor-button.center svg>use.active,
.tie-text-align-button.tie-text-align-left .tui-image-editor-button.left svg>use.active,
.tie-text-align-button.tie-text-align-right .tui-image-editor-button.right svg>use.active,
.tie-text-effect-button .tui-image-editor-button.active svg>use.active {
    display: block
}

.tie-icon-image-file,
.tie-mask-image-file {
    border: 1px solid green;
    cursor: inherit;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tie-zoom-button.flipX .tui-image-editor-button.flipX svg>use.normal,
.tie-zoom-button.flipY .tui-image-editor-button.flipY svg>use.normal,
.tie-zoom-button.resetFlip .tui-image-editor-button.resetFlip svg>use.normal {
    display: none
}

.tie-zoom-button.flipX .tui-image-editor-button.flipX svg>use.active,
.tie-zoom-button.flipY .tui-image-editor-button.flipY svg>use.active,
.tie-zoom-button.resetFlip .tui-image-editor-button.resetFlip svg>use.active {
    display: block
}

.tui-image-editor-container.top.tui-image-editor-top-optimization .tui-image-editor-controls ul {
    text-align: right
}

.tui-image-editor-container.top.tui-image-editor-top-optimization .tui-image-editor-controls-logo {
    display: none
}

.avatarUserBadge {
    position: absolute;
    bottom: -12px;
    left: 20px;
    background: rgb(54, 54, 54);
    border: 2px solid rgb(39, 39, 39);
    font-size: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    line-height: 22px;
    border-radius: 50%;
    text-align: center;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    overflow: hidden
}

.avatarUserBadge::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    font-size: 12.32px;
    height: 1em;
    line-height: 1.2em;
    margin-left: 0.025em;
    margin-top: calc(50% - .55em)
}

.avatarUserBadge {
    position: absolute;
    bottom: -12px;
    left: 20px;
    background: rgb(54, 54, 54);
    border: 2px solid rgb(39, 39, 39);
    font-size: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    line-height: 22px;
    border-radius: 50%;
    text-align: center;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    overflow: hidden;
    display: inline-flex;
    justify-content: center
}

.avatarUserBadge.avatarUserBadge--1 {
    bottom: -10px;
    left: 10px
}

.avatarUserBadge.avatarUserBadge--2 {
    bottom: -10px;
    left: 30px
}

.message .messageSimple .comment .avatarHolder .avatarUserBadge {
    width: 16px;
    height: 16px;
    line-height: 15.5px;
    left: 8px;
    bottom: -10px
}

.message .messageSimple .comment .avatarHolder .avatarUserBadge.avatarUserBadge--1 {
    bottom: -9px;
    left: 0px
}

.message .messageSimple .comment .avatarHolder .avatarUserBadge.avatarUserBadge--2 {
    bottom: -9px;
    left: 16px
}

.message .messageSimple .comment .avatarHolder .avatarUserBadge::before {
    font-size: 10px
}

.xenOverlay.memberCard .avatarUserBadge {
    left: 35px;
    z-index: 1
}

.xenOverlay.memberCard .avatarUserBadge.avatarUserBadge--1 {
    left: 25px
}

.xenOverlay.memberCard .avatarUserBadge.avatarUserBadge--2 {
    left: 45px
}

.uniqEditorForm .avatarUserBadge {
    left: 35px
}

.avatarUserBadge .customUniqIcon {
    padding: 2px 0;
    text-align: center
}

.avatarUserBadge .customUniqIcon svg {
    width: 16px !important;
    height: 16px !important
}

@media (max-width:610px) {
    .memberCard .avatarUserBadge .customUniqIcon svg {
        width: 16px !important;
        height: 16px !important
    }

    .previewContainer .avatarUserBadge .customUniqIcon svg {
        width: 16px !important;
        height: 16px !important
    }

    .avatarUserBadge .customUniqIcon svg {
        width: 13px !important;
        height: 13px !important
    }
}

.comment .avatarUserBadge .customUniqIcon svg {
    width: 11px !important;
    height: 11px !important
}

.avatarUserBadge::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    display: inline-block;
    font-size: 12.32px
}

.avatarUserBadge.admin {
    background: rgb(150, 68, 72)
}

.avatarUserBadge.admin::before,
.avatarUserBadge.bot::before {
    content: '\f0ad'
}

.avatarUserBadge.Designer::before {
    content: '\f568'
}

.avatarUserBadge.headDesigner::before {
    content: '\f568'
}

.avatarUserBadge.editor::before {
    content: '\f303'
}

.avatarUserBadge.sponsor::before {
    content: '\f155'
}

.avatarUserBadge.coder::before {
    content: '\f7ea'
}

.avatarUserBadge.uniq_default::before,
.avatarUserBadge.Legend::before,
.avatarUserBadge.Ikarus::before {
    content: '\f004'
}

.avatarUserBadge.discord::before {
    content: '';
    background: url(https://nztcdn.com/files/e939d41c-8ab9-4bf4-a08d-67bae21c15b1.svg);
    width: 15px;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 15px
}

.avatarUserBadge.moder {
    background: #3d6b39
}

.avatarUserBadge.curator {
    background: #089c7ad9
}

.avatarUserBadge.moder::before,
.avatarUserBadge.main_moder::before,
.avatarUserBadge.curator::before {
    content: '\f0e7'
}

.avatarUserBadge.arbitr::before,
.avatarUserBadge.main_arbitr::before {
    content: '\f0e3'
}

.avatarUserBadge.telegramBot::before {
    content: '\f544'
}

.avatarUserBadge.telegramChat::before {
    content: '\f1d8';
    margin-left: 0 !important
}

@media(max-width:480px) {
    .Responsive .xenOverlay.memberCard .avatarUserBadge {
        left: 20px
    }

    .Responsive .xenOverlay.memberCard .avatarUserBadge.avatarUserBadge--1 {
        left: 10px
    }

    .Responsive .xenOverlay.memberCard .avatarUserBadge.avatarUserBadge--2 {
        left: 30px
    }

    .Responsive .message .avatarUserBadge {
        width: 18px;
        height: 18px;
        left: 8px;
        line-height: 17.5px;
        bottom: -9px
    }

    .Responsive .message .avatarUserBadge.avatarUserBadge--1 {
        bottom: -10px;
        left: 1px
    }

    .Responsive .message .avatarUserBadge.avatarUserBadge--2 {
        bottom: -10px;
        left: 15px
    }

    .Responsive .message .avatarUserBadge::before {
        font-size: 10.32px
    }

    .Responsive .message .messageSimple .comment .avatarHolder .avatarUserBadge.avatarUserBadge--1 {
        bottom: -8px
    }

    .Responsive .message .messageSimple .comment .avatarHolder .avatarUserBadge.avatarUserBadge--2 {
        bottom: -8px
    }

    .Responsive .avatarUserBadge .customUniqIcon {
        padding: 2px 0
    }
}

.message .appealBox {
    margin: 15px 0 0;
    background: rgb(54, 54, 54);
    padding: 15px 20px;
    border-radius: 10px;
    font-weight: 600
}

.userIsBanned-notice {
    padding: 0 20px;
    font-size: 13px;
    background: rgb(54, 54, 54);
    overflow: hidden;
    margin: -15px -15px 15px;
    line-height: 45px;
    font-weight: 600
}

.message .privateControls .item.InlineModCheck {
    margin-top: 2px
}

.EditPostMessage:hover {
    cursor: pointer;
    color: rgb(214, 214, 214)
}

.button.primary.safeDealButton {
    color: #f5f5f5
}

.safeDealIcon::before {
    width: 18.5px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='61' viewBox='0 0 51 61' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.9945 1.75502C13.6668 0.767121 17.9201 0.225666 22.378 0.0499316C29.7748 -0.239792 37.7859 0.729124 46.9068 3.01366C48.2593 3.35564 50.7694 4.02532 50.798 4.05381C50.8074 4.06332 50.836 4.39579 50.8598 4.7995C51.0837 8.36642 51.0361 13.021 50.7408 16.3362C50.3502 20.6868 49.5596 25.0422 48.4833 28.7563C48.4705 28.807 48.4452 28.8955 48.4198 28.9841C48.407 29.0284 48.3944 29.0729 48.3832 29.1126C48.3499 29.2313 48.307 29.3785 48.2831 29.445C48.2758 29.471 48.2581 29.5289 48.2345 29.6063C48.1978 29.7269 48.1467 29.8946 48.0974 30.0625C48.055 30.203 48.0039 30.3662 47.9463 30.5458C45.868 29.476 43.5238 28.8741 41.0434 28.8741C32.4896 28.8741 25.5554 36.0313 25.5554 44.8601C25.5554 49.5884 27.5442 53.8373 30.7057 56.7641C29.4528 57.8377 28.1437 58.8686 26.7789 59.8564C25.7359 60.6116 25.5692 60.6924 25.3216 60.5879C25.0263 60.4644 22.4543 58.5503 21.235 57.5434C18.6059 55.3776 15.9196 52.7273 13.8002 50.2006C6.21776 41.1717 1.63114 29.9722 0.349934 17.3526C0.0546377 14.4032 -0.0263306 12.4606 0.00700927 8.97437C0.0403492 5.93939 0.12608 4.23905 0.249914 4.16781C0.292779 4.14405 0.32612 4.09656 0.32612 4.05857C0.32612 4.02057 0.397562 3.97307 0.483293 3.94933C4.16974 2.88067 6.42732 2.30123 8.9945 1.75502ZM50.7313 4.72351C50.7313 4.88024 50.7408 4.93724 50.7503 4.85174C50.7599 4.76625 50.7599 4.63801 50.7503 4.56677C50.7408 4.49553 50.7313 4.56677 50.7313 4.72351ZM50.7789 5.43594C50.7789 5.61643 50.7885 5.68767 50.798 5.58793C50.8074 5.49293 50.8074 5.34095 50.798 5.25546C50.7885 5.17471 50.7789 5.25071 50.7789 5.43594ZM50.8265 6.48085C50.8265 6.68982 50.836 6.77057 50.8456 6.65658C50.8551 6.54734 50.8551 6.37636 50.8456 6.27661C50.836 6.18162 50.8265 6.27187 50.8265 6.48085ZM50.8789 7.78698C50.8789 8.16694 50.8884 8.31893 50.8931 8.12894C50.9028 7.94371 50.9028 7.63024 50.8931 7.44026C50.8884 7.25503 50.8789 7.40701 50.8789 7.78698ZM50.8646 11.2827C50.8646 11.3349 50.8789 11.3492 50.8931 11.3112C50.9075 11.2779 50.9028 11.2352 50.8884 11.2209C50.8742 11.2019 50.8598 11.2304 50.8646 11.2827ZM50.8789 12.0853C50.8789 12.4748 50.8884 12.6315 50.8931 12.4273C50.9028 12.2231 50.9028 11.9048 50.8931 11.7149C50.8884 11.5249 50.8789 11.6911 50.8789 12.0853ZM50.8265 13.3203C50.8265 13.5006 50.836 13.572 50.8456 13.4722C50.8551 13.3773 50.8551 13.2252 50.8456 13.1397C50.836 13.059 50.8265 13.135 50.8265 13.3203ZM50.7789 14.3176C50.7789 14.4981 50.7885 14.5693 50.798 14.4697C50.8074 14.3746 50.8074 14.2227 50.798 14.1371C50.7885 14.0564 50.7789 14.1323 50.7789 14.3176ZM50.7313 14.9826C50.7313 15.1108 50.7408 15.1631 50.7503 15.087C50.7599 15.0158 50.7599 14.9114 50.7503 14.8496C50.7408 14.7926 50.7313 14.8496 50.7313 14.9826ZM50.6837 15.695C50.6837 15.8517 50.6932 15.9087 50.7026 15.8232C50.7122 15.7378 50.7122 15.6096 50.7026 15.5382C50.6932 15.467 50.6837 15.5382 50.6837 15.695ZM50.636 16.2174C50.636 16.322 50.6455 16.3599 50.6551 16.2981C50.6646 16.2413 50.6646 16.1557 50.6551 16.1082C50.6408 16.0655 50.6313 16.1129 50.636 16.2174ZM50.5884 16.8111C50.5884 16.9298 50.598 16.9774 50.6074 16.9156C50.6169 16.8586 50.6169 16.7637 50.6074 16.7019C50.598 16.6449 50.5884 16.6925 50.5884 16.8111ZM50.536 17.2861C50.536 17.3763 50.5456 17.4144 50.5598 17.3668C50.5694 17.3242 50.5694 17.2481 50.5598 17.2007C50.5456 17.1579 50.536 17.1958 50.536 17.2861ZM50.4884 17.8085C50.4884 17.8989 50.4979 17.9368 50.5121 17.8892C50.5217 17.8466 50.5217 17.7706 50.5121 17.7231C50.4979 17.6803 50.4884 17.7184 50.4884 17.8085ZM50.4408 18.1648C50.4408 18.2408 50.4502 18.2692 50.4646 18.2218C50.4741 18.179 50.4741 18.1125 50.4646 18.0792C50.4502 18.0508 50.4408 18.084 50.4408 18.1648ZM50.3931 18.6397C50.3931 18.7157 50.4026 18.7442 50.4169 18.6967C50.4264 18.6539 50.4264 18.5874 50.4169 18.5543C50.4026 18.5257 50.3931 18.559 50.3931 18.6397ZM50.3454 18.9485C50.3454 19.0149 50.3551 19.0386 50.3693 19.0055C50.3789 18.9769 50.3789 18.92 50.3693 18.8867C50.3551 18.8583 50.3454 18.882 50.3454 18.9485ZM50.2979 19.3996C50.2979 19.4756 50.3074 19.5042 50.3216 19.4567C50.3312 19.4139 50.3312 19.3474 50.3216 19.3142C50.3074 19.2856 50.2979 19.3189 50.2979 19.3996ZM50.2503 19.7084C50.2503 19.7749 50.2597 19.7986 50.2741 19.7654C50.2836 19.7368 50.2836 19.68 50.2741 19.6466C50.2597 19.6182 50.2503 19.6419 50.2503 19.7084ZM50.1549 20.3733C50.1549 20.4398 50.1645 20.4636 50.1788 20.4303C50.1882 20.4018 50.1882 20.3448 50.1788 20.3115C50.1645 20.2831 50.1549 20.3068 50.1549 20.3733ZM50.0597 20.9908C50.0597 21.0572 50.0692 21.0811 50.0836 21.0478C50.0931 21.0193 50.0931 20.9623 50.0836 20.929C50.0692 20.9006 50.0597 20.9243 50.0597 20.9908ZM49.9597 21.5891C49.9597 21.6414 49.974 21.6558 49.9883 21.6177C50.0026 21.5844 49.9977 21.5418 49.9835 21.5275C49.9692 21.5084 49.9549 21.537 49.9597 21.5891ZM49.8645 22.1591C49.8645 22.2114 49.8787 22.2256 49.8931 22.1877C49.9073 22.1544 49.9025 22.1117 49.8882 22.0974C49.874 22.0784 49.8596 22.107 49.8645 22.1591ZM49.7692 22.6817C49.7692 22.7338 49.7835 22.7481 49.7977 22.7101C49.8121 22.6769 49.8072 22.6341 49.793 22.6199C49.7787 22.6008 49.7644 22.6294 49.7692 22.6817Z' fill='white'/%3E%3Cpath d='M41.11 56.4224C39.0209 56.4224 37.2564 55.9558 35.8163 55.0229C34.3764 54.0899 33.3521 52.802 32.7437 51.1592L36.3335 49.06C37.165 51.2302 38.7978 52.3153 41.2316 52.3153C42.3674 52.3153 43.2193 52.1124 43.7871 51.7068C44.3551 51.3011 44.639 50.7536 44.639 50.0639C44.639 49.3135 44.3044 48.7355 43.6351 48.3298C42.9657 47.9039 41.769 47.4476 40.0451 46.9608C38.1792 46.3929 36.7087 45.7338 35.6338 44.9833C34.2953 43.9895 33.6259 42.5292 33.6259 40.6025C33.6259 38.6554 34.3054 37.124 35.6643 36.0085C37.0231 34.8525 38.6761 34.2744 40.6232 34.2744C42.3269 34.2744 43.8378 34.6902 45.1563 35.5217C46.4746 36.3533 47.4987 37.5297 48.2289 39.0509L44.6999 41.0892C43.848 39.2638 42.4891 38.3511 40.6232 38.3511C39.7714 38.3511 39.0919 38.554 38.5849 38.9596C38.0778 39.3449 37.8243 39.852 37.8243 40.4807C37.8243 41.15 38.0981 41.6976 38.6457 42.1235C39.2541 42.5495 40.3291 42.9956 41.8706 43.4621L43.3308 43.949C43.5945 44.0301 44.0508 44.2024 44.6999 44.4662C45.3083 44.6892 45.7545 44.9022 46.0385 45.105C47.0323 45.7135 47.7016 46.3422 48.0464 46.9913C48.5737 47.8431 48.8375 48.847 48.8375 50.0031C48.8375 51.9705 48.1174 53.5322 46.6773 54.6882C45.2374 55.8443 43.3815 56.4224 41.11 56.4224Z' fill='white'/%3E%3C/svg%3E")
}

.thankAuthorBox {
    background: rgb(45, 45, 45);
    padding: 15px 20px;
    font-weight: 600;
    border-radius: 10px;
    margin: 30px 0 15px
}

.btnThanksAuthor {
    font-size: 13px;
    color: #E7F5F5;
    text-decoration: none;
    background-color: #20915F;
    background-position: center;
    padding: 0px 15px;
    border-style: none;
    border-radius: 6px;
    user-select: none;
    font-style: normal;
    text-align: center;
    outline: none;
    line-height: 34px;
    display: flex;
    width: max-content;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: top;
    -webkit-appearance: none !important;
    font-weight: 600;
    transition: background 0.8s;
    overflow: hidden;
    height: 34px;
    margin-top: 20px
}

.btnThanksAuthor:hover {
    text-decoration: none
}

.thankAuthorTitle {
    color: #FFF;
    font-size: 16px;
    font-weight: 600
}

.thankAuthorDiscrip {
    color: #D6D6D6;
    font-size: 13px;
    font-weight: 400;
    margin-top: 8px
}

.thankAuthorButtonIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px
}

.message .userText .scamNotice:after {
    margin-right: 0px
}

.conversationMessages .message .bbCodeQuote {
    margin: 15px 0 10px
}

.messageContent .lztSv--costButton {
    margin: 10px 0
}

.messageContent .lztSv--costButton:hover,
.messageContent .lztSv--costButton:focus {
    text-decoration: none
}

.message .messageDateHeader {
    display: none
}

.message .userText .userCounter {
    opacity: 0;
    display: inline-block;
    transition: opacity .1s ease-in-out
}

.message:hover .userText .userCounter {
    opacity: 1
}

.message .userText .userCounterIcon {
    font-size: 12px;
    color: rgb(82, 80, 80);
    margin-right: 6px
}

.message .privateControls .item.InlineModCheck {
    margin-right: 10px
}

.message .userOnlineNow {
    font-size: 11.5px;
    font-weight: 600;
    padding: 2px .6em;
    margin-right: 6px;
    background: rgb(34, 142, 93);
    border-radius: 4px;
    color: #f5f5f5;
    margin-bottom: 6px;
    display: inline-block
}

.message:not(.firstPost) .messageText img:not(.mceSmilie):not(.contentFavicon) {
    max-height: 200px;
    margin: 15px 0
}

.messageText .button:hover,
.messageText .button:focus {
    text-decoration: none
}

.as--class {
    font-weight: 600;
    padding: 1px 0.6em 2px;
    background: rgb(80, 80, 80);
    border-radius: 4px;
    font-size: 11.5px;
    white-space: nowrap;
    display: inline-block
}

.as--class.responder {
    background: rgb(138, 65, 65);
    color: #f5f5f5
}

.message .userText .item {
    margin-right: 10px
}

.message .userStatus {
    margin: 5px 0 0;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom
}

.message .userStatus.banned {
    word-break: unset
}

.message .onlineMarker {
    border-radius: 50%;
    display: inline-block;
    background: rgb(34, 142, 93);
    width: 10px;
    height: 10px
}

.message .postActionButton {
    right: 0;
    position: absolute;
    top: -4px
}

.userIsBanned-notice .icon {
    margin-right: 15px;
    color: rgb(136, 68, 68);
    font-size: 20px;
    float: left;
    line-height: 45px
}

.userMentionTooltip {
    display: none
}

.cheatCsgo {
    font-size: 18px;
    background: rgb(54, 54, 54);
    padding: 15px 20px;
    margin: 15px 0 0
}

.message .signature.adminSignature {
    max-height: 270px
}

.signature img {
    max-height: 250px
}

.contactToSellerButtons {
    margin: 0 0 15px
}

.contactToSellerButtons .fa-telegram-plane {
    color: #08c;
    font-size: 20px;
    vertical-align: middle
}

.contactToSellerButtons .writeToSellerIcon {
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(148, 148, 148)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: middle;
    background-size: 100%
}

.contactToSellerButtons .writeTop2pOrderIcon {
    width: 22px;
    height: 22px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 6L8 4M8 4L6 2M8 4H6C3.79086 4 2 5.79086 2 8M18 18L16 20M16 20L18 22M16 20H18C20.2091 20 22 18.2091 22 16M13.4172 13.4172C14.1994 13.7908 15.0753 14 16 14C19.3137 14 22 11.3137 22 8C22 4.68629 19.3137 2 16 2C12.6863 2 10 4.68629 10 8C10 8.92472 10.2092 9.80057 10.5828 10.5828M14 16C14 19.3137 11.3137 22 8 22C4.68629 22 2 19.3137 2 16C2 12.6863 4.68629 10 8 10C11.3137 10 14 12.6863 14 16Z" stroke="%23949494" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: inline-block;
    vertical-align: middle;
    background-size: 100%
}

.contactToSellerButtons .button {
    margin: 15px 8px 0 0;
    height: 40px;
    line-height: 40px;
    color: inherit;
    border-radius: 6px
}

.contactToSellerButtons .contact.wide .data,
.contactToSellerButtons .contact.full .data {
    max-width: 200px
}

.contactToSellerButtons .item {
    margin-right: 8px
}

.hasChangedContactsWarning {
    padding: 10px;
    background: rgb(54, 54, 54);
    margin: -15px -15px 15px
}

.mod-button:hover div {
    visibility: visible;
    left: 148px
}

.mod-box {
    z-index: 100;
    position: absolute;
    opacity: .9;
    left: -1000px;
    visibility: hidden
}

.mod-box-main {
    display: block;
    margin-top: 10px;
    background: #202020;
    padding: 5px 15px;
    overflow: hidden
}

.mod-box-icon {
    border: 7px solid transparent;
    border-bottom: 9px solid #202020;
    display: block;
    margin: -6px 13px;
    width: 0;
    height: 0;
    position: absolute
}

.messageList {}

.messageList .message {
    background-color: rgb(39, 39, 39);
    padding: 15px 20px;
    border-top: 1px solid rgb(45, 45, 45);
    display: flex;
    flex-wrap: wrap
}

    {
    xen: helper clearfix, '.messageList .message'
}

.privateControls,
.publicControls {
    display: inline-block
}

.message .messageInfo:not(.messageArticle .messageInfo) {
    padding: 0 0 0 20px;
    word-wrap: break-word;
    position: relative;
    box-sizing: border-box;
    flex: 1 auto;
    width: calc(100% - 66px);
    zoom: 1
}

.message .messageContent {
    *zoom: 1;
    width: 100%
}

.message .messageTextEndMarker {
    height: 0;
    font-size: 0;
    overflow;
    hidden
}

.message .signature {
    font-size: 12px;
    color: rgb(148, 148, 148);
    padding: 10px 0;
    margin: 10px 0 0;
    border-top: 1px solid rgb(45, 45, 45);
    max-height: 180px;
    overflow: hidden
}

.message .signature.adminSignature {
    max-height: 300px
}

.message .messageMeta {
    margin: 10px 0 0;
    overflow: hidden;
    zoom: 1;
    width: 100%
}

.message.placeholder .messageMeta {
    margin: 15px 0 0
}

.message .publicControls {
    float: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.message .privateControls .item:last-child {}

.message .item:hover {
    text-decoration: none
}

.message .publicControls .item {
    margin-left: 21px;
    padding: 0 3px;
    line-height: 22px
}

.message .item>.icon,
.message .publicControls .item.svgIcon.translateIcon::before {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    float: left
}

.message .item>.hiddenReplyIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(148, 148, 148)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'%3E%3C/path%3E%3Cline x1='1' y1='1' x2='23' y2='23'%3E%3C/line%3E%3C/svg%3E")
}

.message .item:hover .hiddenReplyIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(0, 186, 120)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'%3E%3C/path%3E%3Cline x1='1' y1='1' x2='23' y2='23'%3E%3C/line%3E%3C/svg%3E")
}

.message .item:hover .likeCounterIcon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.73 2C14.86 2 13.21 2.80925 12 4.31214C10.79 2.80925 9.14 2 7.27 2C3.86 2 1 5.00578 1 8.5896C1 8.82081 1 9.05202 1 9.28329C1.44 14.7167 6.94 19.2254 10.13 21.422C10.68 21.7688 11.34 22 12 22C12.66 22 13.32 21.7688 13.87 21.422C17.06 19.2254 22.56 14.7167 23 9.39882C23 9.16765 23 8.93641 23 8.7052C23 5.00578 20.14 2 16.73 2ZM20.8 9.05202C20.47 13.6764 14.97 17.8381 12.66 19.3411C12.22 19.5722 11.78 19.5722 11.34 19.3411C9.03 17.7226 3.64 13.5607 3.2 8.93641C3.2 8.93641 3.2 8.7052 3.2 8.5896C3.2 6.27746 5.07 4.31214 7.27 4.31214C8.92 4.31214 10.35 5.3526 11.01 6.85549C11.12 7.31792 11.56 7.54913 12 7.54913C12.44 7.54913 12.88 7.31792 12.99 6.85549C13.65 5.3526 15.08 4.31214 16.73 4.31214C18.93 4.31214 20.8 6.27746 20.8 8.5896C20.8 8.7052 20.8 8.93641 20.8 9.05202Z' fill='%2300BA78'/%3E%3C/svg%3E%0A")
}

.message .item.unlike .likeCounterIcon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7143 2C14.8285 2 13.1524 2.89386 12 4.34636C10.8476 2.89386 9.06666 2 7.18096 2C3.82857 2 1 5.01676 1 8.59218C1 8.81565 1 9.03911 1 9.26256C1.41905 14.7374 6.86666 19.3185 10.1143 21.4413C10.6381 21.7766 11.2666 22 12 22C12.6285 22 13.2572 21.7766 13.8857 21.4413C17.1334 19.2067 22.5809 14.7374 23 9.26256C23 9.03911 23 8.81565 23 8.59218C23 5.01676 20.1715 2 16.7143 2Z' fill='%2300BA78'/%3E%3C/svg%3E%0A")
}

.message .item:hover .postCounterIcon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 5.66667C1 3.11438 3.11438 1 5.66667 1H18.3333C20.8856 1 23 3.11438 23 5.66667V13.7778C23 16.3301 20.8856 18.4444 18.3333 18.4444H10.1111C9.07144 18.4444 8.17945 18.7265 7.48889 19.2444L7.47706 19.2532L2.58817 22.8087C2.28399 23.03 1.88139 23.0618 1.54622 22.8911C1.21105 22.7204 1 22.3761 1 22V5.66667ZM3 20.0362L6.29505 17.6398C7.38113 16.8276 8.70899 16.4444 10.1111 16.4444H18.3333C19.781 16.4444 21 15.2255 21 13.7778V5.66667C21 4.21895 19.781 3 18.3333 3H5.66667C4.21895 3 3 4.21895 3 5.66667V20.0362Z' fill='%2300BA78'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00006 7C6.00006 6.44772 6.44777 6 7.00006 6H17.0001C17.5524 6 18.0001 6.44772 18.0001 7C18.0001 7.55228 17.5524 8 17.0001 8H7.00006C6.44777 8 6.00006 7.55228 6.00006 7Z' fill='%2300BA78'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00006 11.9999C6.00006 11.4476 6.44777 10.9999 7.00006 10.9999H12.0001C12.5524 10.9999 13.0001 11.4476 13.0001 11.9999C13.0001 12.5522 12.5524 12.9999 12.0001 12.9999H7.00006C6.44777 12.9999 6.00006 12.5522 6.00006 11.9999Z' fill='%2300BA78'/%3E%3C/svg%3E%0A")
}

.message a.like:hover .like2Icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21C2.4 21 2 20.6 2 20V11C2 10.4 2.4 10 3 10C3.6 10 4 10.4 4 11V20C4 20.6 3.6 21 3 21Z' fill='%2300BA78'/%3E%3Cpath d='M16.2759 22H8.0396C6.37272 22 5 20.6 5 18.9V10.5C5 9.4 5.39221 8.4 6.07857 7.5L10.0006 3C10.5889 2.4 11.4714 2 12.4519 2C13.5305 2 14.4129 2.5 15.0013 3.3C15.5896 4.2 15.7857 5.2 15.4915 6.2L14.9032 8.1H19.0214C20.0019 8.1 20.8843 8.5 21.3746 9.3C21.9629 10.1 22.159 11.1 21.8649 12L19.8058 19.1C19.3155 20.9 17.9428 22 16.2759 22ZM7.64739 8.9C7.25518 9.4 7.05908 9.9 7.05908 10.5V18.9C7.05908 19.5 7.54934 20 8.13765 20H16.374C17.1584 20 17.8447 19.5 18.0408 18.7L20.0019 11.6C20.0999 11.3 20.0019 10.9 19.8058 10.6C19.6097 10.3 19.3155 10.2 19.0214 10.2H13.5305C13.2363 10.2 12.9422 10 12.7461 9.8C12.55 9.6 12.55 9.2 12.648 8.9L13.7266 5.6C13.8246 5.2 13.8246 4.8 13.5305 4.5C13.1383 3.9 12.1578 3.8 11.6675 4.4L7.64739 8.9Z' fill='%2300BA78'/%3E%3C/svg%3E%0A")
}

.message .item.unlike .like2Icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9C2.4 9 2 9.40336 2 10.0084V19.9916C2 20.5966 2.4 21 3 21C3.6 21 4 20.5966 4 19.9916V10.0084C4 9.40336 3.6 9 3 9Z' fill='%2300BA78'/%3E%3Cpath d='M19.7013 8.86869H13.4583L14.6666 5.23232C15.1701 3.71717 13.9618 2 12.25 2C11.5451 2 10.8403 2.30303 10.4375 2.80808L6.00694 7.85859C5.40278 8.56566 5 9.47475 5 10.3838V19.6768C5 20.9899 6.00694 22 7.31596 22H16.6805C17.9895 22 19.1979 21.0909 19.6006 19.7778L21.9166 11.899C22.3194 10.3838 21.2117 8.86869 19.7013 8.86869Z' fill='%2300BA78'/%3E%3C/svg%3E%0A")
}

.message .item .userTagIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(148, 148, 148)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Ccircle cx='12' cy='12' r='4'%3E%3C/circle%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'%3E%3C/path%3E%3C/svg%3E")
}

.message .item:hover .userTagIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(0, 186, 120)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Ccircle cx='12' cy='12' r='4'%3E%3C/circle%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'%3E%3C/path%3E%3C/svg%3E")
}

.message .item:hover>.icon {
    filter: none
}

.message .item.ReplyQuote>.replyText {
    display: none
}

.message .item span.LikeLabel:empty {
    display: none
}

.message .item span.LikeLabel:blank {
    display: none
}

.message .item span.LikeLabel:-moz-only-whitespace {
    display: none
}

.message .item .LikeLabel {
    margin: 0 0 0 7px;
    font-weight: 600;
    display: inline-block;
    font-size: 14px;
    color: rgb(214, 214, 214)
}

.message .privateControls .item {
    margin-right: 5px;
    float: left
}

.message .publicControls .MultiQuoteControl {
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 2px;
    margin-left: 6px;
    margin-right: -4px
}

.message .publicControls .MultiQuoteControl.active {
    background-color: rgb(48, 48, 48)
}

.messageDeletedIcon {
    color: rgb(136, 68, 68)
}

.messageModeratedIcon {
    color: #769fff
}

.message .likesSummary {
    font-size: 13px;
    padding: 8px 10px;
    margin-top: 10px
}

.messageList .InlineModChecked {
    background: rgb(45, 45, 45)
}

.messageList .InlineModChecked .messageSimple .comment {
    background: rgb(45, 45, 45)
}

.messageSimple .comment .messageText img {
    max-height: 120px
}

.messageList .newMessagesNotice {
    margin: 0px auto;
    padding: 10px;
    background: url(rgba.php?r=35&g=168&b=109&a=0);
    background: rgba(35, 168, 109, 0.56);
    _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0023A86D, endColorstr=#0023A86D);
    font-size: 11px;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    left: 0;
    text-align: center
}

.messageList .message:first-of-type {
    border-top: none
}

.messageList .placeholder .placeholderContent {
    overflow: hidden;
    zoom: 1;
    display: flex
}

.messageList .message.placeholder {
    display: block
}

.postsRemaining a,
a.postsRemaining {
    color: rgb(148, 148, 148)
}

.contact .data {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    user-select: all
}

@media (max-width:1024px) {
    .Responsive .message .messageMeta {
        border: 0;
        padding: 0;
        margin: 5px 0 0
    }

    .Responsive .message .newIndicator {
        margin-right: 0;
        border-top-right-radius:
    }

    .Responsive .messageContent article {
        min-height: 0
    }

    .Responsive .message .newIndicator span {
        display: none
    }
}

@media (max-width: 600px) {
    .Responsive .contactToSellerButtons {
        margin: 15px 0;
        display: block
    }

    .Responsive #converstationBtn {
        width: 100%
    }

    .Responsive .contact.wide {
        margin-top: 6px
    }

    .Responsive .message .userCounters {
        display: block;
        margin: 5px 0
    }

    .Responsive .message .userText .userCounter {
        opacity: 1
    }

    .Responsive .messageList .message {
        padding: 10px 15px
    }

    .Responsive .message .messageInfo {
        padding: 0 0 0 15px
    }

    .Responsive .message .messageInfo:not(.messageArticle .messageInfo) {
        width: calc(100% - 66px)
    }

    .Responsive .message .messageContent {
        min-height: 0
    }

    .Responsive .message .newIndicator {
        margin-right: -5px;
        margin-top: -16px
    }

    .Responsive .message .postNumber,
    .Responsive .message .authorEnd {
        display: none
    }

    .Responsive .message .signature {
        display: none
    }

    .Responsive .messageList .placeholder a.avatar {
        margin-right: 10px
    }

    .Responsive .message .publicControls .item {
        margin-left: 0;
        margin-right: 13px
    }

    .Responsive .message .item>.icon,
    .Responsive .message .publicControls .item.svgIcon.translateIcon::before {
        background-size: 100%;
        width: 20px;
        height: 20px
    }

    .Responsive .message .publicControls .item:last-of-type {
        margin-right: 8px
    }

    .Responsive .message .postActionButton {
        position: relative;
        float: right;
        margin-left: 10px
    }

    .Responsive .message .messageEditedNotice,
    .Responsive .message .messageDateInBottom {
        display: none
    }

    .Responsive .message .messageDateHeader {
        display: inline-block
    }

    .Responsive .message .contactToSellerButtons .button {
        margin: 0 0 8px;
        width: 100%
    }
}

@media(max-width:480px) {
    .Responsive .message .userStatus {
        display: none
    }

    .Responsive .simpleRedactor .aboveRedactorBox {
        padding: 5px 15px 8px;
        max-height: 80px;
        margin: 0;
        border-bottom: 1px solid rgb(45, 45, 45)
    }

    .Responsive .contact .data {
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-overflow: none;
        user-select: all;
        width: 100%
    }
}

@media (max-width: 767px) {
    .bbCodeSpoilerButton.button.oldContacts {
        white-space: pre-wrap !important;
        height: 110px;
        word-break: break-word
    }
}

.button.claim.appealButton {
    width: 155px;
    height: 34px;
    margin-top: 11px
}

.deposit_green {
    background: #2B3A35
}

.deposit_green:hover {
    background: #28453b
}

.deposit_red {
    background: #432c2c
}

.deposit_red:hover {
    background: #4f3434
}

.message_warning_message_block {
    padding: 12px;
    margin-bottom: 12px;
    background-color: #323232;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center
}

.message_warning_message_block_content {
    font-size: 13px;
    font-weight: bold;
    line-height: 150%
}

.message_warning_message_block_title {
    color: #949494;
    line-height: 150%
}

@media (max-width: 480px) {
    .message_warning_message_block {
        align-items: flex-start
    }
}

.message_warning_message_icon img {
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat
}

.message_warning_message_text_group {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.message_warning_message_icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    display: flex;
    background-color: #404040;
    border-radius: 50%;
    justify-content: center;
    align-items: center
}

.deposit_message_header {
    width: 100%;
    margin-bottom: 10px;
    padding: 4px 0px;
    height: auto
}

.messageInfo .sticky {
    margin: 0 0 0 4px
}

.messageSimple {
    background: rgb(39, 39, 39);
    padding: 0;
    overflow: hidden;
    zoom: 1;
    margin: 10px 0;
    border-radius: 10px
}

.messageSimple .item:hover .hiddenReplyIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(0, 186, 120)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'%3E%3C/path%3E%3Cline x1='1' y1='1' x2='23' y2='23'%3E%3C/line%3E%3C/svg%3E")
}

.messageSimple .item>.hiddenReplyIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(148, 148, 148)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'%3E%3C/path%3E%3Cline x1='1' y1='1' x2='23' y2='23'%3E%3C/line%3E%3C/svg%3E")
}

.message .messageSimple>.comment .avatarHolder {
    float: left;
    position: relative
}

.messageSimple .bbCodeQuote iframe,
.bbCodeQuote .fb_iframe_widget,
.messageSimple .bbCodeQuote object,
.messageSimple .bbCodeQuote embed {
    max-width: 100%;
    max-height: none
}

.messageSimple .bbCodeQuote iframe.coubIframe,
.messageSimple .comment iframe.coubIframe,
.messageSimple .bbCodeQuote iframe.youtubeFrame,
.messageSimple .comment iframe.youtubeFrame {
    max-width: 100%
}

.messageSimple .bbCodeQuote .quoteContainer .quote.noQuote {
    max-height: 450px
}

.messageSimple .bbCodeQuote .quoteContainer.expanded .quote.noQuote {
    max-height: none
}

.messageSimple .bbCodeHide.bbCodeQuote.bbCodeHide {
    border: 5px solid rgb(45, 45, 45)
}

.messageSimple li:last-of-type {
    border-bottom: 0
}

.TagCommentUser {
    margin: 0 0 0 8px
}

.TagCommentUser:hover {
    text-decoration: underline;
    cursor: pointer
}

.commentSubmit {
    display: none;
    padding: 0 5px 0 20px
}

.commentSubmit .avatar img {
    width: 40px;
    height: 40px
}

.commentSubmit .SubmitCommentButton {
    display: none
}

.messageSimple .messageMeta .item {
    padding: 0 3px;
    line-height: 24px
}

.messageSimple .comment .messageNotices {
    display: inline-block
}

.messageSimple .item>.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    float: left
}

.messageSimple .item:hover>.icon {
    filter: none
}

.messageSimple .comment .item>.icon {
    width: 18px;
    height: 18px;
    background-size: 18px 18px
}

.messageSimple a.like:hover .like2Icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21C2.4 21 2 20.6 2 20V11C2 10.4 2.4 10 3 10C3.6 10 4 10.4 4 11V20C4 20.6 3.6 21 3 21Z' fill='%2300BA78'/%3E%3Cpath d='M16.2759 22H8.0396C6.37272 22 5 20.6 5 18.9V10.5C5 9.4 5.39221 8.4 6.07857 7.5L10.0006 3C10.5889 2.4 11.4714 2 12.4519 2C13.5305 2 14.4129 2.5 15.0013 3.3C15.5896 4.2 15.7857 5.2 15.4915 6.2L14.9032 8.1H19.0214C20.0019 8.1 20.8843 8.5 21.3746 9.3C21.9629 10.1 22.159 11.1 21.8649 12L19.8058 19.1C19.3155 20.9 17.9428 22 16.2759 22ZM7.64739 8.9C7.25518 9.4 7.05908 9.9 7.05908 10.5V18.9C7.05908 19.5 7.54934 20 8.13765 20H16.374C17.1584 20 17.8447 19.5 18.0408 18.7L20.0019 11.6C20.0999 11.3 20.0019 10.9 19.8058 10.6C19.6097 10.3 19.3155 10.2 19.0214 10.2H13.5305C13.2363 10.2 12.9422 10 12.7461 9.8C12.55 9.6 12.55 9.2 12.648 8.9L13.7266 5.6C13.8246 5.2 13.8246 4.8 13.5305 4.5C13.1383 3.9 12.1578 3.8 11.6675 4.4L7.64739 8.9Z' fill='%2300BA78'/%3E%3C/svg%3E%0A")
}

.messageSimple .item.unlike .like2Icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9C2.4 9 2 9.40336 2 10.0084V19.9916C2 20.5966 2.4 21 3 21C3.6 21 4 20.5966 4 19.9916V10.0084C4 9.40336 3.6 9 3 9Z' fill='%2300BA78'/%3E%3Cpath d='M19.7013 8.86869H13.4583L14.6666 5.23232C15.1701 3.71717 13.9618 2 12.25 2C11.5451 2 10.8403 2.30303 10.4375 2.80808L6.00694 7.85859C5.40278 8.56566 5 9.47475 5 10.3838V19.6768C5 20.9899 6.00694 22 7.31596 22H16.6805C17.9895 22 19.1979 21.0909 19.6006 19.7778L21.9166 11.899C22.3194 10.3838 21.2117 8.86869 19.7013 8.86869Z' fill='%2300BA78'/%3E%3C/svg%3E%0A")
}

.messageSimple .item:hover .postCounterIcon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 5.66667C1 3.11438 3.11438 1 5.66667 1H18.3333C20.8856 1 23 3.11438 23 5.66667V13.7778C23 16.3301 20.8856 18.4444 18.3333 18.4444H10.1111C9.07144 18.4444 8.17945 18.7265 7.48889 19.2444L7.47706 19.2532L2.58817 22.8087C2.28399 23.03 1.88139 23.0618 1.54622 22.8911C1.21105 22.7204 1 22.3761 1 22V5.66667ZM3 20.0362L6.29505 17.6398C7.38113 16.8276 8.70899 16.4444 10.1111 16.4444H18.3333C19.781 16.4444 21 15.2255 21 13.7778V5.66667C21 4.21895 19.781 3 18.3333 3H5.66667C4.21895 3 3 4.21895 3 5.66667V20.0362Z' fill='%2300BA78'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00006 7C6.00006 6.44772 6.44777 6 7.00006 6H17.0001C17.5524 6 18.0001 6.44772 18.0001 7C18.0001 7.55228 17.5524 8 17.0001 8H7.00006C6.44777 8 6.00006 7.55228 6.00006 7Z' fill='%2300BA78'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00006 11.9999C6.00006 11.4476 6.44777 10.9999 7.00006 10.9999H12.0001C12.5524 10.9999 13.0001 11.4476 13.0001 11.9999C13.0001 12.5522 12.5524 12.9999 12.0001 12.9999H7.00006C6.44777 12.9999 6.00006 12.5522 6.00006 11.9999Z' fill='%2300BA78'/%3E%3C/svg%3E%0A")
}

.messageSimple .item div.LikeLabel:empty {
    display: none
}

.messageSimple .item div.LikeLabel:blank {
    display: none
}

.messageSimple .item div.LikeLabel:-moz-only-whitespace {
    display: none
}

.messageSimple .item .LikeLabel {
    margin: 0 0 0 7px;
    font-weight: 600;
    display: inline-block;
    font-size: 14px
}

.post-poster {
    display: block
}

.post-actions>.dottes-style {
    color: rgb(0, 186, 120)
}

post-actions>.dottes-style:hover {
    color: rgb(214, 214, 214)
}

.post-header>.post-actions {
    background: none
}

.comment-options {
    opacity: 0.5
}

.comment-options>a:hover {
    opacity: 1
}

.post-footer {
    border-top: 1px solid rgb(45, 45, 45)
}

.post-actions {
    position: absolute;
    top: 20px;
    right: 18px
}

.post-header {
    padding: 15px 20px 0;
    min-height: 50px;
    position: relative
}

.messageSimple .messageMeta {
    padding: 11px 0;
    margin: 0 20px;
    border-top: 1px solid rgb(45, 45, 45)
}

.message-text {
    padding: 8px 20px 19px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden
}

.messageSimpleList .messageSimple.InlineModChecked {
    background-color: rgb(54, 54, 54)
}

.messageSimpleList.topBorder {
    border-top: 1px rgb(48, 48, 48) solid;
    padding-bottom: 5px
}

.member-buttons {
    float: right
}

.member-buttons a {
    opacity: .5;
    transition: .3s
}

.member-buttons a:hover {
    opacity: 1
}

.messageSimpleList.contained .messageSimple {
    padding: 10px;
    margin: 0
}

.messageSimple .avatar {
    float: left;
    font-size: 0
}

.messageSimple .messageInfo {
    margin-left: 65px;
    padding-top: 3px
}

.messageSimple .messageInfo .username.poster {
    line-height: 22px;
    font-weight: 600
}

.profilePoster div.messageInfo {
    padding: 0
}

.messageSimple .messageContent {
    min-height: 35px
}

.secondaryContent .avatar {
    margin: 5px 0 0
}

.profileContent a.avatar {
    margin: 0
}

.messageSimple .messageMeta,
.commentControls .DateTime {
    overflow: hidden;
    zoom: 1
}

.messageSimple .privateControls {}

.messageSimple .privateControls .item {
    float: left
}

.messageSimple .privateControls .item.InlineModCheck {
    margin-top: 5px
}

.messageSimple .publicControls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.messageDeletedIcon {
    color: rgb(136, 68, 68)
}

.messageModeratedIcon {
    color: #769fff
}

.messageSimpleList .messageSimple.placeholder {
    border: none;
    margin: 10px 0;
    padding: 0
}

.placeholderContent>.main-deleted-message {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    line-height: 24px
}

.messageSimpleList .placeholder .placeholderContent {
    overflow: hidden;
    zoom: 1;
    box-shadow: inset 4px 0px 0px 0px rgb(136, 68, 68);
    display: flex;
    padding: 10px 15px;
    color: rgb(148, 148, 148);
    font-weight: 600
}

.messageSimpleList .placeholder a.avatar {}

.messageSimpleList .placeholder a.avatar img {
    width: 24px;
    height: 24px
}

.messageSimpleList .deleted .privateControls {
    margin: 4px 0 0
}

.messageSimpleList .placeholder .privateControls {
    padding-left: 5px
}

.messageSimple .messageResponse {
    border-top: 1px solid rgb(45, 45, 45)
}

.messageSimple .comment,
.messageSimple .secondaryContent {
    overflow: hidden;
    zoom: 1;
    border-bottom: 1px solid rgb(45, 45, 45);
    padding: 10px 20px
}

.CommentLoader {
    line-height: 38px;
    height: 38px;
    display: block;
    padding: 0 15px;
    font-weight: 600;
    background: rgb(45, 45, 45);
    border-radius: 10px;
    margin: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#ProfilePostList .CommentLoader {
    margin: 10px 20px
}

.messageSimple .comment .avatar {
    margin-top: 2px
}

.messageSimple .comment .avatar .img {
    float: left;
    width: 36px;
    height: 36px;
    background-size: 100%
}

.messageSimple .comment .commentInfo,
.messageSimple .comment .elements {
    margin-left: 44px
}

.messageSimple .comment .commentInfo .likesSummary {
    background: none;
    border: none;
    padding: 5px 0 0
}

.messageSimple .comment .commentContent {
    min-height: 19px
}

.messageSimple .comment .commentContent .poster,
.messageSimple .comment .commentContent .author,
.messageSimple .comment .commentContent .onlineMarker,
.messageSimple .comment .commentContent .translateIcon {
    margin-right: 6px
}

.messageSimple .comment .commentContent .username,
.messageSimple .comment.deleted .commentContent {
    font-weight: 600
}

.messageSimple .commentContent article {
    margin-top: 4px
}

.messageSimple .comment .commentControls {
    margin-top: 4px
}

.messageSimple .comment .commentControls .item {
    margin-left: 5px
}

.messageSimple .comment textarea {
    display: block;
    height: 32px;
    width: 100%;
    box-sizing: border-box;
    *width: 96%;
    max-height: 100px;
    resize: vertical
}

.messageSimple .comment .submit {
    margin-top: 10px
}

.messageSimple .messageNotices {
    display: inline;
    margin-left: 5px
}

@media (max-width:480px) {
    .Responsive .messageSimple>.avatar img {
        width: 32px;
        height: 32px
    }

    .Responsive .messageSimple .commentSubmit .redactor_smilies .smilieContainer {
        padding: 15px 0 0;
        margin: 0 0 15px;
        border: 0
    }

    .Responsive .messageSimple .commentSubmit .avatar {
        margin-right: 6px
    }
}

.messageSimple.InlineModChecked .bbCodeHide {
    border: 5px solid rgb(39, 39, 39) !important
}

.messageSimple.InlineModChecked .bbCodeHide .attribution {
    background-color: rgb(39, 39, 39) !important
}

.privateControls .ui.checkbox.inline input {
    margin-top: 0px;
    margin-left: 5px
}

.messageUserInfo {}

.username {
    text-decoration: none
}

.messageInfo .userText {
    margin: 0 0 10px
}

.userText>i {
    display: none;
    vertical-align: top;
    color: rgb(0, 186, 120)
}

.avatarHolder .avatar .img {
    width: 66px;
    height: 66px;
    background-size: 100%
}

.messageUserBlock {
    position: relative
}

.messageUserBlock div.avatarHolder {
    font-size: 0;
    position: relative
}

.messageUserBlock div.avatarHolder .conversationButton {
    width: 100%;
    position: absolute;
    bottom: -34px;
    background: #000000bd;
    z-index: 5;
    left: 0;
    text-align: center;
    font-size: 13px;
    line-height: 34px;
    height: 34px
}

.messageUserBlock div.avatarHolder:hover .conversationButton {
    transition: .15s;
    bottom: 0;
    text-decoration: none
}

.messageUserBlock div.avatarHolder .conversationButton .fa-comment-alt {
    margin-right: 6px;
    font-weight: 400
}

.messageUserBlock .userTitle.banned {
    color: #ff6060
}

.messageUserBlock div.avatarHolder .avatar {
    display: block;
    font-size: 0
}

.messageUserBlock h3.userText {
    margin: 15px 7px
}

.messageInfo .username {
    font-weight: 600
}

.messageUserBlock .userBanner:last-child {
    margin-bottom: 0
}

@media (max-width:480px) {
    .Responsive .avatarHolder .avatar .img {
        width: 36px;
        height: 36px
    }
}

.mm-ocd__content {
    background: rgb(39, 39, 39) !important
}

.mobileMenu {
    display: none
}

.mm-ocd__content {
    overflow: scroll
}

.mm-ocd .mm-ocd__content .mobileMenu {
    display: block
}

#nav-icon4 {
    width: 28px;
    height: 21px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

#nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: rgb(170, 170, 170);
    border-radius: 6px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4 span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4 span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px
}

#nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0
}

#nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 20px;
    left: 8px
}

.burger__links {
    margin-top: 10px
}

.burger__sep {
    padding-left: 16px;
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.burger__sep-line {
    width: 100%;
    margin-left: 8px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.15)
}

.burger__sep-text {
    white-space: nowrap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    color: #A2A2A2
}

.burger__link {
    display: flex;
    padding: 10px 0 10px 16px;
    transition: 0.1s background-color linear
}

.burger__link:hover {
    background-color: #353434;
    text-decoration: none
}

.burger__link .burger__link-cont .burger__icon {
    width: 20px;
    height: 20px
}

.burger__link-cont {
    display: flex;
    flex-direction: row;
    align-items: center
}

.burger__link span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #DDD;
    display: block;
    margin-left: 12px
}

.burger__search {
    border: none;
    outline: none;
    width: 100%;
    padding: 3px 10px;
    padding-right: 0;
    background: rgb(45, 45, 45);
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #A2A2A2
}

.burger__search-cont {
    padding: 0 16px
}

.burger__search::placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #A2A2A2
}

.mobileMenuButton {
    padding: 10px 0
}

.mm-listview>.mobileSearch {
    padding: 15px 15px 0
}

.burger__link-text {
    display: flex !important;
    align-items: center
}

:root {
    --mm-ocd-width: 80%;
    --mm-ocd-min-width: 200px;
    --mm-ocd-max-width: 440px
}

body.mm-ocd-opened {
    overflow-y: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.mm-ocd {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 100%;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    background: url(rgba.php?r=0&g=0&b=0&a=0);
    background: rgba(0, 0, 0, 0);
    _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
    -webkit-transition-property: bottom, background-color;
    -o-transition-property: bottom, background-color;
    transition-property: bottom, background-color;
    -webkit-transition-duration: 0s, .3s;
    -o-transition-duration: 0s, .3s;
    transition-duration: 0s, .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: .45s, .15s;
    -o-transition-delay: .45s, .15s;
    transition-delay: .45s, .15s
}

.mm-ocd--open {
    bottom: 0;
    background: url(rgba.php?r=0&g=0&b=0&a=0);
    background: rgba(0, 0, 0, .25);
    _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.mm-ocd__content {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: var(--mm-ocd-width);
    min-width: var(--mm-ocd-min-width);
    max-width: var(--mm-ocd-max-width);
    background: #fff;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.mm-ocd--left .mm-ocd__content {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-ocd--right .mm-ocd__content {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-ocd--open .mm-ocd__content {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-ocd__backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: clamp(calc(100% - var(--mm-ocd-max-width)), calc(100% - var(--mm-ocd-width)), calc(100% - var(--mm-ocd-min-width)));
    background: url(rgba.php?r=3&g=2&b=1&a=0);
    background: rgba(3, 2, 1, 0);
    _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00030201, endColorstr=#00030201)
}

.mm-ocd--left .mm-ocd__backdrop {
    right: 0
}

.mm-ocd--right .mm-ocd__backdrop {
    left: 0
}

.mm-spn,
.mm-spn a,
.mm-spn li,
.mm-spn span,
.mm-spn ul {
    display: block;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:root {
    --mm-spn-item-height: 50px;
    --mm-spn-item-indent: 20px;
    --mm-spn-line-height: 24px;
    --mm-spn-panel-offset: 30%
}

.mm-spn {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mm-spn ul {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    left: 100%;
    bottom: 0;
    z-index: 2;
    width: calc(100% + var(--mm-spn-panel-offset));
    padding-right: var(--mm-spn-panel-offset);
    line-height: var(--mm-spn-line-height);
    overflow: visible;
    overflow-y: auto;
    background: inherit;
    -webkit-transition: left .3s ease 0s;
    -o-transition: left .3s ease 0s;
    transition: left .3s ease 0s;
    cursor: default
}

.mm-spn ul:after {
    content: "";
    display: block;
    height: var(--mm-spn-item-height)
}

.mm-spn>ul {
    left: 0
}

.mm-spn ul.mm-spn--open {
    left: 0
}

.mm-spn ul.mm-spn--parent {
    left: calc(-1 * var(--mm-spn-panel-offset));
    overflow: visible
}

.mm-spn li {
    position: relative;
    background: inherit;
    cursor: pointer
}

.mm-spn li:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(var(--mm-spn-item-height)/ 2);
    right: calc(var(--mm-spn-item-height)/ 2);
    z-index: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg) translate(0, -50%);
    -ms-transform: rotate(45deg) translate(0, -50%);
    -webkit-transform: rotate(45deg) translate(0, -50%);
    -ms-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
    opacity: .4
}

.mm-spn li:after {
    content: "";
    display: block;
    margin-left: var(--mm-spn-item-indent);
    border-top: 1px solid;
    opacity: .15
}

.mm-spn a,
.mm-spn span {
    position: relative;
    z-index: 1;
    padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)
}

.mm-spn a {
    background: inherit;
    color: inherit;
    text-decoration: none
}

.mm-spn a:not(:last-child) {
    width: calc(100% - var(--mm-spn-item-height))
}

.mm-spn a:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 1px solid;
    opacity: .15
}

.mm-spn span {
    background: 0 0
}

.mm-spn.mm-spn--navbar {
    cursor: pointer
}

.mm-spn.mm-spn--navbar:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(var(--mm-spn-item-height)/ 2);
    left: var(--mm-spn-item-indent);
    width: 10px;
    height: 10px;
    margin-top: 2px;
    border-top: 2px solid;
    border-left: 2px solid;
    -webkit-transform: rotate(-45deg) translate(50%, -50%);
    -ms-transform: rotate(-45deg) translate(50%, -50%);
    -webkit-transform: rotate(-45deg) translate(50%, -50%);
    -ms-transform: rotate(-45deg) translate(50%, -50%);
    transform: rotate(-45deg) translate(50%, -50%);
    opacity: .4
}

.mm-spn.mm-spn--navbar.mm-spn--main {
    cursor: default
}

.mm-spn.mm-spn--navbar.mm-spn--main:before {
    content: none;
    display: none
}

.mm-spn.mm-spn--navbar:after {
    content: attr(data-mm-spn-title);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--mm-spn-item-height);
    padding: 0 calc(var(--mm-spn-item-indent) * 2);
    line-height: var(--mm-spn-item-height);
    opacity: .4;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.mm-spn.mm-spn--navbar.mm-spn--main:after {
    padding-left: var(--mm-spn-item-indent)
}

.mm-spn.mm-spn--navbar ul {
    top: calc(var(--mm-spn-item-height) + 1px)
}

.mm-spn.mm-spn--navbar ul:before {
    content: "";
    display: block;
    position: fixed;
    top: inherit;
    z-index: 2;
    width: 100%;
    border-top: 1px solid currentColor;
    opacity: .15
}

.mm-spn.mm-spn--light {
    color: #444;
    background: #f3f3f3
}

.mm-spn.mm-spn--dark {
    color: #ddd;
    background: #333
}

.mm-spn.mm-spn--vertical {
    overflow-y: auto
}

.mm-spn.mm-spn--vertical ul {
    width: 100%;
    padding-right: 0;
    position: static
}

.mm-spn.mm-spn--vertical ul ul {
    display: none;
    padding-left: var(--mm-spn-item-indent)
}

.mm-spn.mm-spn--vertical ul ul:after {
    height: calc(var(--mm-spn-item-height)/ 2)
}

.mm-spn.mm-spn--vertical ul.mm-spn--open {
    display: block
}

.mm-spn.mm-spn--vertical li.mm-spn--open:before {
    -webkit-transform: rotate(135deg) translate(-50%, 0);
    -ms-transform: rotate(135deg) translate(-50%, 0);
    -webkit-transform: rotate(135deg) translate(-50%, 0);
    -ms-transform: rotate(135deg) translate(-50%, 0);
    transform: rotate(135deg) translate(-50%, 0)
}

.mm-spn.mm-spn--vertical ul ul li:last-child:after {
    content: none;
    display: none
}

.simpleRedactor .aboveRedactorBox {
    display: none;
    margin: 0 56px 12px;
    position: relative;
    overflow: hidden
}

.alertNotice~.quickReply {
    border-radius: 10px;
    overflow: visible
}

.FloatingRedactorHelper.hasNotice {
    border-bottom: 0
}

.simpleRedactor .aboveRedactorBox .Content {
    font-weight: 600
}

.simpleRedactor .aboveRedactorBox .Cancel {
    margin-left: 8px
}

.simpleRedactor .aboveRedactorBox .Cancel::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(148, 148, 148)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    vertical-align: top
}

.simpleRedactor .aboveRedactorBox .Cancel:hover::before {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(214, 214, 214)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E")
}

.quickReply {
    border-top: 1px solid rgb(45, 45, 45);
    position: sticky;
    bottom: 0px;
    z-index: 5550;
    border-radius: 0px 0px 10px 10px
}

.FloatingRedactorHelper {
    position: sticky;
    margin-bottom: -1px;
    bottom: 64px;
    display: block;
    z-index: 1
}

    {
    xen: helper clearfix, '.quickReply'
}

.quickReply .replyPrompt em {
    font-style: italic
}

#QuickReply {
    width: 100%
}

#QuickReply textarea {
    width: 100%;
    *width: 98%;
    height: 100px;
    box-sizing: border-box
}

#QuickReply .submitUnit {
    padding: 10px;
    position: relative;
    z-index: 1
}

#QuickReply .submitUnit .draftUpdate {
    position: absolute;
    left: 0;
    z-index: -1;
    color: rgb(148, 148, 148);
    font-size: 11px
}

#QuickReply .submitUnit .draftUpdate span {
    display: none
}

#QuickReply .AttachmentEditor {
    padding-top: 10px
}

#QuoteSelected:hover a {
    color: #f5f5f5
}

#QuoteSelected .arrow {
    top: -6px;
    bottom: auto;
    border-top: 1px none black;
    border-bottom: 6px solid rgb(14, 14, 14)
}

#QuoteSelected a {
    text-decoration: none
}

#QuoteSelected a:hover {
    text-decoration: none
}

@media (max-width:610px) {
    .Responsive #QuickReply .insertQuotes {
        float: right;
        margin-left: 3px
    }
}

@media (max-width:480px) {
    .Responsive .quickReply .messageUserInfo {
        display: none
    }

    .Responsive #QuickReply {}
}

.lztClaim--members {
    background: rgb(39, 39, 39);
    padding: 5px 53px 15px
}

.lztClaim--members .member {
    background: rgb(54, 54, 54);
    padding: 3px 7px;
    border-radius: 10px;
    font-weight: 600;
    margin-right: 8px;
    cursor: pointer;
    display: inline-block
}

.lztClaim--members .member.responder {
    background: rgb(138, 65, 65);
    color: #f5f5f5
}

.lztClaim--members .positive {
    background: #18774c;
    color: #f5f5f5
}

.lztClaim--members .negative {
    background: rgb(138, 65, 65);
    color: #f5f5f5
}

@media (max-width:480px) {
    .Responsive .lztClaim--members .member {
        margin-bottom: 4px
    }

    .Responsive .lztClaim--members {
        padding: 5px 10px 1px
    }
}

@supports (-webkit-touch-callout: none) {
    .quickReply {
        padding-bottom: 1px
    }
}

.market_block_reviews .quickReply {
    width: 100%;
    padding: 0px 20px 0px 12px;
    background: rgb(45, 45, 45);
    border-radius: 0px 0px 10px 0px;
    z-index: 0;
    position: relative
}

.market_block_reviews .quickReply .simpleRedactor .lzt-fe-se-sendMessageButton {
    height: 72px;
    line-height: 72px
}

.market_block_reviews .simpleRedactor.QuickReplyRedactor {
    background: rgb(45, 45, 45)
}

@media (max-width: 480px) {
    .market_block_reviews .quickReply {
        padding: 12px 20px
    }

    .market_block_reviews .simpleRedactor .defEditor .fr-box .fr-wrapper {
        border-radius: 8px
    }
}

.quick_feedback_select_block {
    padding: 12px 20px;
    background: rgb(45, 45, 45);
    gap: 8px;
    display: flex;
    border-bottom: 1px solid #363636;
    flex-direction: column;
    position: sticky;
    z-index: 55
}

.feedbackContainer_select_block {
    display: flex;
    flex-direction: row;
    gap: 8px
}

.feedbackContainer_select_block .like2IconPositives,
.like2IconNegatives,
.lzt-fe-se-sendMessageButton {
    width: fit-content !important
}

.feedbackContainer_select_block button.lzt-fe-se-sendMessageButton.feedbackManipulator.like2IconPositives.feedbackSelected {
    background: #228e5d;
    color: #f5f5f5
}

.feedbackContainer_select_block button.lzt-fe-se-sendMessageButton.feedbackManipulator.like2IconNegatives.feedbackSelected {
    background: #af3434;
    color: #f5f5f5
}

.feedbackContainer_select_block .lzt-fe-se-sendMessageButton.feedbackManipulator.like2IconPositives {
    padding: 6px 12px;
    background: #228e5d33;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    color: #00ba78;
    display: flex !important;
    gap: 6px
}

.feedbackContainer_select_block .lzt-fe-se-sendMessageButton.feedbackManipulator.like2IconNegatives {
    padding: 6px 12px;
    background: #fa4a4a29;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    color: #FA4A4A;
    display: flex !important;
    gap: 6px
}

.feedbackContainer_select_block .lzt-fe-se-sendMessageButton.feedbackManipulator.like2IconPositives::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 21C2.4 21 2 20.6 2 20V11C2 10.4 2.4 10 3 10C3.6 10 4 10.4 4 11V20C4 20.6 3.6 21 3 21Z" fill="%2300BA78"/><path d="M16.2759 22H8.0396C6.37272 22 5 20.6 5 18.9V10.5C5 9.4 5.39221 8.4 6.07857 7.5L10.0006 3C10.5889 2.4 11.4714 2 12.4519 2C13.5305 2 14.4129 2.5 15.0013 3.3C15.5896 4.2 15.7857 5.2 15.4915 6.2L14.9032 8.1H19.0214C20.0019 8.1 20.8843 8.5 21.3746 9.3C21.9629 10.1 22.159 11.1 21.8649 12L19.8058 19.1C19.3155 20.9 17.9428 22 16.2759 22ZM7.64739 8.9C7.25518 9.4 7.05908 9.9 7.05908 10.5V18.9C7.05908 19.5 7.54934 20 8.13765 20H16.374C17.1584 20 17.8447 19.5 18.0408 18.7L20.0019 11.6C20.0999 11.3 20.0019 10.9 19.8058 10.6C19.6097 10.3 19.3155 10.2 19.0214 10.2H13.5305C13.2363 10.2 12.9422 10 12.7461 9.8C12.55 9.6 12.55 9.2 12.648 8.9L13.7266 5.6C13.8246 5.2 13.8246 4.8 13.5305 4.5C13.1383 3.9 12.1578 3.8 11.6675 4.4L7.64739 8.9Z" fill="%2300BA78"/></svg>');
    width: 18px;
    height: 18px;
    background-size: 100%;
    background-repeat: no-repeat
}

.feedbackContainer_select_block button.lzt-fe-se-sendMessageButton.feedbackManipulator.like2IconPositives.feedbackSelected::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5013 7.5C2.0013 7.5 1.66797 7.83613 1.66797 8.34033V16.6597C1.66797 17.1638 2.0013 17.5 2.5013 17.5C3.0013 17.5 3.33464 17.1638 3.33464 16.6597V8.34033C3.33464 7.83613 3.0013 7.5 2.5013 7.5Z" fill="%23F5F5F5"/><path d="M16.4191 7.39188H11.2166L12.2235 4.36157C12.6431 3.09894 11.6361 1.66797 10.2096 1.66797C9.62222 1.66797 9.03489 1.92049 8.69922 2.34137L5.00709 6.55013C4.50362 7.13935 4.16797 7.89693 4.16797 8.65447V16.3986C4.16797 17.4929 5.00709 18.3346 6.09794 18.3346H13.9017C14.9926 18.3346 15.9996 17.5771 16.3351 16.4828L18.2651 9.91714C18.6008 8.65447 17.6777 7.39188 16.4191 7.39188Z" fill="%23F5F5F5"/></svg>');
    width: 18px;
    height: 18px;
    background-size: 100%;
    background-repeat: no-repeat
}

.feedbackContainer_select_block button.lzt-fe-se-sendMessageButton.feedbackManipulator.like2IconNegatives.feedbackSelected::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.4987 12.5C17.9987 12.5 18.332 12.1639 18.332 11.6597L18.332 3.3403C18.332 2.8362 17.9987 2.5 17.4987 2.5C16.9987 2.5 16.6654 2.8362 16.6654 3.3403L16.6654 11.6597C16.6654 12.1639 16.9987 12.5 17.4987 12.5Z" fill="%23F5F5F5"/><path d="M3.5809 12.6081L8.7834 12.6081L7.7765 15.6384C7.3569 16.9011 8.3639 18.332 9.7904 18.332C10.3778 18.332 10.9651 18.0795 11.3008 17.6586L14.9929 13.4499C15.4964 12.8607 15.832 12.1031 15.832 11.3455L15.832 3.6014C15.832 2.5071 14.9929 1.6654 13.9021 1.6654L6.0983 1.6654C5.0074 1.6654 4.0004 2.4229 3.6649 3.5172L1.7349 10.0829C1.3992 11.3455 2.3223 12.6081 3.5809 12.6081Z" fill="%23F5F5F5"/></svg>');
    width: 18px;
    height: 18px;
    background-size: 100%;
    background-repeat: no-repeat
}

.feedbackContainer_select_block .lzt-fe-se-sendMessageButton.feedbackManipulator.like2IconNegatives::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 3C21.6 3 22 3.4 22 4L22 13C22 13.6 21.6 14 21 14C20.4 14 20 13.6 20 13L20 4C20 3.4 20.4 3 21 3Z" fill="%23FA4A4A"/><path d="M7.7241 2L15.9604 2C17.6273 2 19 3.4 19 5.1L19 13.5C19 14.6 18.6078 15.6 17.9214 16.5L13.9994 21C13.4111 21.6 12.5286 22 11.5481 22C10.4695 22 9.5871 21.5 8.9987 20.7C8.4104 19.8 8.2143 18.8 8.5085 17.8L9.0968 15.9L4.9786 15.9C3.9981 15.9 3.1157 15.5 2.6254 14.7C2.0371 13.9 1.841 12.9 2.1351 12L4.1942 4.9C4.6845 3.1 6.0572 2 7.7241 2ZM16.3526 15.1C16.7448 14.6 16.9409 14.1 16.9409 13.5L16.9409 5.1C16.9409 4.5 16.4507 4 15.8624 4L7.626 4C6.8416 4 6.1553 4.5 5.9592 5.3L3.9981 12.4C3.9001 12.7 3.9981 13.1 4.1942 13.4C4.3903 13.7 4.6845 13.8 4.9786 13.8L10.4695 13.8C10.7637 13.8 11.0578 14 11.2539 14.2C11.45 14.4 11.45 14.8 11.352 15.1L10.2734 18.4C10.1754 18.8 10.1754 19.2 10.4695 19.5C10.8617 20.1 11.8422 20.2 12.3325 19.6L16.3526 15.1Z" fill="%23FA4A4A"/></svg>');
    width: 18px;
    height: 18px;
    background-size: 100%;
    background-repeat: no-repeat
}

.sendMessageContainer {
    margin-right: 12px
}

@media (min-width: 600px) {
    .quick_feedback_select_block {
        display: none !important
    }
}

@media (max-width: 600px) {
    .feedbackContainer_select_block .lzt-fe-se-sendMessageButton.feedbackManipulator.like2IconNegatives {
        width: 100% !important;
        justify-content: center
    }

    .feedbackContainer_select_block .lzt-fe-se-sendMessageButton.feedbackManipulator.like2IconPositives {
        width: 100% !important;
        justify-content: center
    }

    .feedbackContainer {
        display: none
    }

    .market_block_reviews .LolzteamEditorSimple {
        margin: 0 56px 0 0 !important
    }

    .market_block_reviews #QuickReply .lzt-fe-se-extraButtonsContainer {
        right: 66px !important
    }
}

@media (max-width: 380px) {
    .feedbackContainer_select_block {
        flex-direction: column
    }
}

.feedbackContainer_select_block button.lzt-fe-se-sendMessageButton.feedbackManipulator:hover {
    cursor: pointer
}

.titleBar .prefix {
    font-size: inherit;
    line-height: 30px
}

.titleBar #pageDescription {
    margin: 0
}

.messageList.hasNotice .message:last-child {
    border-radius: 0 0 10px 10px
}

.messageList .noResultsFound {
    padding: 25px 20px;
    background: rgb(39, 39, 39);
    text-align: center
}

.userPostsFinder {
    padding: 10px
}

.userPostsFinder .inputBox {
    margin: 8px 0 12px
}

#dogeLike {
    background: url(https://i.imgur.com/jo1dNaW.png) no-repeat;
    width: 200px;
    height: 200px;
    position: fixed;
    display: none;
    bottom: 0;
    background-size: 100%;
    right: 90px
}

.svgIcon--ban::before {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' stroke='rgb(140,140,140)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='4.93' y1='4.93' x2='19.07' y2='19.07'%3E%3C/line%3E%3C/svg%3E")
}

.grayBlock.deletedThreadNotice {
    font-size: 13px;
    font-weight: normal
}

.thread_sticky_time {
    margin: 0 0 0 10px
}

.accountGames .accountGamesTitle {
    padding: 0 6px 0 0
}

.accountGames .info-separator {
    margin: 0 6px
}

#threadView--bigImg {
    width;
    960px;
    height: 60px;
    display: block
}

.thread_view .titleBar {
    background: rgb(39, 39, 39);
    padding: 15px 20px;
    border-radius: 10px;
    height: auto
}

.titleBar .threadIcon {
    margin-left: 10px
}

.titleBar .threadClosedIcon {
    color: #fb4242
}

.titleBar .threadDeletedIcon {
    color: #fb4242
}

.titleBar .hotThreadIcon {
    color: #d78f0a
}

.pageNavLinkGroup:not(.pageNavLinkGroupAfterPosts) {
    border-radius: 10px 10px 0 0
}

.pageNavLinkGroupAfterPosts {
    border-radius: 0 0 10px 10px;
    margin: 0;
    border-top: 1px solid rgb(45, 45, 45)
}

.callToAction {
    float: right;
    margin: 6px 0
}

fieldset.breadcrumb {
    display: block
}

.grayBlock {
    margin: 15px 0;
    overflow: hidden;
    background: rgb(39, 39, 39);
    padding: 15px 20px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 10px
}

.privateControls>label {
    display: inline-block;
    position: absolute;
    left: -43px;
    margin: -5px 0 0
}

.accountGames,
.thread_sticky_time {
    border-bottom: 1px solid rgb(45, 45, 45);
    margin: 0 0 10px;
    padding: 0 0 10px;
    font-size: 14px
}

.accountGames .accountGamesTitle {
    padding: 0 6px 0 0
}

.accountGames .info-separator {
    margin: 0 6px
}

#thread_image_block {
    overflow: hidden;
    display: block;
    margin: 0 0 15px
}

.competition_row {
    padding-top: 5px
}

.competition_row .label {
    width: 250px;
    color: rgb(148, 148, 148)
}

.competition_row .labeled {
    overflow: hidden
}

.competition_block {
    margin-bottom: 10px
}

.competition_title {
    font-size: 15px;
    color: rgb(0, 186, 120);
    font-weight: 700;
    border-bottom: 2px solid rgb(35, 168, 109);
    padding: 0 0 6px;
    display: inline-block
}

.competition_description {
    margin: 5px 0;
    border-bottom: 1px solid #202020;
    padding: 0 0 10px;
    line-height: 1.5
}

.competition_description>li {
    list-style-type: square
}

.competition_description>li>span {
    padding-right: 10px
}

.dbp_under_first_post {
    padding: 15px 20px;
    text-align: center;
    background: rgb(39, 39, 39)
}

.dbp_under_first_post>a {
    padding: 0 5px
}

.FraudsterSearcher {
    border-bottom: 0;
    padding: 18px
}

.FraudSystemDescription {
    margin: 0 0 15px;
    font-size: 14px
}

.FraudsterSearcher_Button {
    margin: 2px 0 0
}

.FraudsterSearcher_Input {
    width: 92%;
    margin: 0 0 0 9px
}

#competition-info {
    line-height: 30px;
    margin: 0 15px;
    background: rgb(48, 48, 48);
    padding: 0 10px;
    border-radius: 2px
}

#threadOptions {
    margin: 0
}

.threadOptionsLabel {
    float: right;
    margin-left: 6px
}

#threadOptions.dottesStyle .arrowWidget::before {
    vertical-align: middle
}

#replyButton {
    font-size: 15px;
    font-weight: 700;
    float: right;
    text-decoration: none;
    text-align: center;
    width: 185px;
    line-height: 43px;
    height: 43px;
    margin: 18px 15px;
    border-radius: 3px;
    color: #f5f5f5
}

#replyButton:hover {
    background: #303030
}

#closedTopic {
    background: rgb(168, 35, 35)
}

#closedTopic:hover {
    background: rgb(168, 35, 35)
}

.thread_view .threadAlerts {
    line-height: 30px
}

#icon-info {
    font-size: 18px;
    background: #4663cc;
    border-radius: 4px;
    float: left;
    padding: 0 12px
}

.thread_view .threadAlerts dt {
    display: inline
}

.linkGroup .element {
    padding: 7px
}

.thread_view .threadAlerts dd {
    margin: 0 5px;
    display: inline
}

.thread_view .threadAlerts+*>.messageList {
    border-top: none
}

.thread_view .threadNotices {
    background-color: rgb(83, 91, 99);
    border: 1px solid rgb(34, 142, 93);
    border-radius: 5px;
    padding: 10px;
    margin: 10px auto
}

.thread_view .InlineMod {
    overflow: hidden;
    zoom: 1
}

.buyStickyButtonInNotice {
    margin: 10px 10px 0 0;
    font-size: 13px
}

.threadView--PaidService {
    background: rgb(39, 39, 39);
    padding: 15px 20px;
    border-radius: 10px
}

.threadView--PaidService .title {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 10px
}

.threadView--PaidService .header {
    font-size: 16px;
    font-weight: 600
}

.threadView--PaidService .Service {
    margin-top: 25px
}

.threadView--PaidService .Service .nextBumpDate {
    margin: 10px 0 5px;
    font-size: 13px;
    color: rgb(148, 148, 148);
    font-weight: normal
}

.threadView--PaidService .button {
    margin-top: 10px
}

.Menu.lzt-postListControlsMenu {
    overflow: unset
}

@media (max-width:1024px) {
    .Responsive .openTopic {
        margin: 0 10px 10px
    }

    .Responsive .linkGroup .element {
        padding: 0
    }
}

@media (max-width:480px) {
    .Responsive .dbp_under_first_post {
        display: none
    }

    .Responsive .blendedEditor input[type="submit"] {
        margin-bottom: 10px
    }

    .Responsive .thread_view .titleBar {}

    .Responsive .titleBar .prefix {
        font-size: inherit;
        line-height: 30px;
        margin-top: 5px;
        margin-right: 3px
    }
}

.threadImprovements--mask {
    position: absolute;
    width: 100%;
    display: none !important;
    height: 100%;
    background: #00000033;
    z-index: 55
}

.threadImprovements--mask.visible {
    display: block !important
}

.PageNav.fixed>nav {
    z-index: 777;
    top: 55px;
    position: fixed;
    border-radius: 10px;
    border: 1px solid rgb(54, 54, 54);
    box-shadow: 0 5px 26px 0px rgba(0, 0, 0, .32);
    background: rgb(39, 39, 39);
    padding: 5px 10px;
    margin: 0 -10px
}

.threadImprovements--ageNumberIndicator {
    position: absolute;
    color: #f5f5f5;
    background-color: rgb(34, 142, 93);
    padding: 5px 0px;
    width: 100px;
    border-radius: 0 3px 3px 0;
    text-align: center;
    right: -100px
}

/* CSS returned from cache. */