/*
 * comments-analyses-style
 */
.analyses-area {
    font-family: YekanBakh;
    display: flex;
}
.analyses-area .head {
    color: #111B34;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
}
.analyses-area .statistics .total-comments {
    color: #7684A7;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0;
}
.analyses-area .statistics .chart-area {
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}

.analyses-area.vertical {
    max-width: 290px;
    flex: 1;
    flex-direction: column;
    gap: 24px;
    border-radius: 20px;
    padding: 24px 0;
    height: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.analyses-area.vertical .head {
    color: #111B34;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
}
.analyses-area.vertical .statistics {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.analyses-area.vertical .statistics .chart-area .chart {
    --percentage: 0;
    --fill: #0061ff;
    width: 240px;
    height: 120px;
    position: relative;
    font-size: 22px;
    font-weight: 600;
    overflow: hidden;
    color: var(--fill);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
}
.analyses-area.vertical .statistics .chart-area .chart::after{
    content: '';
    width: 240px;
    height: 240px;
    border:24px solid;
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) var(--fill) var(--fill);
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing : border-box;
    transform: rotate( calc( 1deg * ( -45 + var(--percentage) * 1.8 ) ) );
}
.analyses-area.vertical .statistics .chart-area .chart .mean-votes {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 100%;
}
.analyses-area.vertical .statistics .chart-area .chart .mean-votes .vote-number {
    color: #7684A7;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    width: 100%;
}
.analyses-area.vertical .statistics .chart-area .chart .mean-votes .vote-number span:first-child {
    color: #0061FF;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
}
.analyses-area.vertical .statistics .chart-area .chart .mean-votes .total-vote {
    color: #7684A7;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    width: 100%;
}
.analyses-area.vertical .statistics .chart-area .vote-text {
    color: #152242;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    width: 100%;
}


.analyses-area.horizontal {
    gap: 8px;
}
.analyses-area.horizontal .statistics {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.analyses-area.horizontal .statistics .mean-votes {
    display: flex;
    flex-direction: column;
}

.analyses-area.horizontal .statistics .chart-area .chart {
    --percentage: 0;
    --fill: #0061ff;
    width: 120px;
    height: 60px;
    position: relative;
    font-size: 22px;
    font-weight: 600;
    overflow: hidden;
    color: var(--fill);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
}
.analyses-area.horizontal .statistics .chart-area .chart::after{
    content: '';
    width: 120px;
    height: 120px;
    border: 12px solid;
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) var(--fill) var(--fill);
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing : border-box;
    transform: rotate( calc( 1deg * ( -45 + var(--percentage) * 1.8 ) ) );
}
.analyses-area.horizontal .statistics .chart-area .chart .mean-votes {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 100%;
}
.analyses-area.horizontal .statistics .chart-area .chart .mean-votes .vote-number {
    color: #0061FF;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    width: 100%;
    line-height: 100%;
}
.analyses-area.horizontal .statistics .chart-area .chart .mean-votes .vote-number span:first-child {
    color: #0061FF;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
}
.analyses-area.horizontal .statistics .chart-area .vote-text {
    color: #152242;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
}

@media only screen and (max-width: 760px) {
    .analyses-area.horizontal .statistics {
        flex-direction: column;
        gap: 8px;
    }
    .analyses-area.horizontal .statistics .chart-area .chart {
        --percentage: 0;
        --fill: #0061ff;
        width: 180px;
        height: 90px;
    }
    .analyses-area.horizontal .statistics .chart-area .chart::after {
        content: '';
        width: 180px;
        height: 180px;
        border: 16px solid;
        border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) var(--fill) var(--fill);
    }
    .analyses-area.horizontal .statistics .chart-area .chart .mean-votes .vote-number {
        font-size: 44px;
    }
    .analyses-area.horizontal .statistics .total-comments {
        font-size: 12px;
    }
    .analyses-area.horizontal .statistics .title {
        width: 100%;
    }
    .analyses-area.horizontal .statistics .mean-votes {
        text-align: center;
        gap: 8px;
        font-size: 14px;
    }

    .analyses-area.vertical .statistics .chart-area .chart .mean-votes .total-vote {
        font-size: 12px;
    }
    .analyses-area.vertical .statistics .chart-area .vote-text {
        font-size: 14px;
    }
}

/*
 * comments-list-style
 */
:root {
    --line-height: 0;
}
.c-c-p-title {
    font-family: YekanBakh;
    max-width: 1140px;
    margin: 0 auto 16px auto;
    display: flex;
    align-items: center;
    gap: 4px;
}
.c-c-p-title .title-text {
    font-weight: 700;
    font-size: 18px;
    color: #152242;
}
.c-c-p {
    font-family: YekanBakh;
    display: flex;
    gap: 64px;
    max-width: 1140px;
    margin: 0 auto 48px auto;
}
.c-c-p .comments-area {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 16px;
}

.c-c-p .comments-area .head-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F6F8FE;
    padding: 24px 32px;
    border-radius: 20px;
}
.c-c-p .comments-area .head-bar .action span {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    color: #3E74FE;
    border: 1px solid #3E74FE;
    padding: 8px 16px;
    border-radius: 12px;
    cursor: pointer;
    transition: 0.3s ease all;
}
.c-c-p .comments-area .head-bar .action span:hover {
    background: #3E74FE;
    color: #FFF;
    transition: 0.3s ease all;
}

.c-c-p .comments-sidebar-area {
    width: 23.6%;
}
.c-c-p .comments-sidebar-area .comments-sidebar {
    border: 1px solid #E8E8E8;
    padding: 24px;
    border-radius: 20px;
    position: sticky;
    top: calc(var(--sticky-offset) + var(--second-sticky-offset) + 16px);
}

.comments-area .filters-area {
    display: flex;
    align-items: center;
}
.comments-area .filters-area .filters {
    display: flex;
    align-items: center;
    gap: 16px;
}
.comments-area .filters-area .filters .actions {
    display: flex;
    align-items: center;
}
.comments-area .filters-area .filters .actions .vertical-line {
    display: none;
}
.comments-area .filters-area .filters .actions .new-comment-button {
    display: none;
    color: #152242;
    font-weight: 400;
    font-size: 14px;
}
.comments-area .filters-area .filters .actions .sort-button {
    display: flex;
    align-items: center;
    color: #152242;
    font-weight: 400;
    font-size: 14px;
}

.comments-area .filters-area .filters ul {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 12px;
    padding: 0;
}
.comments-area .filters-area .filters ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0;
    color: #7684A7;
    cursor: pointer;
    transition: 0.3s ease all;
    min-width: fit-content !important;
    text-align: right;
    padding-left: 16px;
    display: flex;
}
.comments-area .filters-area .filters ul li:hover {
    color: #4c5e8c;
    transition: 0.3s ease all;
}
.comments-area .filters-area .filters ul li:first-of-type {
    display: flex;
    align-items: center;
    gap: 10px;
}
.comments-area .filters-area .filters ul li:first-of-type span:nth-child(2) {
    color: #152242;
}
.comments-area .filters-area .filters ul li.filter-mobile-badge {
    display: none;
}
.comments-area .filters-area .filters ul li.filter-mobile-title {
    display: none;
}

.comments-area .filters-area .total-comments {
    color: #7684A7;
    font-weight: 400;
    font-size: 14px;
    margin-right: auto;
}

.comments-area .comment-list {
    display: flex;
    flex-direction: column;
    color: #152242;
    gap: 24px;
}
.comments-area .comment-list .comment-divider {
    width: 100%;
    height: 1px;
    background: #CFD4E3;
}
.comments-area .comment-list .comment-divider:last-of-type {
    display: none;
}

.comments-area .skeleton.single-comment .commenter-name,
.comments-area .skeleton.single-comment .comment-datetime {
    min-height: 28px;
}
.comments-area .skeleton.single-comment .commenter-name {
    min-width: 230px;
}
.comments-area .skeleton.single-comment .comment-datetime {
    min-width: 52px;
}
.comments-area .skeleton.single-comment .comment-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.comments-area .skeleton.single-comment .comment-text > div {
    min-height: 24px;
    min-width: 100%;
}
.comments-area .skeleton.single-comment .actions {
    display: flex;
    gap: 8px;
}
.comments-area .skeleton.single-comment .actions .like-area,
.comments-area .skeleton.single-comment .actions .dislike-area,
.comments-area .skeleton.single-comment .actions .reply-button {
    min-height: 24px;
}
.comments-area .skeleton.single-comment .actions .like-area,
.comments-area .skeleton.single-comment .actions .dislike-area {
    min-width: 52px;
}
.comments-area .skeleton.single-comment .actions .reply-button {
    min-width: 100px;
    cursor: auto;
}
.comments-area .skeleton.single-comment .line {
    background: linear-gradient( 90deg, #F6F8FE 20%, #EAEFFF 30%, #F6F8FE 60%);
    background-size: 300% 100%;
    border-radius: 8px;
    animation: shine-lines 2.6s infinite linear;
}

@keyframes shine-lines {
    0% {
        background-position: 0;
    }
    40%, 100% {
        background-position: 100%;
    }
}

.comments-area .comment-list .single-comment {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}
.comments-area .comment-list .single-comment.operator-comment > .comment-box {
    background-color: #ECF1FF;
    padding: 8px !important;
    border-radius: 12px;
}
.comments-area .comment-list .single-comment.agent-comment > .comment-box {
    background-color: #D5F9E19C;
    padding: 8px !important;
    border-radius: 12px;
}
.comments-area .comment-list .single-comment:has(.replies-area .single-comment) .replies-area > .single-comment.user {
    padding: 16px 0 0 0;
}
.comments-area .comment-list .single-comment:not(:has(.replies-area .single-comment)) .replies-area {
    display: none;
}
.comments-area .comment-list .single-comment:has(.replies-area .single-comment) + .comment-divider {
    margin-top: 16px;
}
.comments-area .comment-list .single-comment:has(.replies-area .single-comment) .replies-area .comment-divider {
    display: none;
}
.comments-area .comment-list .single-comment.waiting {
    color: #A1ABC3 !important;
}
.comments-area .comment-list .single-comment.waiting .comment-text {
    color: #A1ABC3 !important;
    white-space: pre-line;
}

.comments-area .comment-list .single-comment .head {
    display: flex;
    gap: 8px;
    align-items: center;
}
.comments-area .comment-list .single-comment .head .commenter-name {
    color: #1F3262;
    font-weight: 700;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0;
    text-align: right;
}
.comments-area .comment-list .single-comment .head .commenter-name-yours {
    color: #1F3262;
    font-weight: 400;
    font-size: 13px;
}
.comments-area .comment-list .single-comment .head .comment-datetime {
    color: #A1ABC3;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: right;
}
.comments-area .comment-list .single-comment .head .divider-dot {
    width: 4px;
    height: 4px;
    background: #D9D9D9;
    border-radius: 50px;
}

.comments-area .comment-list .single-comment .rating {
    display: flex;
    align-items: center;
    margin-right: auto;
}
.comments-area .comment-list .single-comment .rating .rate-max {
    color: #7684A7;
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0;
    text-align: right;
}
.comments-area .comment-list .single-comment .rating .rate {
    color: #152242;
    font-weight: 700;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0;
    text-align: right;
}
.comments-area .comment-list .single-comment .comment-text {
    color: #152242;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    text-align: right;
    line-height: 24px;
}
.comments-area .comment-list .single-comment .comment-status {
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0;
    text-align: right;
    padding-bottom: 16px;
}
.comments-area .comment-list .single-comment .actions {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 4px;
}
.comments-area .comment-list .single-comment .actions .like-area,
.comments-area .comment-list .single-comment .actions .dislike-area {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #7684A7;
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0;
    text-align: right;
}
.comments-area .comment-list .single-comment .actions .like-area.active,
.comments-area .comment-list .single-comment .actions .dislike-area.active {
    color: #1F3262;
}

.comments-area .comment-list .single-comment .actions .reply-button {
    color: #3E74FE;
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 0;
    cursor: pointer;
    transition: 0.3s ease all;
}
.comments-area .comment-list .single-comment .actions .reply-button:hover {
    color: #2c52b4 !important;
    transition: 0.3s ease all;
}

.comments-area .comment-list .single-comment .reply-form {
    display: none;
    flex-direction: column;
    position: relative;
}
.comments-area .comment-list .single-comment .reply-form #reply_comment {
    border: 1px solid #CBD0DD;
    border-radius: 20px;
    resize: none;
    overflow-y: auto;
    overflow-x: hidden;
    color: #152242;
}
.comments-area .comment-list .single-comment .reply-form #reply_comment::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    text-align: right;
    color: #CBD0DD;
}
.comments-area .comment-list .single-comment .reply-form #reply_comment:focus {
    border: 1px solid #3E74FE !important;
    outline: none !important;
}
.comments-area .comment-list .single-comment .reply-form .reply-form-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
}
.comments-area .comment-list .single-comment .reply-form .comment-limit-counter {
    width: fit-content;
    bottom: 16px;
    right: 16px;
    color: #4c5e8c6e;
}
.comments-area .comment-list .single-comment .reply-form .submit-reply {
    background: #3E74FE;
    color: #FFF;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    bottom: 16px;
    left: 16px;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    width: fit-content;
}

.comments-area .comment-list .single-comment .actions .replies {
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.comments-area .comment-list .single-comment .actions .replies .reply-count {
    color: #7684A7;
    transition: 0.3s ease all;
}
.comments-area .comment-list .single-comment .actions .replies .reply-count:hover {
    color: #4c5e8c;
    transition: 0.3s ease all;
}

.comments-area .comment-list .single-comment .replies-area {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 28px;
    position: relative;
}
.comments-area .comment-list .single-comment .replies-area:has(.single-comment) {
    margin-top: 16px;
}
.comments-area .comment-list .single-comment .replies-area > .single-comment {
    position: relative;
}

.comments-area .comment-list .single-comment .replies-area:has(.single-comment)::after {
    content: '';
    height: calc(var(--line-height));
    width: 1px;
    background: #CBD0DD;
    position: absolute;
    right: 0;
    top: -16px;
}
.comments-area .comment-list .single-comment .comment-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.comments-area .comment-list .single-comment:has(.replies-area .single-comment) .replies-area > .single-comment::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: -28px;
    top: 12px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-bottom-right-radius: 20px;
    border-color: #CBD0DD;
}

.comments-area .comment-list .single-comment .actions .extra-actions {
    display: flex;
    position: relative;
    order: 1;
}
.comments-area .comment-list .single-comment .actions .extra-actions-button {
    color: #A1ABC3;
    font-size: 20px;
    cursor: pointer;
}
.comments-area .comment-list .single-comment .actions .extra-actions-popup {
    background: #FCFEFF;
    position: absolute;
    display: none;
    flex-direction: column;
    border: 1px solid #CBD0DD;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 #0000000D;
    gap: 6px;
    top: -40px;
}
.comments-area .comment-list .single-comment .actions .extra-actions-popup.show {
    display: flex;
}
.comments-area .comment-list .single-comment .actions .report-button {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    transition: 0.3s ease all;
}
.comments-area .comment-list .single-comment .actions .comment-reported {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 8px 12px;

}
.comments-area .comment-list .single-comment .actions .report-button:hover {
    background: #ECF1FF;
    transition: 0.3s ease all;
}
.comments-area .comment-list .single-comment .actions .report-button-text,
.comments-area .comment-list .single-comment .actions .comment-reported-text
{
    color: #4C5E8C;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0;
    text-align: center;
}

.comments-area .load-more-area {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
}
.comments-area .load-more-area .load-more-button {
    color: #3E74FE;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}

/*
 * comments-mini-analyses-style
 */
.c-c-p .report-area {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: #9aa9b375;
    height: 100%;
    width: 100%;
    z-index: 2;
}
.c-c-p .report-area.show {
    display: flex;
}
.c-c-p .report-area .form {
    display: none;
    margin: auto;
    background: #F6F8FE;
    width: 700px;
    height: fit-content;
    padding: 32px;
    border-radius: 24px;
    flex-direction: column;
    gap: 32px;
}
.c-c-p .report-area .form.show {
    display: flex;
}
.c-c-p .report-area .form .title {
    color: #1C3472;
    font-weight: 700;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0;
    text-align: center;
}
.c-c-p .report-area .form .input-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
}
.c-c-p .report-area .form .form-actions {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 16px;
}
.c-c-p .report-area .form .close-form {
    padding: 12px 20px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    width: fit-content;
    cursor: pointer;
    color: #152242;
}
.c-c-p .report-area .form .submit {
    background: #3E74FE;
    border-radius: 12px;
    padding: 12px 20px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    width: fit-content;
    align-self: last baseline;
    cursor: pointer;
    transition: 0.3s ease all;
}
.c-c-p .report-area .form #report_comment_text {
    border: 1px solid #CBD0DD;
    border-radius: 20px;
    resize: none;
    overflow-y: auto;
    overflow-x: hidden;
    color: #152242;
}
.c-c-p .report-area .form #report_comment_text:focus {
    border: 1px solid #3E74FE !important;
    outline: none !important;
}

.c-c-p-title .comments-icon {
    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="M16.9 19.0078C16.59 19.0078 16.28 18.9178 16.01 18.7378L15.05 18.1078C14.78 17.9278 14.65 17.5878 14.74 17.2778C14.81 17.0478 14.84 16.7778 14.84 16.4778V12.4078C14.84 10.7778 13.82 9.75781 12.19 9.75781H5.39999C5.27999 9.75781 5.17 9.76783 5.06 9.77783C4.85 9.78783 4.65001 9.71782 4.49001 9.57782C4.33001 9.43782 4.25 9.23783 4.25 9.02783V6.25781C4.25 3.31781 6.31 1.25781 9.25 1.25781H17.75C20.69 1.25781 22.75 3.31781 22.75 6.25781V11.3578C22.75 12.8078 22.26 14.0878 21.36 14.9678C20.64 15.6978 19.64 16.1678 18.5 16.3078V17.4178C18.5 18.0178 18.17 18.5578 17.65 18.8378C17.41 18.9478 17.15 19.0078 16.9 19.0078ZM16.3 17.1278L16.95 17.4978C17.01 17.4678 17.01 17.4178 17.01 17.4078V15.5978C17.01 15.1878 17.35 14.8478 17.76 14.8478C18.81 14.8478 19.7 14.5178 20.31 13.8978C20.94 13.2778 21.26 12.3978 21.26 11.3478V6.2478C21.26 4.1178 19.89 2.7478 17.76 2.7478H9.25999C7.12999 2.7478 5.75999 4.1178 5.75999 6.2478V8.2478H12.2C14.64 8.2478 16.35 9.95783 16.35 12.3978V16.4678C16.34 16.6978 16.33 16.9178 16.3 17.1278Z" fill="%233E74FE"/><path d="M6.07001 22.75C5.85001 22.75 5.62 22.7 5.41 22.59C4.94 22.34 4.64999 21.86 4.64999 21.32V20.56C3.76999 20.42 2.99 20.05 2.41 19.47C1.65 18.71 1.25 17.67 1.25 16.47V12.4C1.25 10.14 2.72999 8.48002 4.92999 8.27002C5.08999 8.26002 5.23999 8.25 5.39999 8.25H12.19C14.63 8.25 16.34 9.96002 16.34 12.4V16.47C16.34 16.91 16.29 17.32 16.18 17.69C15.73 19.49 14.2 20.62 12.19 20.62H9.7L6.87 22.5C6.63 22.67 6.35001 22.75 6.07001 22.75ZM5.39999 9.75C5.27999 9.75 5.17 9.76002 5.06 9.77002C3.62 9.90002 2.75 10.89 2.75 12.4V16.47C2.75 17.27 3 17.94 3.47 18.41C3.93 18.87 4.59999 19.12 5.39999 19.12C5.80999 19.12 6.14999 19.46 6.14999 19.87V21.18L9.05 19.25C9.17 19.17 9.32 19.12 9.47 19.12H12.19C13.51 19.12 14.44 18.46 14.73 17.3C14.8 17.05 14.84 16.77 14.84 16.47V12.4C14.84 10.77 13.82 9.75 12.19 9.75H5.39999Z" fill="%23234291"/></svg>');
    background-size: 26px 26px;
    background-position: center;
    background-repeat: no-repeat;
    width: 26px !important;
    height: 26px !important;
}
.comments-area .sort-icon {
    background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.3516 8.02344H3.35156C2.94156 8.02344 2.60156 7.68344 2.60156 7.27344C2.60156 6.86344 2.94156 6.52344 3.35156 6.52344H21.3516C21.7616 6.52344 22.1016 6.86344 22.1016 7.27344C22.1016 7.68344 21.7616 8.02344 21.3516 8.02344Z" fill="%237684A7"/><path d="M18.3516 13.0234H6.35156C5.94156 13.0234 5.60156 12.6834 5.60156 12.2734C5.60156 11.8634 5.94156 11.5234 6.35156 11.5234H18.3516C18.7616 11.5234 19.1016 11.8634 19.1016 12.2734C19.1016 12.6834 18.7616 13.0234 18.3516 13.0234Z" fill="%237684A7"/><path d="M14.3516 18.0234H10.3516C9.94156 18.0234 9.60156 17.6834 9.60156 17.2734C9.60156 16.8634 9.94156 16.5234 10.3516 16.5234H14.3516C14.7616 16.5234 15.1016 16.8634 15.1016 17.2734C15.1016 17.6834 14.7616 18.0234 14.3516 18.0234Z" fill="%237684A7"/></svg>');
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
}
.comments-area .new-comment-icon {
    background-image: url('data:image/svg+xml,<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.08273 15.6641C3.7269 15.6641 3.3944 15.5416 3.15523 15.3141C2.8519 15.0282 2.70607 14.5966 2.75857 14.1299L2.9744 12.2399C3.01523 11.8841 3.23107 11.4116 3.4819 11.1549L8.27107 6.08575C9.4669 4.81991 10.7152 4.78491 11.9811 5.98075C13.2469 7.17658 13.2819 8.42491 12.0861 9.69075L7.2969 14.7599C7.0519 15.0224 6.5969 15.2674 6.24107 15.3257L4.36273 15.6466C4.26357 15.6524 4.17607 15.6641 4.08273 15.6641ZM10.1436 5.97491C9.6944 5.97491 9.30357 6.25491 8.9069 6.67491L4.11773 11.7499C4.00107 11.8724 3.8669 12.1641 3.84357 12.3332L3.62773 14.2232C3.6044 14.4157 3.65107 14.5732 3.75607 14.6724C3.86107 14.7716 4.01857 14.8066 4.21107 14.7774L6.0894 14.4566C6.25857 14.4274 6.53857 14.2757 6.65523 14.1532L11.4444 9.08408C12.1677 8.31408 12.4302 7.60241 11.3744 6.61075C10.9077 6.16158 10.5052 5.97491 10.1436 5.97491Z" fill="%234C5E8C"/><path d="M10.9652 10.6593C10.9535 10.6593 10.936 10.6593 10.9244 10.6593C9.10436 10.4785 7.64019 9.09597 7.36019 7.28764C7.32519 7.04847 7.48852 6.8268 7.72769 6.78597C7.96686 6.75097 8.18852 6.9143 8.22936 7.15347C8.45102 8.56514 9.59436 9.65014 11.0177 9.79014C11.2569 9.81347 11.4319 10.0293 11.4085 10.2685C11.3794 10.4901 11.1869 10.6593 10.9652 10.6593Z" fill="%234C5E8C"/><path d="M13.1016 17.5391H2.60156C2.3624 17.5391 2.16406 17.3407 2.16406 17.1016C2.16406 16.8624 2.3624 16.6641 2.60156 16.6641H13.1016C13.3407 16.6641 13.5391 16.8624 13.5391 17.1016C13.5391 17.3407 13.3407 17.5391 13.1016 17.5391Z" fill="%234C5E8C"/></svg>');
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
}
.comments-area .filters ul li.sort {
    background-size: 12px 12px;
    background-position: center left;
    background-repeat: no-repeat;
}
.comments-area .filters ul li.sort.desc {
    color: #152242;
    background-image: url('data:image/svg+xml,<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.1543 0.515625L5.886 5.24707H0.422596L3.1543 0.515625Z" fill="%23CBD0DD"/><path d="M3.1543 11.4922L0.422596 6.76074L5.886 6.76074L3.1543 11.4922Z" fill="%23253B73"/></svg>');
}
.comments-area .filters ul li.sort.asc {
    color: #152242;
    background-image: url('data:image/svg+xml,<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.1543 0.515625L5.886 5.24707H0.422596L3.1543 0.515625Z" fill="%23253B73"/><path d="M3.1543 11.4922L0.422596 6.76074L5.886 6.76074L3.1543 11.4922Z" fill="%23CBD0DD"/></svg>');
}

.comments-area .rate-star {
    background-size: 16px 16px;
    background-position: top;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
}
.comments-area .rate-star.star-10-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6234 27.349L24.9568 32.349C26.2901 33.1823 27.9568 32.0156 27.4568 30.5156L25.2901 21.0156L32.6234 14.6823C33.7901 13.6823 33.1234 11.849 31.6234 11.6823L21.9568 10.849L18.2901 2.01562C17.6234 0.515625 15.6234 0.515625 14.9568 2.01562L11.2901 10.849L1.62344 11.6823C0.123439 11.849 -0.543228 13.6823 0.623439 14.6823L7.95677 21.0156L5.79011 30.5156C5.45677 32.0156 7.12344 33.1823 8.29011 32.349L16.6234 27.349Z" fill="%230169FF"/></svg>');
}
.comments-area .rate-star.star-9-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.8852 27.349L25.2185 32.349C26.5518 33.1823 28.2185 32.0156 27.7185 30.5156L25.5518 21.0156L32.8852 14.6823C34.0518 13.6823 33.3852 11.849 31.8852 11.6823L22.2185 10.849L18.5518 2.01562C17.8852 0.515625 15.8852 0.515625 15.2185 2.01562L11.5518 10.849L1.88516 11.6823C0.385158 11.849 -0.281509 13.6823 0.885158 14.6823L8.21849 21.0156L6.05182 30.5156C5.71849 32.0156 7.38516 33.1823 8.55182 32.349L16.8852 27.349Z" fill="%231976FF"/></svg>');
}
.comments-area .rate-star.star-8-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1469 27.349L25.4802 32.349C26.8135 33.1823 28.4802 32.0156 27.9802 30.5156L25.8135 21.0156L33.1469 14.6823C34.3135 13.6823 33.6469 11.849 32.1469 11.6823L22.4802 10.849L18.8135 2.01562C18.1469 0.515625 16.1469 0.515625 15.4802 2.01562L11.8135 10.849L2.14688 11.6823C0.646877 11.849 -0.0197901 13.6823 1.14688 14.6823L8.48021 21.0156L6.31354 30.5156C5.98021 32.0156 7.64688 33.1823 8.81354 32.349L17.1469 27.349Z" fill="%232D82FF"/></svg>');
}
.comments-area .rate-star.star-7-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.4086 27.349L25.7419 32.349C27.0753 33.1823 28.7419 32.0156 28.2419 30.5156L26.0753 21.0156L33.4086 14.6823C34.5753 13.6823 33.9086 11.849 32.4086 11.6823L22.7419 10.849L19.0753 2.01562C18.4086 0.515625 16.4086 0.515625 15.7419 2.01562L12.0753 10.849L2.4086 11.6823C0.908595 11.849 0.241929 13.6823 1.4086 14.6823L8.74193 21.0156L6.57526 30.5156C6.24193 32.0156 7.9086 33.1823 9.07526 32.349L17.4086 27.349Z" fill="%234790FF"/></svg>');
}
.comments-area .rate-star.star-6-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6703 27.349L25.0036 32.349C26.337 33.1823 28.0036 32.0156 27.5036 30.5156L25.337 21.0156L32.6703 14.6823C33.837 13.6823 33.1703 11.849 31.6703 11.6823L22.0036 10.849L18.337 2.01562C17.6703 0.515625 15.6703 0.515625 15.0036 2.01562L11.337 10.849L1.67031 11.6823C0.170314 11.849 -0.496353 13.6823 0.670314 14.6823L8.00365 21.0156L5.83698 30.5156C5.50365 32.0156 7.17031 33.1823 8.33698 32.349L16.6703 27.349Z" fill="%235D9CFE"/></svg>');
}
.comments-area .rate-star.star-5-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.932 27.349L25.2654 32.349C26.5987 33.1823 28.2654 32.0156 27.7654 30.5156L25.5987 21.0156L32.932 14.6823C34.0987 13.6823 33.432 11.849 31.932 11.6823L22.2654 10.849L18.5987 2.01562C17.932 0.515625 15.932 0.515625 15.2654 2.01562L11.5987 10.849L1.93203 11.6823C0.432033 11.849 -0.234634 13.6823 0.932033 14.6823L8.26537 21.0156L6.0987 30.5156C5.76537 32.0156 7.43203 33.1823 8.5987 32.349L16.932 27.349Z" fill="%2375AAFF"/></svg>');
}
.comments-area .rate-star.star-4-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1938 27.349L25.5271 32.349C26.8604 33.1823 28.5271 32.0156 28.0271 30.5156L25.8604 21.0156L33.1938 14.6823C34.3604 13.6823 33.6938 11.849 32.1938 11.6823L22.5271 10.849L18.8604 2.01562C18.1938 0.515625 16.1938 0.515625 15.5271 2.01562L11.8604 10.849L2.19375 11.6823C0.693752 11.849 0.0270849 13.6823 1.19375 14.6823L8.52708 21.0156L6.36042 30.5156C6.02708 32.0156 7.69375 33.1823 8.86042 32.349L17.1938 27.349Z" fill="%238BB7FF"/></svg>');
}
.comments-area .rate-star.star-3-icon {
    background-image: url('data:image/svg+xml,<svg width="35" height="33" viewBox="0 0 35 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.4555 27.349L25.7888 32.349C27.1221 33.1823 28.7888 32.0156 28.2888 30.5156L26.1221 21.0156L33.4555 14.6823C34.6221 13.6823 33.9555 11.849 32.4555 11.6823L22.7888 10.849L19.1221 2.01562C18.4555 0.515625 16.4555 0.515625 15.7888 2.01562L12.1221 10.849L2.45547 11.6823C0.95547 11.849 0.288804 13.6823 1.45547 14.6823L8.7888 21.0156L6.62214 30.5156C6.2888 32.0156 7.95547 33.1823 9.12214 32.349L17.4555 27.349Z" fill="%23A3C4FF"/></svg>');
}
.comments-area .rate-star.star-2-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7172 27.349L25.0505 32.349C26.3839 33.1823 28.0505 32.0156 27.5505 30.5156L25.3839 21.0156L32.7172 14.6823C33.8839 13.6823 33.2172 11.849 31.7172 11.6823L22.0505 10.849L18.3839 2.01562C17.7172 0.515625 15.7172 0.515625 15.0505 2.01562L11.3839 10.849L1.71719 11.6823C0.217189 11.849 -0.449478 13.6823 0.717189 14.6823L8.05052 21.0156L5.88386 30.5156C5.55052 32.0156 7.21719 33.1823 8.38386 32.349L16.7172 27.349Z" fill="%23BBD2FF"/></svg>');
}
.comments-area .rate-star.star-1-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9789 27.349L25.3122 32.349C26.6456 33.1823 28.3122 32.0156 27.8122 30.5156L25.6456 21.0156L32.9789 14.6823C34.1456 13.6823 33.4789 11.849 31.9789 11.6823L22.3122 10.849L18.6456 2.01562C17.9789 0.515625 15.9789 0.515625 15.3122 2.01562L11.6456 10.849L1.97891 11.6823C0.478908 11.849 -0.187759 13.6823 0.978908 14.6823L8.31224 21.0156L6.14557 30.5156C5.81224 32.0156 7.47891 33.1823 8.64557 32.349L16.9789 27.349Z" fill="%23D1DEFF"/></svg>');
}

.comments-area .like-area .like-button-icon {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9184 18.6866H10.7517C10.285 18.6866 9.26836 18.5449 8.72669 18.0033L6.20169 16.0533L6.96836 15.0616L9.55169 17.0616C9.76003 17.2616 10.285 17.4283 10.7517 17.4283H13.9184C14.6684 17.4283 15.4767 16.8283 15.6434 16.1533L17.66 10.0283C17.7934 9.6616 17.7684 9.32826 17.5934 9.0866C17.41 8.82826 17.0767 8.67826 16.6684 8.67826H13.335C12.9017 8.67826 12.5017 8.49493 12.2267 8.17826C11.9434 7.85326 11.8184 7.41993 11.885 6.96993L12.3017 4.29493C12.4017 3.82826 12.085 3.30326 11.635 3.15326C11.2267 3.00326 10.7017 3.21993 10.5184 3.4866L7.10169 8.56993L6.06836 7.87826L9.48503 2.79493C10.01 2.0116 11.16 1.6366 12.06 1.97826C13.1017 2.31993 13.7684 3.46993 13.535 4.5366L13.1267 7.1616C13.1184 7.21993 13.1184 7.30326 13.1767 7.36993C13.2184 7.4116 13.2767 7.4366 13.3434 7.4366H16.6767C17.4934 7.4366 18.2017 7.77826 18.6184 8.36993C19.0267 8.94493 19.11 9.70326 18.8434 10.4366L16.8517 16.5033C16.5434 17.7116 15.26 18.6866 13.9184 18.6866Z" fill="%237684A7"/><path d="M4.83398 17.7708H4.00065C2.45898 17.7708 1.70898 17.0458 1.70898 15.5625V7.39583C1.70898 5.9125 2.45898 5.1875 4.00065 5.1875H4.83398C6.37565 5.1875 7.12565 5.9125 7.12565 7.39583V15.5625C7.12565 17.0458 6.37565 17.7708 4.83398 17.7708ZM4.00065 6.4375C3.09232 6.4375 2.95898 6.65417 2.95898 7.39583V15.5625C2.95898 16.3042 3.09232 16.5208 4.00065 16.5208H4.83398C5.74232 16.5208 5.87565 16.3042 5.87565 15.5625V7.39583C5.87565 6.65417 5.74232 6.4375 4.83398 6.4375H4.00065Z" fill="%237684A7"/></svg>');
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}
.comments-area .like-area.active .like-button-icon {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.75 15.9076V7.44095C7.75 7.10762 7.85 6.78262 8.03333 6.50762L10.3083 3.12429C10.6667 2.58262 11.5583 2.19929 12.3167 2.48262C13.1333 2.75762 13.675 3.67429 13.5 4.49095L13.0667 7.21595C13.0333 7.46595 13.1 7.69095 13.2417 7.86595C13.3833 8.02429 13.5917 8.12429 13.8167 8.12429H17.2417C17.9 8.12429 18.4667 8.39095 18.8 8.85762C19.1167 9.30762 19.175 9.89095 18.9667 10.4826L16.9167 16.7243C16.6583 17.7576 15.5333 18.5993 14.4167 18.5993H11.1667C10.6083 18.5993 9.825 18.4076 9.46667 18.0493L8.4 17.2243C7.99167 16.916 7.75 16.4243 7.75 15.9076Z" fill="%233E74FE"/><path d="M5.09883 5.81641H4.24049C2.94883 5.81641 2.42383 6.31641 2.42383 7.54974V15.9331C2.42383 17.1664 2.94883 17.6664 4.24049 17.6664H5.09883C6.3905 17.6664 6.91549 17.1664 6.91549 15.9331V7.54974C6.91549 6.31641 6.3905 5.81641 5.09883 5.81641Z" fill="%233E74FE"/></svg>');
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}
.comments-area .comment-list .like-button-icon:hover {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9184 18.6866H10.7517C10.285 18.6866 9.26836 18.5449 8.72669 18.0033L6.20169 16.0533L6.96836 15.0616L9.55169 17.0616C9.76003 17.2616 10.285 17.4283 10.7517 17.4283H13.9184C14.6684 17.4283 15.4767 16.8283 15.6434 16.1533L17.66 10.0283C17.7934 9.6616 17.7684 9.32826 17.5934 9.0866C17.41 8.82826 17.0767 8.67826 16.6684 8.67826H13.335C12.9017 8.67826 12.5017 8.49493 12.2267 8.17826C11.9434 7.85326 11.8184 7.41993 11.885 6.96993L12.3017 4.29493C12.4017 3.82826 12.085 3.30326 11.635 3.15326C11.2267 3.00326 10.7017 3.21993 10.5184 3.4866L7.10169 8.56993L6.06836 7.87826L9.48503 2.79493C10.01 2.0116 11.16 1.6366 12.06 1.97826C13.1017 2.31993 13.7684 3.46993 13.535 4.5366L13.1267 7.1616C13.1184 7.21993 13.1184 7.30326 13.1767 7.36993C13.2184 7.4116 13.2767 7.4366 13.3434 7.4366H16.6767C17.4934 7.4366 18.2017 7.77826 18.6184 8.36993C19.0267 8.94493 19.11 9.70326 18.8434 10.4366L16.8517 16.5033C16.5434 17.7116 15.26 18.6866 13.9184 18.6866Z" fill="%233e74fe"/><path d="M4.83398 17.7708H4.00065C2.45898 17.7708 1.70898 17.0458 1.70898 15.5625V7.39583C1.70898 5.9125 2.45898 5.1875 4.00065 5.1875H4.83398C6.37565 5.1875 7.12565 5.9125 7.12565 7.39583V15.5625C7.12565 17.0458 6.37565 17.7708 4.83398 17.7708ZM4.00065 6.4375C3.09232 6.4375 2.95898 6.65417 2.95898 7.39583V15.5625C2.95898 16.3042 3.09232 16.5208 4.00065 16.5208H4.83398C5.74232 16.5208 5.87565 16.3042 5.87565 15.5625V7.39583C5.87565 6.65417 5.74232 6.4375 4.83398 6.4375H4.00065Z" fill="%233e74fe"/></svg>');
    transition: 0.3s ease all;
}
.comments-area .like-area.active .like-button-icon:hover {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.75 15.9076V7.44095C7.75 7.10762 7.85 6.78262 8.03333 6.50762L10.3083 3.12429C10.6667 2.58262 11.5583 2.19929 12.3167 2.48262C13.1333 2.75762 13.675 3.67429 13.5 4.49095L13.0667 7.21595C13.0333 7.46595 13.1 7.69095 13.2417 7.86595C13.3833 8.02429 13.5917 8.12429 13.8167 8.12429H17.2417C17.9 8.12429 18.4667 8.39095 18.8 8.85762C19.1167 9.30762 19.175 9.89095 18.9667 10.4826L16.9167 16.7243C16.6583 17.7576 15.5333 18.5993 14.4167 18.5993H11.1667C10.6083 18.5993 9.825 18.4076 9.46667 18.0493L8.4 17.2243C7.99167 16.916 7.75 16.4243 7.75 15.9076Z" fill="%233E74FE"/><path d="M5.09883 5.81641H4.24049C2.94883 5.81641 2.42383 6.31641 2.42383 7.54974V15.9331C2.42383 17.1664 2.94883 17.6664 4.24049 17.6664H5.09883C6.3905 17.6664 6.91549 17.1664 6.91549 15.9331V7.54974C6.91549 6.31641 6.3905 5.81641 5.09883 5.81641Z" fill="%233E74FE"/></svg>');
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}

.comments-area .dislike-area .dislike-button-icon {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.35249 18.6927C9.11082 18.6927 8.86916 18.651 8.64416 18.5677C7.60249 18.226 6.93582 17.076 7.16916 16.0094L7.57749 13.3844C7.58582 13.326 7.58582 13.2427 7.52749 13.176C7.48582 13.1344 7.42749 13.1094 7.36082 13.1094H4.02749C3.21082 13.1094 2.50249 12.7677 2.08582 12.176C1.67749 11.601 1.59416 10.8427 1.86082 10.1094L3.85249 4.04271C4.16082 2.83437 5.45249 1.85938 6.78582 1.85938H9.95249C10.4192 1.85938 11.4358 2.00104 11.9775 2.54271L14.5025 4.49271L13.7358 5.48437L11.1525 3.48437C10.9442 3.27604 10.4192 3.10938 9.95249 3.10938H6.78582C6.03582 3.10938 5.22749 3.70937 5.06082 4.38437L3.04416 10.5094C2.91082 10.876 2.93582 11.2094 3.11082 11.451C3.29416 11.7094 3.62749 11.8594 4.03582 11.8594H7.36916C7.80249 11.8594 8.20249 12.0427 8.47749 12.3594C8.76082 12.6844 8.88582 13.1177 8.81916 13.5677L8.40249 16.2427C8.30249 16.7094 8.61916 17.2344 9.06916 17.3844C9.46916 17.5344 10.0025 17.3177 10.1858 17.051L13.6025 11.9677L14.6358 12.6677L11.2192 17.751C10.8275 18.3344 10.0858 18.6927 9.35249 18.6927Z" fill="%237684A7"/><path d="M16.7012 15.3568H15.8678C14.3262 15.3568 13.5762 14.6318 13.5762 13.1484V4.98177C13.5762 3.49844 14.3262 2.77344 15.8678 2.77344H16.7012C18.2428 2.77344 18.9928 3.49844 18.9928 4.98177V13.1484C18.9928 14.6318 18.2428 15.3568 16.7012 15.3568ZM15.8678 4.02344C14.9595 4.02344 14.8262 4.2401 14.8262 4.98177V13.1484C14.8262 13.8901 14.9595 14.1068 15.8678 14.1068H16.7012C17.6095 14.1068 17.7428 13.8901 17.7428 13.1484V4.98177C17.7428 4.2401 17.6095 4.02344 16.7012 4.02344H15.8678Z" fill="%237684A7"/></svg>');
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}
.comments-area .dislike-area.active .dislike-button-icon {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3607 4.85573V13.3224C13.3607 13.6557 13.2607 13.9807 13.0774 14.2557L10.8024 17.6391C10.4441 18.1807 9.55239 18.5641 8.79406 18.2807C7.97739 18.0057 7.43572 17.0891 7.61072 16.2724L8.04406 13.5474C8.07739 13.2974 8.01072 13.0724 7.86906 12.8974C7.72739 12.7391 7.51906 12.6391 7.29406 12.6391H3.86906C3.21072 12.6391 2.64406 12.3724 2.31072 11.9057C1.99406 11.4557 1.93572 10.8724 2.14406 10.2807L4.19406 4.03906C4.45239 3.00573 5.57739 2.16406 6.69406 2.16406H9.94406C10.5024 2.16406 11.2857 2.35573 11.6441 2.71406L12.7107 3.53906C13.1191 3.85573 13.3607 4.33906 13.3607 4.85573Z" fill="%23D50000"/><path d="M16.01 14.951H16.8684C18.16 14.951 18.685 14.451 18.685 13.2177V4.84271C18.685 3.60937 18.16 3.10938 16.8684 3.10938H16.01C14.7184 3.10938 14.1934 3.60937 14.1934 4.84271V13.226C14.1934 14.451 14.7184 14.951 16.01 14.951Z" fill="%23D50000"/></svg>');
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}
.comments-area .comment-list .dislike-button-icon:hover {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.35249 18.6927C9.11082 18.6927 8.86916 18.651 8.64416 18.5677C7.60249 18.226 6.93582 17.076 7.16916 16.0094L7.57749 13.3844C7.58582 13.326 7.58582 13.2427 7.52749 13.176C7.48582 13.1344 7.42749 13.1094 7.36082 13.1094H4.02749C3.21082 13.1094 2.50249 12.7677 2.08582 12.176C1.67749 11.601 1.59416 10.8427 1.86082 10.1094L3.85249 4.04271C4.16082 2.83437 5.45249 1.85938 6.78582 1.85938H9.95249C10.4192 1.85938 11.4358 2.00104 11.9775 2.54271L14.5025 4.49271L13.7358 5.48437L11.1525 3.48437C10.9442 3.27604 10.4192 3.10938 9.95249 3.10938H6.78582C6.03582 3.10938 5.22749 3.70937 5.06082 4.38437L3.04416 10.5094C2.91082 10.876 2.93582 11.2094 3.11082 11.451C3.29416 11.7094 3.62749 11.8594 4.03582 11.8594H7.36916C7.80249 11.8594 8.20249 12.0427 8.47749 12.3594C8.76082 12.6844 8.88582 13.1177 8.81916 13.5677L8.40249 16.2427C8.30249 16.7094 8.61916 17.2344 9.06916 17.3844C9.46916 17.5344 10.0025 17.3177 10.1858 17.051L13.6025 11.9677L14.6358 12.6677L11.2192 17.751C10.8275 18.3344 10.0858 18.6927 9.35249 18.6927Z" fill="%23D50000"/><path d="M16.7012 15.3568H15.8678C14.3262 15.3568 13.5762 14.6318 13.5762 13.1484V4.98177C13.5762 3.49844 14.3262 2.77344 15.8678 2.77344H16.7012C18.2428 2.77344 18.9928 3.49844 18.9928 4.98177V13.1484C18.9928 14.6318 18.2428 15.3568 16.7012 15.3568ZM15.8678 4.02344C14.9595 4.02344 14.8262 4.2401 14.8262 4.98177V13.1484C14.8262 13.8901 14.9595 14.1068 15.8678 14.1068H16.7012C17.6095 14.1068 17.7428 13.8901 17.7428 13.1484V4.98177C17.7428 4.2401 17.6095 4.02344 16.7012 4.02344H15.8678Z" fill="%23D50000"/></svg>');
    transition: 0.3s ease all;
}
.comments-area .dislike-area.active .dislike-button-icon:hover {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3607 4.85573V13.3224C13.3607 13.6557 13.2607 13.9807 13.0774 14.2557L10.8024 17.6391C10.4441 18.1807 9.55239 18.5641 8.79406 18.2807C7.97739 18.0057 7.43572 17.0891 7.61072 16.2724L8.04406 13.5474C8.07739 13.2974 8.01072 13.0724 7.86906 12.8974C7.72739 12.7391 7.51906 12.6391 7.29406 12.6391H3.86906C3.21072 12.6391 2.64406 12.3724 2.31072 11.9057C1.99406 11.4557 1.93572 10.8724 2.14406 10.2807L4.19406 4.03906C4.45239 3.00573 5.57739 2.16406 6.69406 2.16406H9.94406C10.5024 2.16406 11.2857 2.35573 11.6441 2.71406L12.7107 3.53906C13.1191 3.85573 13.3607 4.33906 13.3607 4.85573Z" fill="%23D50000"/><path d="M16.01 14.951H16.8684C18.16 14.951 18.685 14.451 18.685 13.2177V4.84271C18.685 3.60937 18.16 3.10938 16.8684 3.10938H16.01C14.7184 3.10938 14.1934 3.60937 14.1934 4.84271V13.226C14.1934 14.451 14.7184 14.951 16.01 14.951Z" fill="%23D50000"/></svg>');
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}

.comments-area .arrow-down-icon {
    background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.54492L5.91016 6.45508L10.8203 1.54492" stroke="%23687F8F" stroke-width="1.5" stroke-linecap="round"/></svg>');
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
}
.comments-area .arrow-down-icon.rotate {
    rotate: 180deg;
}
.comments-area .iran-rebate-icon {
    background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.351562" y="0.875" width="24" height="24" rx="12" fill="url(%23paint0_linear_9530_128642)"/><path d="M12.5149 6.875H9.43359V9.87554H12.5149V6.875Z" fill="%23FCFEFF"/><path d="M15.593 6.875H12.5117V9.87554H15.593V6.875Z" fill="%23FCFEFF"/><path d="M18.6732 9.87377V9.87554H15.5938V6.875C17.2945 6.875 18.6732 8.21763 18.6732 9.87377Z" fill="%23FCFEFF"/><path d="M9.43286 9.875H6.35156V12.8738H9.43286V9.875Z" fill="%23FCFEFF"/><path d="M9.43286 12.875H6.35156V15.8755H9.43286V12.875Z" fill="%23FCFEFF"/><path d="M9.43286 15.875H6.35156V18.8754H9.43286V15.875Z" fill="%23FCFEFF"/><path d="M9.43286 6.875H6.35156V9.87554H9.43286V6.875Z" fill="%23FCFEFF"/><path d="M18.6732 15.875H15.5938V18.8754H18.6732V15.875Z" fill="%23FCFEFF"/><path d="M15.5912 12.875H12.5117V15.8754H15.5912V12.875Z" fill="%23FCFEFF"/><path d="M18.6732 9.875H15.5938V12.8754H18.6732V9.875Z" fill="%23FCFEFF"/><defs><linearGradient id="paint0_linear_9530_128642" x1="0.828211" y1="0.874999" x2="26.3473" y2="3.09102" gradientUnits="userSpaceOnUse"><stop stop-color="%230095FF"/><stop offset="0.639423" stop-color="%230061FF"/><stop offset="1" stop-color="%23166FFF"/></linearGradient></defs></svg>');
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
}
.comments-area .confirmed-comment-icon {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5539 9.45438L17.9479 9.09104C17.6899 8.93638 17.5152 8.68104 17.4365 8.39104C17.4352 8.38571 17.4339 8.38038 17.4319 8.37504C17.3512 8.08238 17.3752 7.77038 17.5225 7.50438L17.8659 6.88638C18.2165 6.25438 17.7672 5.47638 17.0445 5.46438L16.3312 5.45238C16.0292 5.44704 15.7492 5.31304 15.5359 5.09971C15.5339 5.09771 15.5312 5.09504 15.5292 5.09304C15.3152 4.87971 15.1812 4.59971 15.1765 4.29771L15.1645 3.58437C15.1519 2.86037 14.3739 2.41104 13.7419 2.76238L13.1239 3.10571C12.8585 3.25304 12.5465 3.27704 12.2532 3.19638C12.2479 3.19504 12.2425 3.19371 12.2372 3.19171C11.9472 3.11238 11.6919 2.93838 11.5372 2.68038L11.1739 2.07438C10.8019 1.45437 9.90388 1.45437 9.53188 2.07438L9.16988 2.67771C9.01388 2.93771 8.75655 3.11304 8.46455 3.19304C8.46121 3.19371 8.45855 3.19504 8.45521 3.19571C8.15988 3.27704 7.84588 3.25304 7.57788 3.10438L6.96188 2.76238C6.32988 2.41104 5.55188 2.86038 5.53988 3.58304L5.52788 4.29638C5.52255 4.59838 5.38855 4.87838 5.17521 5.09171C5.17321 5.09371 5.17055 5.09638 5.16855 5.09838C4.95521 5.31238 4.67521 5.44638 4.37321 5.45104L3.65988 5.46304C2.93655 5.47571 2.48721 6.25371 2.83855 6.88571L3.18188 7.50371C3.32921 7.76971 3.35321 8.08104 3.27255 8.37438C3.27121 8.37971 3.26988 8.38504 3.26788 8.39038C3.18855 8.68038 3.01455 8.93571 2.75655 9.09038L2.15055 9.45371C1.53055 9.82571 1.53055 10.7244 2.15055 11.0957L2.75655 11.4597C3.01455 11.6144 3.18921 11.8697 3.26788 12.1597C3.26921 12.165 3.27055 12.1704 3.27255 12.1757C3.35321 12.469 3.32921 12.7804 3.18188 13.0464L2.83855 13.6657C2.48788 14.2977 2.93721 15.0757 3.65988 15.0877L4.37321 15.0997C4.67521 15.105 4.95521 15.239 5.16855 15.4524C5.17055 15.4544 5.17321 15.457 5.17521 15.459C5.38921 15.6724 5.52321 15.9524 5.52788 16.2544L5.53988 16.967C5.55188 17.6897 6.32988 18.139 6.96188 17.7884L7.57988 17.445C7.84521 17.2977 8.15721 17.2737 8.45055 17.3544C8.45588 17.3557 8.46121 17.357 8.46655 17.359C8.75655 17.4384 9.01188 17.6124 9.16655 17.8704L9.52988 18.4764C9.90188 19.0964 10.7999 19.0964 11.1719 18.4764L11.5352 17.8704C11.6899 17.6124 11.9452 17.4377 12.2352 17.359C12.2405 17.3577 12.2459 17.3564 12.2512 17.3544C12.5439 17.2737 12.8559 17.2977 13.1219 17.445L13.7399 17.7884C14.3719 18.139 15.1499 17.6897 15.1619 16.967L15.1739 16.2544C15.1792 15.9524 15.3132 15.6724 15.5265 15.459C15.5285 15.457 15.5312 15.4544 15.5332 15.4524C15.7465 15.2384 16.0265 15.1044 16.3285 15.0997L17.0419 15.0877C17.7645 15.0757 18.2139 14.2977 17.8632 13.6657L17.5199 13.0477C17.3725 12.7817 17.3485 12.4704 17.4292 12.177C17.4305 12.1717 17.4319 12.1664 17.4339 12.161C17.5132 11.871 17.6872 11.6157 17.9452 11.461L18.5512 11.097C19.1732 10.725 19.1732 9.82638 18.5539 9.45438ZM14.1565 8.74704L9.78321 13.1204C9.65788 13.2457 9.48855 13.3157 9.31188 13.3157C9.13521 13.3157 8.96521 13.2457 8.84055 13.1204L6.53855 10.8184C6.27788 10.5577 6.27788 10.1364 6.53855 9.87571C6.79921 9.61504 7.22055 9.61504 7.48121 9.87571L9.31188 11.7064L13.2139 7.80438C13.4745 7.54371 13.8959 7.54371 14.1565 7.80438C14.4172 8.06504 14.4172 8.48638 14.1565 8.74704Z" fill="url(%23paint0_linear_9483_127245)"/><defs><linearGradient id="paint0_linear_9483_127245" x1="19.018" y1="4.15381" x2="-1.26607" y2="10.7996" gradientUnits="userSpaceOnUse"><stop stop-color="%233E74FE"/><stop offset="1" stop-color="%23618DFE"/></linearGradient></defs></svg>');
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
}
.comments-area .load-more-icon {
    background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.54492L5.91016 6.45508L10.8203 1.54492" stroke="%233E74FE" stroke-width="1.5" stroke-linecap="round"/></svg>');
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
}

.comments-area .report-comment-icon {
    background-image: 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="M10.0079 18.949C9.48294 18.949 8.96628 18.774 8.55794 18.424L7.24128 17.299C7.10794 17.1823 6.77461 17.0656 6.59961 17.0656H5.14128C3.90794 17.0656 2.90794 16.0656 2.90794 14.8323V13.4073C2.90794 13.2323 2.79128 12.899 2.68294 12.774L1.54961 11.4406C0.866276 10.6323 0.866276 9.36563 1.54961 8.54896L2.68294 7.21562C2.79128 7.09062 2.90794 6.75729 2.90794 6.58229V5.16563C2.90794 3.93229 3.90794 2.93229 5.14128 2.93229H6.58294C6.75794 2.93229 7.08294 2.80729 7.22461 2.69063L8.54128 1.56563C9.35794 0.873958 10.6329 0.873958 11.4496 1.56563L12.7663 2.69063C12.8996 2.80729 13.2413 2.92396 13.4163 2.92396H14.8329C16.0663 2.92396 17.0663 3.92396 17.0663 5.15729V6.57396C17.0663 6.74896 17.1913 7.07396 17.3079 7.21562L18.4329 8.53229C19.1329 9.35729 19.1246 10.6323 18.4329 11.4406L17.3079 12.7573C17.1913 12.899 17.0746 13.224 17.0746 13.399V14.8156C17.0746 16.049 16.0746 17.049 14.8413 17.049H13.4246C13.2496 17.049 12.9246 17.174 12.7746 17.2906L11.4579 18.4156C11.0496 18.774 10.5246 18.949 10.0079 18.949ZM5.14128 4.18229C4.59961 4.18229 4.15794 4.62396 4.15794 5.16563V6.58229C4.15794 7.05729 3.94128 7.65729 3.63294 8.02396L2.49961 9.35729C2.21628 9.69896 2.21628 10.299 2.49961 10.6323L3.62461 11.9573C3.92461 12.299 4.14961 12.924 4.14961 13.399V14.824C4.14961 15.3656 4.59128 15.8073 5.13294 15.8073H6.58294C7.04961 15.8073 7.66628 16.0323 8.03294 16.3406L9.35794 17.474C9.69961 17.7656 10.2996 17.7656 10.6413 17.474L11.9579 16.349C12.3329 16.0323 12.9413 15.8156 13.4079 15.8156H14.8246C15.3663 15.8156 15.8079 15.374 15.8079 14.8323V13.4156C15.8079 12.949 16.0329 12.3406 16.3413 11.9656L17.4746 10.6406C17.7663 10.299 17.7663 9.69896 17.4746 9.35729L16.3496 8.04063C16.0329 7.66563 15.8163 7.05729 15.8163 6.59062V5.16563C15.8163 4.62396 15.3746 4.18229 14.8329 4.18229H13.4163C12.9413 4.18229 12.3246 3.95729 11.9579 3.64896L10.6329 2.51562C10.2913 2.22396 9.69961 2.22396 9.34961 2.51562L8.04128 3.64896C7.66628 3.95729 7.05794 4.18229 6.58294 4.18229H5.14128Z" fill="%23A1ABC3"/><path d="M9.99935 14.0573C9.54102 14.0573 9.16602 13.6823 9.16602 13.224C9.16602 12.7656 9.53268 12.3906 9.99935 12.3906C10.4577 12.3906 10.8327 12.7656 10.8327 13.224C10.8327 13.6823 10.466 14.0573 9.99935 14.0573Z" fill="%23A1ABC3"/><path d="M10 11.4318C9.65833 11.4318 9.375 11.1484 9.375 10.8068V6.77344C9.375 6.43177 9.65833 6.14844 10 6.14844C10.3417 6.14844 10.625 6.43177 10.625 6.77344V10.7984C10.625 11.1484 10.35 11.4318 10 11.4318Z" fill="%23A1ABC3"/></svg>');
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
}

@keyframes blink {
    0%, 100% { background-color: #FFF; }
    50% { background-color: #dff5ff; }
}

.blink {
    animation: blink 0.5s ease-in-out 2;
}

@media only screen and (max-width: 760px) {
    .c-c-p {
        flex-direction: column;
        padding: 0 12px;
    }
    .c-c-p .comments-area {
        order: 1;
    }
    .c-c-p .comments-area .head-bar {
        flex-direction: column;
        gap: 16px;
    }
    .c-c-p .comments-area .head-bar .action {
        width: 100%;
    }
    .c-c-p .comments-area .head-bar .action span {
        display: block;
        text-align: center;
    }
    .c-c-p .comments-sidebar-area .comments-sidebar {
        max-width: 100%;
    }
    .comments-area .filters-area .filters .actions {
        border: 1px solid #E9EBF1;
        padding: 8px 24px;
        border-radius: 12px;
        box-shadow: 0 12px 12px 0 rgba(28, 52, 114, 0.12);
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .comments-area .filters-area .filters .actions .new-comment-button {
        display: flex;
        color: #1C3472;
    }
    .comments-area .filters-area .filters .actions .sort-button {
        color: #1C3472;
    }
    .comments-area .filters-area .filters.fixed {
        position: fixed;
        bottom: 32px;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto;
        z-index: 1;
        justify-content: center;
    }
    .comments-area .filters-area .filters.fixed .actions {
        width: fit-content;
        margin: auto;
        background: #FFF;
        gap: 16px;
    }
    .comments-area .filters-area .filters .actions .vertical-line {
        width: 1px;
        background: #CBD0DD;
        height: 20px;
        display: flex;
    }
    .comments-area .filters-area .filters.fixed ul {
        top: unset;
        bottom: -32px;
        box-shadow: 0 0 100000px 100000px #111B3415;
    }
    .comments-area .filters-area .filters ul {
        position: absolute;
        display: none;
        flex-direction: column;
        background: #FFF;
        border: 1px solid #E9EBF1;
        top: 48px;
        padding: 16px 24px;
        width: 100%;
        margin: auto;
        z-index: 1;
        border-radius: 24px 24px 0 0;
        box-shadow: 0 2px 6px 0 #0000000D;
    }
    .comments-area .filters-area .filters ul.show {
        display: flex;
    }
    .comments-area .filters-area .filters ul li {
        width: 100%;
        justify-content: center;
        padding: 8px;
    }
    .comments-area .filters-area .filters ul li.sort.desc, .comments-area .filters-area .filters ul li.sort.asc {
        background-image: none;
    }
    .comments-area .filters-area .filters ul li.sort.desc, .comments-area .filters-area .filters ul li.sort.asc {
        background: linear-gradient(248.04deg, #EBF0FF 2.92%, #FFFFFF 72.98%);
        border: 1px solid #ECF1FF;
        color: #3563D8;
        border-radius: 8px;
    }

    .comments-area .filters-area .filters ul li.filter-mobile-badge {
        display: flex;
    }
    .comments-area .filters-area .filters ul li.filter-mobile-badge span {
        width: 32px;
        height: 3px;
        background: #A1ABC3;
        border-radius: 50px;
    }
    .comments-area .filters-area .filters ul li.filter-mobile-title {
        display: flex;
        border-bottom: 1px solid #ECF1FF;
        padding-bottom: 16px;
        margin-bottom: 16px;
        color: #152242;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0;
    }
    .comments-area .filters-area .total-comments {
        margin-right: 0 !important;
        width: 100%;
        text-align: right;
    }
    .comments-area .filters-area .total-comments.no-comments {
        display: none;
    }
    .comments-area .comment-list .single-comment .head .commenter-name {
        color: #152242 !important;
    }
    .comments-area .comment-list .single-comment .comment-text {
        color: #253B73 !important;
    }
    .comments-area .comment-list .single-comment .comment-box {
        gap: 4px !important;
    }
    .comments-area .comment-list .single-comment .actions {
        gap: 8px !important;
    }
    .comments-area .comment-list .single-comment .actions .reply-button {
        padding-right: 8px !important;
    }
    .comments-area .comment-list .single-comment .actions .extra-actions-popup {
        left: 0;
    }
    .comments-area .comment-list .single-comment .replies-area {
        padding-right: 16px !important;
    }
    .comments-area .comment-list .single-comment:has(.replies-area .single-comment) .replies-area > .single-comment::after {
        width: 12px !important;
        height: 16px !important;
        right: -16px !important;
        top: 0 !important;
    }
    .comments-area .comment-list .single-comment:has(.replies-area .single-comment) .replies-area > .single-comment.user {
        padding: 0 !important;
    }
    .comments-sidebar-area {
        width: 100% !important;
    }
    .c-c-p-title {
        padding: 0 12px;
    }
    .c-c-p-title .title-text {
        font-size: 16px;
    }
}

.mini-analyses-area {
    font-family: YekanBakh;
    display: flex;
    max-width: 290px;
    flex: 1;
    flex-direction: column;
    gap: 24px;
    border-radius: 20px;
    height: fit-content;
}
.mini-analyses-area .head {
    color: #111B34;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
}
.mini-analyses-area .statistics {
    display: flex;
    align-items: center;
    gap: 16px;
}
.mini-analyses-area .statistics .total-comments {
    color: #7684A7;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0;
}
.mini-analyses-area .statistics .vote-text {
    color: #152242;
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    width: 100%;
}
.mini-analyses-area .statistics .chart-area {
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}
.mini-analyses-area .statistics .chart-area .chart {
    --percentage: 0;
    --fill: #0061ff;
    width: 92px;
    height: 46px;
    position: relative;
    font-size: 22px;
    font-weight: 600;
    overflow: hidden;
    color: var(--fill);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
}
.mini-analyses-area .statistics .chart-area .chart::after{
    content: '';
    width: 92px;
    height: 92px;
    border: 12px solid;
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) var(--fill) var(--fill);
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing : border-box;
    transform: rotate( calc( 1deg * ( -45 + var(--percentage) * 1.8 ) ) );
}
.mini-analyses-area .statistics .chart-area .chart .mean-votes {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 100%;
}
.mini-analyses-area .statistics .chart-area .chart .mean-votes .vote-number {
    color: #0061FF;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    width: 100%;
    line-height: 18px;
}
.mini-analyses-area .statistics .chart-area .chart .mean-votes .vote-number span:last-child {
    display: none;
}
.mini-analyses-area .statistics .chart-area .chart .mean-votes .total-vote {
    color: #7684A7;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    width: 100%;
}

.mini-analyses-area .title {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: space-between;
}

.mini-analyses-area.sidebar .title {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.mini-analyses-area.sidebar .statistics .total-comments {
    font-size: 12px;
}
.mini-analyses-area.sidebar .statistics .vote-text {
    font-size: 13px;
}

.mini-analyses-area.sidebar .statistics .chart-area .chart {
    width: 70px;
    height: 35px;
}
.mini-analyses-area.sidebar .statistics .chart-area .chart::after{
    width: 70px;
    height: 70px;
    font-size: 12px;
    border-width: 8px;
}
.mini-analyses-area.sidebar .statistics .chart-area .chart .mean-votes .vote-number {
    font-size: 18px;
}

@media only screen and (max-width: 760px) {
    .mini-analyses-area {
        margin-left: auto;
        margin-right: auto;
    }
    .mini-analyses-area .statistics {
        flex-direction: column;
    }
    .mini-analyses-area .statistics .title {
        width: 100%;
    }
    .mini-analyses-area.main .statistics .total-comments {
        text-align: center;
        font-size: 12px;
    }
    .mini-analyses-area.main .statistics .vote-text {
        text-align: center;
        font-size: 14px;
    }
    .mini-analyses-area.main .statistics .chart-area .chart {
        width: 184px;
        height: 92px;
    }
    .mini-analyses-area.main .statistics .chart-area .chart::after{
        content: '';
        width: 184px;
        height: 184px;
        border-width: 14px;
    }
    .mini-analyses-area.main .statistics .chart-area .chart .mean-votes {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: end;
        width: 100%;
    }
    .mini-analyses-area.main .statistics .chart-area .chart .mean-votes .vote-number {
        font-size: 48px;
        line-height: 32px;
        display: flex;
        justify-content: center;
        gap: 4px;
    }
    .mini-analyses-area.main .statistics .chart-area .chart .mean-votes .vote-number span:last-child {
        display: flex;
        font-size: 14px;
        color: #7684A7;
    }
    .mini-analyses-area.main .statistics .chart-area .chart .mean-votes .total-vote {
        color: #7684A7;
        font-weight: 400;
        font-size: 13px;
        text-align: center;
        width: 100%;
    }
}

/*
 * new-comment-style
 */
:root {
    --range-track-gradient:
            #D1DEFF 10%,
            #BBD2FF 20%,
            #A3C4FF 30%,
            #8BB7FF 40%,
            #75AAFF 50%,
            #5D9CFE 60%,
            #4790FF 70%,
            #2D82FF 80%,
            #1976FF 90%,
            #0169FF 100%;
    --range-track-background-size: 100%;
}
.new-comment-area {
    font-family: YekanBakh;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.new-comment-area .description {
    color: #4C5E8C;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0;
    display: flex;
    align-items: start;
    gap: 4px;
    justify-content: center;
}
.new-comment-area .new-comment-button {
    border: 1px solid #3E74FE;
    padding: 8px 12px;
    border-radius: 12px;
    text-align: center;
    color: #3E74FE;
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0;
    cursor: pointer;
    transition: 0.3s ease all;
}
.new-comment-area .new-comment-button:hover {
    background: #3E74FE;
    color: #FFF;
    transition: 0.3s ease all;
}
.new-comment-area .new-comment-form {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: #9aa9b375;
    height: 100%;
    width: 100%;
    z-index: 1000;
}
.new-comment-area .new-comment-form.show {
    display: flex;
}
.new-comment-area .new-comment-form .form {
    display: none;
    margin: auto;
    background: #F6F8FE;
    width: 700px;
    height: fit-content;
    padding: 32px;
    border-radius: 24px;
    flex-direction: column;
    gap: 32px;
}
.new-comment-area .new-comment-form .form.show {
    display: flex;
}
.new-comment-area .new-comment-form .form[data-form="understand"] {
    width: 440px;
}
.new-comment-area .new-comment-form .form .title {
    color: #1C3472;
    font-weight: 700;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0;
    text-align: center;
}
.new-comment-area .new-comment-form .form .input-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
}
.new-comment-area .new-comment-form .form .input-row:has(textarea) {
    position: relative;
}
.new-comment-area .new-comment-form .form .input-row.step-2 {
    height: 0;
    overflow: hidden;
    flex: unset;
}
.new-comment-area .new-comment-form .form .input-row .input-box:has(#verify_code) {
    display: flex;
    gap: 8px;
    align-items: center;
    direction: ltr;
}

.new-comment-area .new-comment-form .form .label {
    color: #4C5E8C;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: right;
}
.new-comment-area .new-comment-form .form .input-flex {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}
.new-comment-area .new-comment-form .form input[type="range"] {
    width: 100%;
    height: 10px;
    background: #ddd;
    border-radius: 5px;
    outline: none;
    direction: ltr;
}
.new-comment-area .new-comment-form .form input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    border-radius: 5px;
    background-size: var(--range-track-background-size) !important;
    background: linear-gradient(90deg, var(--range-track-gradient)) no-repeat;
}
.new-comment-area .new-comment-form .form input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 8px 6px 6px #00000040;
    z-index: 3;
    background: #2D82FF;
    outline: 9px solid #FFF;
}
.new-comment-area .new-comment-form .form input[type="range"]::-moz-range-track {
    -moz-appearance: none;
    appearance: none;
    height: 10px;
    border-radius: 5px;
    background-size: var(--range-track-background-size) !important;
    background: linear-gradient(90deg, var(--range-track-gradient)) no-repeat;
}
.new-comment-area .new-comment-form .form input[type="range"]::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 4px 0 #00000040;
    z-index: 3;
    width: 30px;
    height: 30px;
    background: #2D82FF;
    display: inline-block;
    outline: 9px solid #FFF;
    outline-offset: -8px;
}

.new-comment-area .new-comment-form .form .ticks {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #CBD0DD;
    margin: -4px 8px 0 8px;
}
@-moz-document url-prefix() {
    .new-comment-area .new-comment-form .form .ticks {
        margin: -4px 14px 0 14px;
    }
}

.new-comment-area .new-comment-form .form .show-rating {
    display: flex;
    gap: 4px;
    align-items: end;
    min-width: 120px;
    justify-content: left;
}
.new-comment-area .new-comment-form .form .rate {
    color: #2D82FF;
    font-weight: 700;
    font-size: 44px;
    line-height: 30px;
    letter-spacing: 0;
    text-align: right;
    flex-grow: 1;
}
.new-comment-area .new-comment-form .form .rate-max {
    color: #7684A7;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
}
.new-comment-area .new-comment-form .form .comment-limit-counter {
    font-size: 14px;
    color: #4c5e8c6e;
    display: flex;
    align-self: flex-end;
    margin-left: auto;
}
.new-comment-area .new-comment-form .form #comment_text {
    border: 1px solid #CBD0DD;
    border-radius: 20px;
    resize: none;
    overflow-y: auto;
    overflow-x: hidden;
    color: #152242;
}
.new-comment-area .new-comment-form .form #comment_text:focus {
    border: 1px solid #3E74FE !important;
    outline: none !important;
}

.new-comment-area .new-comment-form .form .guidance-and-rules {
    display: flex;
    justify-content: left;
    width: 100%;
    align-items: center;
    gap: 4px;
    align-self: end;
}
.new-comment-area .new-comment-form .form .guidance-and-rules:hover .show-guidance {
    color: #4C5E8C;
}
.new-comment-area .new-comment-form .form .guidance-and-rules .show-guidance {
    color: #7684A7;
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 0;
    cursor: pointer;
}

.new-comment-area .modal {
    position: fixed;
    display: none;
    width: 700px;
    height: fit-content;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #F6F8FE;
    padding: 40px;
    border-radius: 24px;
    flex-direction: column;
    gap: 24px;
    z-index: 1000;
    box-shadow: 0 0 1000000px 1000px #9aa9b375;
}
.new-comment-area .modal.show {
    display: flex;
}
.new-comment-area .modal .return {
    display: none;
    gap: 2px;
    cursor: pointer;
    width: fit-content;
}
.new-comment-area .modal .head {
    display: flex;
    gap: 8px;
    align-items: center;
}
.new-comment-area .modal .head span:last-child {
    color: #1C3472;
    font-weight: 700;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0;
}
.new-comment-area .modal .modal-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    max-height: 500px;
    padding: 16px 0 16px 32px;
    border-bottom: 1px solid #CBD0DD;
    border-top: 1px solid #CBD0DD;
}
.new-comment-area .modal .content {
    color: #152242;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0;
    text-align: justify;
}
.new-comment-area .modal .close-modal {
    color: #166FFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0;
    border: 1px solid #3E74FE;
    border-radius: 6px;
    padding: 8px 16px;
    width: fit-content;
    margin: 32px auto 0 auto;
    cursor: pointer;
    transition: 0.3s ease all;
}
.new-comment-area .modal .close-modal:hover {
    background: #3E74FE;
    color: #FFF;
    transition: 0.3s ease all;
}

.new-comment-area .new-comment-form .form .experience-time {
    display: flex;
    width: 100%;
}
.new-comment-area .new-comment-form .form .experience-time ul {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 16px;
    align-items: center;
}
.new-comment-area .new-comment-form .form .experience-time ul li {
    border: 1px solid #EBEBEB;
    border-radius: 12px;
    padding: 16px;
    background: #FCFEFF;
    color: #152242;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    cursor: pointer;
    transition: 0.3s ease all;
}
.new-comment-area .new-comment-form .form .experience-time ul li:hover {
    background: #ECF1FF;
    transition: 0.3s ease all;
}
.new-comment-area .new-comment-form .form .experience-time ul li.selected {
    border: 1px solid #3E74FE;
    background: #ECF1FF;
}

.new-comment-area .new-comment-form .form .form-actions {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 16px;
}
.new-comment-area .new-comment-form .form .close-form {
    padding: 12px 20px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    width: fit-content;
    cursor: pointer;
    color: #152242;
}
.new-comment-area .new-comment-form .form .submit {
    background: #3E74FE;
    border-radius: 12px;
    padding: 12px 20px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    width: fit-content;
    align-self: last baseline;
    cursor: pointer;
    transition: 0.3s ease all;
}
.new-comment-area .new-comment-form .form[data-form="understand"] .submit {
    width: 100%;
    text-align: center;
}
.new-comment-area .new-comment-form .form .submit:hover {
    background: #3563D8;
    transition: 0.3s ease all;
}

.new-comment-area .new-comment-form .form .actions {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.new-comment-area .new-comment-form .form[data-form="understand"] img {
    width: 100px;
    margin: auto;
}
.new-comment-area .new-comment-form .form[data-form="understand"] .thank-you-text {
    color: #1C3472;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0;
}

.new-comment-area .title {
    color: #1F3262;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
}
.new-comment-area .actions {
    display: flex;
    gap: 24px;
    justify-content: center;
}
.new-comment-area .actions .like-area, .new-comment-area .actions .dislike-area {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #152242;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    text-align: right;
}
.new-comment-area .actions .like-area .reaction-count, .new-comment-area .actions .dislike-area .reaction-count {
    font-family: Yekan Bakh FaNum;
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    color: #7684A7;
}

.be-first-comment-area {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.be-first-comment-area .be-first-comment-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.be-first-comment-area .be-first-comment-text img {
    max-width: 250px;
}
.be-first-comment-area .be-first-comment-text .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.be-first-comment-area .be-first-comment-text .content .head {
    color: rgb(0, 97, 255);
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}
.be-first-comment-area .be-first-comment-text .content .description {
    color: #4C5E8C;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}
.be-first-comment-area .be-first-comment-text .new-comment-button {
    font-weight: 600;
    font-size: 14px;
    color: #FFF;
    padding: 8px 16px;
    background: #3E74FE;
    border-radius: 12px;
}

.new-comment-area .new-comment-icon {
    background-image: url('data:image/svg+xml,<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.08273 15.6641C3.7269 15.6641 3.3944 15.5416 3.15523 15.3141C2.8519 15.0282 2.70607 14.5966 2.75857 14.1299L2.9744 12.2399C3.01523 11.8841 3.23107 11.4116 3.4819 11.1549L8.27107 6.08575C9.4669 4.81991 10.7152 4.78491 11.9811 5.98075C13.2469 7.17658 13.2819 8.42491 12.0861 9.69075L7.2969 14.7599C7.0519 15.0224 6.5969 15.2674 6.24107 15.3257L4.36273 15.6466C4.26357 15.6524 4.17607 15.6641 4.08273 15.6641ZM10.1436 5.97491C9.6944 5.97491 9.30357 6.25491 8.9069 6.67491L4.11773 11.7499C4.00107 11.8724 3.8669 12.1641 3.84357 12.3332L3.62773 14.2232C3.6044 14.4157 3.65107 14.5732 3.75607 14.6724C3.86107 14.7716 4.01857 14.8066 4.21107 14.7774L6.0894 14.4566C6.25857 14.4274 6.53857 14.2757 6.65523 14.1532L11.4444 9.08408C12.1677 8.31408 12.4302 7.60241 11.3744 6.61075C10.9077 6.16158 10.5052 5.97491 10.1436 5.97491Z" fill="%234C5E8C"/><path d="M10.9652 10.6593C10.9535 10.6593 10.936 10.6593 10.9244 10.6593C9.10436 10.4785 7.64019 9.09597 7.36019 7.28764C7.32519 7.04847 7.48852 6.8268 7.72769 6.78597C7.96686 6.75097 8.18852 6.9143 8.22936 7.15347C8.45102 8.56514 9.59436 9.65014 11.0177 9.79014C11.2569 9.81347 11.4319 10.0293 11.4085 10.2685C11.3794 10.4901 11.1869 10.6593 10.9652 10.6593Z" fill="%234C5E8C"/><path d="M13.1016 17.5391H2.60156C2.3624 17.5391 2.16406 17.3407 2.16406 17.1016C2.16406 16.8624 2.3624 16.6641 2.60156 16.6641H13.1016C13.3407 16.6641 13.5391 16.8624 13.5391 17.1016C13.5391 17.3407 13.3407 17.5391 13.1016 17.5391Z" fill="%234C5E8C"/></svg>');
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
}
.new-comment-area .rate-star {
    background-size: 30px 30px;
    background-position: top;
    background-repeat: no-repeat;
    width: 34px !important;
    height: 34px !important;
    transition: opacity 0.5s ease;
}

.new-comment-area .rate-star.star-10-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6234 27.349L24.9568 32.349C26.2901 33.1823 27.9568 32.0156 27.4568 30.5156L25.2901 21.0156L32.6234 14.6823C33.7901 13.6823 33.1234 11.849 31.6234 11.6823L21.9568 10.849L18.2901 2.01562C17.6234 0.515625 15.6234 0.515625 14.9568 2.01562L11.2901 10.849L1.62344 11.6823C0.123439 11.849 -0.543228 13.6823 0.623439 14.6823L7.95677 21.0156L5.79011 30.5156C5.45677 32.0156 7.12344 33.1823 8.29011 32.349L16.6234 27.349Z" fill="%230169FF"/></svg>');
}
.new-comment-area .rate-star.star-9-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.8852 27.349L25.2185 32.349C26.5518 33.1823 28.2185 32.0156 27.7185 30.5156L25.5518 21.0156L32.8852 14.6823C34.0518 13.6823 33.3852 11.849 31.8852 11.6823L22.2185 10.849L18.5518 2.01562C17.8852 0.515625 15.8852 0.515625 15.2185 2.01562L11.5518 10.849L1.88516 11.6823C0.385158 11.849 -0.281509 13.6823 0.885158 14.6823L8.21849 21.0156L6.05182 30.5156C5.71849 32.0156 7.38516 33.1823 8.55182 32.349L16.8852 27.349Z" fill="%231976FF"/></svg>');
}
.new-comment-area .rate-star.star-8-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1469 27.349L25.4802 32.349C26.8135 33.1823 28.4802 32.0156 27.9802 30.5156L25.8135 21.0156L33.1469 14.6823C34.3135 13.6823 33.6469 11.849 32.1469 11.6823L22.4802 10.849L18.8135 2.01562C18.1469 0.515625 16.1469 0.515625 15.4802 2.01562L11.8135 10.849L2.14688 11.6823C0.646877 11.849 -0.0197901 13.6823 1.14688 14.6823L8.48021 21.0156L6.31354 30.5156C5.98021 32.0156 7.64688 33.1823 8.81354 32.349L17.1469 27.349Z" fill="%232D82FF"/></svg>');
}
.new-comment-area .rate-star.star-7-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.4086 27.349L25.7419 32.349C27.0753 33.1823 28.7419 32.0156 28.2419 30.5156L26.0753 21.0156L33.4086 14.6823C34.5753 13.6823 33.9086 11.849 32.4086 11.6823L22.7419 10.849L19.0753 2.01562C18.4086 0.515625 16.4086 0.515625 15.7419 2.01562L12.0753 10.849L2.4086 11.6823C0.908595 11.849 0.241929 13.6823 1.4086 14.6823L8.74193 21.0156L6.57526 30.5156C6.24193 32.0156 7.9086 33.1823 9.07526 32.349L17.4086 27.349Z" fill="%234790FF"/></svg>');
}
.new-comment-area .rate-star.star-6-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6703 27.349L25.0036 32.349C26.337 33.1823 28.0036 32.0156 27.5036 30.5156L25.337 21.0156L32.6703 14.6823C33.837 13.6823 33.1703 11.849 31.6703 11.6823L22.0036 10.849L18.337 2.01562C17.6703 0.515625 15.6703 0.515625 15.0036 2.01562L11.337 10.849L1.67031 11.6823C0.170314 11.849 -0.496353 13.6823 0.670314 14.6823L8.00365 21.0156L5.83698 30.5156C5.50365 32.0156 7.17031 33.1823 8.33698 32.349L16.6703 27.349Z" fill="%235D9CFE"/></svg>');
}
.new-comment-area .rate-star.star-5-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.932 27.349L25.2654 32.349C26.5987 33.1823 28.2654 32.0156 27.7654 30.5156L25.5987 21.0156L32.932 14.6823C34.0987 13.6823 33.432 11.849 31.932 11.6823L22.2654 10.849L18.5987 2.01562C17.932 0.515625 15.932 0.515625 15.2654 2.01562L11.5987 10.849L1.93203 11.6823C0.432033 11.849 -0.234634 13.6823 0.932033 14.6823L8.26537 21.0156L6.0987 30.5156C5.76537 32.0156 7.43203 33.1823 8.5987 32.349L16.932 27.349Z" fill="%2375AAFF"/></svg>');
}
.new-comment-area .rate-star.star-4-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1938 27.349L25.5271 32.349C26.8604 33.1823 28.5271 32.0156 28.0271 30.5156L25.8604 21.0156L33.1938 14.6823C34.3604 13.6823 33.6938 11.849 32.1938 11.6823L22.5271 10.849L18.8604 2.01562C18.1938 0.515625 16.1938 0.515625 15.5271 2.01562L11.8604 10.849L2.19375 11.6823C0.693752 11.849 0.0270849 13.6823 1.19375 14.6823L8.52708 21.0156L6.36042 30.5156C6.02708 32.0156 7.69375 33.1823 8.86042 32.349L17.1938 27.349Z" fill="%238BB7FF"/></svg>');
}
.new-comment-area .rate-star.star-3-icon {
    background-image: url('data:image/svg+xml,<svg width="35" height="33" viewBox="0 0 35 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.4555 27.349L25.7888 32.349C27.1221 33.1823 28.7888 32.0156 28.2888 30.5156L26.1221 21.0156L33.4555 14.6823C34.6221 13.6823 33.9555 11.849 32.4555 11.6823L22.7888 10.849L19.1221 2.01562C18.4555 0.515625 16.4555 0.515625 15.7888 2.01562L12.1221 10.849L2.45547 11.6823C0.95547 11.849 0.288804 13.6823 1.45547 14.6823L8.7888 21.0156L6.62214 30.5156C6.2888 32.0156 7.95547 33.1823 9.12214 32.349L17.4555 27.349Z" fill="%23A3C4FF"/></svg>');
}
.new-comment-area .rate-star.star-2-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7172 27.349L25.0505 32.349C26.3839 33.1823 28.0505 32.0156 27.5505 30.5156L25.3839 21.0156L32.7172 14.6823C33.8839 13.6823 33.2172 11.849 31.7172 11.6823L22.0505 10.849L18.3839 2.01562C17.7172 0.515625 15.7172 0.515625 15.0505 2.01562L11.3839 10.849L1.71719 11.6823C0.217189 11.849 -0.449478 13.6823 0.717189 14.6823L8.05052 21.0156L5.88386 30.5156C5.55052 32.0156 7.21719 33.1823 8.38386 32.349L16.7172 27.349Z" fill="%23BBD2FF"/></svg>');
}
.new-comment-area .rate-star.star-1-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9789 27.349L25.3122 32.349C26.6456 33.1823 28.3122 32.0156 27.8122 30.5156L25.6456 21.0156L32.9789 14.6823C34.1456 13.6823 33.4789 11.849 31.9789 11.6823L22.3122 10.849L18.6456 2.01562C17.9789 0.515625 15.9789 0.515625 15.3122 2.01562L11.6456 10.849L1.97891 11.6823C0.478908 11.849 -0.187759 13.6823 0.978908 14.6823L8.31224 21.0156L6.14557 30.5156C5.81224 32.0156 7.47891 33.1823 8.64557 32.349L16.9789 27.349Z" fill="%23D1DEFF"/></svg>');
}

.new-comment-area .actions .like-area .like-button-icon {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9184 18.6866H10.7517C10.285 18.6866 9.26836 18.5449 8.72669 18.0033L6.20169 16.0533L6.96836 15.0616L9.55169 17.0616C9.76003 17.2616 10.285 17.4283 10.7517 17.4283H13.9184C14.6684 17.4283 15.4767 16.8283 15.6434 16.1533L17.66 10.0283C17.7934 9.6616 17.7684 9.32826 17.5934 9.0866C17.41 8.82826 17.0767 8.67826 16.6684 8.67826H13.335C12.9017 8.67826 12.5017 8.49493 12.2267 8.17826C11.9434 7.85326 11.8184 7.41993 11.885 6.96993L12.3017 4.29493C12.4017 3.82826 12.085 3.30326 11.635 3.15326C11.2267 3.00326 10.7017 3.21993 10.5184 3.4866L7.10169 8.56993L6.06836 7.87826L9.48503 2.79493C10.01 2.0116 11.16 1.6366 12.06 1.97826C13.1017 2.31993 13.7684 3.46993 13.535 4.5366L13.1267 7.1616C13.1184 7.21993 13.1184 7.30326 13.1767 7.36993C13.2184 7.4116 13.2767 7.4366 13.3434 7.4366H16.6767C17.4934 7.4366 18.2017 7.77826 18.6184 8.36993C19.0267 8.94493 19.11 9.70326 18.8434 10.4366L16.8517 16.5033C16.5434 17.7116 15.26 18.6866 13.9184 18.6866Z" fill="%237684A7"/><path d="M4.83398 17.7708H4.00065C2.45898 17.7708 1.70898 17.0458 1.70898 15.5625V7.39583C1.70898 5.9125 2.45898 5.1875 4.00065 5.1875H4.83398C6.37565 5.1875 7.12565 5.9125 7.12565 7.39583V15.5625C7.12565 17.0458 6.37565 17.7708 4.83398 17.7708ZM4.00065 6.4375C3.09232 6.4375 2.95898 6.65417 2.95898 7.39583V15.5625C2.95898 16.3042 3.09232 16.5208 4.00065 16.5208H4.83398C5.74232 16.5208 5.87565 16.3042 5.87565 15.5625V7.39583C5.87565 6.65417 5.74232 6.4375 4.83398 6.4375H4.00065Z" fill="%237684A7"/></svg>');
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}
.new-comment-area .actions .like-area.active .like-button-icon {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.75 15.9076V7.44095C7.75 7.10762 7.85 6.78262 8.03333 6.50762L10.3083 3.12429C10.6667 2.58262 11.5583 2.19929 12.3167 2.48262C13.1333 2.75762 13.675 3.67429 13.5 4.49095L13.0667 7.21595C13.0333 7.46595 13.1 7.69095 13.2417 7.86595C13.3833 8.02429 13.5917 8.12429 13.8167 8.12429H17.2417C17.9 8.12429 18.4667 8.39095 18.8 8.85762C19.1167 9.30762 19.175 9.89095 18.9667 10.4826L16.9167 16.7243C16.6583 17.7576 15.5333 18.5993 14.4167 18.5993H11.1667C10.6083 18.5993 9.825 18.4076 9.46667 18.0493L8.4 17.2243C7.99167 16.916 7.75 16.4243 7.75 15.9076Z" fill="%233E74FE"/><path d="M5.09883 5.81641H4.24049C2.94883 5.81641 2.42383 6.31641 2.42383 7.54974V15.9331C2.42383 17.1664 2.94883 17.6664 4.24049 17.6664H5.09883C6.3905 17.6664 6.91549 17.1664 6.91549 15.9331V7.54974C6.91549 6.31641 6.3905 5.81641 5.09883 5.81641Z" fill="%233E74FE"/></svg>');
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}
.new-comment-area .actions .like-button-icon:hover {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9184 18.6866H10.7517C10.285 18.6866 9.26836 18.5449 8.72669 18.0033L6.20169 16.0533L6.96836 15.0616L9.55169 17.0616C9.76003 17.2616 10.285 17.4283 10.7517 17.4283H13.9184C14.6684 17.4283 15.4767 16.8283 15.6434 16.1533L17.66 10.0283C17.7934 9.6616 17.7684 9.32826 17.5934 9.0866C17.41 8.82826 17.0767 8.67826 16.6684 8.67826H13.335C12.9017 8.67826 12.5017 8.49493 12.2267 8.17826C11.9434 7.85326 11.8184 7.41993 11.885 6.96993L12.3017 4.29493C12.4017 3.82826 12.085 3.30326 11.635 3.15326C11.2267 3.00326 10.7017 3.21993 10.5184 3.4866L7.10169 8.56993L6.06836 7.87826L9.48503 2.79493C10.01 2.0116 11.16 1.6366 12.06 1.97826C13.1017 2.31993 13.7684 3.46993 13.535 4.5366L13.1267 7.1616C13.1184 7.21993 13.1184 7.30326 13.1767 7.36993C13.2184 7.4116 13.2767 7.4366 13.3434 7.4366H16.6767C17.4934 7.4366 18.2017 7.77826 18.6184 8.36993C19.0267 8.94493 19.11 9.70326 18.8434 10.4366L16.8517 16.5033C16.5434 17.7116 15.26 18.6866 13.9184 18.6866Z" fill="%233e74fe"/><path d="M4.83398 17.7708H4.00065C2.45898 17.7708 1.70898 17.0458 1.70898 15.5625V7.39583C1.70898 5.9125 2.45898 5.1875 4.00065 5.1875H4.83398C6.37565 5.1875 7.12565 5.9125 7.12565 7.39583V15.5625C7.12565 17.0458 6.37565 17.7708 4.83398 17.7708ZM4.00065 6.4375C3.09232 6.4375 2.95898 6.65417 2.95898 7.39583V15.5625C2.95898 16.3042 3.09232 16.5208 4.00065 16.5208H4.83398C5.74232 16.5208 5.87565 16.3042 5.87565 15.5625V7.39583C5.87565 6.65417 5.74232 6.4375 4.83398 6.4375H4.00065Z" fill="%233e74fe"/></svg>');
    transition: 0.3s ease all;
}
.new-comment-area .actions .like-area.active .like-button-icon:hover {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.75 15.9076V7.44095C7.75 7.10762 7.85 6.78262 8.03333 6.50762L10.3083 3.12429C10.6667 2.58262 11.5583 2.19929 12.3167 2.48262C13.1333 2.75762 13.675 3.67429 13.5 4.49095L13.0667 7.21595C13.0333 7.46595 13.1 7.69095 13.2417 7.86595C13.3833 8.02429 13.5917 8.12429 13.8167 8.12429H17.2417C17.9 8.12429 18.4667 8.39095 18.8 8.85762C19.1167 9.30762 19.175 9.89095 18.9667 10.4826L16.9167 16.7243C16.6583 17.7576 15.5333 18.5993 14.4167 18.5993H11.1667C10.6083 18.5993 9.825 18.4076 9.46667 18.0493L8.4 17.2243C7.99167 16.916 7.75 16.4243 7.75 15.9076Z" fill="%233E74FE"/><path d="M5.09883 5.81641H4.24049C2.94883 5.81641 2.42383 6.31641 2.42383 7.54974V15.9331C2.42383 17.1664 2.94883 17.6664 4.24049 17.6664H5.09883C6.3905 17.6664 6.91549 17.1664 6.91549 15.9331V7.54974C6.91549 6.31641 6.3905 5.81641 5.09883 5.81641Z" fill="%233E74FE"/></svg>');
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}

.new-comment-area .actions .dislike-area .dislike-button-icon {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.35249 18.6927C9.11082 18.6927 8.86916 18.651 8.64416 18.5677C7.60249 18.226 6.93582 17.076 7.16916 16.0094L7.57749 13.3844C7.58582 13.326 7.58582 13.2427 7.52749 13.176C7.48582 13.1344 7.42749 13.1094 7.36082 13.1094H4.02749C3.21082 13.1094 2.50249 12.7677 2.08582 12.176C1.67749 11.601 1.59416 10.8427 1.86082 10.1094L3.85249 4.04271C4.16082 2.83437 5.45249 1.85938 6.78582 1.85938H9.95249C10.4192 1.85938 11.4358 2.00104 11.9775 2.54271L14.5025 4.49271L13.7358 5.48437L11.1525 3.48437C10.9442 3.27604 10.4192 3.10938 9.95249 3.10938H6.78582C6.03582 3.10938 5.22749 3.70937 5.06082 4.38437L3.04416 10.5094C2.91082 10.876 2.93582 11.2094 3.11082 11.451C3.29416 11.7094 3.62749 11.8594 4.03582 11.8594H7.36916C7.80249 11.8594 8.20249 12.0427 8.47749 12.3594C8.76082 12.6844 8.88582 13.1177 8.81916 13.5677L8.40249 16.2427C8.30249 16.7094 8.61916 17.2344 9.06916 17.3844C9.46916 17.5344 10.0025 17.3177 10.1858 17.051L13.6025 11.9677L14.6358 12.6677L11.2192 17.751C10.8275 18.3344 10.0858 18.6927 9.35249 18.6927Z" fill="%237684A7"/><path d="M16.7012 15.3568H15.8678C14.3262 15.3568 13.5762 14.6318 13.5762 13.1484V4.98177C13.5762 3.49844 14.3262 2.77344 15.8678 2.77344H16.7012C18.2428 2.77344 18.9928 3.49844 18.9928 4.98177V13.1484C18.9928 14.6318 18.2428 15.3568 16.7012 15.3568ZM15.8678 4.02344C14.9595 4.02344 14.8262 4.2401 14.8262 4.98177V13.1484C14.8262 13.8901 14.9595 14.1068 15.8678 14.1068H16.7012C17.6095 14.1068 17.7428 13.8901 17.7428 13.1484V4.98177C17.7428 4.2401 17.6095 4.02344 16.7012 4.02344H15.8678Z" fill="%237684A7"/></svg>');
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}
.new-comment-area .actions .dislike-area.active .dislike-button-icon {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3607 4.85573V13.3224C13.3607 13.6557 13.2607 13.9807 13.0774 14.2557L10.8024 17.6391C10.4441 18.1807 9.55239 18.5641 8.79406 18.2807C7.97739 18.0057 7.43572 17.0891 7.61072 16.2724L8.04406 13.5474C8.07739 13.2974 8.01072 13.0724 7.86906 12.8974C7.72739 12.7391 7.51906 12.6391 7.29406 12.6391H3.86906C3.21072 12.6391 2.64406 12.3724 2.31072 11.9057C1.99406 11.4557 1.93572 10.8724 2.14406 10.2807L4.19406 4.03906C4.45239 3.00573 5.57739 2.16406 6.69406 2.16406H9.94406C10.5024 2.16406 11.2857 2.35573 11.6441 2.71406L12.7107 3.53906C13.1191 3.85573 13.3607 4.33906 13.3607 4.85573Z" fill="%23D50000"/><path d="M16.01 14.951H16.8684C18.16 14.951 18.685 14.451 18.685 13.2177V4.84271C18.685 3.60937 18.16 3.10938 16.8684 3.10938H16.01C14.7184 3.10938 14.1934 3.60937 14.1934 4.84271V13.226C14.1934 14.451 14.7184 14.951 16.01 14.951Z" fill="%23D50000"/></svg>');
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}
.new-comment-area .actions .dislike-button-icon:hover {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.35249 18.6927C9.11082 18.6927 8.86916 18.651 8.64416 18.5677C7.60249 18.226 6.93582 17.076 7.16916 16.0094L7.57749 13.3844C7.58582 13.326 7.58582 13.2427 7.52749 13.176C7.48582 13.1344 7.42749 13.1094 7.36082 13.1094H4.02749C3.21082 13.1094 2.50249 12.7677 2.08582 12.176C1.67749 11.601 1.59416 10.8427 1.86082 10.1094L3.85249 4.04271C4.16082 2.83437 5.45249 1.85938 6.78582 1.85938H9.95249C10.4192 1.85938 11.4358 2.00104 11.9775 2.54271L14.5025 4.49271L13.7358 5.48437L11.1525 3.48437C10.9442 3.27604 10.4192 3.10938 9.95249 3.10938H6.78582C6.03582 3.10938 5.22749 3.70937 5.06082 4.38437L3.04416 10.5094C2.91082 10.876 2.93582 11.2094 3.11082 11.451C3.29416 11.7094 3.62749 11.8594 4.03582 11.8594H7.36916C7.80249 11.8594 8.20249 12.0427 8.47749 12.3594C8.76082 12.6844 8.88582 13.1177 8.81916 13.5677L8.40249 16.2427C8.30249 16.7094 8.61916 17.2344 9.06916 17.3844C9.46916 17.5344 10.0025 17.3177 10.1858 17.051L13.6025 11.9677L14.6358 12.6677L11.2192 17.751C10.8275 18.3344 10.0858 18.6927 9.35249 18.6927Z" fill="%23D50000"/><path d="M16.7012 15.3568H15.8678C14.3262 15.3568 13.5762 14.6318 13.5762 13.1484V4.98177C13.5762 3.49844 14.3262 2.77344 15.8678 2.77344H16.7012C18.2428 2.77344 18.9928 3.49844 18.9928 4.98177V13.1484C18.9928 14.6318 18.2428 15.3568 16.7012 15.3568ZM15.8678 4.02344C14.9595 4.02344 14.8262 4.2401 14.8262 4.98177V13.1484C14.8262 13.8901 14.9595 14.1068 15.8678 14.1068H16.7012C17.6095 14.1068 17.7428 13.8901 17.7428 13.1484V4.98177C17.7428 4.2401 17.6095 4.02344 16.7012 4.02344H15.8678Z" fill="%23D50000"/></svg>');
    transition: 0.3s ease all;
}
.new-comment-area .actions .dislike-area.active .dislike-button-icon:hover {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3607 4.85573V13.3224C13.3607 13.6557 13.2607 13.9807 13.0774 14.2557L10.8024 17.6391C10.4441 18.1807 9.55239 18.5641 8.79406 18.2807C7.97739 18.0057 7.43572 17.0891 7.61072 16.2724L8.04406 13.5474C8.07739 13.2974 8.01072 13.0724 7.86906 12.8974C7.72739 12.7391 7.51906 12.6391 7.29406 12.6391H3.86906C3.21072 12.6391 2.64406 12.3724 2.31072 11.9057C1.99406 11.4557 1.93572 10.8724 2.14406 10.2807L4.19406 4.03906C4.45239 3.00573 5.57739 2.16406 6.69406 2.16406H9.94406C10.5024 2.16406 11.2857 2.35573 11.6441 2.71406L12.7107 3.53906C13.1191 3.85573 13.3607 4.33906 13.3607 4.85573Z" fill="%23D50000"/><path d="M16.01 14.951H16.8684C18.16 14.951 18.685 14.451 18.685 13.2177V4.84271C18.685 3.60937 18.16 3.10938 16.8684 3.10938H16.01C14.7184 3.10938 14.1934 3.60937 14.1934 4.84271V13.226C14.1934 14.451 14.7184 14.951 16.01 14.951Z" fill="%23D50000"/></svg>');
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}

.new-comment-area .modal-icon {
    background-image: url('data:image/svg+xml,<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.658203" y="0.25" width="11.5" height="11.5" rx="5.75" stroke="%23849EB0" stroke-width="0.5"/><path d="M4.32227 4.0835C4.32227 3.67725 4.42578 3.32373 4.63281 3.02295C4.84375 2.72217 5.11719 2.48975 5.45312 2.32568C5.79297 2.15771 6.15625 2.07373 6.54297 2.07373C6.83594 2.07373 7.13086 2.12646 7.42773 2.23193C7.72852 2.3374 8.00977 2.50342 8.27148 2.72998L7.82031 3.56787C7.63672 3.42334 7.4375 3.31787 7.22266 3.25146C7.01172 3.18115 6.80469 3.146 6.60156 3.146C6.26953 3.146 5.98242 3.22998 5.74023 3.39795C5.49805 3.56592 5.37695 3.80029 5.37695 4.10107C5.37695 4.28467 5.43359 4.45264 5.54688 4.60498C5.66016 4.75342 5.79883 4.90576 5.96289 5.06201C6.13086 5.21826 6.29688 5.39404 6.46094 5.58936C6.62891 5.78467 6.76953 6.021 6.88281 6.29834C6.99609 6.57178 7.05273 6.90576 7.05273 7.30029V7.52881H6.07422V7.30029C6.07422 6.98389 6.03125 6.72021 5.94531 6.50928C5.86328 6.29443 5.75586 6.11279 5.62305 5.96436C5.49023 5.81201 5.34766 5.67529 5.19531 5.5542C5.04688 5.43311 4.90625 5.30811 4.77344 5.1792C4.64062 5.04639 4.53125 4.89404 4.44531 4.72217C4.36328 4.55029 4.32227 4.3374 4.32227 4.0835ZM5.78125 9.31006C5.78125 9.09521 5.85742 8.91162 6.00977 8.75928C6.16211 8.60303 6.3457 8.5249 6.56055 8.5249C6.77539 8.5249 6.95898 8.60303 7.11133 8.75928C7.26367 8.91162 7.33984 9.09521 7.33984 9.31006C7.33984 9.5249 7.26367 9.7085 7.11133 9.86084C6.95898 10.0132 6.77539 10.0894 6.56055 10.0894C6.3457 10.0894 6.16211 10.0151 6.00977 9.8667C5.85742 9.71826 5.78125 9.53271 5.78125 9.31006Z" fill="%23849EB0"/></svg>');
    background-size: 16px 16px;
    background-position: top;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
}
.new-comment-area .guidance-rules-icon {
    background-image: url('data:image/svg+xml,<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.5443 27H15.2109C14.6643 27 14.2109 26.5467 14.2109 26C14.2109 25.4533 14.6643 25 15.2109 25H28.5443C29.0909 25 29.5443 25.4533 29.5443 26C29.5443 26.5467 29.0909 27 28.5443 27Z" fill="%237684A7"/><path d="M28.5443 17.668H15.2109C14.6643 17.668 14.2109 17.2146 14.2109 16.668C14.2109 16.1213 14.6643 15.668 15.2109 15.668H28.5443C29.0909 15.668 29.5443 16.1213 29.5443 16.668C29.5443 17.2146 29.0909 17.668 28.5443 17.668Z" fill="%237684A7"/><path d="M28.5443 8.33203H15.2109C14.6643 8.33203 14.2109 7.8787 14.2109 7.33203C14.2109 6.78536 14.6643 6.33203 15.2109 6.33203H28.5443C29.0909 6.33203 29.5443 6.78536 29.5443 7.33203C29.5443 7.8787 29.0909 8.33203 28.5443 8.33203Z" fill="%237684A7"/><path d="M5.87688 9.66854C5.62354 9.66854 5.37021 9.57521 5.17021 9.37521L3.83688 8.04188C3.45021 7.65521 3.45021 7.01521 3.83688 6.62854C4.22354 6.24187 4.86354 6.24187 5.25021 6.62854L5.87688 7.25521L9.17021 3.96188C9.55688 3.57521 10.1969 3.57521 10.5835 3.96188C10.9702 4.34854 10.9702 4.98854 10.5835 5.37521L6.58354 9.37521C6.38354 9.57521 6.13021 9.66854 5.87688 9.66854Z" fill="%237684A7"/><path d="M5.87688 19.0006C5.62354 19.0006 5.37021 18.9072 5.17021 18.7072L3.83688 17.3739C3.45021 16.9872 3.45021 16.3472 3.83688 15.9606C4.22354 15.5739 4.86354 15.5739 5.25021 15.9606L5.87688 16.5872L9.17021 13.2939C9.55688 12.9072 10.1969 12.9072 10.5835 13.2939C10.9702 13.6806 10.9702 14.3206 10.5835 14.7072L6.58354 18.7072C6.38354 18.9072 6.13021 19.0006 5.87688 19.0006Z" fill="%237684A7"/><path d="M5.87688 28.3326C5.62354 28.3326 5.37021 28.2393 5.17021 28.0393L3.83688 26.7059C3.45021 26.3193 3.45021 25.6793 3.83688 25.2926C4.22354 24.9059 4.86354 24.9059 5.25021 25.2926L5.87688 25.9193L9.17021 22.6259C9.55688 22.2393 10.1969 22.2393 10.5835 22.6259C10.9702 23.0126 10.9702 23.6526 10.5835 24.0393L6.58354 28.0393C6.38354 28.2393 6.13021 28.3326 5.87688 28.3326Z" fill="%237684A7"/></svg>');
    background-size: 32px 32px;
    background-position: top;
    background-repeat: no-repeat;
    width: 32px !important;
    height: 32px !important;
}
.new-comment-area .back-arrow-icon {
    background-image: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5648 15.6849C12.7232 15.6849 12.8815 15.6266 13.0065 15.5016L18.0648 10.4432C18.3065 10.2016 18.3065 9.80156 18.0648 9.5599L13.0065 4.50156C12.7648 4.2599 12.3648 4.2599 12.1232 4.50156C11.8815 4.74323 11.8815 5.14323 12.1232 5.3849L16.7398 10.0016L12.1232 14.6182C11.8815 14.8599 11.8815 15.2599 12.1232 15.5016C12.2398 15.6266 12.4065 15.6849 12.5648 15.6849Z" fill="%23111827"/><path d="M3.45937 10.625H17.4844C17.826 10.625 18.1094 10.3417 18.1094 10C18.1094 9.65833 17.826 9.375 17.4844 9.375H3.45937C3.11771 9.375 2.83437 9.65833 2.83437 10C2.83437 10.3417 3.11771 10.625 3.45937 10.625Z" fill="%23111827"/></svg>');
    background-size: 24px 24px;
    background-position: top;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
}


@media only screen and (max-width: 760px) {
    .new-comment-area .new-comment-form {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
    .new-comment-area .new-comment-form .form {
        width: 100%;
        height: 100%;
        border-radius: 0;
        overflow-y: auto;
        padding: 20px;
    }
    .new-comment-area .guidance-rules-icon {
        background-size: 28px 28px;
        width: 28px !important;
        height: 28px !important;
    }
    .new-comment-area .modal {
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding: 16px;
    }
    .new-comment-area .modal .return {
        display: flex;
        font-weight: 400;
        font-size: 14px;
    }
    .new-comment-area .modal .head span:last-child {
        font-weight: 700;
        font-size: 18px;
    }
    .new-comment-area .modal .close-modal {
        width: 100%;
        text-align: center;
    }
    .new-comment-area .modal .back-arrow-icon {
        background-size: 20px 20px;
        width: 20px !important;
        height: 20px !important;
    }
    .new-comment-area .modal .content {
        font-size: 14px;
    }
    .new-comment-area .new-comment-form .form .input-flex {
        flex-direction: column;
        width: 100%;
        gap: 8px;
    }
    .new-comment-area .new-comment-form .form .input-flex .input-row {
        width: 100%;
    }
    .new-comment-area .new-comment-form .form .show-rating {
        margin: auto;
        min-width: fit-content;
        align-items: center;
    }
    .new-comment-area .rate-star {
        background-size: 20px 20px;
        width: 20px !important;
        height: 24px !important;
    }
    .new-comment-area .new-comment-form .form .rate {
        font-size: 20px;
    }
    .new-comment-area .new-comment-form .form .experience-time ul {
        flex-wrap: wrap;
        gap: 12px;
        align-items: center;
        justify-content: center;
    }
    .new-comment-area .new-comment-form .form .experience-time ul li {
        padding: 12px;
        text-wrap: nowrap;
        font-size: 14px;
    }
    .new-comment-area .new-comment-form .form .submit {
        width: 100%;
    }
    .new-comment-area .new-comment-form .form .form-actions {
        margin-top: auto;
    }

    .c-c-p .new-comment-form.show .comments-area .filters.fixed {
        display: none;
    }

    .be-first-comment-area .be-first-comment-text .content .head {
        font-size: 20px;
    }
    .be-first-comment-area .be-first-comment-text .content .description {
        font-size: 12px;
    }
    .be-first-comment-area .be-first-comment-text .new-comment-button {
        font-size: 12px;
    }
}


/*
 * user-and-login-style
 */
.login-area {
    font-family: YekanBakh !important;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: #9aa9b375;
    height: 100%;
    width: 100%;
    z-index: 10000;
}
.login-area.show {
    display: flex;
}

.login-area .form {
    display: none;
    margin: auto;
    background: #F6F8FE;
    width: 700px;
    height: fit-content;
    padding: 32px;
    border-radius: 24px;
    flex-direction: column;
    gap: 24px;
    z-index: 6;
}
.login-area .form.show {
    display: flex;
}
.login-area .form .title {
    color: #1C3472;
    font-weight: 700;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0;
    text-align: center;
}
.login-area .form .login-without-vpn {
    text-align: center;
    font-size: 14px;
    width: fit-content;
    margin: auto;
    padding: 4px;
    margin-top: -20px;
    border: 1px solid #8080802b;
    border-right: 2px solid red;
    border-radius: 4px 0 0 4px;
}
.login-area .form .input-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
}
.login-area .form .step-1[data-name="login_with_email"] {
    display: none;
}
.login-with-mobile, .login-with-email {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
}
.login-area .form .input-row.step-2 {
    height: 0;
    overflow: hidden;
    flex: unset;
}
.login-area .form .input-row .input-box:has(#verify_code) {
    display: flex;
    gap: 8px;
    align-items: center;
    direction: ltr;
}
.login-area .form .input-row .description {
    font-weight: 400;
    font-size: 12px;
    color: #7684A7;
    margin-top: -12px;
}

.login-area .form .label {
    color: #4C5E8C;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    display: inline;
}
.login-area .form .label[data-label="login_with_email"]:not(.head-description),
.login-area .form .label[data-label="login_with_mobile"]:not(.head-description) {
    font-weight: 400;
    font-size: 14px;
    color: #3E74FE;
    cursor: pointer;
    width: fit-content;
    margin: auto;
}
.login-area .form .input-flex {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}
.login-area .form input[type="range"] {
    width: 100%;
    height: 10px;
    background: #ddd;
    border-radius: 5px;
    outline: none;
    direction: ltr;
}
.login-area .form input[type="range"]::-webkit-slider-runnable-track {
    border-radius: 5px;
    background-size: var(--range-track-background-size) !important;
    background: linear-gradient(90deg, var(--range-track-gradient)) no-repeat;
}
.login-area .form input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 4px 0 #00000040;
    z-index: 6;
    background: #2D82FF;
    outline: 9px solid #FFF;
}
.login-area .form input[type="range"]::-moz-range-track {
    -moz-appearance: none;
    appearance: none;
    height: 10px;
    border-radius: 5px;
    background-size: var(--range-track-background-size) !important;
    background: linear-gradient(90deg, var(--range-track-gradient)) no-repeat;
}
.login-area .form input[type="range"]::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 4px 0 #00000040;
    z-index: 6;
    width: 30px;
    height: 30px;
    background: #2D82FF;
    display: inline-block;
    outline: 9px solid #FFF;
    outline-offset: -8px;
}

.login-area .form {
    width: 440px;
}
.login-area .form #mobile {
    border: 1px solid #CBD0DD;
    border-radius: 12px;
    color: #152242;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 4px;
    text-align: center;
    direction: ltr;
    -moz-appearance: textfield;
    transition: 0.3s ease all;
}
.login-area .form #mobile::placeholder {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    color: #CBD0DD;
}
.login-area .form #mobile:focus {
    border: 1px solid #3E74FE !important;
    outline: none !important;
}

.login-area .form #email {
    border: 1px solid #CBD0DD;
    border-radius: 12px;
    color: #152242;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 4px;
    text-align: center;
    direction: ltr;
    -moz-appearance: textfield;
    transition: 0.3s ease all;
}
.login-area .form #email::placeholder {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    color: #CBD0DD;
}
.login-area .form #email:focus {
    border: 1px solid #3E74FE !important;
    outline: none !important;
}

.login-area .form #verify_code {
    border: 1px solid #CBD0DD;
    border-radius: 12px;
    color: #152242;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 30%;
    text-align: center;
    direction: ltr;
    -moz-appearance: textfield;
}
.login-area .form #verify_code::placeholder {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    color: #CBD0DD;
}
.login-area .form #verify_code:focus {
    border: 1px solid #3E74FE !important;
    outline: none !important;
}

.login-area .form #mobile::-webkit-inner-spin-button,
.login-area .form #mobile::-webkit-outer-spin-button,
.login-area .form #verify_code::-webkit-inner-spin-button,
.login-area .form #verify_code::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.login-area .form #full_name {
    border: 1px solid #CBD0DD;
    border-radius: 12px;
    color: #152242;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0;
    text-align: right;
}
.login-area .form #full_name::placeholder {
    font-weight: 400;
    text-align: right;
    color: #CBD0DD;
}
.login-area .form #full_name:focus {
    border: 1px solid #3E74FE !important;
    outline: none !important;
}

.login-area .form .invalid {
    border-color: #FF6565 !important;
    transition: 0.3s ease all;
}

.login-area .form .submit {
    background: #3E74FE;
    border-radius: 12px;
    padding: 12px 20px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    align-self: last baseline;
    cursor: pointer;
    transition: 0.3s ease all;
    width: 100%;
    text-align: center;
}
.login-area .form .submit:hover {
    background: #3563D8;
    transition: 0.3s ease all;
}

.login-area .form .actions {
    display: none;
    align-items: center;
    gap: 8px;
}

.login-area .form .counter {
    color: #7684A7;
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0;
}
.login-area .form .resend-button {
    color: #7684A7;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    cursor: pointer;
    height: 22px;
    transition: 0.3s ease all;
    display: none;
}
.login-area .form .resend-button:hover {
    border-bottom: 1px solid #7684A7;
    color: #4c5e8c;
    transition: 0.3s ease all;
}
.login-area .form .change-mobile, .login-area .form .change-email, .login-area .form .reset-login-method {
    color: #7684A7;
    font-weight: 400;
    font-size: 14px;
    margin-right: auto;
    cursor: pointer;
}
.login-area .step-2 span[data-label="login_with_email"], .login-area .step-2 span[data-label="login_with_mobile"] {
    display: none !important;
}
.login-area .step-2 span[data-label="login_with_email"].show, .login-area .step-2 span[data-label="login_with_mobile"].show {
    display: inline !important;
}
.login-area .step-2:has(.reset-login-method.show[data-label="login_with_email"]) > .full-name {
    display: none;
}

.login-area .form .message {
    display: none;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    height: 21px;
}
.login-area .form .message.failed {
    color: #E32828;
}