:root {
    --bg: #fffaf4;
    --bg-darker: #f5f1ec;
    --bg-darkest: #f3ede5;
    --bg-black: #333132;
    --tt: #000;
    --tt-fade-0: #4b4640;
    --tt-fade: #80776c;
    --tt-fadest: #e0e0e0;
    --tt-black: #fff;
    --bdc: rgba(0, 0, 0, 0.1);
    --bsh: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    --accent: #2b2417;
    --ui-elem-height: 40px;
    --ui-elem-padding: 20px;
    --ui-elem-gap: 10px;
    --ui-elem-bdrs: 4px;
    --ui-bg-btn: #4f483b;
    --ui-tt-btn: #fff;
    --ui-bg-btn-hover: #bfb5a2;
    --ui-bg-inp: #fff;
    --ui-bdc-inp: #e3e3e3;
    --ui-bdc-inp-focus: #35c535;
    --ui-bg: #fffaf4;
    --ui-bg-darker: #f5f1ec;
    --ui-bg-darkest: #f3ede5;
    --ui-accent: #06c;
    --ui-bdc: #eee;
    --ui-tt-fade: #b0b0af;
    --ui-fw-bolder: 500;
    --ui-fw-fa: 300;
    --ui-bsh: 0 12px 40px rgba(0, 0, 0, 0.3);
    --ui-bsh-inset: inset 1px 2px 5px rgba(0, 0, 0, 0.1);
    --ui-bdrs: 4px;
    --ui-gradient: linear-gradient(to bottom, #5c4f68, #352d3c);
    --ui-bg-black: #352d3c;
    --ui-green: #65c03e;
    --ui-red: #eb4d4b;
    --ui-bg-attention: #fceedf;
    --ui-bd-attention: #fc9a07;
    --indent-negative: -40px;
    --indent: 40px;
    --max-width: 1366px;
}



* {
    background: none;
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
    box-sizing: border-box;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img,
table,
iframe,
video,
frame,
embed,
object {
    max-width: 100%;
}

body {
    font-family: 'inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--tt);
    background-color: #1a1a1a;
    width: 100%;
}

a {
    color: var(--tt);
    text-decoration: none;
}

a:focus {
    color: var(--tt);
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 700;
    font-size: 24px;
}

::selection {
    background: #ff0000;
    color: #fff;
}

b,
strong,
.bolder {
    font-weight: 700;
}

button,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="button"],
[type="reset"],
input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
    font-family: inherit;
    font-weight: inherit;
}

input[type="button"],
input[type="submit"] {
    font-size: 14px;
    font-weight: 400;
}

button,
.btn,
[type="button"],
[type="reset"],
[type="submit"],
.pmessages__links a,
.qq-upload-button,
.plupload_button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    height: var(--ui-elem-height);
    padding: 0 var(--ui-elem-padding);
    gap: var(--ui-elem-gap);
    border-radius: var(--ui-elem-bdrs);
    background-color: var(--ui-bg-btn);
    color: var(--ui-tt-btn);
    font-size: 14px;
    font-weight: 400;
}

button:active,
input[type="button"]:active,
input[type="submit"]:active {
    box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.color-btn,
[class*=fr],
[class*=plyr],
.owl-prev,
.owl-next,
.owl-dot,
[id*=mceu],
[class*=tox-],
.ui-dialog-titlebar-close {
    padding: 0;
    margin: 0;
    line-height: 1.4;
    border: 0;
    box-shadow: none;
    background: none;
    border-radius: 0;
}

[type="text"],
[type="password"],
[type="email"],
select,
textarea {
    height: var(--ui-elem-height);
    padding: 0 var(--ui-elem-padding);
    line-height: calc(var(--ui-elem-height) - 1px);
    width: 100%;
    background-color: var(--ui-bg-inp);
    border: 1px solid var(--ui-bdc-inp);
    border-radius: var(--ui-elem-bdrs);
    box-shadow: none;
    font-size: 14px;
    display: block;
}

[type="text"]:focus,
[type="password"]:focus,
[type="email"]:focus,
textarea:focus {
    border-color: var(--ui-bdc-inp-focus);
}

select:not([multiple]) {
    background-image: url(../dleimages/chevron-down.svg);
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: right 15px top 50%;
    background-size: 12px auto;
}

select option {
    padding: 6px 10px;
    font-weight: 400;
}

select[multiple] option {
    padding: 3px 10px;
    font-weight: 400;
}

select[multiple] {
    padding: 9px 5px;
}

textarea {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: auto;
    resize: vertical;
    color: #858585 !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--tt-fade);
    opacity: 1;
    font-size: 14px;
}

input:focus::placeholder,
textarea:focus::placeholder {
    color: transparent
}




.img-wide,
.img-responsive,
.img-fixed-size,
.expand-link,
.p-relative,
.img-block {
    position: relative;
}

.img-responsive {
    padding-top: 60%;
}

.img-responsive>img,
.img-fixed-size img,
.img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.img-responsive>img {
    position: absolute;
    left: 0;
    top: 0;
}

.img-wide img,
.img-wide>a,
.img-block img {
    width: 100%;
    display: block;
}

.img-block>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    display: block;
    object-fit: cover;
}

.clr {
    clear: both;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.ws-nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.line-clamp-2,
.line-clamp-3,
.line-clamp-4,
.line-clamp-5,
.line-clamp-6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.line-clamp-4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
}

.line-clamp-5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
}

.line-clamp-6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
}

.vw100 {
    margin: 0 calc((100% - 100vw)/2);
    padding: 0 calc((100vw - 100%)/2);
}

.img-mask::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 66%;
    background: linear-gradient(to top, #000 0%, transparent 100%);
    opacity: 1;
}

.expand-link__trg::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 10;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.fd-column {
    flex-direction: column;
    flex-wrap: nowrap;
}

.jc-space-between {
    justify-content: space-between;
}

.jc-flex-start {
    justify-content: flex-start;
}

.jc-center {
    justify-content: center;
}

.jc-flex-end {
    justify-content: flex-end;
}

.ai-flex-start {
    align-items: flex-start;
}

.ai-center {
    align-items: center;
}

.ai-flex-end {
    align-items: flex-end;
}

.order-first {
    order: -1;
}

.order-last {
    order: 10;
}

.flex-grow-1,
.ui-dialog-title,
.ac-form__bottom .comments_subscribe,
.flex-1 {
    flex: 1 1 0;
    max-width: 100%;
    min-width: 50px;
}

.flex-grow-1-column,
.flex-1-col {
    flex: 1 0 min-content
}

.pi-center {
    display: grid;
    place-items: center;
}

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

.grid-items {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.grid-items--180m {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.grid-items>*:not(.grid-items__item),
#dle-content>*:not(.grid-items__item) {
    grid-column: 1 / -1;
}

#dle-content {
    display: inherit;
    gap: inherit;
    grid-template-columns: inherit;
}

.grid-items:has(.item-category) {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.grid-items:has(.item-top) {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.grid-items:has(.item-broadcast),
.grid-items:has(.item-episode),
.grid-items:has(.item-poster) {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}

.grid-items:has(.item-hot) {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.r-gap-5 {
    row-gap: 5px;
}

.r-gap-10 {
    row-gap: 10px;
}

.r-gap-15 {
    row-gap: 15px;
}

.r-gap-20 {
    row-gap: 20px;
}

.r-gap-25 {
    row-gap: 25px;
}

.r-gap-30 {
    row-gap: 30px;
}

.r-gap-35 {
    row-gap: 35px;
}

.r-gap-40 {
    row-gap: 40px;
}

.c-gap-5 {
    column-gap: 5px;
}

.c-gap-10 {
    column-gap: 10px;
}

.c-gap-15 {
    column-gap: 15px;
}

.c-gap-20 {
    column-gap: 20px;
}

.c-gap-25 {
    column-gap: 25px;
}

.c-gap-30 {
    column-gap: 30px;
}

.c-gap-35 {
    column-gap: 35px;
}

.c-gap-40 {
    column-gap: 40px;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.p-fixed {
    position: fixed;
}

.inset-0 {
    inset: 0;
}

.translate-xy50 {
    translate: -50% -50%;
    left: 50%;
    top: 50%;
}

.translate-x50 {
    translate: -50% 0;
    left: 50%;
}

.translate-y50 {
    translate: 0 -50%;
    top: 50%;
}

.l-0 {
    left: 0;
}

.r-0 {
    right: 0;
}

.t-0 {
    top: 0;
}

.b-0 {
    bottom: 0;
}

.z-5 {
    z-index: 5;
}

.z-10 {
    z-index: 10;
}

.z-15 {
    z-index: 15;
}

.z-20 {
    z-index: 20;
}

.z-100 {
    z-index: 100;
}

.z-999 {
    z-index: 999;
}

.opacity-0 {
    opacity: 0;
}

.opacity-0\.5 {
    opacity: 0.5;
}

.o-hidden {
    overflow: hidden;
}

.links-inside-flex a {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.mt-auto {
    margin-top: auto;
}

.mb-auto {
    margin-bottom: auto;
}

.btn-smaller {
    --ui-elem-height: 30px;
    font-size: 12px;
    padding: 0 10px;
}

.btn-bigger {
    --ui-elem-height: 50px;
    --ui-elem-padding: 40px
}

.btn-square {
    aspect-ratio: 1 / 1;
    padding: 0;
}

.btn-rounded {
    border-radius: calc(var(--ui-elem-height)/2);
}

.btn-border {
    background: none;
    border: 1px solid var(--bdc);
    color: var(--accent);
}

.btn-nobg {
    background: none;
    color: var(--tt);
    box-shadow: none;
}

.btn-fade {
    background-color: var(--bg-darker);
    color: var(--tt-fade);
}

.d-block {
    display: block;
}

.ratio-3-2 {
    aspect-ratio: 3 / 2;
}

.ratio-2-3 {
    aspect-ratio: 2 / 3;
}

.ratio-1-1 {
    aspect-ratio: 1 / 1;
}

.bdrs-3 {
    border-radius: 3px;
}

.bdrs-6 {
    border-radius: 6px;
}

.bdrs-10 {
    border-radius: 10px;
}

.bdrs-50 {
    border-radius: 50%;
}

.w-100 {
    width: 100%;
}

.img-overlay-icon::before {
    position: absolute;
    inset: 0;
    z-index: 5;
    border-radius: inherit;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 24px;
    display: grid;
    place-items: center;
}

.hidden,
.d-none,
.full-text .quote+br,
#category option:empty,
.ui-helper-hidden-accessible:empty,
#related_news:empty,
#result-registration:empty,
.info br,
#fullsearch+form .mass_comments_action,
.bb-sep,
.bb-pane>.clr {
    display: none;
}

.login__social:has(.login__social-caption:last-child),
.serv__social:has(.serv__subtitle:last-child) {
    display: none;
}

.anim,
button,
.btn,
a,
.anim-before::before,
.anim-after::after {
    transition: color 0.3s, background-color 0.3s, opacity 0.3s, box-shadow 0.3s,
        transform 0.3s, border-color 0.3s, scale 0.3s, rotate 0.3s, translate 0.3s;
}

@font-face {
    font-family: 'inter';
    src: url('../webfonts/inter-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'inter';
    src: url('../webfonts/inter-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'inter';
    src: url('../webfonts/inter-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'inter';
    src: url('../webfonts/inter-800.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

.bg-main {
    background-color: var(--bg);
}

.bg-darker {
    background-color: var(--bg-darker);
}

.bg-darkest {
    background-color: var(--bg-darkest);
}

.bg-black {
    background-color: var(--bg-black);
}

.tt-main {
    color: var(--tt);
}

.tt-fade-0 {
    color: var(--tt-fade-0);
    --tt: var(--tt-fade-0);
}

.tt-fade {
    color: var(--tt-fade);
    --tt: var(--tt-fade);
}

.tt-fadest {
    color: var(--tt-fadest);
    --tt: var(--tt-fadest);
}

.tt-black {
    color: var(--tt-black);
    --tt: var(--tt-black);
}

.fs-regular {
    font-size: 14px;
}

.fs-smaller {
    font-size: 12px;
}

.fs-bigger {
    font-size: 16px;
}

.fs-bigger-1 {
    font-size: 18px;
    line-height: 1.3;
}

.fs-biggest {
    font-size: 24px;
}

.fw-bolder {
    font-weight: 500;
}

.fw-bolder-1 {
    font-weight: 600;
}

.fw-boldest {
    font-weight: 700;
}

@media (hover: hover) and (pointer: fine) {
    a:hover {
        color: var(--tt);
        text-decoration: none;
    }

    button:hover,
    .btn:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    .pmessages__links a:hover,
    .qq-upload-button:hover,
    .us__btn a:hover,
    .plupload_button:hover,
    #searchsuggestions span.seperator a:hover {
        background-color: var(--ui-bg-btn-hover);
        color: var(--ui-tt-btn);
        border-color: var(--ui-bg-btn-hover);
    }

    .ui-dialog-titlebar-close:hover,
    .login__close:hover,
    .trl__close:hover {
        background-color: var(--ui-red);
        color: var(--tt-btn);
    }

    .xfieldimagegallery a:hover,
    .comments-image-gallery a:hover {
        opacity: 0.8;
    }

    .fs-result:hover {
        background-color: var(--ui-bg-darker);
    }

    .header__btn:hover,
    .page__fav a:hover,
    .header__btn1:hover,
    .sect__btn:hover,
    .search-block__btn:hover {
        background: none;
        color: var(--accent);
    }

    .header__login a:hover,
    .footer__menu a:hover,
    .speedbar a:hover,
    .sect__link:hover,
    .item__meta a:hover,
    .feature:hover .feature__title {
        text-decoration: underline;
    }

    .sb-menu a:hover {
        background-color: rgba(0, 0, 0, 0.1)
    }

    .item-category:hover * {
        color: #fff;
    }

    .item-category:hover {
        background-color: var(--accent);
    }

    .item-category:hover .item-category__img {
        rotate: 0deg;
    }

    .sb-menu li:hover .sb-menu__hidden {
        display: grid;
    }

    .header__ava:hover {
        opacity: 0.8;
    }

    .sorter a:hover,
    .header__login-menu a:hover,
    a.login__title:hover,
    .comm__footer a:hover,
    .comm__author a:hover,
    .page__list a:hover,
    .page__tech a:hover,
    .page__complaint a:hover {
        text-decoration: underline;
    }

    .pagination a:hover,
    .comm__rating a:hover,
    .page__likes a:hover,
    .page__tags a:hover,
    .item__btn-info:hover {
        background-color: var(--accent);
        color: #fff;
    }

    .img-mask-icon:hover::before {
        opacity: 1;
        transform: scale(1, 1);
    }

    .sb-menu a:hover::after {
        transform: scale(1, 1);
    }

    .sb-menu a:hover {
        color: var(--tt);
    }

    .sh__ctrl>a:hover,
    .page__complaint a:hover {
        border-color: var(--accent);
    }

    .sh:hover {
        z-index: 10;
    }

    .grid1 .sh:hover .sh__img {
        border: 10px solid var(--bg-darker);
    }

    .grid1 .sh:hover .sh__desc {
        visibility: visible;
        opacity: 1;
    }

    .page__tooltip:hover .page__tooltip-info {
        visibility: visible;
        opacity: 1;
        transform: translate(-50%, 0px);
    }

    .page__add-to-list-list button:hover {
        color: var(--accent);
    }

    .item:hover .img-overlay-icon::before {
        opacity: 1;
    }

    .item:hover .item__rating,
    .item:hover .item__btn-info {
        opacity: 1;
        scale: 1 1;
        transition-delay: 0.1s;
    }

    .page__tooltip:hover .page__tooltip-info,
    .page__list-info:hover .page__tooltip-info {
        visibility: visible;
        opacity: 1;
        transform: translate(-50%, 0px);
    }

    @media screen and (max-width: 590px) {

        .page__tooltip:hover .page__tooltip-info,
        .page__list-info:hover .page__tooltip-info {
            transform: translate(0%, 0px);
        }
    }
}


.dt {
    --bg: #1c1c1c;
    --bg-darker: #141414;
    --bg-darkest: #2a2631;
    --bg-black: #25222b;
    --tt: #eee;
    --tt-fade-0: #d8d4d4;
    --tt-fade: #c7e2ff;
    --tt-fadest: #e0e0e0;
    --tt-black: #fff;
    --bdc: rgba(0, 0, 0, 0.4);
    --bsh: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    --accent: #79b5f5;
    --ui-bg-btn: #79b5f5;
    --ui-tt-btn: #fff;
    --ui-bg-btn-hover: #5084bb;
    --ui-bg-inp: #2e2a36;
    --ui-bdc-inp: rgba(0, 0, 0, 0.4);
    --ui-bdc-inp-focus: #79b5f5;
    --ui-bg: #383342;
    --ui-bg-darker: #2e2a36;
    --ui-bg-darkest: #2a2631;
    --ui-accent: #3d95ee;
    --ui-bdc: rgba(0, 0, 0, 0.4);
    --ui-tt-fade: #b3acc2;
    --ui-bsh: 0 12px 40px rgba(0, 0, 0, 0.4);
    --ui-bsh-inset: inset 1px 2px 5px rgba(0, 0, 0, 0.3);
    --ui-gradient: linear-gradient(to bottom, #5c4f68, #352d3c);
    --ui-bg-black: #221f27;
    --ui-bg-attention: #46413d;
    --ui-bd-attention: #b67006;
}

.dt select:not([multiple]) {
    background-image: url(../dleimages/chevron-down-light.svg);
}

.dt .header {
    background-color: rgba(34, 31, 39, 0.8);
}

.dt .sidebar1 {
    border: 0;
}

.dt .header__login-menu {
    --tt: #eee;
    color: #eee;
}

.descr ul li::before {
    font-weight: 300;
    font-family: 'Font Awesome 5 Pro';
}