body.dark-mode {
    /* Основные цвета */
    --bg: #0a0a0a;
    --bg-darker: #111111;
    --bg-black: #000000;
    --tt: #e0e0e0;
    --tt-fade-0: #cccccc;
    --tt-fade: #999999;
    --bdc: rgba(255, 255, 255, 0.1);
    --bsh: 0 4px 20px rgba(0, 0, 0, 0.6);
    --bsh-block: 0 0 15px rgba(0, 0, 0, 0.5);
    --bsh-popover: 0 10px 30px rgba(0, 0, 0, 0.8);

    /* Формы и инпуты */
    --ui-bg-inp: #1e1e1e;
    --ui-bdc-inp: #333333;
    --ui-bdc-inp-focus: #63ab4a;

    /* Блоки */
    --ui-bg: #1a1a1a;
    --ui-bg-darker: #222222;
    --ui-bg-darkest: #2a2a2a;
    --ui-bg-black: #000000;
    --ui-bg-attention: #3a2f1f;
    --ui-bd-attention: #925904;

    --accent: #74c159;
}

.dark-mode .rating-emoji {
	background: #1e1e1e;
}
.dark-mode .dt.style2 .ac-form__header input, .dt.style2 .ac-form__editor textarea, .dt.style2 .comm:not(.neg,.pos) {
	background: #282828;
}
.dark-mode .ac-form__input::placeholder {
    color: #999;
    opacity: 1;
}
.dark-mode .rating-emoji-item-count {
    color: rgb(255 255 255 / 69%);
}
.dark-mode .karp {background-color: #181818 !important;}
.dark-mode body {background-color: var(--bg-darker);}

/* Хедер */
.dark-mode .snak {background-color: #0c0c0c; box-shadow: 0 4px 10px rgba(0,0,0,0.2);}

/* Основные блоки */
.dark-mode .marlo--bg,
.dark-mode .marlo--bg3,
.dark-mode .marlo--bg4 {background-color: #181818;}

/* Карточки и фоны контента */
.dark-mode .background2,
.dark-mode .background3,
.dark-mode .background4,
.dark-mode .background5 {background-color: #1e1e1e; border-color: #333333;}

.dark-mode .marlo--bg3 {
    padding-top: 30px;
    padding-bottom: 30px;
    background: linear-gradient(45deg, #181818, #1e391b, #234049, #31243d, #282828, #282828);
    background-size: 600% 100%;
    animation: animate 10s linear infinite;
    animation-direction: alternate-reverse;
}

@keyframes animate {
    0% { background-position: 0%; }
    100% { background-position: 100%; }
}

/* Блоки сообщений, комментарии, формы */
.dark-mode .message-info,
.dark-mode .comm:not(.pos):not(.neg),
.dark-mode .ac-form__header input,
.dark-mode .ac-form__editor textarea,
.dark-mode .form__input,
.dark-mode textarea,
.dark-mode select {background-color: #3a3a3a; color: #e0e0e0; border-color: #333333;}

/* Комментарии с оценкой */
.dark-mode .comm.pos {background-color: rgba(99, 171, 74, 0.25);}
.dark-mode .comm.neg {background-color: rgba(235, 77, 75, 0.25);}

.theme-toggle.btn-bigger {
    width: 40px;
    height: 40px;
    font-size: 1.6em; 
    display: grid;
    place-items: center;
}

.theme-toggle .sun-icon,
.theme-toggle .moon-icon {
    position: absolute;
    transition: opacity 0.3s ease;
}

.theme-toggle .sun-icon {
    opacity: 0;
}

.dark-mode .theme-toggle .sun-icon {
    opacity: 1;
}

.dark-mode .search-page__simple-form {
    background-color: #181818 !important; 
}

.dark-mode #searchinput {
    background-color: #282828 !important;
    color: #e0e0e0 !important; 
    border-color: #404040 !important;
}

.dark-mode #dosearch,
.dark-mode #dofullsearch {
    background-color: #282828 !important;
    color: #e0e0e0 !important; 
    border-color: #404040 !important;
}

.dark-mode #dosearch:hover,
.dark-mode #dofullsearch:hover {
    background-color: #74c159 !important; 
    color: #000000 !important;
}


.dark-mode .seperator a:hover {
    color: #74c159 !important;
}

.dark-mode .theme-toggle .moon-icon {
    opacity: 0;
}

.dark-mode #searchsuggestions {
    background-color: #1e1e1e !important; 
    border: 1px solid #333333 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
    color: #e0e0e0 !important;
}

.dark-mode .fs-result {
    background-color: transparent !important;
    border-bottom: 1px solid #333333 !important;
}

.dark-mode .fs-result:hover {
    background-color: #282828 !important;
}

.dark-mode .fs-result__title {
    color: #e0e0e0 !important;
}

.dark-mode .fs-result__desc {
    color: #cccccc !important;
}

.dark-mode .seperator {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border-top: 1px solid #333333 !important;
}

.dark-mode .seperator a {
    color: #fff !important;
}
.dark-mode .search-page.serv,
.dark-mode #searchtable {
    background-color: #181818 !important;
    color: #e0e0e0 !important;
}

.dark-mode .serv__subtitle {
    color: #e0e0e0 !important;
}

.dark-mode .search-page__ext-form-label,
.dark-mode .form__label {
    color: #e0e0e0 !important;
}

.dark-mode .search-page__ext-form input[type="text"],
.dark-mode #searchinput,
.dark-mode #searchuser {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

.dark-mode .search-page__ext-form select,
.dark-mode #catlist,
.dark-mode #titleonly,
.dark-mode #searchdate,
.dark-mode #beforeafter,
.dark-mode #replyless,
.dark-mode #sortby,
.dark-mode #resorder {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

.dark-mode .search-page__ext-form option {
    color: #e0e0e0 !important;
}

.dark-mode .has-checkbox label,
.dark-mode .has-radiobox label {
    color: #e0e0e0 !important;
}

.dark-mode .search-page__btn-search,
.dark-mode .search-page__btn-clear,
.dark-mode .search-page__btn-reset {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

.dark-mode .search-page__btn-search:hover,
.dark-mode .search-page__btn-clear:hover,
.dark-mode .search-page__btn-reset:hover {
    background-color: #74c159 !important;
    color: #000000 !important;
}

.dark-mode .message-info {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}
.dark-mode .seperator a:hover {
    color: #8fe67a !important;
}

.theme-toggle {
    position: relative;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.theme-toggle .sun-icon,
.theme-toggle .moon-icon {
    position: absolute;
    transition: opacity 0.3s ease;
}

.theme-toggle .sun-icon { opacity: 0; }
.theme-toggle .moon-icon { opacity: 1; }

.dark-mode .theme-toggle .sun-icon { opacity: 1; }
.dark-mode .theme-toggle .moon-icon { opacity: 0; }

/* Плеер */
.dark-mode .zfx__player {background-color: #000;}
.dark-mode .zfx__player-controls {background-color: #1e1e1e;}
.dark-mode .zfx__player-controls button {color: #e0e0e0;}
.dark-mode .zfx__player-controls button.is-active,
.dark-mode .zfx__player-controls button:hover {background-color: #74c159; color: #000;}

/* Текст и ссылки */
.dark-mode .full-text,
.dark-mode .zfx__main,
.dark-mode .krasik__title a,
.dark-mode .krasik__desc,
.dark-mode h1,
.dark-mode h2,
.dark-mode .titlemain {color: #e0e0e0;}

.dark-mode a {color: #74c159;}
.dark-mode a:hover {color: #8fe67a;}

/* Карточки фильмов */
.dark-mode .krasik__title a {color: #e0e0e0;}
.dark-mode .krasik__title a:hover {color: #74c159;}
.dark-mode .krasik__meta {color: #aaaaaa;}

/* Поиск */
.dark-mode .search-block__input {background-color: #1e1e1e; color: #e0e0e0; border: 0px solid #333;}
.dark-mode .search-block__input::placeholder {color: #888;}

/* Кнопки пагинации */
.dark-mode .pagination__pages a,
.dark-mode .pagination__pages span {background-color: #222; color: #e0e0e0; border-color: #333;}
.dark-mode .pagination__pages span:not(.nav_ext) {background-color: #74c159; color: #000;}

.dark-mode .xsort-area {
    color: #e0e0e0 !important;
}

.dark-mode .xsort-div > div {
    color: #000000 !important;
}

.dark-mode .xsort-selected {
    color: #e0e0e0 !important;
}

.dark-mode .xsort-ul {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
}

.dark-mode .xsort-ul li {
    color: #e0e0e0 !important;
}

.dark-mode .xsort-ul li:hover {
    background-color: #282828 !important;
    color: #74c159 !important;
}

.dark-mode .xsort-ul li.current {
    color: #63ab4a !important;
    color: #fff;
}

.dark-mode .xsort-div {
    border: 1px solid #63ab4a00;
    background: #d9d9d9;
}
.dark-mode .comm__author {
	color: white;
}
.dark-mode .xsort-div-clearall {
    border-color: #333333 !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAKklEQVQoz2NgGATA4L/Bf3QWmrTBfwSNQwEOSWQT8EjiNRqnCQRcPgAAAG+mJxC7ICdhAAAAAElFTkSuQmCC);
    background-position: 50% 50%;
    width: 32px;
    padding: 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

.dark-mode .xsort-div-clearall:hover {
    background-color: #74c159 !important;
}
.dark-mode .razd__tabs button {background-color: #1e1e1e; color: #e0e0e0; border-color: #74c159;}
.dark-mode .razd__tabs button.is-active {background-color: #74c159; color: #000;}

.theme-toggle .fa-sun {display: none;}
.theme-toggle .fa-moon {display: block;}
.dark-mode .theme-toggle .fa-sun {display: block;}
.dark-mode .theme-toggle .fa-moon {display: none;}


.dark-mode .descr {color: #cccccc;}
.dark-mode .zfx__list li > span:first-child {color: #aaaaaa;}

.logo span {
    color: #212121; 
}

.dark-mode .logo span {
    color: #e0e0e0 !important; 
}

.dark-mode .logo {
    color: #e0e0e0;
}

.dark-mode .logo span:last-child {
    color: #74c159 !important; 
}

.snak__menu > li > a {
    color: #212121; 
}

.snak__menu > li > a::before {
    color: #212121;
}

.dark-mode .snak__menu > li > a {
    color: #e0e0e0 !important;
}

.dark-mode .snak__menu > li > a::before {
    color: #79c142 !important;
}

.dark-mode .snak__menu > li > a:hover {
    color: #74c159 !important;
}

.dark-mode .snak__menu > li > a:hover::before {
    color: #74c159 !important;
}

.snak__menu > li > a[href="/collections/"] {
    color: #eb3030 !important;
}

.snak__menu > li > a[href="/collections/"]::before {
    color: #eb3030 !important;
}

.dark-mode .snak__menu > li > a[href="/collections/"]:hover {
    color: #ff5555 !important;
}

.dark-mode .snak__menu-hidden {
    background-color: #1e1e1e !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
	border-bottom: 3px solid var(--accent);
}

.dark-mode .snak__menu-hidden a {
    color: #e0e0e0 !important; 
}

.dark-mode .snak__menu-hidden a:hover {
    color: #74c159 !important; 
    background-color: #282828; 
}

.dark-mode .snak__menu-hidden-col-main {
    background-color: #161616; 
}

.dark-mode .snak__menu-hidden-col-main {
    border: none;
}


.dark-mode .snak__menu li:has(.snak__menu-hidden) > a::after {
    color: #aaaaaa !important; 
    opacity: 0.8;
}

.dark-mode .snak__menu li:has(.snak__menu-hidden) > a:hover::after {
    color: #74c159 !important;
    opacity: 1;
}

.snak__menu li:has(.snak__menu-hidden) > a::after {
    color: #80776c; 
}

.dark-mode .search-block__input::placeholder {
    color: #bbbbbb !important;
    opacity: 1;
}

.dark-mode .lgn.lgn--logged {
    background-color: #1e1e1e !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
    border: 1px solid #333333;
}

.dark-mode .lgn__ctrl {
    background-color: #282828 !important; 
    color: #e0e0e0 !important;
}

.dark-mode .lgn__ctrl a,
.dark-mode .lgn__ctrl span {
    color: #74c159 !important; 
}

.dark-mode .lgn__ctrl a:hover {
    color: #8fe67a !important;
}

.dark-mode .lgn__content {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

.dark-mode .lgn__title {
    color: #e0e0e0 !important;
}

.dark-mode .lgn__caption {
    color: #74c159 !important; 
}

.dark-mode .lgn__caption b,
.dark-mode .lgn__caption span {
    color: #74c159 !important;
}

.dark-mode .lgn__menu a {
    color: #e0e0e0 !important;
}

.dark-mode .lgn__menu a:hover {
    color: #74c159 !important;
    background-color: #282828;
}

.dark-mode .lgn__menu .fal {
    color: #aaaaaa !important;
}

.dark-mode .lgn__menu a:hover .fal {
    color: #74c159 !important;
}

.dark-mode .lgn__btn-close {
    color: #e0e0e0 !important;
}

.dark-mode .lgn__btn-close:hover {
    color: #74c159 !important;
    background-color: #333333;
}

.dark-mode .marlo--bg:has(.razd__tabs) {
    background-color: #181818 !important; 
}

.dark-mode .background2 {
    background-color: #282828 !important; 
    border-radius: 20px;
}

.dark-mode .razd__title.btn {
    background-color: #74c159 !important;
    color: #000000 !important; 
    border-radius: 10px;
    padding: 8px 20px;
}

.dark-mode .razd__title.btn span {
    color: #000000 !important;
}

.dark-mode .razd__title.btn .fal {
    color: #000000 !important;
}

.dark-mode .razd__tabs button {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border: 2px solid #ffffff00;
}

.dark-mode .razd__tabs button:hover {
    background-color: #333333 !important;
    color: #74c159 !important;
}

.dark-mode .razd__tabs button.is-active {
    background-color: #74c159 !important;
    color: #000000 !important;
}

.dark-mode .razd__header {
    color: #e0e0e0;
}

.dark-mode .poster2 .zfx__main-col-left {
    box-shadow: 0 0 0 2px #232323, 2px 3px 3px 0 rgb(28 28 28);
}

.dark-mode .b-content__inline_sidebar.background5 {
    background-color: #1e1e1e !important; 
    border-color: #333333 !important;
    border-radius: 20px;
    padding: 20px;
}

.dark-mode .titlemain2.marlo__title {
    color: #e0e0e0 !important; 
    opacity: 1 !important;
}

.dark-mode .titlemain2.marlo__title:hover {
    color: #74c159 !important;
}

.dark-mode .b-seriesupdate__block_date {
    background-color: #282828 !important; 
    color: #74c159 !important; 
    border-radius: 20px;
    padding: 7px 20px;
    font-weight: 600;
}

.dark-mode .b-seriesupdate__block_date:hover,
.dark-mode .b-seriesupdate__block_date.collapsible.expandable {
    background-color: #333333 !important;
}

.dark-mode .b-seriesupdate__block_list_item {
    background-color: #28282800 !important;
    border-bottom: 1px solid #333333 !important;
}



.dark-mode .b-seriesupdate__block_list_link {
    color: #e0e0e0 !important;
}

.dark-mode .b-seriesupdate__block_list_link:hover {
    color: #74c159 !important;
}

.dark-mode .season,
.dark-mode .cell-2 {
    color: #aaaaaa !important;
}

.dark-mode .b-seriesupdate__block_date .act {
    color: #aaaaaa !important;
}

.dark-mode .b-seriesupdate__block_date:hover .act {
    color: #74c159 !important;
}


@media screen and (min-width: 1221px) {
    .dark-mode.style2.wide0 .karp__container {
        background: transparent !important; 
        max-width: 1243px;
    }
}


.dark-mode .owl-nav {
    background-color: rgba(30, 30, 30, 0.7) !important; 
    border: 1px solid #333333 !important;
    border-radius: 4px;
    overflow: hidden;
}

.dark-mode .owl-prev,
.dark-mode .owl-next {
    background-color: transparent !important;
    color: #e0e0e0 !important; 
    font-size: 12px;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
}

.dark-mode .owl-prev:hover,
.dark-mode .owl-next:hover {
    background-color: #74c159 !important; 
    color: #000000 !important;
}

.dark-mode .owl-prev {
    border-right: 1px solid #333333 !important;
}


.dark-mode .th-text {
    background-color: #1e1e1e !important; 
    color: #e0e0e0 !important;
    border: 1px solid #74c159 !important; 
    border-radius: 15px;
}

.dark-mode .th-text .zfx__main-header h1 {
    color: #e0e0e0 !important;
}

.dark-mode .th-text .full-text {
    color: #cccccc !important;
}

.dark-mode .th-text .zfx__list {
    color: #e0e0e0 !important;
}

.dark-mode .th-text .zfx__list li > span:first-child {
    color: #aaaaaa !important; 
}

.dark-mode .th-text .zfx__list a {
    color: #74c159 !important;
}

.dark-mode .th-text .zfx__list a:hover {
    color: #8fe67a !important;
}

.dark-mode .th-text a[onclick*="MenuNewsBuild"] {
    color: #74c159 !important;
}

.dark-mode .mobile-menu {
    background-color: #1e1e1e !important; 
}

.dark-mode .mobile-menu__header {
    background-color: #0c0c0c !important;
    border-bottom: 0px solid #333333 !important;
}

.dark-mode .mobile-menu__header .logo span {
    color: #e0e0e0 !important;
}

.dark-mode .mobile-menu__header .logo span:last-child {
    color: #74c159 !important;
}

.dark-mode .mobile-menu__btn-close {
    color: #e0e0e0 !important;
}

.dark-mode .mobile-menu__btn-close:hover {
    color: #74c159 !important;
}

.dark-mode .mobile-menu__content {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

.dark-mode .mobile-menu__content .snak__menu > li > a {
    color: #e0e0e0 !important;
}

.dark-mode .mobile-menu__content .snak__menu > li > a::before {
    color: #79c142 !important;
}

.dark-mode .mobile-menu__content .snak__menu > li > a:hover {
    color: #74c159 !important;
}

.dark-mode .mobile-menu__content .snak__menu > li > a:hover::before {
    color: #74c159 !important;
}

.dark-mode .mobile-menu__content a[href="/collections/"] {
    color: #eb3030 !important;
}

.dark-mode .mobile-menu__content a[href="/collections/"]::before {
    color: #eb3030 !important;
}

.dark-mode .mobile-menu__content .snak__menu-hidden {
    background-color: #1e1e1e !important;
    
}

.dark-mode .mobile-menu__content .snak__menu-hidden a {
    color: #e0e0e0 !important;
}

.dark-mode .mobile-menu__content .snak__menu-hidden a:hover {
    color: #74c159 !important;
    background-color: #282828 !important;
}

.dark-mode .mobile-menu__content .snak__menu-hidden-col-main {
    background-color: #282828 !important;
}


.dark-mode .marlo--bg2 {
		background-color: #1e1e1e !important;
}

.dark-mode .speedbar {
    background-color: transparent !important;
    color: #cccccc !important; 
}

.dark-mode .speedbar a {
    color: #aaaaaa !important; 
    text-decoration: none;
}

.dark-mode .speedbar a:hover {
    color: #74c159 !important;
    text-decoration: underline;
}

.dark-mode .speedbar a + a::before {
    color: #666666 !important; 
}

.dark-mode .zfx__main,
.dark-mode .zfx__main-cols,
.dark-mode .marlo--bg4 {
    background-color: #181818 !important; 
}

.dark-mode .zfx__main-header h1,
.dark-mode .zfx__main-header h1 a,
.dark-mode .zfx__list,
.dark-mode .full-text,
.dark-mode .zfx__text,
.dark-mode .titleh2 {
    color: #e0e0e0 !important;
}

.dark-mode .zfx__list li > span:first-child {
    color: #aaaaaa !important;
}

.dark-mode .zfx__list a,
.dark-mode .full-text a {
    color: #74c159 !important;
}

.dark-mode .zfx__list a:hover,
.dark-mode .full-text a:hover {
    color: #8fe67a !important;
}

.dark-mode .zfx__list-rates-item {
    color: #e0e0e0 !important;
}

.dark-mode .js-scroll-to {
    background-color: #74c159 !important;
    color: #ffffff !important;
}

.dark-mode .zert__rating-ext a {
    color: #e0e0e0 !important;
}

.dark-mode .zert__rating-ext a:hover {
    color: #74c159 !important;
}

.dark-mode .show-text {
    color: #74c159 !important; 
}

.dark-mode .zfx__comments {
    background-color: #1e1e1e !important;
}

.dark-mode .marlo__header .marlo__title {
    color: #e0e0e0 !important;
}

.dark-mode .ac-form__btn {
    background-color: #74c159 !important;
    color: #ffffff !important;
}


.dark-mode .zfx__player-controls button {
    color: #e0e0e0 !important; 
}

.dark-mode .zfx__player-controls button.is-active,
.dark-mode .zfx__player-controls button:hover {
    color: #000000 !important; 
}

.dark-mode .collapsed::before {
    background: linear-gradient(to top, #181818 0%, transparent 100%) !important; 
    opacity: 0.9 !important; 
}
.dark-mode .show-text {
    color: #74c159 !important;
    background-color: rgba(116, 193, 89, 0.2) !important; 
    padding: 5px 10px;
    border-radius: 4px;
}

.rating-emoji {
  border-radius: 0 0 15px 15px;
}
.zfx__player-controls {
  border-radius: 15px 15px 0 0 !important;
}

.dark-mode .zfx__complaint a {
    color: #e0e0e0 !important; 
}

.dark-mode .zfx__complaint a:hover {
    color: #74c159 !important;
}

.dark-mode .zfx__complaint .fal {
    color: #e0e0e0 !important;
}

.dark-mode .zfx__light-button span {
    color: #e0e0e0 !important; 
}

.dark-mode .zfx__light-button:hover span {
    color: #74c159 !important;
}
.dark-mode .comm__date {
    color: #aaaaaa !important; 
}

.dark-mode .comm__group {
    color: #aaaaaa !important; 
    background-color: #333333 !important; 
    border-color: #444444 !important;
}

.dark-mode .comm__group.adm {
    color: #ff5555 !important; 
    background-color: #442222 !important; 
    border-color: #663333 !important;
}

.dark-mode .comm__group:hover {
    color: #e0e0e0 !important;
}

.dark-mode .pwidget {
    background-color: #1e1e1e !important; 
    color: #e0e0e0 !important; 
    border: 1px solid #333333 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}

.dark-mode .comm__ctrl-menu,
.dark-mode .wctrl__content {
    background-color: #1e1e1e !important; 
    color: #e0e0e0 !important;
}

.dark-mode .comm__ctrl-menu a,
.dark-mode .wctrl__content a {
    color: #e0e0e0 !important;
}

.dark-mode .comm__ctrl-menu a:hover,
.dark-mode .wctrl__content a:hover {
    color: #74c159 !important; 
    background-color: #282828 !important;
}

.dark-mode .comm__ctrl-menu .fal,
.dark-mode .wctrl__content .fal {
    color: #aaaaaa !important;
}

.dark-mode .comm__ctrl-menu a:hover .fal,
.dark-mode .wctrl__content a:hover .fal {
    color: #74c159 !important;
}

.dark-mode .pwidget__btn {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
}

.dark-mode .pwidget__btn:hover {
    background-color: #74c159 !important;
    color: #000000 !important;
}

.dark-mode .us.us--page {
    background-color: #181818 !important;
    color: #e0e0e0 !important; 
}

.dark-mode .us__one {
    background-color: #282828 !important; 
    color: #e0e0e0 !important;
}

.dark-mode .us__name,
.dark-mode .us__status {
    color: #e0e0e0 !important;
}

.dark-mode .us__status.on {
    background-color: #74c159 !important; 
    color: #000000 !important;
}

.dark-mode .us__two {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

.dark-mode .us__btn a {
    color: #74c159 !important;
}

.dark-mode .us__btn a:hover {
    color: #8fe67a !important;
}

.dark-mode .us__three {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

.dark-mode .us__list li {
    color: #e0e0e0 !important;
}

.dark-mode .us__list li > span:first-child {
    color: #ffffff !important;
}

.dark-mode .us__list a {
    color: #3ade00 !important;
}

.dark-mode .us__list a:hover {
    color: #8fe67a !important;
}

.dark-mode .us__list b span[style*="color:red"] {
    color: #ff5555 !important; 
}

.dark-mode .btn[href="javascript:ShowOrHide('options')"] {
    background-color: #74c159 !important;
    color: #000000 !important;
}

.dark-mode #options .serv {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

.dark-mode #options .serv__title,
.dark-mode #options .serv__subtitle {
    color: #e0e0e0 !important;
}

.dark-mode #options label {
    color: #e0e0e0 !important;
}

.dark-mode #options input[type="text"],
.dark-mode #options input[type="password"],
.dark-mode #options textarea,
.dark-mode #options select {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

.dark-mode #options .form__btn {
    background-color: #74c159 !important;
    color: #000000 !important;
}

.dark-mode #options div[style*="color: red"] {
    color: #ff5555 !important;
}



.dark-mode .serv__title {
    color: #e0e0e0 !important;
}

.dark-mode .form__label {
    color: #e0e0e0 !important;
}
.dark-mode .dle_theme_dark .fr-box.fr-basic .fr-wrapper {
	background-color: #282828;
}
.dark-mode .form__input,
.dark-mode textarea {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

.dark-mode .form__input::placeholder,
.dark-mode textarea::placeholder {
    color: #aaaaaa !important;
}

.dark-mode select {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

.dark-mode .form__sec-code input {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

.dark-mode .form__btn {
    background-color: #74c159 !important;
    color: #000000 !important;
}

.dark-mode .form__btn:hover {
    background-color: #8fe67a !important;
}


.dark-mode .ui-dialog.dle-popup-sendpm {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

.dark-mode .ui-dialog-titlebar {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
}

.dark-mode .ui-dialog-title {
    color: #e0e0e0 !important;
}

.dark-mode .ui-dialog-titlebar-close {
    color: #e0e0e0 !important;
}

.dark-mode .ui-dialog-titlebar-close:hover {
    color: #74c159 !important;
}

.dark-mode #dlesendpmpopup {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

.dark-mode #pm_subj {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

.dark-mode #pm_subj::placeholder {
    color: #aaaaaa !important;
}

.dark-mode .fr-toolbar {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
}

.dark-mode .fr-command {
    color: #e0e0e0 !important;
}

.dark-mode .fr-command:hover {
    background-color: #333333 !important;
    color: #74c159 !important;
}

.dark-mode .fr-element {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
}

.dark-mode .fr-counter {
    color: #aaaaaa !important;
}

.dark-mode .pm_outbox_copy {
    color: #e0e0e0 !important;
}

.dark-mode .dle-captcha {
    color: #e0e0e0 !important;
}

.dark-mode .sec-code {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

.dark-mode .ui-dialog-buttonpane {
    background-color: #282828 !important;
}

.dark-mode .ui-button {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
}

.dark-mode .ui-button:hover {
    background-color: #74c159 !important;
    color: #000000 !important;
}

.dark-mode .marlo__content p {
    color: #e0e0e0 !important;
}

.dark-mode .message-info::before {
    color: #ffffff;
}

.dark-mode .comm__action {
    color: #ffffff;
}

.dark-mode .kans {padding-top:40px; padding-bottom:20px; color:#fff; --tt:#63c95c; --tt-fade:#ccc; --bdc:rgba(255,255,255,0.2); background-color: #0c0c0c;
border-top:2px solid var(--accent);

}




/*ОРИГИНАЛ*/

.karp {min-width:320px; overflow:hidden; overflow:clip; background-color:var(--bg-darker)}
.karp__container {max-width:var(--max-width); margin:0 auto; position:relative; z-index:20}
.karp__container--main {padding:0 var(--indent)}
.snak {position:sticky; z-index:100; left:0; top:0; gap:0 20px; background-color:var(--bg-black); */}
.snak-is-sticky .snak {translate:0 -200%}
.content {padding-top:0px; min-height:100vh}
.kans {padding-top:40px; padding-bottom:20px; color:#fff; --tt:#63c95c; --tt-fade:#ccc; --bdc:rgba(255,255,255,0.2); background-color: #1e1e1e;}
.kans a {color:#fff;}
.kans a:hover {color:#6bc967;}
.fs-result__title {color:#fff;}
.fs-result__meta a {color:#fff;}
.fs-result__meta a:hover {color:#fff;}

.snak__search a {
    background: #fff;
    border-radius: 0px;
}

.titlemain {font-family:'Arial'; text-transform:none; font-weight:500;white-space: wrap;color:#fff;font-size:22px; font-weight:500; display:flex; align-items:center; gap:10px}



.titlemain:hover {color:#dfdfdf; text-decoration:none}

.titlemain2:hover {color:#63ab4a; text-decoration:none}
    
.titlemain::before {color:var(--accent); order:10; font-size:0.8em}


.kans__two {border-top:1px solid var(--bdc); padding-top:20px; margin-top:40px}
.logo,.snak__menu > li > a,.snak__btn-search {--tt:#fff; --tt-fade:#ccc}
 .pfull { padding:0 var(--indent); margin-top:-40px}
.has-branding {padding-top:200px !important}
body.has-branding {background:#333 !important}
@media screen and (min-width:1220px) {
.has-branding .karp {max-width:1180px; margin:0 auto}
.has-branding .pfull {margin-left:var(--indent-negative); margin-right:var(--indent-negative)}
}
.fbtns {position:fixed; z-index:990; left:25px; bottom:25px}
.scrolltop,.theme-switcher {height:50px; width:50px; padding:0; background-color:#58af54; color:#fff; box-shadow:var(--bsh); border-radius:50%; font-size:22px; opacity:0; scale:0 0}
.scrolltop.is-active,.theme-switcher {scale:1 1; opacity:1}
.overlay {position:fixed; z-index:998; left:0; top:0; width:100%; height:100%; opacity:0.8; background-color:#1d1924; cursor:pointer; display:none}
.dt .theme-switcher::before {content:"\f755"}
.logo {display:flex; padding-left:40px; align-items:flex-end; font-weight:400; color:var(--tt); height:23px; position:relative; font-size:22px; font-weight:600; letter-spacing:1px; margin-right:20px}
.logo::before {content:''; width:30px; height:30px; position:absolute; left:0; top:50%; background:url(../images/logo.svg) 0 center / contain no-repeat; translate:0 -50%}
.logo span {color:#212121; font-size:1em; position:relative;text-transform: uppercase;}
.logo div {position:absolute; right:0; top:-13px; font-size:0.458em; font-weight:400; color:#fff; letter-spacing:0}
.logo:has(img) {background:none; min-width:200px; height:50px}
.logo:has(img)::before {display:none}
.logo img {display:block; position:absolute; left:0; top:50%; translate:0 -50%; max-height:100%}
.snak__btn-login {color:var(--accent); font-size:24px}
.snak__ava {width:40px; cursor:pointer}
.snak__menu {gap:0px}

.lgo span  {color:#fff;}

.snak__menu > li {padding:0 30px 0 0;}

.snak__menu > li > a {display:flex; align-items:center; height:70px; text-transform:uppercase; font-size:14px; font-weight:600; gap:10px}
.snak__menu > li > a::before {color:#6ebd6b; font-size:18px}
.snak__menu-hidden {background-color:#fff; box-shadow:var(--bsh-popover); position:absolute; left:50%; top:99%; width:calc(var(--max-width) + 40px); translate:-50% 30px; z-index:10; display:grid; grid-template-columns:340px 1fr; opacity:0; visibility:hidden;border-bottom: 3px solid var(--accent);}
.snak__menu-hidden-col-list {padding:20px 25px; display:grid; grid-template-columns:repeat(3,1fr); align-content:start}
snak__menu-hidden-col-list  li > a: {background-color:#000;}
.snak__menu-hidden-col-main {background-color:#f7f7f7; padding:20px 25px;border-radius: 10px 0px 0px 10px;}
.snak__menu-hidden-col-main a {color:#2f2f2f;}
.snak__menu-hidden-col-main a:hover {color:#fff;}
.snak__menu-hidden a {display:block; padding:8px 15px;}
.snak__menu li:has(.snak__menu-hidden) > a::after {content:"\f107"; font-size:15px; color:var(--tt-fade)}

#more {
    display: none
}

.search-block__input,.search-block__input:focus { border:0; box-shadow:none;border-radius:15px 0px 0px 15px; }
.search-block__input:not(:focus)::placeholder {color:var(--tt); opacity:0.66; font-size:14px}
.search-block__btn {text-transform:uppercase; font-size:14px; font-weight:600}
.marlo:not(:last-child) {margin-bottom:40px}
.marlo2 {margin-bottom:40px}
.marlo__header {margin-bottom:40px}
.marlo__header2 {margin-bottom:40px}
.marlo__header3 {margin-bottom:0px}
.marlo__title {font-size:22px; font-weight:500; text-transform:uppercase; display:flex; align-items:center; gap:10px}
.marlo__title::before {color:var(--accent); order:10; font-size:0.8em}
.marlo__menu a {font-size:12px; border:1px solid var(--bdc); border-radius:2px; display:block; padding:1px 6px}
.marlo--bg {padding-top:30px; padding-bottom:30px; background-color:var(--bg)}
.marlo--bg3 {padding-top:30px; padding-bottom:30px;
background: linear-gradient(45deg, #4d969d, #8467a9, #458d91, #467734, #3c6b87, #4f7d40); background-size: 600% 100%;animation: animate 10s linear infinite;animation-direction: alternate-reverse;}
@keyframes animate {
    0% {background-position: 0%}
      100% {background-position: 100%}
  }


.contcat {margin-top:-10px;}

.razd__tabs button:not(.is-active):hover, .pagination > a:hover, .mersha__btn1:hover, .zert__likes a:hover, 
	.pagination__pages a:hover, .razd__grid-select button:hover {background-color: var(--accent); color: #fff;}

.razd__header {margin-bottom:15px;} 

.razd__tabs button {background: none; color: var(--tt); text-transform: none; font-weight: 400;border:2px solid #79c142;}
.razd__tabs button.is-active {background-color: var(--bg); color: var(--tt);}

.razd__tabs button.is-active {
    background-color: var(--bg);
    color: var(--tt);
}

.razd__tabs button {
    background: none;
    color: var(--tt);
    text-transform: none;
    font-weight: 400;
    border: 2px solid #79c142;
}

.marlo--bg4 {padding-top:30px; padding-bottom:30px;background-color:#373737;}
.marlo__select {cursor:pointer; position:relative}
.marlo__select select {position:absolute; inset:0; opacity:0; cursor:pointer}
.marlo__select::before {color:var(--accent); order:10; font-size:1em}
.marlo:has(.has-carou) .marlo__header {padding-right:78px}
.speedbar {color:var(--tt-fade); font-size:12px; padding:15px 0}
.speedbar a {color:var(--tt)}
.descr {color:#212121; display:grid; gap:12px;margin-top:20px;}
.descr:is(h1,h2,h3) {font-size:18px; font-weight:500; color:var(--tt); text-transform:uppercase}
.descr:is(h1,h2,h3):not(:first-child) {padding-top:10px}
.descr a {text-decoration:underline; color:var(--accent)}
.descr ul li {position:relative; padding-left:25px; margin-left:25px}
.descr ul li::before {content:"\f00c"; color:var(--accent); position:absolute; left:0; top:0}
.krasik-horizontal {grid-column:span 2 !important}
.krasik__label {position:absolute; right:5px; top:5px; z-index:1}
.krasik__label {font-size:11px; padding:1px 8px; background-color:#272727; color:#272727; text-transform:uppercase}
.krasik__label--grey {background-color:var(--grey); color:#272727}
.krasik__label--accent {background-color:var(--accent); color:#272727}
.krasik__desc {position:absolute; inset:0; z-index:3; color:#272727; --tt:#fff; --tt-fade:#ccc; --bdc:rgba(255,255,255,0.3); padding:15px; padding-bottom:10px}
.krasik__title {font-weight:600; font-size:16px}
.krasik__meta {color:var(--tt-fade); font-size:14px; margin-top:5px}
.krasik__year {display:inline-block; vertical-align:middle; border-radius:3px; width:38px; font-size:11px; text-align:center; border:1px solid #d9d9d9; margin-right:-5px}
.krasik__year a {color:#d9d9d9;}
.krasik__btn-info {cursor:pointer; position:absolute; right:0; top:0; z-index:5; border-radius:0; translate:0 -100%; opacity:0}


body.b-theme__template__night .b-seriesupdate__block_date{background-color:#192125;color:#fff;padding:11px 20px}
body.b-theme__template__night .b-seriesupdate__block_date .act{top:11px}
body.b-theme__template__night .b-seriesupdate__block_date.collapsible:hover{background-color:#222e33}
body.b-theme__template__night .b-seriesupdate__block_date.collapsible.expandable{background-color:#192125!important}
.b-seriesupdate__block_date{background-color:#6f6f6f;color:#fff;font-size:14px;font-weight:700;padding:7px 20px;position:relative}
.b-seriesupdate__block_date.collapsible{-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-ms-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;background-color:#313131;cursor:pointer}
.b-seriesupdate__block_date.collapsible.expandable{background-color:#6f6f6f!important}
.b-seriesupdate__block_date.collapsible.expandable .act{color:#fff!important}
.b-seriesupdate__block_date.collapsible:hover{background-color:#414141}
.b-seriesupdate__block_date .act{color:#878586;cursor:pointer;font-size:12px;font-weight:400;position:absolute;top:8px;right:20px}
.b-seriesupdate__block_date:hover .act{text-decoration:underline}

body.b-theme__template__night .b-seriesupdate__block_date {
    background-color: #192125;
    color: #fff;
    padding: 11px 20px
}

body.b-theme__template__night .b-seriesupdate__block_date .act {
    top: 11px
}

body.b-theme__template__night .b-seriesupdate__block_date.collapsible:hover {
    background-color: #222e33
}

body.b-theme__template__night .b-seriesupdate__block_date.collapsible.expandable {
    background-color: #192125 !important
}

.b-seriesupdate__block_date {
    background-color: #63ab4a;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 7px 20px;
    position: relative;
    border-radius: 10px;
}
.b-seriesupdate__block_date.collapsible {
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    background-color: #63ab4a;
    cursor: pointer
}


.b-seriesupdate__block_date.collapsible.expandable {
    background-color: #6f6f6f !important
}

.b-seriesupdate__block_date.collapsible.expandable .act {
    color: #fff !important
}

.b-seriesupdate__block_date.collapsible:hover {
    background-color: #74c159
}

.b-seriesupdate__block_date .act {
    color: #878586;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: 8px;
    right: 20px
}

.b-seriesupdate__block_list {
    padding-bottom: 10px;
}

.b-seriesupdate__block_list_item {
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    background-color: #fff;
    border-bottom: 1px dotted #63ab4a;
    cursor: pointer;
    display: table;
    min-height: 35px;
    width: 100%;
}

.b-seriesupdate__block_list_item_inner {
    display: table-row;
}

.b-seriesupdate__block_list_item_inner .cell-1 {
    color: #000;
    font-size: 13px;
    padding-right: 5px;
    padding-left: 10px;
}

.b-seriesupdate__block_list_item_inner .cell {
    padding: 10px 0 5px;
    display: table-cell;
    vertical-align: middle;
}

.b-seriesupdate__block_list_link:visited {
    color: #000;
}

.b-seriesupdate__block_list_link {
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}

.b-seriesupdate__block_list_item_inner .cell-1 .season {
    white-space: nowrap;
}


.b-seriesupdate__block_list_item_inner .cell-1 {
    color: #000;
    font-size: 13px;
    padding-right: 5px;
    padding-left: 10px;
}

.b-seriesupdate__block_list_item_inner .cell-2 {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding-right: 10px;
    text-align: right;

}


.krasik__ratingscore {font-size: 11px;
    font-weight: 600;
    padding: 2px 0;
    width: 38px;
    height: 25px;
    z-index: 1;
    background-color: #90d976;
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 5px;}


#player_video1 {
                        height: 513px;
                    }
                    @media (max-width: 768px) {
                        #player_video1 {
                            width:100%;
                            height: 260px;
                        }
                    }
                    @media (max-width: 425px) {
                        #player_video1 {
                             width:100%;
                            height: 260px;
                        }}                        
              

.krasik__ratingscore.rating-1,.krasik__ratingscore.rating-2,.krasik__ratingscore.rating-3 {background-color:var(--red)}
.krasik__ratingscore.rating-4,.krasik__ratingscore.rating-5,.krasik__ratingscore.rating-6 {background-color:var(--orange)}
.krasik__ratingscore.rating-7,.krasik__ratingscore.rating-8,.krasik__ratingscore.rating-9,.krasik__ratingscore.rating-10 {background-color:#90d976;}
.krasik-collection .krasik__title {font-size:18px; padding:10px}

.collection1 {border-radius:10px; cursor: pointer;float: left;height: 180px;margin-left: 18px;margin-bottom: 18px;position: relative;width: 300px;}
.collection2 {height: 180px; width: 300px; border-radius:10px; filter: alpha(opacity=100);opacity: 1;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;}
.collection3 {border-radius:10px; background: rgba(0,0,0,0.6);color: #fff;font-size: 16px;font-weight: bold;line-height: 16px;padding: 10px;position: absolute;top: 0;right: 0;}
.collection4 {border-radius:10px; background: rgba(0,0,0,0.6);display: block;position: absolute;bottom: 0;left: 0;width: 100%;}

.trl {background-color:rgba(0,0,0,0.9); position:fixed; z-index:990; left:0; top:0; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; backdrop-filter:blur(10px)}
.trl__close {position:absolute; right:20px; top:20px; font-size:40px; color:#272727}
.trl__inner {width:100%; max-width:700px; margin:0 auto; color:#272727; padding:80px 20px 20px 20px}
.trl__btn {height:40px; padding:0 40px; margin:15px 0; width:100%}
.trl h1 {margin-bottom:15px; margin-top:20px; font-size:24px}
.trl .zfx__text,.trl .full-text {color:#ccc; margin:0; padding:0; background:none}
.trl-is-opened {overflow:hidden}
.th-active {z-index:100}
.titleh2 {color:#fff;}
.th-text {display:none; background-color:var(--bg); border-left:3px solid var(--accent); cursor:auto; padding:20px; text-align:left; position:absolute; z-index:1000; width:460px; box-shadow:var(--bsh-popover); min-height:100px; font-size:12px;border-radius: 15px;}
.pop-left .th-text {border-left:0; border-right:3px solid var(--accent)}
.th-text-loader {text-align:center; font-size:18px; color:var(--accent); padding-top:20px}
.th-text .not-shown-ajax,.th-text h1 a,.th-text h1 small,.th-text h1::before {display:none}
.th-text .zfx__main-header h1 {font-size:18px; font-weight:600; text-transform:uppercase; padding:0}
.th-text .zfx__main-header {padding:0}
.th-text .zfx__list-rates {gap:10px; font-size:14px}
.th-text .zfx__list {font-size:14px}
.th-text .full-text {display:-webkit-box; -webkit-line-clamp:6; line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; margin:15px 0}
.th-text .zfx__btn-trailer {width:100%}
.kans__notify {border-left:1px solid var(--bdc); padding-left:20px; font-size:12px}
.kans__copyright {font-size:14px}
.kans__menu {font-size:13px; font-weight:600; text-transform:uppercase}
.kans__logo {margin:0}
.pagination {gap:20px 10px; padding-top:10px}
.pagination__pages a,.pagination__pages span,.pagination > a,.pagination > span {display:grid; place-items:center; color:#b8e9b7; height:36px; min-width:36px; padding:0 10px; border-radius:3px; background-color:#63ab4a;}
.pagination__pages {gap:10px; font-size:14px}
.pagination__pages span:not(.nav_ext) {color:#fff; background:var(--accent)}
.pagination__btns {height:36px; border-radius:4px; overflow:hidden; background-color:var(--bg); box-shadow:var(--bsh)}
.pagination__btns > * {width:40px; display:grid; place-items:center; color:var(--accent); font-size:18px}
.pagination__btns > span {color:var(--tt-fade)}
.pagination__btn-loader:has(span:not(.fal)) {display:none}
.pagination__btn-loader a {min-width:360px}
.zfx__main {margin:0 var(--indent-negative); padding:35px var(--indent); color:#272727; --tt:#272727; --tt-fade:#272727}
.zfx__main-header h1 {font-size:22px; font-weight:600; position:relative; padding:10px 0; padding-left:50px; color: #212121;margin-top:-10px;}
.zfx__main-header h1::before {color:#63ab4a; position:absolute; left:0; top:50%; translate:0 -50%; font-size:14px; width:30px; height:30px; border-radius:50%; border:2px solid #63ab4a; box-sizing:border-box; padding-left:2px}
.zfx__main-header h1 a {font-size:14px; margin-left:10px}
.zfx__list-rates-item {padding-left:30px; line-height:20px}
.zfx__list-rates-item.kp {background:url(../images/kp.svg) 0 center / 20px no-repeat}
.zfx__list-rates-item.imdb {background:url(../images/imdb.svg) 0 center / 20px no-repeat}
.zfx__list-rates-item.tmdb {background:url(../images/tmdb.png) 0 center / 20px no-repeat}
.zfx__main + .zfx__text--main {padding-top:30px}
.zfx__text--main:has(.zfx__scr) + .zfx__player {}
.zfx__player + .zfx__schedules {margin-top:0}
.zfx__main-col-left {width:450px}
.zfx__btn-trailer,.zfx__btn-watch {height:50px; background-color:#e74c3c; border-radius:0; text-transform:uppercase; font-size:14px; font-weight:600; position:relative; padding:0 25px 0 75px;border-radius: 10px;}
.zfx__btn-trailer::before,.zfx__btn-watch::before {content:''; position:absolute; left:0; top:0; height:100%; aspect-ratio:1 / 1; background:rgba(0,0,0,0.25) url(../images/youtube.svg) center center / 30px no-repeat}
.zfx__btn-watch::before {background-image:none; font-size:24px}
.zfx__btn-watch {background-color:#2d6929;}
.zfx__list {margin-bottom:15px}
.zfx__list li {position:relative; padding-left:140px; min-height:14px}
.zfx__list li > span:first-child {color:#212121; position:absolute; left:0; top:0;font-weight: 600;}
.zfx__list a {color:#63ab4a; text-decoration:underline}
.zfx__list a:hover {color:#6bc967; text-decoration:underline}
.js-hide-text {overflow-y:auto; overflow-x:hidden}
.show-text {position:absolute; margin-top:10px; z-index:2; left:0; color:#63ab4a; cursor:pointer}
.collapsed::before {content:''; position:absolute; left:0; right:0; bottom:0; height:60%; background:linear-gradient(to top,var(--bg-black) 0,transparent 100%); z-index:1}
.ya-share2,.sharer {min-height:24px}
.sharer img {display:block; height:24px; width:136px; cursor:pointer}
.zfx__rating-stars-votes {color:var(--tt-fade)}
.zfx__main-bottom > a {display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:15px; color:var(--accent); height:30px; width:30px; border:2px solid var(--accent)}
.zfx__rating-likes a {display:flex; align-items:center; gap:10px; height:30px; padding:0 20px; background-color:var(--green); color:#fff; border-radius:20px; margin-top: 10px; margin-bottom: 10px;}
.zfx__rating-likes a + a:not(:hover) {background-color:var(--red); color:#fff}
.zfx__player {position:relative; background-color:var(--bg-black);}
.zfx__player-controls {background-color:#fbfbfb;border-radius:15px;margin-bottom: -1px;}
.zfx__player .tabs-block__select {gap:0px; margin-bottom:0;}
.zfx__player .tabs-block__select button {background-color:rgba(255,255,255,0.05); padding:0 20px; color:#272727; border-radius:0; font-size:14px; text-transform:uppercase; font-weight:600; border-radius: 15px 0px 0px 0px;}
.zfx__player .tabs-block__select button.is-active,.zfx__player .tabs-block__select button:hover {background:var(--accent); color:#fff;border-radius: 15px 0px 0px 0px;}
.zfx__complaint a {display:flex; align-items:center; gap:10px; color:var(--red); --red:#3b3b3b}
.zfx__complaint {padding-right:20px; --tt:#272727; color:#272727; --ui-bg-darker:#fbfbfb;}
.nl .zfx__player-controls + .tabs-block__content {display:block}
.zfx__player .tabs-block__select button.is-active::before {color:rgba(0,0,0,0.8)}
.dark-overlay {background:rgba(0,0,0,0.9); position:fixed; width:100%; height:100%; z-index:100; top:0; left:0}
.light-off .fbtns {visibility:hidden}
.light-off .zfx__player {position:relative; z-index:102}
.zfx__subtitle {font-size:18px; font-weight:500; text-transform:uppercase; margin-bottom:15px}
.zfx__scr ul {display:grid; gap:20px; grid-template-columns:repeat(6,1fr); border:1px solid var(--bdc); border-left:0; border-right:0; margin:0 var(--indent-negative); padding:20px var(--indent); margin-top:20px}
.zfx__scr a,.zfx__scr img {display:block; height:auto; width:100%; border-radius:0; aspect-ratio:300 / 200}
.zfx__scr img {object-fit:cover}
.zfx__fr {color:#272727; --tt:#272727; --tt-fade:#ccc}
.zfx__fr-caption {height:40px; display:flex; align-items:center; padding:0 20px; font-size:14px; text-transform:uppercase; font-weight:600; background-color:#272727}
.zfx__fr-list {counter-reset:n; display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); align-content:start}
.fr {padding:10px 15px; border-right:3px solid transparent}
.fr:nth-child(2n+1) {background-color:rgba(255,255,255,0.066)}
.fr::before {content:counter(n,decimal-leading-zero)"."; counter-increment:n; text-align:center; width:24px; font-size:12px}
.fr.is-active {border-color:var(--accent); --tt:var(--accent)}

#quicksearch {display:flex;}

@media screen and (min-width:1221px) {    

.zfx__player:has(.zfx__fr) {padding-right:260px; position:relative}
.zfx__fr {position:absolute; right:0; top:0; height:100%; width:260px}
.zfx__fr-list {height:calc(100% - 40px); overflow-y:auto; overflow-x:hidden; display:block}
.collection1 {width: 350px; height:200px;}
.collection2 {width: 350px; height:200px;}
    
}
.zfx__schedules {margin-top:-20px}
.zfx__schedule {border:1px solid var(--bdc)}
.schedule-item {padding:6px 20px; gap:10px 20px}
.schedule-item + .schedule-item {border-top:1px solid var(--bdc)}
.schedule-item__number {font-weight:500; width:280px}
.schedule-item__descr {color:var(--tt-fade)}
.schedule-item__descr b {display:block; color:var(--tt); font-size:15px}
.schedule-item__date {color:var(--tt-fade)}
.schedule-item__status {color:var(--green); font-size:24px}
.schedule-item__status .fa-times {color:var(--red)}
.page__title {margin-bottom:30px; font-size:24px}
.full-text {line-height:1.4; font-size:14px; word-wrap:break-word}
.full-text a {text-decoration:underline; color:var(--ui-accent)}
.full-text img:not(.emoji),.full-text p,.full-text h1,.full-text h2,.full-text h3,.full-text h4,.full-text h5,.full-text > ul,.full-text > ol,.full-text table {margin-bottom:25px}
.full-text > img[style*="left"],.full-text > .highslide img[style*="left"] {margin:0 10px 10px 0}
.full-text > img[style*="right"],.full-text > .highslide img[style*="right"] {margin:0 0 10px 10px}
.full-text > ul li,.full-text > ol li {padding-left:60px; position:relative}
.full-text > ul li:before {content:''; width:8px; height:8px; border-radius:50%; border:3px solid var(--accent); position:absolute; top:6px; left:34px}
.full-text > ol {counter-reset:num}
.full-text > ol li:before {content:counter(num); counter-increment:num; background-color:var(--accent); color:#272727; position:absolute; top:-3px; left:17px; width:24px; height:30px; font-size:14px; font-weight:500; display:flex; justify-content:flex-end; align-items:center; padding-right:6px; box-sizing:border-box}
.full-text > ol li:after {content:''; border:10px solid transparent; border-left-color:var(--accent); position:absolute; left:41px; top:-3px; transform:scale(0.66,1.5); transform-origin:0 0}
.full-text > ul li + li,.full-text > ol li + li {margin-top:10px}
.full-text table,.video-inside > * {width:100%}
.full-text > *:last-child {margin-bottom:0}
.video-responsive {padding-top:45%; position:relative; background-color:#272727}
.video-responsive > iframe,.video-responsive > video {position:absolute; left:0; top:0; width:100%; height:100%}
.full-text h1,.full-text h2,.full-text h3,.full-text h4,.full-text h5 {font-size:21px; margin-bottom:20px}
.zfx__comments {padding-bottom:1px}
.zfx__comments-info {color:var(--tt-fade); margin:-15px 0 20px; font-size:14px; padding-left:23px; position:relative}
.zfx__comments-info::before {color:var(--red); position:absolute; left:0; top:2px}
.zfx__ac {margin-bottom:20px; display:none}
.ac-form {position:relative}
.ac-form__header,.ac-form__editor,.ac-form .message-info {gap:10px; margin-bottom:10px}
.ac-form__btn {padding:0 60px; border-radius:10px;}
.ac-form__bottom {gap:25px}
.confidential-check {font-size:14px}
.ac-form__header > span {margin-left:15px}
.ac-form .comments_subscribe {margin-top:0}
.ac-form__header input,.ac-form__editor textarea {background-color:rgba(0,0,0,0.05)}
.ac-form__editor textarea {height:200px}
.comments_subscribe + br,.ac-form .bb-editor + br {display:none}
.mass_comments_action {display:none}
.comm__title {font-size:18px; margin-bottom:20px}
.comm {margin-bottom:20px; margin-left:65px; position:relative; padding:12px 15px; background-color:var(--bg-darker); border-radius:4px}
.comm.pos {background-color:rgba(59,179,59,0.1)}
.comm.neg {background-color:rgba(235,77,75,0.1)}
.comm__group {height:20px; display:flex; align-items:center; border-radius:10px; font-size:10px; border:1px solid var(--bdc); padding:0 10px; text-transform:uppercase}
.comm__group,.comm__group * {font-weight:400; color:var(--tt) !important}
.comm__group.adm,.comm__group.adm * {color:#272727 !important; background-color:var(--grey); border-color:var(--grey)}
.comm__img {width:50px; height:50px; border-radius:50%; position:absolute; left:-65px; top:0}
.comm__author {font-weight:500; font-size:14px}
.comm__author a {color:var(--accent)}
.comm__date {color:var(--tt-fade); font-size:12px}
.comm__rating a {color:var(--green); font-size:18px}
.comm__rating a:last-child:not(:hover) {color:var(--red)}
.comm__rating span {font-size:14px}
.comm__rating span .ratingplus {color:var(--green)}
.comm__rating span .ratingminus {color:var(--red)}
.comm__text {margin:8px 0}
.comm__action {font-size:12px; --tt:var(--tt-fade); color:var(--tt-fade)}
.comm__ctrl-btn {font-size:18px; height:30px; --tt:var(--tt-fade)}
.comm__ctrl-menu li + li {margin-top:10px}
body:has(.pwidget) #dropmenudiv {z-index:1000 !important}
.pwidget {background-color:var(--bg); color:var(--tt); border-radius:20px; overflow:hidden; z-index:999; padding:20px; padding-top:24px; position:fixed; left:20px; bottom:20px; right:20px; box-shadow:0 0 60px rgba(0,0,0,0.5)}
.pwidget::before {content:''; position:absolute; top:10px; left:50%; transform:translateX(-50%); background-color:rgba(0,0,0,0.2); height:4px; width:40px; border-radius:2px}
.pwidget .wctrl__content {display:block; margin-bottom:20px}

@media screen and (min-width:951px) {.pwidget {left:50%; bottom:50%; right:auto; translate:-50% 50%; width:400px}
.pwidget::before {display:none} 
   .button1    {display:none;}
.snak {position:sticky; z-index:100; left:0; top:0; gap:0 10px; background-color:var(--bg-black); */}    
  
}


@media screen and (min-width:760px) {.pwidget {left:50%; bottom:50%; right:auto; translate:-50% 50%; width:400px}
.pwidget::before {display:none} 
    
     
 .background4 {border-radius: 20px;
 background-color: #ebebeb;
      padding: 0px 20px 20px 20px;
margin-bottom:20px;
margin-top:20px;}   
}
.lgn {position:fixed; z-index:999; left:50%; top:50%; translate:-50% -50%; width:500px; max-width:calc(100% - 40px);background-color: #2f772b;border-radius: 10px;}
.lgn__content {background-color:#fff;); box-shadow:var(--bsh-long); padding:30px 60px; position:relative;border-radius: 0px 0px 10px 10px;}
.lgn__ctrl > * {color:#fff !important; font-size:22px; font-weight:500; height:45px; position:relative; text-transform:uppercase;margin-top: 20px;}
.lgn__ctrl span::before {content:''; border:10px solid transparent; border-bottom-color:var(--bg); position:absolute; left:50%; bottom:0; margin-left:-10px; z-index:5}
.lgn__btn-close {font-size:40px; color:#272727; position:absolute; right:-50px; top:0; z-index:10}
.lgn__header {position:relative; padding-left:80px; margin-bottom:15px}
.lgn__avatar {width:60px; background-color:var(--bg-darker); font-size:24px; position:absolute; left:0; top:50%; translate:0 -50%; overflow:hidden; border-radius:50%}
.lgn__title {font-size:19px; font-weight:500}
.lgn__caption {color:var(--tt-fade); margin-top:5px}

.lgn__input input {height: 50px;
    line-height: 50px;
    border-radius: 0;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 10px;}

.lgn__input input::placeholder {font-size:16px}
.lgn__input input + input {margin-top:-1px}
 .lgn__input input:focus {position:relative; z-index:5}
.lgn__btn button {height:50px;border-radius: 10px}
.lgn__cell a {color:var(--ui-accent)}
.lgn__social-caption {font-size:13px; color:var(--tt-fade); margin-top:5px}
.lgn__social-caption::before,.lgn__social-caption::after {content:''; flex-grow:1; background:var(--bdc); height:1px}
.lgn__social a {border-radius:50%; width:34px; height:34px; display:grid; place-items:center}
.lgn__social a img {height:18px; width:18px; display:block; filter:invert(1)}
.lgn__social-vk {background-color:#587ba1}
.lgn__social-ok {background-color:#ff9800}
.lgn__social-fb {background-color:#3b5998}
.lgn__social-ml {background-color:#2196f3}
.lgn__social-gg {background-color:#f44336}
.lgn__social-ya {background-color:#fc3f1d}
.lgn__social:not(:has(a)) {display:none}
.lgn--logged {width:400px}
.lgn__menu a {display:flex; align-items:center; gap:10px}
.c-0 span {display:none}
.owl-carousel {width:100%; position:relative; z-index:1}
.owl-stage {position:relative; display:flex; justify-content:flex-start}
.owl-stage-outer {position:relative; overflow:hidden; transform:translate3d(0px,0px,0px)}
.owl-item {position:relative; min-height:10px}
.owl-nav.disabled,.owl-dots.disabled,.owl-carousel.owl-refresh .owl-item {display:none}
.owl-carousel.owl-drag .owl-item {user-select:none}
.owl-carousel.owl-grab {cursor:move; cursor:grab}
.owl-nav {position:absolute; right:0; top:0; margin-top:-65px; display:flex; gap:0; border:1px solid #63ab4a; border-radius:4px; overflow:hidden; background-color:#ffffff;}
.owl-prev,.owl-next {cursor:pointer; width:30px; height:30px; display:grid; place-items:center; font-size:12px; background-color:transparent; color:#63ab4a; box-shadow:none}
.owl-prev {border-right:1px solid #63ab4a;}
.owl-next {opacity:1}
.has-carou:not(.owl-carousel) {display:flex; overflow:hidden; gap:20px}
.has-carou:not(.owl-carousel) > * {flex-shrink:0}
.has-carou:not(.owl-carousel) > .krasik {width:calc((100% - 40px)/3)}
.poster2 .carou-6.has-carou:not(.owl-carousel) > .krasik {width:calc((100% - 100px)/6)}
@media screen and (max-width:1820px) {
	
	

	.has-carou:not(.owl-carousel) > .krasik {width:calc((100% - 40px)/3)}
.poster2 .carou-6.has-carou:not(.owl-carousel) > .krasik {width:calc((100% - 80px)/5)}
 .kans__logo {margin-right:auto}
 .snak__menu-hidden {border-bottom: 0px solid var(--accent);}    
}
@media screen and (max-width:950px) {.has-carou:not(.owl-carousel) > .krasik {width:calc((100% - 20px)/2)}
.poster2 .carou-6.has-carou:not(.owl-carousel) > .krasik {width:calc((100% - 60px)/4)}
 .kans__logo {margin-right:auto}
  .marlo__header2 {margin-bottom:60px}
    .background2 {padding: 0px; background-color:#ebebeb00;}
        .button2    {display:none;}
    .snak__menu-hidden {border-bottom: 0px solid var(--accent);}
    .style2 .speedbar2 {margin-bottom: -30px; }
    .theme-toggle.btn-bigger {display:none;}  
}
@media screen and (max-width:760px) {.has-carou:not(.owl-carousel) > .krasik {width:calc((100% - 0)/1)}
.poster2 .carou-6.has-carou:not(.owl-carousel) > .krasik {width:calc((100% - 20px)/2)}
 .video-responsive {padding-top:60%; position:relative; background-color:#272727}
 .kans__logo {margin-right:auto}
  .marlo__header2 {margin-bottom:60px}
 .zfx__player .tabs-block__select button.is-active,.zfx__player .tabs-block__select button:hover {background:var(--accent); color:#fff;border-radius: 15px 0px 0px 0px;}    
.background2 {padding: 0px; background-color:#ebebeb00;}
    .button2    {display:none;}
     .snak__menu-hidden {border-bottom: 0px solid var(--accent);}
    	.razd__header:has(.razd__tabs) .razd__title {width: 100%;}
	.razd__tabs {margin-top: 10px;gap: 10px;width: 100%;}
	.razd__tabs button {flex: 1 1 0; max-width: 100%; font-size: 12px; height: 30px;}
	.razd .sulu-block {display: none;}
	.razd .sulu-block.is-active {display: block;}
	.razd__btn-sulu {display: flex;}
.style2 .speedbar2 {margin-bottom: -30px; }
    .xsort-area {margin-top:10px;margin-bottom:30px;}   
    .pagetopsocial {margin-top:1px;}
    
}
@media screen and (max-width:470px) {.has-carou:not(.owl-carousel) > .krasik {width:calc((100% - 0)/1)}
.poster2 .carou-6.has-carou:not(.owl-carousel) > .krasik {width:calc((100% - 20px)/2)}
 .video-responsive {padding-top:70%; position:relative; background-color:#272727}
 .kans__logo {margin-right:auto; font-size:20px}
    .style2 .karp  {border-radius: 0px;}
    .style2 .snak {border-radius: 0px;}
    .marlo__header2 {margin-bottom:60px}
    .zfx__player .tabs-block__select button.is-active,.zfx__player .tabs-block__select button:hover {background:var(--accent); color:#fff;border-radius: 15px 15px 0px 0px;} 
.background2 {padding: 0px; background-color:#ebebeb00;}
.zfx__main {padding: 20px var(--indent);}  
.r-gap-20 {row-gap: 10px;}
        .button2    {display:none;}
     .snak__menu-hidden {border-bottom: 0px solid var(--accent);}
 .style2 .speedbar2 {margin-bottom: -30px; }   
    
.collection1 {width: 350px; height:200px;}
.collection2 {width: 350px; height:200px;}

 /* Карточки и фоны контента */
.dark-mode .background2,
.dark-mode .background3,
.dark-mode .background4,
.dark-mode .background5 {background-color: #33333300;border-color: #33333300;}
  

@media screen and (max-width:390px) {
    
     /* Карточки и фоны контента */
.dark-mode .background2,
.dark-mode .background3,
.dark-mode .background4,
.dark-mode .background5 {background-color: #33333300;border-color: #33333300;}
  
    
    .kans__logo {font-size: 17px;}
        .button2    {display:none;}
     .snak__menu-hidden {border-bottom: 0px solid var(--accent);}
    .style2 .speedbar2 {margin-bottom: -30px; }
    
 .collection1 {width: 270px; height:150px;}
.collection2 {width: 270px; height:150px;}   
    
.filter-block {padding-top:20px; padding-bottom:20px}
.filter {gap:10px 20px}
.filter-block__title {font-size:16px; font-weight:500; margin-bottom:20px}
.filter__col:not(.filter__col--submit) {flex:1 0 240px; max-width:100%; min-width:240px; display:flex; flex-direction:column; gap:10px}
.filter__cell select {height:40px; box-shadow:none; border:1px solid rgba(0,0,0,0.15); background-color:var(--bg); color:var(--tt)}
.filter__cell input[type="text"] {opacity:0}
.filter__cell [data-dlefilter="reset"]:not(:hover) {background-color:var(--bg-darker); color:var(--tt-fade)}
.filter__col--ranges {padding:0 20px}
.filter-block--full .filter__col--submit {width:100%}
.filter-block--full {background:none; box-shadow:none; padding:0; margin:0}
.tail-select,.tail-select * {outline:none; user-select:none}
.tail-select {position:relative}
.tail-select-container,.select-label {border:1px solid rgba(0,0,0,0.15); background-color:var(--bg); padding:5px 5px; min-height:40px; position:relative; cursor:pointer; color:var(--tt); display:flex; flex-wrap:wrap; align-items:center; gap:5px; padding-right:40px; border-radius:3px}
.tail-select .label-inner {margin-left:5px; font-size:14px}
.tail-select-container .select-handle {display:flex; align-items:center; height:28px; padding:0 8px; border-radius:2px; background-color:var(--accent); color:#272727; cursor:pointer; font-size:12px; text-transform:uppercase}
.tail-select .select-label::before,.tail-select .select-label::after {position:absolute; top:50%; right:10px; content:"\f0d8"; color:var(--tt); margin-top:-15px; opacity:0.5}
.tail-select .select-label::after {margin-top:-5px; transform:rotate(180deg)}
.tail-select .select-dropdown {top:100%; left:0; width:100%; z-index:100; display:none; position:absolute; background-color:var(--bg); border:1px solid rgba(0,0,0,0.15); box-shadow:var(--bsh); border-radius:3px}
.tail-select .select-dropdown .dropdown-inner {padding:1px 0; overflow-x:hidden; overflow-y:auto; max-height:300px}
.tail-select .dropdown-optgroup {padding:15px}
.tail-select .select-dropdown .dropdown-empty {padding:20px; font-size:14px; text-align:center}
.tail-select .select-dropdown ul li + li {margin-top:10px}
.tail-select .select-dropdown ul li {display:flex; align-items:center; gap:10px; cursor:pointer; font-size:14px}
.tail-select .select-dropdown ul li.dropdown-option::before {content:""; background-color:var(--bg-darker); width:18px; height:18px; border-radius:1px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); display:flex; justify-content:center; font-size:14px; color:#272727; flex-shrink:0; box-sizing:border-box; padding-bottom:3px}
.tail-select .select-dropdown ul li.dropdown-option.selected {color:var(--accent)}
.tail-select .select-dropdown ul li.dropdown-option.selected::before {background-color:var(--accent); color:#272727; content:"\f00c"; box-shadow:none}
.tail-select .select-dropdown ul li:hover {color:var(--blue)}
.tail-select-container:hover,.select-label:hover {border-color:var(--accent)}
.tail-select-container .select-handle:hover {background-color:var(--red)}
.irs {position:relative; display:block; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.irs-line {position:relative; display:block; overflow:hidden; outline:none !important}
.irs-line-left,.irs-line-mid,.irs-line-right {position:absolute; display:block; top:0}
.irs-line-left {left:0; width:11%}
.irs-line-mid {left:9%; width:82%}
.irs-line-right {right:0; width:11%}
.irs-bar {position:absolute; display:block; left:0; width:0}
.irs-bar-edge {position:absolute; display:block; top:0; left:0}
.irs-shadow {position:absolute; display:none; left:0; width:0}
.irs-handle {position:absolute; display:block; cursor:default; z-index:1}
.irs-handle.type_last {z-index:2}
.irs-min {position:absolute; display:block; left:0; cursor:default}
.irs-max {position:absolute; display:block; right:0; cursor:default}
.irs-from,.irs-to,.irs-single {position:absolute; display:block; top:0; left:0; cursor:default; white-space:nowrap}
.irs-grid {position:absolute; display:none; bottom:0; left:0; width:100%; height:20px}
.irs-with-grid .irs-grid {display:block}
.irs-grid-pol {position:absolute; top:0; left:0; width:1px; height:8px; background:#ec2828}
.irs-grid-pol.small {height:4px}
.irs-grid-text {position:absolute; bottom:0; left:0; white-space:nowrap; text-align:center; font-size:9px; line-height:9px; padding:0 3px; color:#ec2828}
.irs-disable-mask {position:absolute; display:block; top:0; left:-1%; width:102%; height:100%; cursor:default; background:rgba(0,0,0,0.0); z-index:2}
.irs-disabled {opacity:0.4}
.lt-ie9 .irs-disabled {filter:alpha(opacity=40)}
.irs-hidden-input {position:absolute !important; display:block !important; top:0 !important; left:0 !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; padding:0 !important; margin:0 !important; outline:none !important; z-index:-9999 !important; background:none !important; border-style:solid !important; border-color:transparent !important}
.irs {height:40px}
.irs-line {height:6px; top:25px; background-color:var(--bg); border-radius:3px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.2)}
.irs-bar {height:6px; top:25px; background-color:var(--blue); border-radius:3px}
.irs-bar-edge {top:25px; height:8px; width:11px; background-color:var(--bg)}
.irs-handle {width:20px; height:20px; top:18px; background-color:var(--bg); border-radius:10px; border:4px solid var(--blue); box-shadow:0 1px 3px rgba(0,0,0,0.3); cursor:pointer}
.irs-from,.irs-to,.irs-single {font-size:10px; margin-top:-5px; border:1px solid var(--bdc); padding:0 5px; height:22px; display:flex; align-items:center; background:var(--bg); color:var(--tt); border-radius:3px}
.irs-min,.irs-max,.label-count {display:none !important}