@charset "utf-8";

fieldset.fieldset select {
    cursor: pointer
}

.spoiler-head, .spoiler-foot {
    padding: 4pt 6pt 4pt 15pt
}

#catalog-content {
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

#catalog-content ul.licla {
    text-align: center;
    line-height: 0;
    font-size: 1px;
    padding: 0;
    margin: 0 auto;
    text-justify: newspaper;
    zoom: 1;
    text-align-last: center
}

#catalog-content ul.licla {
    margin: 0;
    padding: 0
}

#catalog-content ul.licla:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
    text-align: center
}

#catalog-content ul.licla li {
    width: 153px;
    height: auto;
    display: inline-block;
    text-align: center;
    line-height: normal;
    padding: 0 1%;
    margin: auto;
    vertical-align: top;
/ / display: inline;
/ / zoom: 1
}

#catalog-content ul li a img {
    max-width: 153px;
    width: 150px
}

.movie {
    position: relative;
    width: 100%
}

.movie i {
    position: absolute;
    width: 39px;
    height: 39px;
    background: url("../pic/video-index-badge.png");
    right: 15px;
    top: 5px;
    z-index: 100
}

.movie .cover {
    position: relative;
    margin-right: 10px;
    margin-top: 10px
}

.movie .cover img {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 1px;
    top: 1px
}

.movie {
    float: left;
    padding-right: 7px;
    padding-bottom: 15px;
    height: auto;
    width: 153px
}

.movie img {
    height: 210px;
    width: 150px
}

.movie a {
    text-align: center;
    font-size: 10pt;
    line-height: 18px
}

.movie > span, .movie .title {
    display: block;
    text-align: center;
    font-size: 10pt;
    padding: 2px 0px 2px 0px;
    overflow: hidden;
    line-height: 15px
}

.movie .add-info {
    font-weight: bold
}

.movie .imdb {
    background-color: #FAF1A5;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1px
}

.movie .kkstar {
    background-color: #B8C8D8;
    color: #FFFFFF;
    padding: 1px
}

#showrealese {
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

#showrealese ul.lishow {
    text-align: center;
    line-height: 0;
    font-size: 1px;
    padding: 0;
    margin: 0 auto;
    text-justify: newspaper;
    zoom: 1;
    text-align-last: center
}

#showrealese ul.lishow {
    margin: 0;
    padding: 0
}

#showrealese ul.lishow:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
    text-align: center
}

#showrealese ul.lishow li {
    width: 160px;
    height: auto;
    display: inline-block;
    text-align: center;
    line-height: normal;
    padding: 0.5% 1%;
    margin: auto;
    vertical-align: top;
/ / display: inline;
/ / zoom: 1
}

#showrealese ul.lishow li a img {
    /*height: 160px;*/
    max-width: 160px;
    border-radius: 5px
}

#showbrowse {
    width: 100%;
    margin: 0 auto
}

#showbrowse ul {
    line-height: 0;
    padding: 0;
    margin: 0 auto;
    text-justify: newspaper
}

#showbrowse ul li {
    width: 50%;
    height: auto;
    display: inline-block;
    text-align: left;
    line-height: normal;
    margin: auto;
    vertical-align: top;
/ / display: inline;
/ / zoom: 1
}

#showbrowse ul li select[class=br_cat], #showbrowse ul li select[name=incldead] {
    width: 100%;
    height: auto
}

#showbrowse ul.bro_just li {
    width: 99%;
    text-align: center
}

#showbrowse ul.bro_just li input[name=search], #showbrowse ul.bro_just li input[name=tag] {
    width: 50%;
    font-size: 10pt;
    box-sizing: border-box;
    border-radius: 1px;
    text-align: left;
    margin-right: 5px;
    min-width: 170px
}

#showbrowse ul.bro_just li input[name=tag] {
    width: 18%
}

@media screen and (max-width: 720px) {
    #showbrowse ul li {
        width: 100%
    }

    #showbrowse ul.bro_just li[name=other] {
        display: none
    }
}

@media screen and (max-width: 480px) {
    #showbrowse ul li {
        width: 100%
    }

    #showbrowse ul.bro_just li span[name=tag] {
        display: none
    }

    .fieldset input[type=reset] {
        display: none
    }

    #showbrowse ul li[name=other] {
        display: none
    }
}

img.avatars, ul.licla li img {
    border-radius: 5px
}

div.cloud_wrapper {
    line-height: 28px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: justify
}

div.cloud_wrapper a {
    font-weight: normal;
    padding: 3px;
    text-decoration: none;
    font-family: verdana;
    /*transition: background 0.5s ease 0s;*/
    border-radius: 5px
}

div.cloud_wrapper a:link {
    color: #0099FF;
    text-decoration: none;
    border: 1px transparent solid
}

div.cloud_wrapper a:visited {
    color: #00CCFF;
    border: 1px transparent solid
}

div.cloud_wrapper a:hover {
    color: #0000FF;
    background: #ddd;
    border: 1px #bbb solid
}

div.cloud_wrapper a:active {
    color: #0000FF;
    background: #fff;
    border: 1px transparent solid
}

/* табы за 12.06.2024 */
#tabs, #tfiles {
    text-align: left;
    font-size: 10pt;
}

#tabs.tab_rounded.center, #tfiles.tab_rounded.center {
    text-align: center !important
}

#tabs span, #tfiles span {}

/*
#tabs:not([class^="tab_rounded"]) span, #tfiles:not([class^="tab_rounded"]) span {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #FAFAFA
}
*/

#tabs[class^="tab_rounded"] > span.tab, #tfiles[class^="tab_rounded"] > span.tab {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    /*border: 1px solid #cecece*/
}

#tabs > span.tab, #tfiles > span.tab {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 3px solid #ccc;
    margin-bottom: 2px;
    width: fit-content;
    transition:border 0.5s;
    display: inline-block;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%)
}

#tabs > span.tab:not(.active):hover, #tfiles > span.tab:not(.active):hover {
    border-top: 3px solid #ff8000;
    background: #FAFAFA;
}

#tabs > span.tab.active, #tfiles > span.tab.active {
    border-top: 3px solid #3a8ad0;
    padding: 5px 10px 4px;
    cursor: default;
    background: #fff;
    color: #000000
}

#tabs > span.tab:active, #tfiles > span.tab:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

#tabs .tab, #tfiles .tab {
    border: 1px solid #cecece;
    background: #ededed;
    cursor: pointer;
    font-weight: bold;
    color: #4991d5;
    /*line-height: 30px;*/
    margin-right: 2px;
    padding: 5px 10px 4px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-radius-topleft: 3px;
    -webkit-border-radius-topright: 3px;
    -opera-border-radius-topleft: 3px;
    -opera-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    white-space: nowrap
}

#tabs #body {
    border-top: 1px solid #4991d5;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #cecece;
    background: #FAFAFA
}

#tabs .tab.disabled, #tfiles .tab.disabled, .btn.disabled {
    background: #DADADA;
    color: #8492a0;
    cursor: not-allowed;
    text-shadow: none
}
#tabs > #body {
    padding: 0
}

.count-bubble {
    display: none;
}
/* /табы за 12.06.2024 */

/* tfile меню удаления влож. файлов в 8 файлах */
.tfiles_list {
    padding-bottom: 10px;
    padding-left: 0
}

ul.tfiles_list li {
    list-style-type: none
}

li.tfiled_pressed {
    text-decoration: line-through
}

ul.tfiles_list li input {
    cursor: pointer;
    float: right
}

.spoiler-body > .daGallery, .spoiler-body > ul {
    padding-inline-start: 30px
}

.spoiler-head {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.spoiler-buttons {
    float: right
}

.spoiler-buttons span {
    padding: 2px 6px;
    cursor: pointer;
    opacity: 0.5
}

.spoiler-buttons span:hover {
    opacity: 1
}

.newltab td {
    border: 0px;
    padding-bottom: 5px
}

.newltab {
    margin: auto;
    width: 100%
}

.reltitle {
    height: 28px;
    font-size: 14pt;
    text-align: center;
    overflow: hidden;
    opacity: 1;
    transform: translateY(0);
    animation: fadeInUp 1s ease-out; /* Анимация при загрузке */
    transition: transform 0.5s ease-out, opacity 0.5s ease-out; /* Плавный переход для transform и opacity */
}

.reltitle:hover {
    transform: scale(1.06); /* Увеличение при наведении */
}

.reltab td {
    text-align: center;
    border: 0px;
    padding-bottom: 5px
}

.reltab a {
    display: block
}

.reltab {
    margin: auto
}

.relcon {
    text-align: center
}

.img4 {
    height: 160px;
    overflow: hidden
}

.catalog-persons {
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

.catalog-persons ul, ul.licla {
    text-align: center;
    text-justify: newspaper;
    zoom: 1;
    text-align-last: center
}

.catalog-persons ul {
    min-height: 250px
}

.catalog-persons ul, ul.licla {
    margin: 0;
    padding: 0
}

.catalog-persons ul:after, ul.licla:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
    text-align: center
}

.catalog-persons ul li, ul.licla li {
    width: 160px;
    height: auto;
    display: inline-block;
    text-align: center;
    line-height: normal;
    margin: auto;
    vertical-align: top;
    padding: 10px 5px
}

.catalog-persons ul li a img, ul.licla li a img {
    max-width: 160px;
    width: 158px
}

#b3view {
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

#b3view ul {
    text-align: center;
    line-height: 0;
    font-size: 1px;
    padding: 0;
    margin: 0 auto;
    text-justify: newspaper;
    zoom: 1;
    text-align-last: center
}

#b3view ul {
    margin: 0;
    padding: 0
}

#b3view ul:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
    text-align: center
}

#b3view ul li {
    height: auto;
    display: inline-block;
    text-align: center;
    line-height: normal;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    vertical-align: top;
    border: 1px dashed gray
}

#b3view ul li.b3duo {
    width: 240px;
    border: 1px dashed transparent
}

#b3view ul li div.icloudblack {
    z-index: 1;
    margin: 0px;
    background-color: #08090E;
    width: 130px;
    padding: 8px 15px;
    border-radius: 1px 15px 15px 1px;
    text-align: left;
    color: white
}
input.sharelnk, textarea.sharelnk {
    display: block;
    padding-left: 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

h3.h3_fpersons {
    margin: unset
}

@media screen and (max-width: 480px) {
    table.main td.heading, table.main td.rowhead {
        display: none
    }

    div.cloud_wrapper {
        max-height: 300px;
        overflow: auto
    }

    span.daGallery a img {
        width: 80%
    }
}

@media screen and (max-width: 720px) {
    span.daGallery a img {
        width: 100%
    }

    table.main td.heading, table.main td.rowhead {
        display: none
    }
}

#loading_duo {
    height: 1%;
    position: fixed;
    top: 99%;
    width: 100%;
}

#loading_duo div {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
}

#loading_duo div:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: #2980b9;
    animation: loading_spi 3s linear infinite;
}

@keyframes loading_spi {
    from {
        left: -200px;
        width: 30%
    }
    50% {
        width: 30%
    }
    70% {
        width: 70%
    }
    80% {
        left: 50%
    }
    95% {
        left: 120%
    }
    to {
        left: 100%
    }
}


select.editbutton {
    cursor: pointer;
    padding: 2px 1px 0px 5px
}

div.grippie {
    background: #EEEEEE url("/pic/grippie.png") no-repeat scroll center 2px;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0pt 1px 1px;
    cursor: s-resize;
    height: 9px;
    overflow: hidden
}

p.text-overflow > a.alink {
    text-overflow: ellipsis; /* Добавляем многоточие */
}

div.profiler {
    word-wrap: break-word;
    text-align: left;
    overflow-wrap: anywhere
}

@media screen and (max-width: 1160px) {
    .paginator table td:nth-child(2n) {
        /*display: none;*/
    }
}

span.daGallery a img {
    max-width: 720px
}

.detbook_btnb {
    margin-right: 8px;
}

.detbook_save, .detbook_revert, .detbook_btnb {
    cursor: pointer;
}

div.detbook_middle, div.detbook_last {
    line-height: 2;
}

div.detbook_last, .detbook_edit {
    display: none;
    margin-bottom: 10px;
}

.detbook_save:hover, .detbook_btnb:hover {
    opacity: 80%;
}

.detbook_save, .detbook_btnb {
    font-weight: 500;
    line-height: 2;
    color: #fff;
    padding: 2px 7px 2px 7px;
    display: inline-block;
    box-sizing: content-box;
    background: #f60;
    border-radius: 9px;
    text-shadow: 0 1px 1px #7593a1;
    opacity: 100%;
}

.detbook_textgray {
    color: #1f1f1f66;
    font-weight: bold;
}

ul.upload {
    text-align: center;
    margin-top: 66%;
    padding: 0
}

ul.upload > li {
    cursor: pointer;
    list-style: none;
    line-height: 8pt;
    font-size: 10pt;
    margin: 0;
    padding: 10px;
    outline: 0;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);

}

ul.upload > li:hover {
    background: #3A8AD0;
    text-decoration: none;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: scale(1.05) rotate(-1deg);
    -moz-transform: scale(1.05) rotate(-1deg);
    -o-transform: scale(1.05) rotate(-1deg);
    transform: scale(1.05) rotate(-1deg);
}

ul.upload > li:nth-child(2n):hover {
    -webkit-transform: scale(1.05) rotate(1deg);
    -moz-transform: scale(1.05) rotate(1deg);
    -o-transform: scale(1.05) rotate(1deg);
    transform: scale(1.05) rotate(1deg);
}

.textbbcode * div.show_files {
    margin-bottom: 7pt;
}
.dinputs {
    display: none
}
.dinputs > input.ffiled, .dinputs > #my0f {
    display: block !important;
}

.parent {
    width: 40px;
    height: 40px;
    background: #2033db;
    margin: auto;
    border-radius: 100%;
    margin-top: 60px;
    position: relative;
    cursor: pointer;
}

@keyframes breathe {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(0.5)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes breathe2 {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.2)
    }
    100% {
        transform: scale(1)
    }
}

.parent:before {
    content: "";
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 2;
    width: 90px;
    height: 90px;
    background: #2033db;
    opacity: 0.3;
    border-radius: 100%;
    animation: breathe2 2s infinite;
}

.parent:after {
    content: "";
    position: absolute;
    top: -45px;
    left: -45px;
    z-index: 3;
    width: 130px;
    height: 130px;
    background: #2033db;
    opacity: 0.2;
    border-radius: 100%;
    animation: breathe 2s infinite;
}

.parent > img {
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    position: absolute;
    z-index: 4;
    top: 6px;
    left: 8px;
}

@keyframes range_gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

input.progress.loading {
    background-size: 100%;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    animation: range_gradient 5s ease infinite;
    height: 100%;
    width: 95%;
}

.range_meter_results, .range_meter_results > td {
    border: 0;
    white-space: nowrap;
}

#showbrowse .fieldset {
    min-height: 44px;
    line-height: normal;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
}

#showbrowse ul.bro_just:last-child li {
    width: 100%
}

div #loading {
    color: gray
}

#wherephp_online li:not(a) {
}

a.alink:hover > strong > span {
    color: white !important
}


.bookmark_effect {
    fill: red;
    /* position: relative; */
    /* top: 5px; */
    width: 17px;
}

.bookmark_effect:active, .bookmark_effect:hover {
    animation: pulse_anim 1s ease infinite;
}

@keyframes pulse_anim {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.3)
    }
    100% {
        transform: scale(1)
    }
}

/* блок blocks/block-stats.php */
.ul_container {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-gap: 10%;
    /* width: 100%; */
}

.ul_container li {
    list-style-type: disclosure-open;
    margin-top: 2pt;
    margin-bottom: 6pt;
    /*text-align: center;*/
}

.ul_container li > ul li {
    list-style-type: circle;
}

/* блок blocks/block-stats.php */

#adjective_ax small {
    font-size: 10pt;
    float: right;
}

.detbook_first {
    padding: 10pt;
}

/* forums*/
.smallfont ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    margin: 0;
    padding: 0
}
.smallfont ul li {
    list-style-type: circle;
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: center;
    margin: 0
}
.smallfont ul li a {
    padding: 5px
}
/* Применяем line-height ко всем td, за исключением тех, которые содержат элемент с классом reaction_popup */
.forums .viewtopic td:not(:has(.reaction_popup)) {
    line-height: 13pt
}
.forums * fieldset {
    overflow: auto
}
.topic_pre_avatars {
    padding-right: 5px;
    clear: right;
    float: left
}
.topic_pre_avatars .avatars {
    width: 46px;
    padding: 2px
}
.topic_is_middle {
    height: 50px;
    align-content: space-around;
    ruby-align: space-between
}

.topic_is_middle a.alink, .type_of_browse a.alink {
    display: unset
}
@media (max-width: 1250px) {
    .topic_pre_avatars {
        float: none;
        padding-right: 0
    }
    .topic_pre_avatars .avatars {
        display: block;
        width: 100px;
        margin: 0 auto 5px
    }
    .preview_desc.topic_is_middle {
        float: none;
        clear: both;
        text-align: center
    }
    .topic_is_middle {
        height: 60px;
        text-align: center
    }
    .hidden-cell {
        display: none
    }
    .paginator_slim {
        display: table;
        justify-self: anchor-center
    }
    .topic_is_middle var {
        display: contents
    }
}
/* зачем хардкорный h1 h2 в fieldset если можно убрать его оттуда? это для поисковиков он там нужен, лучше индексирует важный текст */
.forums * fieldset h1,
.forums * fieldset h2 {
    font-size: unset;
    margin: auto;
}

.forums a.alink,
.forums li a.alink {
    hyphens: auto;
    word-break: break-all;
}

.forums * .priority_low {
    /*color: gray;*/
    /*font-style: italic;*/
}

.forums * .priority_low:hover {
    color: unset;
    font-style: unset;
}

.forums * #poll_container {
    width: 75%;
}

.forums.editpoll * input:placeholder-shown {
    opacity: 0.3;
}

/* forums*/

.success.center {
    text-align: center;
}

.tab_rounded span a {
    color: unset;
    cursor: pointer;
}

.plsresizeme {
    width: 100%;
    max-width: -moz-fit-content;
    max-width: -webkit-fit-content; /* max размер - не должен переливать через контент */
}


/* новый вид социальных кнопок у пользвателя */
.my_socials:not(.show_line) {
    padding-left: 10px
}

.my_socials:not(.show_line) li input {
    margin-left: 10px;
    margin-right: 10px;

}

.my_socials:not(.show_line) li input:placeholder-shown {
    opacity: 0.8
}

.my_socials:not(.show_line) li {
    list-style-type: none;
    display: flex;
    align-items: center;
}

.my_socials:not(.show_line) li, .social_click {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    height: 32px
}

.my_socials li:hover {
    opacity: 1
}

.my_socials:not(.show_line) li .show_stats img {
    width: 32px;
}

.my_socials:not(.show_line) li .show_stats div {
    display: none;
}

/* второй тип вывода - show */
.my_socials.show_line {
    display: flex;
    list-style-type: none;
    padding-left: 10px;
    height: 42pt;
    min-height: 56px
}

.my_socials.show_line li {
    padding-right: 10px;
    cursor: pointer;
    display: flex;
    margin-bottom: 0;
    margin-left: 0;
    justify-content: center;
}

.social_click:not(.social_visible) {
    width: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    display: block
}

.social_click.social_visible {
    width: auto;
    padding: 10px;
    opacity: 1;
    overflow: hidden;
    display: block;
}

.my_socials.show_line li div {
    vertical-align: top;
    width: 35pt;
    height: 10pt;
}

.my_socials.show_line li .show_stats img {
    width: 42px;
    opacity: 0.8;
}

.my_socials.show_line li .show_stats img:hover {
    opacity: 1;
}

.my_socials.show_line li .show_stats div {
    width: 15px;
    float: left;
    top: -28pt;
    left: 21pt;
    font-size: 9pt;
    color: white;
    border-radius: 50%;
    background-color: #3a8ad0;
    padding: 3pt;
    text-align: center;
    transform-origin: center;
    transition: all 0.25s;
    display: inline-block;
    position: relative;
    transform: translateY(-50%);
    border: 1px solid white
}

/* новый вид социальных кнопок у пользвателя */

/* теги 29.09.2023*/
.repair_tags {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 4;
    column-gap: 5%;
    text-align: left;
    line-height: 24pt
}

.repair_tags li {
    list-style-type: circle;
    line-height: 15pt
}

/* опросы, графики, градиент */
.meter_poll_result, #poll_result {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
    /*animation: moveLeftToRight 5s linear infinite; !* Измените время и тип анимации по вашему усмотрению - если хочется анимации *!*/
}

@keyframes moveLeftToRight {
    0% {
        background-position: left
    }
    100% {
        background-position: right
    }
}

#filter_result_count {
    padding: 0 20px
}

/* пользовательский блок v 2 */
.block_user ul {
    margin: 0;
    padding-left: 10px;
    text-align: left
}

.block_user ul li {
    margin: 0;
    list-style: none outside none
}

.block_user ul li.usr {
    text-align: center
}

.block_user ul li > img {
    vertical-align: middle
}

.block_user ul .usr.fthemes, .block_user ul .usr.alogout {
    margin-top: 10px
}

.block_user ul li:not(.usr) { /*list-style: unset;*/
}

.block_user ul li:not(.usr)::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background-color: var(--custom-color, #ab209fc9);
    transition: width 1s
}

.block_user ul li:not(.usr):hover::after {
    width: 100%
}

/* пользовательский блок v 2 */


#cloud_online_jq, #cloud_phpwhere_jq {
    min-height: 65px
}

/* займем две полосы про запас, чтобы блок не сдвигал страницу при загрузке */

/* стили browse */
.brws.main_browse {
}

.brws.header_browse {
}

.brws.main {
}

.brws.filter {
}

.brws.tr_alf {
}

.brws.tr_searchcloud {
}

.brws.tr_browse {
}

/* Стиль для дочерних опций */
.cat_parents {
    margin-left: 15px;
}

#br_cats option {
    text-align: left;
    text-align-last: left;
}

#br_cats .cat_ismain:after {
    content: '\25BC';
    transform: translateY(-50%);
    pointer-events: none;
}

#br_cats .cat_parents:before {
    /*content: '\25CF'; !* Код символа кружка *!*/
    /*transform: translateY(-50%);*/
    pointer-events: none;
}

#showbrowse ul.br_mulist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

#showbrowse ul.br_mulist li {
    flex: 1;
    display: contents;
    flex-direction: column;
}

#showbrowse ul.br_mulist li fieldset {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#showbrowse ul.br_mulist li select,
#showbrowse ul.br_mulist li input {
    flex: 1;
    width: 100%;
    box-sizing: border-box;
}


#showbrowse ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: stretch; /* Растягиваем li по высоте */
}

#showbrowse ul li {
    flex: 1;
}

/* подкатегории и их раскрытие */
.ying-yang-container {
    width: 64px;
    height: 64px;
    position: relative;
    overflow: hidden;
}

.ying-yang {
    width: 100%;
    height: 100%;
    position: relative;
}

.ying, .yang {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yang {
    /*border-radius:10px;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 35%; /* Небольшой размер поверх первой */
    height: 35%;
    object-fit: cover;
    transition: width 0.5s, height 0.5s;
}

.yang:hover {
    width: 100%; /* Раскрытие на весь размер при наведении */
    height: 100%;
}

/* /подкатегории и их раскрытие */


td.rowparent {
    font-style: italic;
}

td.cat_vertical {
    font-style: normal;
    writing-mode: vertical-lr; /* Для современных браузеров */
    transform: rotate(180deg); /* Для старых браузеров */
}

.userdetails tr td img {
    line-height: normal;
    vertical-align: middle;
}

/* классы по цветам html в каждой теме */
.is_cl_sysop {
    color: blue
}

.is_cl_administrator {
    color: green
}

.is_cl_moderator {
    color: red
}

.is_cl_uploader {
    color: #f59555
}

.is_cl_vip {
    color: #9C2FE0
}

.is_cl_power_user {
    color: #D21E36
}

.is_cl_user {
    color: black
}

.is_cl_chat {
    border-bottom: 1px solid #0f4806;
}

/* /классы по цветам html в каждой теме */


/* реакции пользователей */
.div_reaction {
    position: relative;
    float: right;
}

.reaction {
    font-size: 12pt;
    line-height: initial
}
.reaction:hover {
    cursor: pointer;
    transform: scale(1.1);
}
.reaction_btn {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    height: 1.875rem;
    white-space: nowrap;
    margin: 1px;
    width: auto;
    padding: 1px 11px 1px 11px;
    background-color: #3a8ad0;
    border-radius: 14px;
    border: 1px solid transparent;
    text-transform: none;
    color: white;
    overflow: visible;
    line-height: 1.75rem
}
.messages_list * .reaction_btn {
    flex-direction: row-reverse;
    align-items: end;
    height: auto;
    white-space: nowrap;
    width: auto;
    background-color: transparent;
    border: 1px solid transparent;
    color: #000000;
    overflow: visible
}
.messages_list * .reaction_btn:hover {
    border: 1px solid transparent
}

.messages_list *.reaction_btn > .reaction {
    font-size: 12pt
}

.messages_list * .reaction_popup_alt {
    left: 5px
}

.messages_list .reaction_counts {
    display: inline-block
}

.messages_list {
    float: none;
    text-align: center
}

.reaction_btn:hover {
border: 1px solid #fcfcfc;
cursor: pointer;
transform: scale(1.05);
}

.reaction_btn:active {
transform: scale(0.95);
}

@keyframes reaction_fadeIn {
from {
    opacity: 0;
    transform: translateY(-20px)
}
to {
    opacity: 1;
    transform: translateY(0)
}
}
.reaction_is_first {
background-color: unset !important;
}
.reaction {
cursor: pointer;
display: inline-block;
font-size: 16pt;
}
.reaction_avatars {
    display: flex;
    align-items: center;
    margin-left: 6px;
    position: relative;
    height: 18px;
    width: 18px;
}
.reaction_avatars .avatar_in_reaction {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    margin-left: -9px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease;
}
.reaction_avatars .avatar_in_reaction:first-child {
    margin-left: 0;
}
.reaction_avatars .avatar_in_reaction:hover {
    transform: scale(1.2);
    z-index: 999;
}
.reaction_avatars .is_avatar_more:hover {
    z-index: 999 !important;
}
.reaction_avatars .is_avatar_more {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #eee;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -9px;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    z-index: 98;
}
#tabs:not([class^="tab_rounded"]) span[class="reaction"], #tabs:not([class^="tab_rounded"]) span[class="reaction_counts"] {
    border-bottom: unset !important;
    justify-content: center;
    align-items: center;
    min-width: 36px;
}

#tabs:not([class^="tab_rounded"]) div[class="div_reaction"], #tabs:not([class^="tab_rounded"]) div[class="div_reaction"] {
    display: inline-table;
}

.reaction_btn > .reaction {
font-size: 14pt;
}
.reaction_counts {
padding: 1px 0px 1px 0;
display: flex;
}

.reaction_results {
position: relative;
display: inline-block;
}

.reaction_popup, .parent_popup {
display: none;
}
.reaction_popup_alt, .reaction_popup_chat {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 9px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    overflow-y: auto;
    z-index: 999;
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    max-height: 300px;
    position: absolute;
    top: -3px;
    right: 4px;
    gap: 5px;
    row-gap: 2px;
    width: 0;
    /*opacity: 0;*/
    animation: unfold_reaction 0.7s forwards;
    transform-origin: top right
}
@keyframes unfold_reaction {
from {
    width: 0;
    opacity: 0;
}
to {
    width: 353px;
    opacity: 1;
}
}
.reaction_popup_alt.react_humor {
width: 110px;
gap: 2px;
padding: 4px;
right: 2px;
flex-grow: 1;
animation: none;
}

.reaction_popup_alt .reaction, .reaction_popup_chat .reaction {
flex-grow: 1;
max-width: 33.33%;
}

#tabs .react_nochat * .countlist { border-bottom: unset !important; }

.reaction_is_first > .reaction {
opacity: 0.5;
}

.reaction_is_first:hover > .reaction {
opacity: 1;
}

.reaction_btn.active {
background-color: red;
}
/* реакции пользователей */


/* цитаты внутри цитат растягивает пачку */
fieldset > fieldset > fieldset {
    opacity: 0.3;
    max-height: 10px;
    overflow: hidden;
    transition: opacity 0.5s ease, max-height 0.5s ease;
}

fieldset:hover > fieldset > fieldset {
    opacity: 1;
    max-height: 100%;
    overflow: unset;
}

/* теперь слайдер css будет жить здесь, из всех тем удален */
#daGalBg {
    z-index: 300007;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    -ms-filter: "alpha(opacity=30)";
    top: expression(eval(document.body.scrollTop)+"px");
    height: expression(eval(document.body.clientHeight)+"px")
    transition: opacity .3s ease-in-out
}

#daGalContainer {
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    z-index: 300009;
    height: 1px;
    width: 1px;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3) opacity
}

#daGalContainer td {
    padding: 6px;
    vertical-align: middle;
    border: none
}

#daGalContainer .daImgDiv {
    min-width: 115px;
    min-height: 100px;
    position: relative;
    width: 400px;
    height: 300px;
    background: #fff
}

#daGalContainer .daImgDiv img {
    z-index: 0
}

#daGalContainer .daImgDiv b {
    float: left;
    font: 10pt freesans, Verdana, Geneva, sans-serif;
    margin: 10px;
    width: 380px;
    overflow: hidden
}

#daGalContainer .daNext, #daGalContainer .daPrev {
    margin: 0;
    position: absolute;
    top: 45%;
    height: 64px;
    width: 64px
}

#daGalContainer .daNextArea, #daGalContainer .daPrevArea {
    margin: 0;
    position: absolute;
    background-position: -500px -500px;
    top: 0
}

#daGalContainer .daClose, #daGalContainer .daLupa {
    height: 33px;
    width: 32px;
    float: right
}

#daGalContainer .daClose {
    background-position: -16px 0;
    margin: 0 7px 0 0
}

#daGalContainer .daClose:hover {
    background-position: -16px -64px
}

#daGalContainer .daLupa {
    background-position: -208px 0;
    margin: 0 5px 0 5px
}

#daGalContainer .daLupa:hover {
    background-position: -208px -64px
}

#daGalContainer .daPrev {
    background-position: -64px 0;
    left: -34px
}

#daGalContainer .daPrev:hover, #daGalContainer .daPrevH {
    background-position: -64px -64px
}

#daGalContainer .daNext {
    background-position: -128px 0;
    right: -34px
}

#daGalContainer .daNext:hover, #daGalContainer .daNextH {
    background-position: -128px -64px
}

#daGalContainer .daPrevArea {
    left: 0
}

#daGalContainer .daNextArea {
    right: 0
}

#daGalContainer .daDesc {
    padding: 0;
    margin: 0;
    font: 12px freesans, Tahoma, Arial, Helvetica, sans-serif;
    text-align: left;
    color: #000
}

#daGalContainer .daBottom {
    overflow: hidden;
    padding: 6px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #999;
    background: #fff
}

#daGalContainer .misc {
    background-repeat: no-repeat;
    display: none;
    background-image: url(/pic/misc.png);
}

#daGalContainer .misc:hover {
    /*opacity: 1*/
}

#daGalContainer .daGalLoad {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 126px;
    height: 22px;
    margin: -11px 0 0 -63px;
    background: url(/pic/misc.png) center center no-repeat
}

.update_reason {
    padding: 2px 5px 2px 5px;
    background-color: #e7eded;
    border-radius: 5px;
    margin-bottom: 10px;
    vertical-align: middle;
    cursor: pointer
}
.update_reason > span {
    color: green;
    font-weight: bold;
}

.rating > img {
    margin-bottom: 5px
}
.spoiler-wrap.no_border {
    width: 100%;
    margin: unset;
}

ul.details_ul li{
    list-style-type: decimal;
}

#topcontrol:active, div.reaction:active, span.daGallery a img:active, .catalog-persons ul li a img:active, ul.licla li a img:active, #showrealese ul.lishow li a img:active {
    -webkit-transform: translateY(2px); transform: translateY(2px);
}
#adjective_ax .match {
    max-height: 400px;
}
.torrent.edit #adjective_ax .match {
    max-height: 200px;
}

/* похожие раздачи */
#adjective_ax ul li {
    margin: 1px 0px 2px 0px;
    position: relative;
    padding-bottom: 5px
}
#adjective_ax ul li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background-color: #c5c5cd8a;
    transition: width 0.5s ease;
    transform: translateX(-50%)
}
#adjective_ax ul li:hover::after {
    width: 100%
}
#adjective_ax ul li var{
    padding-right: 1px;
    clear: right;
    float: right;
    font-style: normal
}
#adjective_ax ul li var .acomment{
    margin-left: 4px
}

/* комментарии, оформление */
.commenttable {
    margin-bottom: 10px
}
.comm_upside {
    display: flex;
    align-items: center;
    justify-content: left
}
.comm_upside > img {
    padding-right: 5px
}


.comm_upside .rateyo_upside {
    margin-left: auto
}

/*.comm_upside .rateyo_upside svg {*/
/*    max-width: 20px;*/
/*}*/
/*.comm_upside .rateyo_upside .r_r {*/
/*    fill: #88979775;*/
/*}*/
/*.comm_upside .rateyo_upside .r_n {*/
/*    fill: red;*/
/*}*/

.comm_bottomside {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.comm_avatar {
    padding-right: 10px;
    float: left
}

.comm_descr {
    align-content: stretch
}

.comm_added {
    float: left;
    width: auto
}

.js_blink {
    animation: blink 1.0s step-start infinite;
}

@keyframes blink {
    0% { visibility: visible; }
    50% { visibility: hidden; }
    100% { visibility: visible; }
}

.nmsg {
    min-height: 22px;
}
ul.tfile_showspoiler {
    list-style-type: none;
    padding: 0;
    margin: 0
}
ul.tfile_showspoiler li {
    text-align: left;
    display: flex;
    align-items: center
}
.spoiler-body > .tfile_showspoiler li audio {
    margin-right: 10px
}
.forums * h1 {
    margin: 0
}

#drag_drop {
    border: 2px dashed #ccc;
    border-radius: 5px;
    width: 93%;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 13px;
    cursor: pointer;
}
#drag_drop.dragover {
    border-color: #000;
    color: #000;
}

.ui_draggable:not(.ui_nmove) {
    cursor: grab;
}

.ui_draggable:not(.ui_nremove) {
    position: relative;
}

.ui_draggable:not(.ui_nremove)::after {
    content: "\00d7";
    position: absolute;
    right: 5px;
    top: 45%;
    transform: translateY(-50%);
    font-size: 13pt;
    color: red;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease, font-size 0.3s ease;
}

.ui_draggable:not(.ui_nremove):hover::after {
    opacity: 1;
    font-size: 16pt;
}

/* кнопки svg */
.btn_s {
    background-color: #7392a0;
    opacity: 0.6;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain;
    cursor: pointer;
}
.btn_s.is_dis {
    background-color: #3A8AD0;
    opacity: 0.3
}
.btn_s.is_ena, .btn_s:hover {
    opacity: 1
}
.is_center_middle {
    display: inline-flex;
    height: 100%
}
.is_center_middle a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%
}
.is_center_middle * .btn_s {
    padding-left: 5px;
    min-height: 22px;
    flex-wrap: wrap
}
.btn_s.bt_edit {
    mask: url('data:image/svg+xml;utf8,<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M11 44q-1.2 0-2.1-.9Q8 42.2 8 41V7q0-1.2.9-2.1Q9.8 4 11 4h17l12 12v7.8h-3V18H26V7H11v34h15v3Zm0-3V7v34Zm26.8-11.15 1.4 1.4-8.2 8.2V42h2.55l8.2-8.2 1.4 1.4-8.8 8.8H29v-5.35Zm5.35 5.35-5.35-5.35 3.05-3.05q.45-.45 1.05-.45.6 0 1.05.45l3.25 3.25q.45.45.45 1.05 0 .6-.45 1.05Z" fill="currentColor"></path></svg>') no-repeat center;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M11 44q-1.2 0-2.1-.9Q8 42.2 8 41V7q0-1.2.9-2.1Q9.8 4 11 4h17l12 12v7.8h-3V18H26V7H11v34h15v3Zm0-3V7v34Zm26.8-11.15 1.4 1.4-8.2 8.2V42h2.55l8.2-8.2 1.4 1.4-8.8 8.8H29v-5.35Zm5.35 5.35-5.35-5.35 3.05-3.05q.45-.45 1.05-.45.6 0 1.05.45l3.25 3.25q.45.45.45 1.05 0 .6-.45 1.05Z" fill="currentColor"></path></svg>') no-repeat center;
    mask-size: 20px;
}
.btn_s.bt_bookmark {
    mask: url('data:image/svg+xml;utf8,<svg class="btn_s is_dis" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" role="img"><path d="M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z"></path></svg>') no-repeat center;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" role="img"><path d="M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z"></path></svg>') no-repeat center;
    mask-size: 20px;
}
.btn_s.bt_copy {
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M10.5 2.0028C9.82495 2.01194 9.4197 2.05103 9.09202 2.21799C8.71569 2.40973 8.40973 2.71569 8.21799 3.09202C8.05103 3.4197 8.01194 3.82495 8.0028 4.5M19.5 2.0028C20.1751 2.01194 20.5803 2.05103 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C21.949 3.4197 21.9881 3.82494 21.9972 4.49999M21.9972 13.5C21.9881 14.175 21.949 14.5803 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.5803 15.949 20.1751 15.9881 19.5 15.9972M22 7.99999V9.99999M14.0001 2H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z" stroke="currentColor" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>') no-repeat center;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M10.5 2.0028C9.82495 2.01194 9.4197 2.05103 9.09202 2.21799C8.71569 2.40973 8.40973 2.71569 8.21799 3.09202C8.05103 3.4197 8.01194 3.82495 8.0028 4.5M19.5 2.0028C20.1751 2.01194 20.5803 2.05103 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C21.949 3.4197 21.9881 3.82494 21.9972 4.49999M21.9972 13.5C21.9881 14.175 21.949 14.5803 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.5803 15.949 20.1751 15.9881 19.5 15.9972M22 7.99999V9.99999M14.0001 2H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z" stroke="currentColor" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>') no-repeat center;
    mask-size: 20px;
}
.btn_s.bt_pict {
    mask: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="icon" aria-label=""><path d="M9.38759 8.53403C10.0712 8.43795 10.7036 8.91485 10.7997 9.59849C10.8956 10.2819 10.4195 10.9133 9.73622 11.0096C9.05259 11.1057 8.4202 10.6298 8.32411 9.94614C8.22804 9.26258 8.70407 8.63022 9.38759 8.53403Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3886 5.58677C10.8476 5.5681 11.2608 5.5975 11.6581 5.74204L11.8895 5.83677C12.4185 6.07813 12.8721 6.46152 13.1991 6.94614L13.2831 7.07993C13.4673 7.39617 13.5758 7.74677 13.6571 8.14048C13.7484 8.58274 13.8154 9.13563 13.8993 9.81919L14.245 12.6317L14.3554 13.5624C14.3852 13.8423 14.4067 14.0936 14.4159 14.3192C14.4322 14.7209 14.4118 15.0879 14.3095 15.4393L14.2606 15.5887C14.0606 16.138 13.7126 16.6202 13.2577 16.9823L13.0565 17.1297C12.7061 17.366 12.312 17.4948 11.8622 17.5877C11.6411 17.6334 11.3919 17.673 11.1132 17.7118L10.1835 17.8299L7.37098 18.1756C6.68748 18.2596 6.13466 18.3282 5.68348 18.3465C5.28176 18.3628 4.9148 18.3424 4.56337 18.2401L4.41395 18.1913C3.86454 17.9912 3.38258 17.6432 3.0204 17.1883L2.87294 16.9872C2.63655 16.6367 2.50788 16.2427 2.41493 15.7928C2.36926 15.5717 2.32964 15.3226 2.29091 15.0438L2.17274 14.1141L1.82704 11.3016C1.74311 10.6181 1.67455 10.0653 1.65614 9.61411C1.63747 9.15518 1.66697 8.74175 1.81141 8.34458L1.90614 8.11313C2.14741 7.58441 2.53115 7.13051 3.01552 6.80356L3.1493 6.71958C3.46543 6.53545 3.8163 6.42688 4.20985 6.34556C4.65206 6.25423 5.20506 6.18729 5.88856 6.10337L8.70106 5.75767L9.63173 5.64731C9.91161 5.61744 10.163 5.59597 10.3886 5.58677ZM6.75673 13.0594C6.39143 12.978 6.00943 13.0106 5.66298 13.1522C5.5038 13.2173 5.32863 13.3345 5.06923 13.5829C4.80403 13.8368 4.49151 14.1871 4.04091 14.6932L3.64833 15.1327C3.67072 15.2763 3.69325 15.4061 3.71766 15.5243C3.79389 15.893 3.87637 16.0961 3.97548 16.243L4.06141 16.3602C4.27134 16.6237 4.5507 16.8253 4.86903 16.9413L5.00477 16.9813C5.1536 17.0148 5.34659 17.0289 5.6288 17.0174C6.01317 17.0018 6.50346 16.9419 7.20888 16.8553L10.0214 16.5106L10.9306 16.3944C11.0173 16.3824 11.0997 16.3693 11.1776 16.3573L8.61513 14.3065C8.08582 13.8831 7.71807 13.5905 7.41395 13.3846C7.19112 13.2338 7.02727 13.1469 6.88856 13.0975L6.75673 13.0594ZM10.4432 6.91587C10.2511 6.9237 10.0319 6.94288 9.77333 6.97056L8.86317 7.07798L6.05067 7.42271C5.34527 7.50932 4.85514 7.57047 4.47841 7.64829C4.20174 7.70549 4.01803 7.76626 3.88173 7.83481L3.75966 7.9061C3.47871 8.09575 3.25597 8.35913 3.1161 8.66587L3.06141 8.79966C3.00092 8.96619 2.96997 9.18338 2.98524 9.55942C3.00091 9.94382 3.06074 10.4341 3.14735 11.1395L3.42274 13.3895L3.64442 13.1434C3.82631 12.9454 3.99306 12.7715 4.1493 12.6219C4.46768 12.3171 4.78299 12.0748 5.16005 11.9208L5.38661 11.8377C5.92148 11.6655 6.49448 11.6387 7.04579 11.7616L7.19325 11.7987C7.53151 11.897 7.8399 12.067 8.15907 12.2831C8.51737 12.5256 8.9325 12.8582 9.4452 13.2684L12.5966 15.7889C12.7786 15.6032 12.9206 15.3806 13.0106 15.1336L13.0507 14.9979C13.0842 14.8491 13.0982 14.6561 13.0868 14.3739C13.079 14.1817 13.0598 13.9625 13.0321 13.704L12.9247 12.7938L12.58 9.9813C12.4933 9.27584 12.4322 8.78581 12.3544 8.40903C12.2972 8.13219 12.2364 7.94873 12.1679 7.81235L12.0966 7.69028C11.9069 7.40908 11.6437 7.18669 11.3368 7.04673L11.203 6.99204C11.0364 6.93147 10.8195 6.90059 10.4432 6.91587Z"></path><path d="M9.72841 1.5897C10.1797 1.60809 10.7322 1.67665 11.4159 1.7606L14.2284 2.1063L15.1581 2.22446C15.4371 2.26322 15.6859 2.3028 15.9071 2.34849C16.3571 2.44144 16.7509 2.57006 17.1015 2.80649L17.3026 2.95396C17.7576 3.31618 18.1055 3.79802 18.3056 4.34751L18.3544 4.49692C18.4567 4.84845 18.4772 5.21519 18.4608 5.61704C18.4516 5.84273 18.4292 6.09381 18.3993 6.37388L18.2899 7.30454L17.9442 10.117C17.8603 10.8007 17.7934 11.3535 17.702 11.7958C17.6207 12.1895 17.5122 12.5401 17.328 12.8563L17.244 12.9901C17.0958 13.2098 16.921 13.4086 16.7255 13.5829L16.6171 13.662C16.3496 13.8174 16.0009 13.769 15.787 13.5292C15.5427 13.255 15.5666 12.834 15.8407 12.5897L16.0018 12.4276C16.0519 12.3703 16.0986 12.3095 16.1415 12.2459L16.2128 12.1239C16.2813 11.9875 16.3421 11.8041 16.3993 11.5272C16.4771 11.1504 16.5383 10.6605 16.6249 9.95493L16.9696 7.14243L17.077 6.23228C17.1047 5.97357 17.1239 5.7546 17.1317 5.56235C17.1432 5.27997 17.1291 5.08722 17.0956 4.93833L17.0556 4.80259C16.9396 4.4842 16.7381 4.20493 16.4745 3.99497L16.3573 3.90903C16.2103 3.80991 16.0075 3.72745 15.6386 3.65122C15.4502 3.61231 15.2331 3.57756 14.9755 3.54185L14.0663 3.42563L11.2538 3.08091C10.5481 2.99426 10.0582 2.93444 9.67372 2.9188C9.39129 2.90732 9.19861 2.92142 9.0497 2.95493L8.91395 2.99497C8.59536 3.11093 8.31538 3.31224 8.10536 3.57603L8.0204 3.69321C7.95293 3.79324 7.89287 3.91951 7.83778 4.10532L7.787 4.23032C7.64153 4.50308 7.31955 4.64552 7.01161 4.55454C6.65948 4.45019 6.45804 4.07952 6.56239 3.72739L6.63075 3.52036C6.70469 3.31761 6.79738 3.12769 6.91786 2.94907L7.06532 2.7479C7.42756 2.29294 7.90937 1.94497 8.45888 1.74497L8.60829 1.69614C8.95981 1.59385 9.32655 1.57335 9.72841 1.5897Z"></path></svg>') no-repeat center;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="icon" aria-label=""><path d="M9.38759 8.53403C10.0712 8.43795 10.7036 8.91485 10.7997 9.59849C10.8956 10.2819 10.4195 10.9133 9.73622 11.0096C9.05259 11.1057 8.4202 10.6298 8.32411 9.94614C8.22804 9.26258 8.70407 8.63022 9.38759 8.53403Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3886 5.58677C10.8476 5.5681 11.2608 5.5975 11.6581 5.74204L11.8895 5.83677C12.4185 6.07813 12.8721 6.46152 13.1991 6.94614L13.2831 7.07993C13.4673 7.39617 13.5758 7.74677 13.6571 8.14048C13.7484 8.58274 13.8154 9.13563 13.8993 9.81919L14.245 12.6317L14.3554 13.5624C14.3852 13.8423 14.4067 14.0936 14.4159 14.3192C14.4322 14.7209 14.4118 15.0879 14.3095 15.4393L14.2606 15.5887C14.0606 16.138 13.7126 16.6202 13.2577 16.9823L13.0565 17.1297C12.7061 17.366 12.312 17.4948 11.8622 17.5877C11.6411 17.6334 11.3919 17.673 11.1132 17.7118L10.1835 17.8299L7.37098 18.1756C6.68748 18.2596 6.13466 18.3282 5.68348 18.3465C5.28176 18.3628 4.9148 18.3424 4.56337 18.2401L4.41395 18.1913C3.86454 17.9912 3.38258 17.6432 3.0204 17.1883L2.87294 16.9872C2.63655 16.6367 2.50788 16.2427 2.41493 15.7928C2.36926 15.5717 2.32964 15.3226 2.29091 15.0438L2.17274 14.1141L1.82704 11.3016C1.74311 10.6181 1.67455 10.0653 1.65614 9.61411C1.63747 9.15518 1.66697 8.74175 1.81141 8.34458L1.90614 8.11313C2.14741 7.58441 2.53115 7.13051 3.01552 6.80356L3.1493 6.71958C3.46543 6.53545 3.8163 6.42688 4.20985 6.34556C4.65206 6.25423 5.20506 6.18729 5.88856 6.10337L8.70106 5.75767L9.63173 5.64731C9.91161 5.61744 10.163 5.59597 10.3886 5.58677ZM6.75673 13.0594C6.39143 12.978 6.00943 13.0106 5.66298 13.1522C5.5038 13.2173 5.32863 13.3345 5.06923 13.5829C4.80403 13.8368 4.49151 14.1871 4.04091 14.6932L3.64833 15.1327C3.67072 15.2763 3.69325 15.4061 3.71766 15.5243C3.79389 15.893 3.87637 16.0961 3.97548 16.243L4.06141 16.3602C4.27134 16.6237 4.5507 16.8253 4.86903 16.9413L5.00477 16.9813C5.1536 17.0148 5.34659 17.0289 5.6288 17.0174C6.01317 17.0018 6.50346 16.9419 7.20888 16.8553L10.0214 16.5106L10.9306 16.3944C11.0173 16.3824 11.0997 16.3693 11.1776 16.3573L8.61513 14.3065C8.08582 13.8831 7.71807 13.5905 7.41395 13.3846C7.19112 13.2338 7.02727 13.1469 6.88856 13.0975L6.75673 13.0594ZM10.4432 6.91587C10.2511 6.9237 10.0319 6.94288 9.77333 6.97056L8.86317 7.07798L6.05067 7.42271C5.34527 7.50932 4.85514 7.57047 4.47841 7.64829C4.20174 7.70549 4.01803 7.76626 3.88173 7.83481L3.75966 7.9061C3.47871 8.09575 3.25597 8.35913 3.1161 8.66587L3.06141 8.79966C3.00092 8.96619 2.96997 9.18338 2.98524 9.55942C3.00091 9.94382 3.06074 10.4341 3.14735 11.1395L3.42274 13.3895L3.64442 13.1434C3.82631 12.9454 3.99306 12.7715 4.1493 12.6219C4.46768 12.3171 4.78299 12.0748 5.16005 11.9208L5.38661 11.8377C5.92148 11.6655 6.49448 11.6387 7.04579 11.7616L7.19325 11.7987C7.53151 11.897 7.8399 12.067 8.15907 12.2831C8.51737 12.5256 8.9325 12.8582 9.4452 13.2684L12.5966 15.7889C12.7786 15.6032 12.9206 15.3806 13.0106 15.1336L13.0507 14.9979C13.0842 14.8491 13.0982 14.6561 13.0868 14.3739C13.079 14.1817 13.0598 13.9625 13.0321 13.704L12.9247 12.7938L12.58 9.9813C12.4933 9.27584 12.4322 8.78581 12.3544 8.40903C12.2972 8.13219 12.2364 7.94873 12.1679 7.81235L12.0966 7.69028C11.9069 7.40908 11.6437 7.18669 11.3368 7.04673L11.203 6.99204C11.0364 6.93147 10.8195 6.90059 10.4432 6.91587Z"></path><path d="M9.72841 1.5897C10.1797 1.60809 10.7322 1.67665 11.4159 1.7606L14.2284 2.1063L15.1581 2.22446C15.4371 2.26322 15.6859 2.3028 15.9071 2.34849C16.3571 2.44144 16.7509 2.57006 17.1015 2.80649L17.3026 2.95396C17.7576 3.31618 18.1055 3.79802 18.3056 4.34751L18.3544 4.49692C18.4567 4.84845 18.4772 5.21519 18.4608 5.61704C18.4516 5.84273 18.4292 6.09381 18.3993 6.37388L18.2899 7.30454L17.9442 10.117C17.8603 10.8007 17.7934 11.3535 17.702 11.7958C17.6207 12.1895 17.5122 12.5401 17.328 12.8563L17.244 12.9901C17.0958 13.2098 16.921 13.4086 16.7255 13.5829L16.6171 13.662C16.3496 13.8174 16.0009 13.769 15.787 13.5292C15.5427 13.255 15.5666 12.834 15.8407 12.5897L16.0018 12.4276C16.0519 12.3703 16.0986 12.3095 16.1415 12.2459L16.2128 12.1239C16.2813 11.9875 16.3421 11.8041 16.3993 11.5272C16.4771 11.1504 16.5383 10.6605 16.6249 9.95493L16.9696 7.14243L17.077 6.23228C17.1047 5.97357 17.1239 5.7546 17.1317 5.56235C17.1432 5.27997 17.1291 5.08722 17.0956 4.93833L17.0556 4.80259C16.9396 4.4842 16.7381 4.20493 16.4745 3.99497L16.3573 3.90903C16.2103 3.80991 16.0075 3.72745 15.6386 3.65122C15.4502 3.61231 15.2331 3.57756 14.9755 3.54185L14.0663 3.42563L11.2538 3.08091C10.5481 2.99426 10.0582 2.93444 9.67372 2.9188C9.39129 2.90732 9.19861 2.92142 9.0497 2.95493L8.91395 2.99497C8.59536 3.11093 8.31538 3.31224 8.10536 3.57603L8.0204 3.69321C7.95293 3.79324 7.89287 3.91951 7.83778 4.10532L7.787 4.23032C7.64153 4.50308 7.31955 4.64552 7.01161 4.55454C6.65948 4.45019 6.45804 4.07952 6.56239 3.72739L6.63075 3.52036C6.70469 3.31761 6.79738 3.12769 6.91786 2.94907L7.06532 2.7479C7.42756 2.29294 7.90937 1.94497 8.45888 1.74497L8.60829 1.69614C8.95981 1.59385 9.32655 1.57335 9.72841 1.5897Z"></path></svg>') no-repeat center;
    mask-size: 22px;
}
.btn_s.bt_check {
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" role="img"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>') no-repeat center;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" role="img"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>') no-repeat center;
    mask-size: 20px;
}
.btn_s.bt_download {
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" role="img"><path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path><path d="M12 12v9"></path><path d="m8 17 4 4 4-4"></path></svg>') no-repeat center;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" role="img"><path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path><path d="M12 12v9"></path><path d="m8 17 4 4 4-4"></path></svg>') no-repeat center;
    mask-size: 20px;
}
.btn_s.bt_online {
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>') no-repeat center !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>') no-repeat center !important;
    mask-size: 15px !important;
    vertical-align: middle;
}
.btn_s.bt_release {
    mask: url('data:image/svg+xml;utf8,<svg aria-hidden="true" width="20" height="19" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 19"><path d="M3 9a8 8 0 1 1 3.73 6.77L8.2 14.3A6 6 0 1 0 5 9l3.01-.01-4 4-4-4zm7-4h1.01L11 9.36l3.22 2.1-.6.93L10 10z"></path></svg>') no-repeat center;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg aria-hidden="true" width="20" height="19" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 19"><path d="M3 9a8 8 0 1 1 3.73 6.77L8.2 14.3A6 6 0 1 0 5 9l3.01-.01-4 4-4-4zm7-4h1.01L11 9.36l3.22 2.1-.6.93L10 10z"></path></svg>') no-repeat center;
    mask-size: 20px;
    background-color: red !important;
}

.btn_s.users_polls {
    mask: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"><path d="M4,19.5c-0.3,0-0.5-0.1-0.7-0.3C3.1,19,3,18.8,3,18.5v-1c0-0.3,0.1-0.5,0.3-0.7c0.2-0.2,0.4-0.3,0.7-0.3s0.5,0.1,0.7,0.3 S5,17.2,5,17.5v1c0,0.3-0.1,0.5-0.3,0.7S4.3,19.5,4,19.5z M8,19.5c-0.3,0-0.5-0.1-0.7-0.3S7,18.8,7,18.5V13c0-0.3,0.1-0.5,0.3-0.7 S7.7,12,8,12c0.3,0,0.5,0.1,0.7,0.3C8.9,12.5,9,12.7,9,13v5.5c0,0.3-0.1,0.5-0.3,0.7C8.5,19.4,8.3,19.5,8,19.5z M12,19.5 c-0.3,0-0.5-0.1-0.7-0.3S11,18.8,11,18.5V15c0-0.3,0.1-0.5,0.3-0.7S11.7,14,12,14s0.5,0.1,0.7,0.3S13,14.7,13,15v3.5 c0,0.3-0.1,0.5-0.3,0.7S12.3,19.5,12,19.5z M16,19.5c-0.3,0-0.5-0.1-0.7-0.3S15,18.8,15,18.5v-5c0-0.3,0.1-0.5,0.3-0.7 s0.4-0.3,0.7-0.3c0.3,0,0.5,0.1,0.7,0.3s0.3,0.4,0.3,0.7v5c0,0.3-0.1,0.5-0.3,0.7S16.3,19.5,16,19.5z M20,19.5 c-0.3,0-0.5-0.1-0.7-0.3S19,18.8,19,18.5v-9c0-0.3,0.1-0.5,0.3-0.7s0.4-0.3,0.7-0.3s0.5,0.1,0.7,0.3S21,9.2,21,9.5v9 c0,0.3-0.1,0.5-0.3,0.7S20.3,19.5,20,19.5z M14,10.5c-0.3,0-0.5,0-0.8-0.1s-0.5-0.2-0.7-0.4L10,7.3l-5.3,5.3 c-0.2,0.2-0.4,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7-0.3C3.1,12.4,3,12.2,3,11.9c0-0.3,0.1-0.5,0.3-0.7l5.3-5.3C8.8,5.7,9,5.6,9.2,5.5 C9.5,5.4,9.7,5.4,10,5.4c0.3,0,0.5,0,0.8,0.1s0.5,0.2,0.7,0.4L14,8.5l5.3-5.3C19.5,3,19.7,2.9,20,2.9c0.3,0,0.5,0.1,0.7,0.3 C20.9,3.4,21,3.7,21,3.9c0,0.3-0.1,0.5-0.3,0.7l-5.3,5.3c-0.2,0.2-0.4,0.3-0.7,0.4S14.3,10.5,14,10.5z" fill="currentColor"></path></svg>') no-repeat center !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"><path d="M4,19.5c-0.3,0-0.5-0.1-0.7-0.3C3.1,19,3,18.8,3,18.5v-1c0-0.3,0.1-0.5,0.3-0.7c0.2-0.2,0.4-0.3,0.7-0.3s0.5,0.1,0.7,0.3 S5,17.2,5,17.5v1c0,0.3-0.1,0.5-0.3,0.7S4.3,19.5,4,19.5z M8,19.5c-0.3,0-0.5-0.1-0.7-0.3S7,18.8,7,18.5V13c0-0.3,0.1-0.5,0.3-0.7 S7.7,12,8,12c0.3,0,0.5,0.1,0.7,0.3C8.9,12.5,9,12.7,9,13v5.5c0,0.3-0.1,0.5-0.3,0.7C8.5,19.4,8.3,19.5,8,19.5z M12,19.5 c-0.3,0-0.5-0.1-0.7-0.3S11,18.8,11,18.5V15c0-0.3,0.1-0.5,0.3-0.7S11.7,14,12,14s0.5,0.1,0.7,0.3S13,14.7,13,15v3.5 c0,0.3-0.1,0.5-0.3,0.7S12.3,19.5,12,19.5z M16,19.5c-0.3,0-0.5-0.1-0.7-0.3S15,18.8,15,18.5v-5c0-0.3,0.1-0.5,0.3-0.7 s0.4-0.3,0.7-0.3c0.3,0,0.5,0.1,0.7,0.3s0.3,0.4,0.3,0.7v5c0,0.3-0.1,0.5-0.3,0.7S16.3,19.5,16,19.5z M20,19.5 c-0.3,0-0.5-0.1-0.7-0.3S19,18.8,19,18.5v-9c0-0.3,0.1-0.5,0.3-0.7s0.4-0.3,0.7-0.3s0.5,0.1,0.7,0.3S21,9.2,21,9.5v9 c0,0.3-0.1,0.5-0.3,0.7S20.3,19.5,20,19.5z M14,10.5c-0.3,0-0.5,0-0.8-0.1s-0.5-0.2-0.7-0.4L10,7.3l-5.3,5.3 c-0.2,0.2-0.4,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7-0.3C3.1,12.4,3,12.2,3,11.9c0-0.3,0.1-0.5,0.3-0.7l5.3-5.3C8.8,5.7,9,5.6,9.2,5.5 C9.5,5.4,9.7,5.4,10,5.4c0.3,0,0.5,0,0.8,0.1s0.5,0.2,0.7,0.4L14,8.5l5.3-5.3C19.5,3,19.7,2.9,20,2.9c0.3,0,0.5,0.1,0.7,0.3 C20.9,3.4,21,3.7,21,3.9c0,0.3-0.1,0.5-0.3,0.7l-5.3,5.3c-0.2,0.2-0.4,0.3-0.7,0.4S14.3,10.5,14,10.5z" fill="currentColor"></path></svg>') no-repeat center !important;
    mask-size: 15px !important;
    vertical-align: middle;
}

.btn_s.event_snooze {
    mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="currentColor" fill-rule="nonzero"><path d="M14.9582748,19.0029603 C14.7196327,20.4210965 13.4859868,21.5014962 12,21.5014962 C10.5759293,21.5014962 9.38360921,20.5092542 9.07668408,19.1784146 L9.04172524,19.0029603 L14.9582748,19.0029603 Z M12,2.00389443 C16.1421356,2.00389443 19.5,5.36175881 19.5,9.50389443 L19.5,13.5024024 L20.9183309,16.6624964 C20.973238,16.7848314 21.001625,16.9174043 21.001625,17.0514962 C21.001625,17.5761667 20.5762955,18.0014962 20.051625,18.0014962 L3.95218538,18.0014962 C3.81840073,18.0014962 3.68612461,17.9732391 3.56401742,17.918575 C3.08514303,17.7041957 2.87072735,17.1422026 3.08510659,16.6633282 L4.50000427,13.5027692 L4.50011124,9.49097734 L4.50452793,9.2410613 C4.64359849,5.21033445 7.95587136,2.00389443 12,2.00389443 Z M10.5,9.5 L8.5,9.5 L8.39822944,9.50684662 C8.03215388,9.55650904 7.75,9.87030423 7.75,10.25 C7.75,10.6296958 8.03215388,10.943491 8.39822944,10.9931534 L8.5,11 L9.20761524,11 L7.84881764,13.3778958 L7.8027205,13.4728938 C7.6219847,13.9212003 7.91573893,14.4273916 8.39464806,14.4928913 L8.5,14.5 L10.5,14.5 L10.6017706,14.4931534 C10.9678461,14.443491 11.25,14.1296958 11.25,13.75 C11.25,13.3703042 10.9678461,13.056509 10.6017706,13.0068466 L10.5,13 L9.79238476,13 L11.1511824,10.6221042 L11.1972795,10.5271062 C11.3780153,10.0787997 11.0842611,9.57260838 10.6053519,9.50710867 L10.5,9.5 Z M15,6.5 L12.5,6.5 L12.3982294,6.50684662 C12.0321539,6.55650904 11.75,6.87030423 11.75,7.25 C11.75,7.62969577 12.0321539,7.94349096 12.3982294,7.99315338 L12.5,8 L13.7253642,8 L11.844382,11.3857678 L11.7996952,11.4806619 C11.6251356,11.9280984 11.9194423,12.4282768 12.3953458,12.4929787 L12.5,12.5 L15,12.5 L15.1017706,12.4931534 C15.4678461,12.443491 15.75,12.1296958 15.75,11.75 C15.75,11.3703042 15.4678461,11.056509 15.1017706,11.0068466 L15,11 L13.7746358,11 L15.655618,7.6142322 L15.7003048,7.51933813 C15.8748644,7.07190158 15.5805577,6.57172315 15.1046542,6.5070213 L15,6.5 Z"></path></g></g></svg>') no-repeat center !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="currentColor" fill-rule="nonzero"><path d="M14.9582748,19.0029603 C14.7196327,20.4210965 13.4859868,21.5014962 12,21.5014962 C10.5759293,21.5014962 9.38360921,20.5092542 9.07668408,19.1784146 L9.04172524,19.0029603 L14.9582748,19.0029603 Z M12,2.00389443 C16.1421356,2.00389443 19.5,5.36175881 19.5,9.50389443 L19.5,13.5024024 L20.9183309,16.6624964 C20.973238,16.7848314 21.001625,16.9174043 21.001625,17.0514962 C21.001625,17.5761667 20.5762955,18.0014962 20.051625,18.0014962 L3.95218538,18.0014962 C3.81840073,18.0014962 3.68612461,17.9732391 3.56401742,17.918575 C3.08514303,17.7041957 2.87072735,17.1422026 3.08510659,16.6633282 L4.50000427,13.5027692 L4.50011124,9.49097734 L4.50452793,9.2410613 C4.64359849,5.21033445 7.95587136,2.00389443 12,2.00389443 Z M10.5,9.5 L8.5,9.5 L8.39822944,9.50684662 C8.03215388,9.55650904 7.75,9.87030423 7.75,10.25 C7.75,10.6296958 8.03215388,10.943491 8.39822944,10.9931534 L8.5,11 L9.20761524,11 L7.84881764,13.3778958 L7.8027205,13.4728938 C7.6219847,13.9212003 7.91573893,14.4273916 8.39464806,14.4928913 L8.5,14.5 L10.5,14.5 L10.6017706,14.4931534 C10.9678461,14.443491 11.25,14.1296958 11.25,13.75 C11.25,13.3703042 10.9678461,13.056509 10.6017706,13.0068466 L10.5,13 L9.79238476,13 L11.1511824,10.6221042 L11.1972795,10.5271062 C11.3780153,10.0787997 11.0842611,9.57260838 10.6053519,9.50710867 L10.5,9.5 Z M15,6.5 L12.5,6.5 L12.3982294,6.50684662 C12.0321539,6.55650904 11.75,6.87030423 11.75,7.25 C11.75,7.62969577 12.0321539,7.94349096 12.3982294,7.99315338 L12.5,8 L13.7253642,8 L11.844382,11.3857678 L11.7996952,11.4806619 C11.6251356,11.9280984 11.9194423,12.4282768 12.3953458,12.4929787 L12.5,12.5 L15,12.5 L15.1017706,12.4931534 C15.4678461,12.443491 15.75,12.1296958 15.75,11.75 C15.75,11.3703042 15.4678461,11.056509 15.1017706,11.0068466 L15,11 L13.7746358,11 L15.655618,7.6142322 L15.7003048,7.51933813 C15.8748644,7.07190158 15.5805577,6.57172315 15.1046542,6.5070213 L15,6.5 Z"></path></g></g></svg>') no-repeat center !important;
    vertical-align: middle;
}

.btn_s.event_urgent {
    mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="currentColor" fill-rule="nonzero"><path d="M10.4285652,19.9240398 L13.9910618,18.4118497 C14.1243887,19.2921035 13.6531461,20.1845714 12.7958183,20.5484854 C11.9384904,20.9123995 10.9691501,20.6314228 10.4285652,19.9240398 Z M15.8612753,2.09351958 C17.9470123,3.23306377 19.5127784,4.69618867 20.5430129,6.48060721 C21.5732475,8.26502575 22.0574677,10.3525815 22.0014735,12.7286547 C21.9917149,13.1427533 21.6481107,13.4705357 21.2340121,13.4607771 C20.8199136,13.4510185 20.4921312,13.1074143 20.5018898,12.6933157 C20.5516452,10.5819824 20.130407,8.76595272 19.2439748,7.23060721 C18.3575427,5.69526171 16.995434,4.42244386 15.142088,3.40986662 C14.7785888,3.21126852 14.64491,2.75559862 14.8435081,2.39209942 C15.0421062,2.02860022 15.4977761,1.89492147 15.8612753,2.09351958 Z M6.71143523,6.51507125 C9.57318945,5.24093618 12.9155777,6.44569503 14.3109282,9.26058763 L14.4092208,9.47000529 L15.6965645,12.3618514 L17.3948846,13.8316167 C17.487575,13.9118765 17.5678872,14.0052793 17.6610082,14.1564119 L17.7197022,14.2707162 C17.999089,14.902012 17.7138105,15.6402661 17.082516,15.9196558 L6.75587375,20.4898206 C6.59654468,20.5603335 6.42423407,20.5967586 6.24999915,20.5967586 C5.55964321,20.5967586 4.99999915,20.0371145 4.99999923,19.3471059 L4.99891404,17.0041673 L3.7565386,14.2128401 C2.44303472,11.2626621 3.76571579,7.82659005 6.71143523,6.51507125 Z M15.6237146,5.6941638 C16.5907076,6.2214405 17.3656967,6.9887979 17.9399727,7.98347319 C18.5142488,8.97814848 18.7913052,10.0329874 18.7644437,11.1340663 C18.7543418,11.5481566 18.4104659,11.8756539 17.9963756,11.8655519 C17.5822852,11.85545 17.2547879,11.5115741 17.2648899,11.0974838 C17.2849329,10.2758998 17.0791806,9.49253752 16.6409346,8.73347319 C16.2026886,7.97440887 15.6271532,7.40454099 14.905619,7.01110678 C14.5419553,6.81281017 14.4078987,6.35725128 14.6061953,5.99358752 C14.8044919,5.62992376 15.2600508,5.4958672 15.6237146,5.6941638 Z"></path></g></g></svg>') no-repeat center !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="currentColor" fill-rule="nonzero"><path d="M10.4285652,19.9240398 L13.9910618,18.4118497 C14.1243887,19.2921035 13.6531461,20.1845714 12.7958183,20.5484854 C11.9384904,20.9123995 10.9691501,20.6314228 10.4285652,19.9240398 Z M15.8612753,2.09351958 C17.9470123,3.23306377 19.5127784,4.69618867 20.5430129,6.48060721 C21.5732475,8.26502575 22.0574677,10.3525815 22.0014735,12.7286547 C21.9917149,13.1427533 21.6481107,13.4705357 21.2340121,13.4607771 C20.8199136,13.4510185 20.4921312,13.1074143 20.5018898,12.6933157 C20.5516452,10.5819824 20.130407,8.76595272 19.2439748,7.23060721 C18.3575427,5.69526171 16.995434,4.42244386 15.142088,3.40986662 C14.7785888,3.21126852 14.64491,2.75559862 14.8435081,2.39209942 C15.0421062,2.02860022 15.4977761,1.89492147 15.8612753,2.09351958 Z M6.71143523,6.51507125 C9.57318945,5.24093618 12.9155777,6.44569503 14.3109282,9.26058763 L14.4092208,9.47000529 L15.6965645,12.3618514 L17.3948846,13.8316167 C17.487575,13.9118765 17.5678872,14.0052793 17.6610082,14.1564119 L17.7197022,14.2707162 C17.999089,14.902012 17.7138105,15.6402661 17.082516,15.9196558 L6.75587375,20.4898206 C6.59654468,20.5603335 6.42423407,20.5967586 6.24999915,20.5967586 C5.55964321,20.5967586 4.99999915,20.0371145 4.99999923,19.3471059 L4.99891404,17.0041673 L3.7565386,14.2128401 C2.44303472,11.2626621 3.76571579,7.82659005 6.71143523,6.51507125 Z M15.6237146,5.6941638 C16.5907076,6.2214405 17.3656967,6.9887979 17.9399727,7.98347319 C18.5142488,8.97814848 18.7913052,10.0329874 18.7644437,11.1340663 C18.7543418,11.5481566 18.4104659,11.8756539 17.9963756,11.8655519 C17.5822852,11.85545 17.2547879,11.5115741 17.2648899,11.0974838 C17.2849329,10.2758998 17.0791806,9.49253752 16.6409346,8.73347319 C16.2026886,7.97440887 15.6271532,7.40454099 14.905619,7.01110678 C14.5419553,6.81281017 14.4078987,6.35725128 14.6061953,5.99358752 C14.8044919,5.62992376 15.2600508,5.4958672 15.6237146,5.6941638 Z"></path></g></g></svg>') no-repeat center !important;
    vertical-align: middle;
}

#tabs.is_overflow {
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

#tabs.is_overflow > #loading {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 7pt;
}

#tooltip {
    transform: translateY(10px);
    animation: tooltip_fadeInUp 0.3s ease-out forwards;
    z-index: 300010;
    max-width: 500px;
    /*white-space:normal;*/
    /*overflow-wrap:anywhere;*/
    /*word-break:break-word*/
}

@keyframes tooltip_fadeInUp {
    from {
        opacity: 0; transform: translateY(10px);
    }
    to {
        opacity: 1; transform: translateY(0);
    }
}

.paginator_slim {
    display: ruby;
 /*padding-left: unset;*/
 margin: unset;
}

.paginator_slim > li > a, .paginator_slim > li > span {
padding: 3px 8px;
font-size: 8pt;
margin: 0;
line-height: unset;
}

.comm_middleside {
    line-break: auto;
}

.preview_hidden {
    position: relative;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    transition: height 0.6s ease-in-out, padding 0.6s ease-in-out
}

.preview_hidden:hover {
    height: auto;
    padding: 10px
}

.prvh_click {
    opacity: 0;
    height: 0;
    transform: translateY(-10px);
    transition: padding 0.6s ease, transform 0.6s ease, height 0.6s ease;
    pointer-events: none
}

.preview_hidden:hover .prvh_click {
    opacity: 1;
    height: auto;
    transform: translateY(0);
    pointer-events: auto
}

.menu .after_menu {
    opacity: 0.6;
}

.menu:hover .after_menu {
    opacity: 1;
}

.menu .after_menu::before {
    content: "(";
}

.menu .after_menu::after {
    content: ")";
}

.inclas, .prv_click {
    cursor: pointer;
}

@keyframes fadeout {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 0.2; }
}

.commentwrapper:has(.inclas:checked) .commenttable:has(.inclas:checked) {
    animation: fadeout 5s infinite;
    filter: grayscale(100%);
    text-decoration: line-through;
    pointer-events: none;
    color: inherit;
    cursor: default
}

.commentwrapper:has(.inclas:checked) .inclas {
    pointer-events: auto;
    filter: none;
    opacity: 1
}

/* блок оценить раздачи */
div.catalog-unmarks ul li picture img {
    max-width: unset !important;
    width: unset;
    height: 260px;
    border-radius: 5px
}
div.catalog-unmarks ul li {
    min-height: 300px;
    width: 200px;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    text-align: center;
}
div.catalog-unmarks ul li:hover, div.catalog-unmarks ul li:hover a:visited{
    color: white;
}
div.catalog-unmarks ul li .unmarks_progress {
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
}
ul li:hover .unmarks_progress svg.normalFill {
    fill: white;
}
div.catalog-unmarks ul li .unmarks_name {
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis
}
div.catalog-unmarks ul li .unmarks_master, div.catalog-unmarks ul li:hover .unmarks_slave {
    display: block;
}
div.catalog-unmarks ul li .unmarks_slave, div.catalog-unmarks ul li:hover .unmarks_master {
    display: none;
}

.sortable-ghost {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5); }
    70% { box-shadow: 0 0 0 10px rgba(0, 123, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 123, 255, 0); }
}

.float-actions {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.float-actions > div, .float-actions > var {
    box-sizing: border-box;
    margin-bottom: unset;
    float: none !important;
    display: flex;
}
@-webkit-keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }

    20%,80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }

    40%,60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}
.commenttable.comm_sticky {
    -webkit-animation: shake 1.0s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 1.0s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}
.rateyo_upside.comm_sticky {
    display: contents
}
.is_fly {
    animation: fancyFadeIn 0.5s cubic-bezier(0.22, 1, 0.36, 1)
}
.is_ground {
    animation: fancyFadeOut 0.5s ease forwards
}

@media screen and (max-width: 1000px) {
    .is_fly, .is_ground {
        animation: unset;
    }
}

.editor_content {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    justify-content: space-between;
}
.editor_content > div {
    margin: 0;
    padding: 0
}
@keyframes fancyFadeOut {
    from {
        opacity: 1; transform: translateY(0) scale(1); filter: blur(0)
    }
    40% {
        transform: scale(0.96) translateY(-4px); opacity: 0.7; filter: blur(2px)
    }
    to {
        opacity: 0; transform: scale(0.8) translateY(-20px); filter: blur(8px)
    }
}
@keyframes fancyFadeIn {
    from {
        opacity: 0; transform: translateY(12px) scale(0.97); filter: blur(6px)
    }
    60% {
        opacity: 0.8; transform: translateY(0) scale(1.02); filter: blur(2px)
    }
    to {
        opacity: 1; transform: translateY(0) scale(1); filter: blur(0)
    }
}

span.emoji {
    font-size: 1.4em;
    cursor: pointer;
}
/* Base Styles */
.branch-comments-container {
    line-height: 1.5;
    margin: 0 auto
}
.p-comment-branch {
    position: relative;
    margin-bottom: 8px
}
.p-comment-branch.has-children {
    margin-bottom: 12px
}
/* Comment Main Container */
.p-comment-main {
    position: relative
}
/* Branch Line Control - для всех уровней с детьми */
.p-comment-branch.has-children > .p-comment-main {
    padding-left: 28px
}
.p-comment-branch.has-children .p-branch-line-control {
    position: absolute;
    left: 0;
    top: 8px;
    width: 28px;
    height: 100%;
    cursor: pointer;
    z-index: 2
}
/* Вертикальные линии — тусклые по умолчанию */
.p-comment-branch.has-children .p-branch-line-control::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 24px;
    width: 1px;
    height: calc(100% - 24px);
    background: var(--line-color);
    opacity: 0.25;
    transition: opacity 0.3s ease, background 0.3s ease
}

/* Цвета линий для уровней */
.p-comment-branch[data-nesting="1"] { --line-color: #4CAF50; --control-color: #4CAF50; }
.p-comment-branch[data-nesting="2"] { --line-color: #2196F3; --control-color: #2196F3; }
.p-comment-branch[data-nesting="3"] { --line-color: #9C27B0; --control-color: #9C27B0; }
.p-comment-branch[data-nesting="4"] { --line-color: #FF9800; --control-color: #FF9800; }
.p-comment-branch[data-nesting="5"] { --line-color: #F44336; --control-color: #F44336; }
.p-comment-branch[data-nesting="6"] { --line-color: #607D8B; --control-color: #607D8B; }
.p-comment-branch[data-nesting="7"] { --line-color: #795548; --control-color: #795548; }

/* При наведении на сам комментарий подсвечиваем линию именно этого комментария */
.p-comment-branch.has-children:hover > .p-branch-line-control::before {
    opacity: 1;
    background: var(--control-color)
}
/* Кнопки управления - подсветка тоже */
.p-comment-branch.has-children:hover > .p-branch-line-control::after {
    background: var(--control-color);
    box-shadow: 0 0 6px var(--control-color)
}
/* Чтобы при наведении на .p-comment-main тоже подсвечивалась линия текущего уровня */
.p-comment-main:hover + .p-branch-line-control::before {
    opacity: 1;
    background: var(--control-color)
}
.p-comment-main:hover + .p-branch-line-control::after {
    background: var(--control-color);
    box-shadow: 0 0 6px var(--control-color)
}
/* Кнопки управления */
.p-comment-branch.has-children .p-branch-line-control::after {
    content: "−";
    position: absolute;
    left: 5px;
    top: 0;
    width: 16px;
    height: 16px;
    background: var(--control-color, #4CAF50);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease
}
.p-comment-branch.collapsed.has-children .p-branch-line-control::after {
    content: "+"
}
.p-comment-branch.has-children .p-branch-line-control:hover::before {
    width: 2px
}
/* Children Container */
.p-comment-children {
    position: relative;
    max-height: 9999px;
    opacity: 1;
    transition: max-height 0.5s ease-in-out, opacity 0.3s ease
}
.p-comment-branch.collapsed .p-comment-children {
    max-height: 0;
    opacity: 0
}
.p-comment-children.is-hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    user-select: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    position: relative;
    z-index: 0
}
/* Collapsed Placeholder */
.p-branch-collapsed-placeholder {
    display: none;
    padding: 8px 12px;
    background: rgba(0,0,0,0.02);
    border-radius: 6px;
    margin: 4px 0;
    cursor: pointer;
    font-size: 0.9em;
    color: #666;
    transition: all 0.2s ease
}
.p-branch-collapsed-placeholder:hover {
    opacity: 1
}
.p-comment-branch.collapsed .p-branch-collapsed-placeholder {
    display: block
}
.p-branch-collapsed-placeholder:hover {
    background: rgba(0,0,0,0.05)
}
.p-expand-button {
    color: var(--control-color, #4CAF50);
    font-weight: bold;
    margin-right: 6px
}
.p-username-placeholder {
    font-weight: bold;
    color: #2a5885
}
.p-comments-count {
    color: #999;
    font-size: 0.9em;
    margin-left: 6px
}
@media (max-width: 768px) {
    .p-comment-branch.has-children > .p-comment-main {
        padding-left: 20px
    }
    .p-comment-branch.has-children .p-branch-line-control {
        width: 20px
    }
}

/* уведомления */
#events-floats {
    position: fixed; right: 70px; bottom: 14px; z-index: 9999;
    display: flex; flex-direction: column-reverse; gap: 8px;
    align-items: flex-end; max-width: calc(100vw - 40px);
    pointer-events: none;
}
#events-floats>div.events-pop {
    opacity: .8; width: 300px; max-width: 320px; cursor: pointer;
    position: relative; display: flex; gap: 10px; padding: 8px 27px 8px 16px;
    background: #fff; border: 1px solid #e0e0e0; border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1); pointer-events: auto;
    transition: all .3s ease; box-sizing: border-box;
}
#events-floats>div.events-pop:hover {transform: translateX(-10px);opacity:1;box-shadow:0 4px 12px rgba(0,0,0,.15)}
#events-floats>div.events-pop.event_new {opacity:1;box-shadow:0 4px 12px rgba(0,0,0,.15)}

.event-content {flex:1; min-width:0; display:flex; flex-direction:column; gap:4px}
.event-header {display:flex; align-items:center; gap:6px; flex-wrap:wrap; justify-content:space-between; margin-bottom:2px}
.event-login,.event-time {font-size:10pt; line-height:1.2; margin:0}
.event-time {color:#718096; opacity:.9}
.event-time.wr::after {content:" ⏳"; font-size:10pt; margin-left:4px; opacity:.7}
.event-text {font-size:10pt; color:#4a5568; line-height:1.4; word-wrap:break-word; margin:0; text-align:left}
.event-avatar {width:40px; height:40px; border-radius:50%; flex-shrink:0; object-fit:cover}
.event-close-container {position:absolute; right:8px; top:50%; transform:translateY(-50%); display:flex}
.event-rcancel {opacity:0; cursor:pointer; transition:.2s ease; border:none; background:none; padding:4px; border-radius:4px; font-size:16px; color:#a0aec0}
.event-rcancel:hover {color:#e53e3e; background:rgba(0,0,0,.05)}
.event-rcancel:after {content:"×"}
.parent_popup .events-pop:hover .event-rcancel {opacity:1}

.event-type {
    position: absolute; left: -6px; top: 50%;
    transform: translateY(-50%) rotate(-90deg); padding: 0px 0px 6px 0;
    font-size: 9px; font-weight: bold; color: #718096;
    opacity: 0.8; white-space: nowrap; pointer-events: none;
}

@media(max-width:768px){
    #events-floats{right:10px; bottom:10px; left:10px; align-items:center; max-width:calc(100vw - 20px)}
    #events-floats>div.events-pop{max-width:100%; width:100%}
}
@media(max-width:480px){
    .event-avatar{width:32px;height:32px}
    .event-login,.event-text{font-size:12px}
    #events-floats>div.events-pop{padding:10px 30px 10px 10px; gap:8px}
}

@keyframes slideIn {
    from {
        opacity: 0; transform: translateX(100%);
    }
    to {
        opacity: 0.95; transform: translateX(0);
    }
}
@media (max-width: 480px) {
    .event-avatar {
        width: 32px; height: 32px;
    }

    .event-login {
        font-size: 12px;
    }

    .event-text {
        font-size: 12px;
    }

    #events-floats > div.events-pop {
        padding: 10px 30px 10px 10px; gap: 8px;
    }
}
.events-control_div {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
}
.event-replyform {
    gap: 8px;
    padding-top: 10px;
    display: grid;
    align-items: center;
    justify-content: flex-end;
    place-content: stretch;
}
.events-btn_s {
    position: relative;
    z-index: 10000;
    background-color: #fff;
    color: #4a5568;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    cursor: pointer;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    pointer-events: auto;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    min-width: 40px;
    overflow: hidden;
    flex-shrink: 0;
}
.events-btn_s .events-btn {
    max-width: 0;
    opacity: 0;
    transition: all 0.2s ease;
}
.events-btn_s .icon {
    font-size: 18px;
    line-height: 1;
    transition: opacity 0.2s ease;
}
.events-btn_s:not(#events-conf_btn):hover {
    background-color: #f7fafc;
    width: auto;
    min-width: 120px;
    border-color: #cbd5e0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    padding: 0 16px;
}
.events-btn_s:not(#events-conf_btn):hover .events-btn {
    max-width: 400px;
    opacity: 1;
}
.events-btn_s:not(#events-conf_btn):hover .icon {
    opacity: 0;
    pointer-events: none;
    width: 0;
}
#events-conf_btn {
    position: relative;
    width: 40px;
    min-width: 40px;
    transition: all 0.3s ease;
}
#events-conf_btn .icon, #events-conf_btn .events-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    opacity: 1;
}
#events-conf_btn.expanded {
    width: 450px;
    min-width: 450px;
    background-color: #f7fafc;
    border-color: #cbd5e0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
#events-conf_btn.expanded .icon, #events-conf_btn.expanded .events-btn {
    opacity: 0 !important;
}
.events-frcontain {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    width: 90%;
    box-sizing: border-box;
}
#events-conf_btn.expanded .events-frcontain {
    opacity: 1;
    pointer-events: auto;
}
.events-frcontain select, .events-frcontain input {
    border: 1px solid #ffffff;
    border-radius: 8px;
    height: 36px;
    flex: 1;
    box-sizing: border-box;
}
.events-frcontain select {
    text-align: center;
    text-align-last: center;
}
.events-frcontain button, .event-replyform button {
    background-color: #4c51bf;
    color: #fff;
    padding: 3px 9px;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s     ease;
    height: 28px;
    white-space: nowrap;
    flex-shrink: 0;
}
.event-replyform {
    padding-top: 10px;
}

.events-frcontain button:hover {
    background-color: #434190;
}

@media (max-width: 768px) {
    .events-control_div {
        justify-content: center; flex-wrap: wrap;
    }

    #events-conf_btn.expanded {
        width: 350px !important; min-width: 350px !important;
    }

    .events-frcontain {
        flex-wrap: wrap; gap: 8px;
    }

    .events-frcontain select, .events-frcontain input, .events-frcontain button {
        flex: 1 1 100%; max-width: 280px;
    }
}

.event-replybtn {opacity:0; cursor:pointer; transition:.2s ease; border:none; background:none; padding:4px; border-radius:4px; font-size:16px; color:#a0aec0}
.event-replybtn:hover {color: #0300e5; background:rgba(0,0,0,.05)}
.event-replybtn:after {content:"↩"}
.parent_popup .events-pop:hover .event-replybtn {opacity:1}
.event-replyact .event-close-container {top:30%}

#events-floats:has(.event_new) #events_mute .icon {
    -webkit-animation: shake 1.0s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 1.0s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.in_prgrs .icon {
    animation: pulse_anim 1s ease infinite;
}


/* уведомления */


.pre_overflow {
    line-height: 1.2;
    text-align: center;
}
.pre_overflow .prv_click {
    display: contents;
    font-size: 0;
    line-height: 0;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}
.pre_overflow:hover .prv_click {
    font-size: inherit;
    line-height: inherit;
    opacity: 1;
    max-height: 20px;
}

.shake_is {

}

.auto-switch-status {
    cursor: pointer;
    font-size: 16px;
    float: right;
    margin: 7px 6px 3px 4px;
    opacity: 0.7;
    transition: opacity 0.3s ease;
    display: inline-block;
    vertical-align: inherit;
}

.auto-switch-status:hover {
    opacity: 1;
    transform: scale(1.1);
}

.auto-switch-status.active {
    opacity: 0.7;
}

.auto-switch-status.paused {
    opacity: 0.5;
}


/* Совместимость и fallbacks
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}
*/