.comment-item__rating a:hover>span:first-child,.comment-item__rating a>span:first-child,.footer__feedback,.full-text a,.header__menu li a,.hide a:hover,.login__caption a,.login__title a,a,a:focus,a:hover {
    text-decoration: none
}

.appattach,.attach,.full-text,.razmer,pre {
    word-wrap: break-word
}

#dle-content22,.d-grid,.grid-1 #dle-content {
    grid-auto-flow: row dense;
    grid-auto-flow: row dense
}

a,a:focus,a:hover,body {
    color: var(--bodytextcolor)
}

body,select:not([multiple]) {
    background-repeat: no-repeat
}

.theme-dark,.theme-light {
    --header: #1f252d;
    --bg1: #282f3a;
    --logocapt: #dff0ff
}

.theme-light {
    
    --bg1: #455368;
    
}

.anons,.attach,.fa-fw,.fa-li,.fa-stack-1x,.fa-stack-2x,.footer,.footer__copyright,.item-screenstop,.login__menu a,.login__row .fal,.login__social,.main-item__label,.mobile-menu-close,.nav-load,.pagination,.torrentrep,.usp-popup__left,.usp__left,figure.image figcaption {
    text-align: center
}

.clamping,.line-clamp,.related-item__title,.sr-only,.ws-nowrap {
    overflow: hidden
}

.page__related1 li a,.ws-nowrap {
    text-overflow: ellipsis;
    white-space: nowrap
}

*,.shinered,.ui-dialog {
    box-sizing: border-box
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.clouds_xsmall,.fa-1x {
    font-size: 1em
}

.fa-2x,.fa-stack-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.bb-pane,.bbpane,.clamping,.content,.dle-captcha,.fa-ul>li,.header__search,.highslide-controls ul,.img-box,.img-fit-cover,.img-responsive,.img-wide,.logo,.quote,.unit-rating,.unit-rating li,.user_selection .closewrap,.user_selection_true .closewrap,.usp__columns,.usp__list li,.vote label {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

#b_font select,#b_size select,*,.search,.sr-only,body {
    padding: 0
}

.fa-pull-left,figure.align-left {
    float: left
}

.fa-pull-right,figure.align-right {
    float: right
}

.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right {
    margin-left: .3em
}

*,.ctrl .sharelogo-btns,body,figure {
    margin: 0
}

.fa-spin {
    -webkit-animation: 2s linear infinite fa-spin;
    animation: 2s linear infinite fa-spin
}

.fa-pulse {
    -webkit-animation: 1s steps(8) infinite fa-spin;
    animation: 1s steps(8) infinite fa-spin
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,.fa-stack-2x {
    left: 0;
    position: absolute;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\f26e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-user:before {
    content: "\f007"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-pencil-paintbrush:before {
    content: "\f618"
}

.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-file-alt:before {
    content: "\f15c"
}

.fa-comments:before {
    content: "\f086"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-times:before {
    content: "\f00d"
}

.fa-cog:before {
    content: "\f013"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-heart:before {
    content: "\f004"
}

.fa-plus:before {
    content: "\f067"
}

.fa-abacus:before {
    content: "\f640"
}

.fa-download:before {
    content: "\f019"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-search:before {
    content: "\f002"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-star:before {
    content: "\f005"
}

.fa-clock:before {
    content: "\f017"
}

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

.sr-only-focusable:active,.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff")
}

.fab {
    font-family: 'Font Awesome 5 Brands'
}

.fa,.fal,.far,.fas,.message-info::before,.quote::before,.ui-icon-closethick:before {
    font-family: 'Font Awesome 5 Pro'
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../webfonts/fa-light-300.woff2) format("woff2"),url(../webfonts/fa-light-300.woff) format("woff")
}

.fal {
    font-weight: 300
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff")
}

.far,.mailru,.rating-vote__count,th.monthselect b {
    font-weight: 400
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff")
}

.fa,.fas {
    font-weight: 900
}

span.fal.fa-clock {
    width: 15px;
    height: 18px;
    margin-top: 1px
}

.fa-bars:before {
    content: "\f0c9"
}

:root {
    --bg-2: #f7f8f9;
    --bg-3: #2d2f31;
    --bg-4: #e5e7e8;
    --tt: #4B4B4B;
    --tt-2: #7a7a7a;
    --tt-3: #2D2F31;
    --tt-4: #9B9FA2;
    --tt-5: #5D8FA8;
    --tt-6: #C9C9C9;
    --bdc: #D9DADB;
    --accent: #6ab04c;
    --accent-darker: #465a21;
    --ui-bg: #464f5f;
    --ui-bg-darker: #f7f7f7;
    --ui-bg-accent: #8bc34a;
    --ui-tt-on-accent: #fff;
    --indent-negative: -30px;
    --indent: 30px;
    --maximum-width: 1000px
}

* {
    background: #fff0;
    outline: 0;
    border: 0
}

head {
    overflow-y: scroll;
    overflow: auto
}

.mobile-menu,body {
    overflow-x: hidden
}

@media screen and (min-width: 960px) {
    html {
        margin-left:calc(100vw - 101%);
        margin-right: 0
    }
}

::-webkit-scrollbar {
    width: 8px
}

ol,ul {
    list-style: none
}

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

.xfields input,.xprofile input,embed,frame,iframe,img,object,table,video {
    max-width: 100%
}

body {
    font: 400 15px 'IBM Plex Sans',sans-serif;
    min-height: 100%;
    width: 100%;
    background-image: url('/templates/mania-igruha/images/bg.webp');
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    background-color: var(--bg1);
    background-blend-mode: overlay
}

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

h4 {
    font-weight: 400;
    font-size: 17px
}

.archives b,.bolder,.day-active,.day-active-v,.hljs-strong,.weekday-active,.weekday-active-v,b,strong {
    font-weight: 700
}

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

.btn,.form__btn,.pm__links a,.qq-upload-button,.usp__btn a,button,input[type=button],input[type=reset],input[type=submit] {
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    padding: 4px 20px 4px 16px;
    height: 42px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: var(--formbtn);
    color: var(--whitetext);
    border-radius: 3px;
    box-shadow: none
}

.save-buttons {
    margin-top: 14px
}

.btn:hover,.form__btn:hover,.pm__links a:hover,.qq-upload-button:hover,.usp__btn a:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {
    background-color: var(--fullbuttonhover);
    color: var(--whitetext)
}

button:active,input[type=button]:active,input[type=submit]:active {
    box-shadow: inset 0 1px 4px 0 rgb(0 0 0 / .1)
}

.color-btn,[class*=fr],[class*=owl-],[class*=plyr],[id*=mceu] {
    padding: 0;
    margin: 0;
    line-height: normal;
    border: 0;
    box-shadow: none;
    background: 0 0;
    border-radius: 0
}

input[type=password],input[type=text] {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 15px
}

select {
    height: 40px;
    padding: 0 15px;
    display: block
}

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

select option {
    padding: 6px 10px
}

.bb-pane-dropdown .color-palette,select[multiple] {
    padding: 0 5px
}

textarea {
    padding: 15px;
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

input[type=password],input[type=text],select,textarea {
    width: 100%;
    background-color: var(--textareabg);
    color: var(--inputtext);
    box-shadow: var(--inputbox)
}

input[type=password]:focus,input[type=text]:focus,textarea:focus {
    box-shadow: inset 0 0 0 1px var(--accent),inset 1px 2px 5px rgb(0 0 0 / .1)
}

.header,.img-responsive--portrait {
    box-shadow: 0 1px 3px rgba(0,0,0,.25)
}

input::placeholder,textarea::placeholder {
    color: var(--inputtext);
    opacity: .4;
    font-size: 13px
}

input:focus::placeholder,textarea:focus::placeholder {
    color: #fff0
}

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

.img-responsive--portrait {
    padding-top: 150%
}

.img-box>img,.img-fit-cover img,.img-responsive>img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.25)
}

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

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

.clr {
    clear: both
}

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

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

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

#dle-content,.d-flex,.fx-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

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

.fx-row,.jc-space-between {
    justify-content: space-between
}

#dle-content,.fx-start,.jc-flex-start {
    justify-content: flex-start
}

.fx-center,.jc-center {
    justify-content: center
}

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

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

.ai-center,.fx-middle,.speedbar {
    align-items: center
}

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

.order-first {
    order: -1
}

.order-last {
    order: 10
}

.flex-grow-1,.fx-1,.stretch-free-width {
    flex: 1 1 0%;
    width: 100%;
    line-height: 1.5;
    word-wrap: break-word;
    clear: both;
    max-width: 730px
}

.btn-icon,.centered-content {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.fbutton,.icon-at-left [class*=fa-],.icon-left .icon {
    margin-right: 10px
}

.icon-at-right [class*=fa-],.icon-right .icon {
    margin-left: 10px
}

#dofullsearch,.add-comments-form .d-none,.comment-item__main .quote+br,.comments_subscribe+br,.d-none,.form__header .form__btn,.grid-1 .main-item::before,.grid-2 .main-item__desc>*,.hidden,.item-screenstop .highslide+br,.nav-load span,.pagination__pn,.vote input {
    display: none
}

#scrolltop,#scrolltop .fal,.animated-element,.btn,a img {
    transition: .3s
}

#dle-content,#dle-content>:not(.grid-item) {
    width: 100%;
    max-width: 760px
}

#scrolltop .fal,.sunimg,.sunimgdiv {
    width: 30px;
    height: 30px
}

#dle-content22,.d-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    grid-gap: 30px 30px
}

.themetext,.themetext1,.themetext2 {
    font-family: "Arial Black",Gadget,sans-serif;
    font-size: 12px;
    display: inline-flex;
    text-transform: uppercase;
    font-weight: 700
}

#dle-content22>:not(.grid-item),.grid-1 #dle-content>:not(.main-item) {
    grid-column: 1/-1
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url(../webfonts/ibm-plex-sans-400.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url(../webfonts/ibm-plex-sans-500.woff2) format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url(../webfonts/ibm-plex-sans-700.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.theme-light {
    --downloadbuttonhover23: #47aedc;
    --downloadbuttonhover2: #03A9F4;
    --postonie: #05a7bc;
    --postonieobvod: #f4f0f0;
    --img-fit-cover: 0.96;
    --uistateerror: #fef1ec;
    --logincaption: #212020;
    --headerbg: #3f3457;
    --bg: #3f3457;
    --bodytextcolor: #131313;
    --whitetext: #fff;
    --headinput: #fff;
    --contentbg: #f8f8f8;
    --mainitembg: #f8f8f8;
    --verticalline: #8bc34a;
    --widgetbg: #f8f8f8;
    --widgettitle: #222;
    --metaviewerbg: #ebf6fa;
    --metaviewercolor: #116894;
    --metacommentbg: #eeffeb;
    --metacommentcolor: #319222;
    --sortbg: #fdfbfb;
    --sortbgbrown: #8bc34a;
    --widgetlistcolor: #444;
    --navbuttonbg: #8bc34a;
    --navbuttonbg2: #fff;
    --navbutton2border: #d9dadb;
    --navbuttonbghover: #5d8fa8;
    --clamping: #f8f8f8;
    --sorterform: #fff;
    --searchbutton: #111;
    --fullpgtext: #353535;
    --fullbuttonbg: #f8f8f8;
    --fullbuttontext: #116894;
    --fullbuttonhover: #5d8fa8;
    --fullrazmertext: #555;
    --downloadbutton: #73c150;
    --downloadbuttonhover: #68b048;
    --lazydevbg: #ebf6fa;
    --subscr-btn: #56c32f;
    --repackhr: #f8e6e6;
    --formbg: #fff;
    --formbtn: #26b858;
    --formcheckbox: #eee;
    --formcheckbox2: #fff;
    --textareabg: #fff;
    --textareaborder: #e3e3e3;
    --bbpane: #fff;
    --bbpaneborder: #e3e3e3;
    --bbpanebg2: #f8f8f8;
    --bb-btn: #444;
    --bb-btnhover: #e3e3e3;
    --navbg: #fff;
    --loginbg: #fff;
    --loginbg2: #f7f7f7;
    --loginborder: 0 0 0 0px rgb(255 255 255 / 20%),0 15px 45px rgb(0 0 0);
    --updateborder: #f98b8b;
    --updatebg: #ebf6fa;
    --updateborder2: #ebf6fa;
    --spoilerbg: #f0f0f0;
    --spoilerbrd: #e3e3e3;
    --inputtext: #000;
    --sorthover: #f5f5f5;
    --searchfullbg: #ebf6fa;
    --searchmessagebg: #fff3e0;
    --searchmessagecolor: #5c5c5c;
    --searchmessageborder: #ff9800;
    --inputbox: inset 0 0 0 1px #e3e3e3,inset 1px 2px 5px rgb(0 0 0 / 10%);
    --profileheader: #26b858;
    --profileuibg: #fff;
    --profilestatusoff: #eb4d4b;
    --searchpopbg: #fff;
    --searchpopbghover: #f7f7f7;
    --quotecommhd: #f1ebdf;
    --quotecomm: #f9f2e8;
    --quotecommhdtxt: #958971;
    --quotecommtxt: #5a4f3e;
    --quotecommborder: #ffc500;
    --scrollbar: #4d5c6f;
    --scrollbarcorner: #bcc1c1;
    --scrollbarthumb: #657283;
    --pmlimitbg: #eee;
    --pmbg: #f2f6f9;
    --pmbgh: #cee0ed;
    --pmborder: #cee0ed;
    --sectheader1: #d78205;
    --sorterhover: rgb(0 0 0 / 35%);
    --sorterh: rgb(220 224 229)
}

.theme-dark {
    --downloadbuttonhover23: #3280a2;
    --downloadbuttonhover2: #0785be;
    --postonie: #00bcd4;
    --postonieobvod: #353d4a;
    --img-fit-cover: 0.92;
    --uistateerror: #313843;
    --logincaption: #a9b4ae;
    --headerbg: #232830;
    --bg: #232830;
    --bodytextcolor: #bfbfbf;
    --whitetext: rgb(232,230,227);
    --headinput: #313843;
    --contentbg: #313843;
    --mainitembg: #313843;
    --verticalline: #078e3b;
    --widgetbg: #313843;
    --widgettitle: #d3cfc9;
    --metaviewerbg: #353d4a;
    --metaviewercolor: #16b0c3;
    --metacommentbg: #353d4a;
    --metacommentcolor: rgb(126,222,111);
    --sortbg: #384150;
    --sortbgbrown: #719331;
    --widgetlistcolor: #bfbfbf;
    --navbuttonbg: #078e3b;
    --navbuttonbg2: rgb(60 68 82);
    --navbutton2border: rgb(58,63,66);
    --navbuttonbghover: rgb(70,110,130);
    --clamping: rgb(28,30,31);
    --sorterform: #384150;
    --searchbutton: rgb(137 135 133);
    --fullpgtext: #bfbfbf;
    --fullbuttonbg: #353d4a;
    --fullbuttontext: rgb(185,185,185);
    --fullbuttonhover: rgb(70,110,130);
    --fullrazmertext: #b2bfbf;
    --downloadbutton: rgb(85,139,36);
    --downloadbuttonhover: rgb(107 161 56);
    --lazydevbg: #353d4a;
    --subscr-btn: rgb(69,156,38);
    --repackhr: #2e3233;
    --formbg: #353d4a;
    --formbtn: #16883d;
    --formcheckbox: #3b4350;
    --formcheckbox2: rgb(44,51,63);
    --textareabg: #313843;
    --textareaborder: rgb(40 43 45);
    --bbpane: rgb(44,51,63);
    --bbpaneborder: rgb(51,51,51);
    --bbpanebg2: rgb(44,51,63);
    --bb-btn: rgb(189,183,175);
    --bb-btnhover: rgb(40,43,45);
    --navbg: #313843;
    --loginbg: #343d4b;
    --loginbg2: #292f3a;
    --loginborder: rgb(24 26 27 / 20%) 0px 0px 0px 10px,rgb(0 0 0) 0px 15px 45px;
    --updateborder: #d21153;
    --updatebg: #353d4a;
    --updateborder2: #353d4a;
    --spoilerbg: #373f4c;
    --spoilerbrd: #424b5b;
    --inputtext: rgb(232,230,227);
    --sorthover: rgb(30,32,33);
    --searchfullbg: #353d4a;
    --searchmessagebg: rgb(70,43,0);
    --searchmessagecolor: rgb(174,167,156);
    --searchmessageborder: rgb(179,106,0);
    --inputbox: rgb(67,80,99) 0px 0px 0px 1px inset,rgb(0 0 0 / 10%) 1px 2px 5px inset;
    --profileheader: #485264;
    --profileuibg: #3c4554;
    --profilestatusoff: rgb(154,19,17);
    --searchpopbg: #384150;
    --searchpopbghover: #525252;
    --quotecommhd: #3c4452;
    --quotecomm: #2c323c;
    --quotecommhdtxt: rgb(154,145,132);
    --quotecommtxt: rgb(184,178,169);
    --quotecommborder: rgb(179,138,0);
    --scrollbar: #232830;
    --scrollbarcorner: #131516;
    --scrollbarthumb: #3b4350;
    --pmlimitbg: #2b313b;
    --pmbg: #394251;
    --pmbgh: #2c3440;
    --pmborder: #3e4756;
    --sectheader1: #ceb38a;
    --sorterhover: rgb(255 255 255);
    --sorterh: rgb(81 88 98)
}

::-webkit-scrollbar {
    background-color: var(--scrollbar);
    color: #ada69a
}

::-webkit-scrollbar-corner {
    background-color: var(--scrollbarcorner)
}

::-webkit-scrollbar-thumb {
    background-color: var(--scrollbarthumb)
}

.sunimgdiv {
    cursor: pointer
}

.themetext {
    color: var(--themetext);
    margin-left: 20px;
    margin-top: 18px
}

.themetext1 {
    color: var(--themetext1)
}

.themetext2 {
    color: #ffa600;
    margin-left: 4px
}

.footer,.header {
    color: var(--whitetext)
}

.popularmain1 {
    margin-bottom: 18px;
    font-size: 18px;
    margin-top: 10px
}

.speedbar {
    display: flex;
    gap: 8px
}

.wrapper {
    min-width: 320px;
    position: relative
}

.wrapper-container {
    max-width: 1125px;
    margin: 0 auto;
    position: relative;
    z-index: 20
}

.header {
    padding-top: 9px;
    padding-bottom: 11px;
    background-color: var(--header);
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100
}

.content {
    background-color: var(--contentbg);
    margin: 10px 7px 30px;
    padding: 37px 50px;
    z-index: 10;
    min-height: 100vh;
    border-radius: 6px;
    box-shadow: 0 0 40px rgba(0,0,0,.25)
}

.footer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 15px;
    background-color: #1f252d;
    gap: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,.25)
}

.footer__feedback,.nav {
    box-shadow: 0 2px 4px rgb(0 0 0 / .06)
}

.footer__copyright {
    flex: 1 1 100%;
    font-size: 14px
}

.footer__feedback {
    background: #34495e;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    transition: background .3s
}

.footer__feedback:hover {
    background: #3b5998
}

.col-sidebar {
    margin-left: 40px;
    margin-top: 0;
    width: 240px
}

.nav {
    background-color: var(--navbg);
    margin: -40px -80px 40px;
    padding: 0 80px 40px;
    border-radius: 10px 10px 0 0;
    display: none
}

#scrolltop {
    position: fixed;
    width: 35px;
    height: 100%;
    left: -60px;
    top: 0;
    z-index: 990;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff0;
    opacity: 0
}

#scrolltop .fal {
    border-radius: 50%;
    background-color: #ed913c;
    color: var(--whitetext);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

#scrolltop:hover {
    background-color: rgb(0 0 0 / .1)
}

#marker-bar.show,#scrolltop:hover .fal,#txtselect_marker.show,.DLEPush-notification .DLEPush-close:hover {
    opacity: 1
}

#scrolltop.is-active {
    opacity: 1;
    left: 0
}

.logo {
    margin-right: 17px;
    padding-left: 60px;
    text-transform: uppercase;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    height: 44px;
    width: 264px;
    margin-left: 2px
}

.logo:hover>.logo__title {
    color: #f8f8f8;
    transition: .3s;
    text-shadow: 0 0 6px #28b8f9
}

.logo:hover>.logo__caption {
    color: #f8f8f8;
    transition: .3s;
    text-shadow: 0 0 10px #28b8f9
}

.page__poster .page__fav-btn--off .page__fav-icon,.theme-dark .page__poster .page__fav-btn--off .page__fav-icon,body.dark .page__poster .page__fav-btn--off .page__fav-icon {
    color: rgba(255,255,255,.95)
}

.logo::before {
    background: url(../images/logo.webp) center center/46px no-repeat #fdfdfd;
    content: "";
    position: absolute;
    left: 6px;
    top: 1px;
    width: 46px;
    height: 45px;
    border-radius: 3px;
    mix-blend-mode: color-dodge;
    filter: brightness(.95);
    transition: transform .3s,box-shadow .3s,filter .3s
}

.logo:hover::before {
    transform: scale(1.07);
    box-shadow: 0 0 8px rgb(51 220 108)
}

.logo__title {
    font-size: 18.5px;
    font-weight: 700;
    color: var(--whitetext)
}

.logo__caption {
    color: var(--logocapt);
    font-size: 10.3px
}

.footer__logo .logo__title {
    color: #333
}

.footer__logo .logo__caption {
    color: #999
}

.header__search {
    margin-right: 46px;
    margin-left: 0
}

.header__search input,.header__search input:focus {
    padding: 0 60px 0 20px;
    border-radius: 4px;
    box-shadow: 0 0 6px #424040;
    background-color: var(--headinput);
    line-height: 46px
}

.header__search input:not(:focus)::placeholder {
    color: #999;
    opacity: 1;
    font-size: 15px
}

.header__search button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    background: 0 0;
    color: var(--searchbutton);
    font-size: 18px;
    height: 41px;
    width: 48px
}

.footer__feedback,.header__btn-login {
    padding: 0 10px;
    margin-right: 7px
}

.footer__feedback,.header__btn-login,.header__menu li a,.header__menu li>span {
    margin-left: 17px;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 28px;
    color: var(--whitetext);
    text-transform: uppercase;
    font-weight: 500
}

.header__btn-login {
    color: #fff;
    transition: box-shadow .3s
}

.header__btn-login:hover {
    box-shadow: 0 0 10px rgba(0,255,255,.6)
}

.header__menu li a {
    transition: text-shadow .3s
}

.header__menu li a:hover {
    text-shadow: 0 0 6px #00f7ff;
    text-decoration: none
}

.footer__feedback .fal,.header__btn-login .fal,.header__menu .fal {
    margin-right: 8px;
    vertical-align: middle
}

.header__menu a:hover,.header__menu span:hover {
    color: var(--whitetext);
    text-decoration: underline
}

.footer__feedback {
    background-color: #2d343e
}

.sidebar-block__title {
    padding-left: 10px;
    border-left: 4px solid #b99d61;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 25px;
    position: relative;
    margin-top: 30px;
    display: inline-table
}

.sidebar-block__titletop {
    margin-top: 12px
}

.new-items a {
    line-height: 1.4;
    margin-bottom: 20px;
    position: relative;
    height: 80px;
    padding-left: 100px
}

.new-items a small {
    color: #999;
    margin-top: 5px
}

.new-item__img {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0
}

.new-items li:last-child .new-item {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0
}

.activation-chip__link:hover,.archives:hover,.article-film-title:hover,.comment-item__footer a:hover,.full-text a:hover,.hide a,.hljs-link,.home-activation__title-link:hover,.new-items a:hover div,.page__related li a:hover .related-item__title,a.main-item__title:hover {
    text-decoration: underline
}

.full-text>ol,.new-items {
    counter-reset: num
}

.nav__tabs+.col-sidebar .sidebar-block__title {
    height: 81px;
    padding: 0 80px 0 0;
    margin-right: -80px;
    border-bottom: 1px solid #e6e6e6;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 80px;
    text-align: right
}

.nav__tabs .sidebar-block__title {
    margin-left: -80px;
    margin-right: -40px;
    padding-left: 80px;
    padding-bottom: 0;
    border-bottom: 1px solid #e6e6e6
}

.nav__tabs-select .set,.nav__top-link {
    height: 30px;
    padding: 0 10px;
    border-radius: 3px
}

.nav__tabs-select li {
    margin: 0 40px 0 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    color: #999;
    display: flex;
    align-items: center;
    padding-top: 2px;
    cursor: pointer;
    border-bottom: 2px solid #fff0;
    height: 80px
}

.nav__tabs-select li.current {
    border-bottom: 2px solid #ed913c;
    color: #333
}

.nav__tabs-select li:hover {
    border-color: #333
}

.nav__tabs-select .set {
    position: absolute;
    right: 40px;
    top: 25px;
    margin: 0;
    background-color: #ebf6fa;
    color: #116894
}

.nav__top-link {
    line-height: 30px;
    background-color: #eeffeb;
    color: #319222;
    margin-top: 0;
    font-size: 15px;
    text-transform: uppercase
}

.nav__top-link:hover {
    background-color: #ed913c;
    color: var(--whitetext)
}

.nav__list {
    margin-bottom: -10px
}

.nav__list li {
    margin-bottom: 10px;
    width: 24%
}

.nav__list a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    white-space: nowrap
}

.nav__list--bg li {
    width: 47.6%
}

.full-text table,.nav__list--bg li:first-child,.video-inside>* {
    width: 100%
}

.nav__list--bg li:first-child a {
    background-color: #eeffeb;
    color: #319222;
    border-color: #eeffeb
}

.nav__list a:hover {
    background-color: var(--verticalline);
    border-color: var(--verticalline);
    color: var(--whitetext)
}

.speedbar {
    position: relative;
    margin: 10px 0 0;
    padding: 4px 16px 4px 28px;
    font-size: 13px;
    color: #bfbfb3;
    text-transform: uppercase
}

.speedbar__icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #ff4b6b;
    box-shadow: 0 0 0 2px rgba(255,75,107,.25)
}

.speedbar a {
    color: #9d9d9d;
    text-decoration: none;
    transition: color .2s;
    white-space: nowrap
}

.speedbar a:hover {
    color: #26b858
}

.speedbar a:not(:last-child)::after {
    content: none
}

@media (max-width: 480px) {
    .speedbar {
        padding:4px 10px 4px 24px;
        font-size: 12px;
        text-transform: none
    }

    .speedbar__icon {
        left: 8px;
        width: 7px;
        height: 7px;
        border-width: 1.5px;
        box-shadow: 0 0 0 1.5px rgba(255,75,107,.25)
    }
}

.site-desc {
    margin-bottom: 55px;
    line-height: 1.5;
    padding-left: 20px;
    border-left: 3px solid var(--verticalline);
    margin-top: 41px
}

.clamp-btn,.full-text>ol li+li,.full-text>ul li+li,.site-desc img,.site-desc p+p,.tags_more,.usp__btn+.usp__btn,.vcount,.xfields .bb-editor,.xfields .wseditor {
    margin-top: 10px
}

.site-desc h1 {
    font-size: 19px;
    margin-bottom: 12px
}

.site-desc p {
    font-size: 14px;
    color: #999;
    line-height: 1.6
}

.clamping::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(to top,var(--clamping) 0,transparent 100%)
}

.clamp-btn {
    cursor: pointer;
    display: inline-block;
    color: #40739e;
    margin-bottom: 10px;
    margin-left: auto
}

.main-item__added,.main-item__label {
    z-index: 10;
    color: #fff;
    text-transform: uppercase;
    position: absolute
}

.sharelogo-btns {
    margin-bottom: 40px;
    margin-top: -16px
}

.sect__header {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 18px;
    margin-top: 14px;
    text-transform: uppercase
}

.sect__header span {
    color: #ed913c
}

.sect:not(:last-child) {
    margin-bottom: 15px
}

#searchsuggestions a,#searchsuggestions span,#share-popup .link a,.grid-1 .main-item,.highslide-display-block,.main-item__img {
    display: block
}

.main-item__label {
    left: 4px;
    top: 4px;
    background-color: #44bd32;
    padding: 1px 7px;
    font-size: 13px;
    border-radius: 3px
}

.main-item__added {
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top,#000 0,transparent 100%);
    padding: 29px 16px 16px;
    font-size: 12px;
    border-radius: 4px
}

.main-item__added div {
    color: #c2ecbc;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 5px
}

.full-text>.highslide img[style*=left],.full-text>img[style*=left],.main-item__meta li {
    margin: 0 10px 10px 0
}

.main-item__desc,.related-item__img {
    position: relative;
    z-index: 1
}

.main-item__title {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 20px;
    font-family: Roboto,system-ui
}

.main-item__meta li {
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    font-size: 12px
}

.main-item__meta-bg {
    background-color: var(--metaviewerbg);
    color: var(--metaviewercolor);
    padding: 0 10px
}

.main-item__meta-bg--last {
    margin-right: 20px!important
}

.main-item__meta-bg--darker {
    background-color: #c3c4c5;
    color: #fff
}

.main-item__meta-bg--accent {
    background-color: var(--metacommentbg);
    color: var(--metacommentcolor)
}

.main-item__meta-bg--accent-2 {
    background-color: #44bd32;
    color: #fff;
    font-weight: 500
}

.main-item__text {
    -webkit-line-clamp: 4;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 1.6;
    opacity: .66
}

.grid-1 .main-item__title,.related-item__title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.main-item__terms a {
    color: #999;
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
    height: 28px;
    border-radius: 3px;
    margin-right: 10px;
    margin-top: 3px;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 12px;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.img-fit-cover img:active,.main-item__img:active img {
    opacity: var(--img-fit-cover)
}

.top-table a,a.last:hover,a.main-item__title:hover {
    color: #5d8fa8
}

.main-item__terms a:hover {
    background-color: #ed913c;
    border-color: #ed913c;
    color: #fff
}

.pagination {
    padding-top: 21px
}

.pagination__pages a,.pagination__pages span,.pagination__pn a,.pagination__pn span {
    display: inline-block;
    margin: 10px 10px 0 0;
    line-height: 44px;
    background-color: var(--navbuttonbg2);
    font-size: 16px;
    padding: 0 5px;
    min-width: 46px;
    border: 0 solid var(--navbutton2border);
    border-radius: 3px;
    height: 46px;
    box-shadow: 0 2px 4px rgb(0 0 0 / .06);
    transition: .3s
}

.pagination__pages a:hover,.pagination__pages span:not(.nav_ext) {
    background: var(--navbuttonbg);
    color: var(--whitetext);
    border-color: var(--navbuttonbg)
}

.pagination__pn a,.pagination__pn span {
    margin: 10px 0 0 10px;
    border: 0;
    line-height: 32px;
    font-size: 40px;
    background-color: var(--navbuttonbg);
    color: var(--whitetext);
    height: 36px
}

.pagination__pn span {
    background-color: #d9dadb;
    transform: rotate(-180deg)
}

.pagination a:hover {
    background-color: var(--navbuttonbghover);
    border-color: var(--navbuttonbghover);
    color: var(--whitetext)
}

.page__main {
    background-color: var(--mainitembg);
    border-radius: 4px
}

.page__main>h1 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 13px;
    font-family: Roboto,system-ui;
    margin-top: 0
}

.page__age,.page__tags a,.search>div,.stats__latest li {
    margin-bottom: 10px
}

.page__main>h1>span {
    font-size: 15px;
    margin-left: 2px;
    color: #999;
    position: relative;
    top: -1px
}

.page__main>h1 a {
    margin-left: 10px;
    font-size: 14px
}

.page__meta {
    padding-bottom: 0
}

.page__age {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #ed913c;
    font-size: 10px;
    font-weight: 500
}

.page__series-select {
    padding: 20px 20px 0
}

.page__series-select-caption {
    margin-right: 20px;
    color: #999
}

.page__series-select select {
    box-shadow: 0 0 0 1px #e3e3e3;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    font-size: 14px
}

.page__player {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 23px
}

.page__btn-comments,.page__fav a,.page__rating a,.page__tags a {
    height: 36px;
    display: flex;
    align-items: center;
    border-radius: 3px;
    text-transform: capitalize;
    padding: 0 14px;
    margin-right: 10px;
    cursor: pointer;
    background-color: var(--fullbuttonbg);
    box-shadow: 0 2px 4px rgb(0 0 0 / .06);
    transition: .3s
}

.page__activity .fal {
    margin-right: 6px;
    font-size: 18px;
    opacity: .6;
    vertical-align: top
}

.page__activity a:hover,.page__btn-comments:hover,.page__tags a:hover {
    background-color: var(--fullbuttonhover);
    border-color: var(--fullbuttonhover);
    color: var(--whitetext)
}

.page__share,th.monthselect center {
    text-align: right
}

.page__tags a:not(:hover) {
    border-color: #e6e6e6
}

.page__activity {
    position: relative;
    z-index: 10;
    margin-bottom: 8px;
    text-transform: uppercase
}

.page__poster {
    width: 200px;
    margin-bottom: 116px;
    height: 300px;
    border-radius: 3px;
    margin-right: 30px;
    margin-top: 4px
}

.page__cast {
    line-height: 1.6
}

.message-info__title,.page__cast-caption {
    font-weight: 500
}

.page__cast-list a {
    color: #fff;
    border-bottom: 1px dotted #40739e
}

.page__related li {
    width: 162px;
    margin-bottom: 20px;
    line-height: 1.4
}

.related-item__title {
    padding-top: 15px;
    text-align: center;
    display: -webkit-box;
    font-size: 15px
}

.top-table,.top-table small {
    width: 100%;
    font-size: 15px;
    counter-reset: section
}

.top-table {
    background-color: #fff;
    border: 1px solid #e6e6e6
}

.top-table td,.top-table th {
    padding: 10px;
    text-align: center
}

.top-table thead,.top-table tr:nth-child(2n) {
    background-color: #f7f8f9
}

.top-table thead {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px
}

.number {
    counter-increment: section
}

.number::before {
    content: counter(section) " ";
    padding-right: 3px
}

.full-text {
    font-size: 15px;
    color: var(--fullpgtext);
    clear: both
}

.full-text>.highslide img[style*=right],.full-text>img[style*=right] {
    margin: 0 0 10px 10px
}

.full-text>ol li,.full-text>ul li {
    padding-left: 60px;
    position: relative;
    top: 19px
}

.full-text>ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 0 solid #ed913c;
    position: absolute;
    top: 8px;
    left: 33px;
    background: #ed913c
}

.full-text>ol li:before {
    content: counter(num);
    counter-increment: num;
    background-color: #fac40c;
    color: #000;
    position: absolute;
    top: -2px;
    left: 17px;
    width: 24px;
    height: 30px;
    font-size: 14px;
    font-weight: 600;
    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 #fff0;
    border-left-color: #fac40c;
    position: absolute;
    left: 41px;
    top: -2px;
    transform: scale(.66,1.5);
    transform-origin: 0 0
}

.full-text table tr td {
    padding: 10px;
    border: 2px solid #fff
}

.full-text table tr:nth-child(odd) {
    background-color: #f2f6f9
}

.full-text table tr:first-child {
    background-color: #cee0ed
}

.full-text table img:not(.emoji) {
    margin: 0;
    max-width: 350px
}

.full-text>:last-child {
    margin-bottom: 0
}

.video-responsive {
    padding-top: 60%;
    position: relative
}

.video-responsive>iframe,.video-responsive>video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.page__comments-title {
    font-size: 24px;
    margin-bottom: 20px
}

.page__comments-info {
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: -15px;
    color: #7a7a7a;
    line-height: 1.5
}

.page__comments-info .fal {
    color: #eb4d4b;
    margin-right: 6px
}

.page__comments-list {
    padding: 20px 20px 0;
    border: 5px solid var(--textareaborder)
}

.page__comments-list--not-comments {
    padding: 0;
    border: 0
}

.add-comments-form.form {
    padding: 20px;
    background-color: var(--formbg);
    box-shadow: 0 2px 4px rgb(0 0 0 / .06);
    border-radius: 4px;
    margin-bottom: 20px
}

.add-comments-form .form__input,.add-comments-form .form__textarea-inside textarea,.add-comments-form__input,.mass_comments_action select {
    box-shadow: inset 0 0 0 1px var(--bbpaneborder);
    border-radius: 0
}

.add-comments-form__input,.form__btn--secondary {
    margin-left: 20px
}

.mass_comments_action {
    align-items: center;
    max-width: 800px;
    white-space: nowrap;
    margin-bottom: 0
}

.mass_comments_action select {
    flex: 1 1 0%;
    margin: 0 -8px 0 20px
}

.mass_comments_action .bbcodes {
    border-radius: 0;
    padding: 0 10px
}

.comment-item__title {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 20px
}

.comment-item {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--repackhr)
}

.comment-item__img,.login__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px
}

.comment-item__letter {
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    color: #fff;
    font-size: 18px;
    border-radius: 4px
}

.comment-item__author {
    font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif
}

.comment-item__date {
    color: #7a7a7a;
    margin-top: 4px;
    font-size: 13px
}

.comment-item__main {
    margin: 8px 0 6px
}

.comment-item__rating {
    white-space: nowrap;
    font-size: 13px
}

.comment-item__rating a {
    margin-left: 6px
}

.comment-item__rating a>span:first-child {
    color: #6ab04c;
    margin-right: 2px
}

.comment-item__rating a:last-child>span:first-child {
    color: #eb4d4b;
    text-decoration: none
}

.comment-item__reply a {
    font-size: 13px;
    margin-right: 20px;
    color: #7a7a7a
}

.comment-item__reply a .fal {
    margin-left: 5px
}

.comment-item__reply+.comment-item__reply a .fal {
    margin-left: 0;
    margin-right: 5px
}

.comment-item__controls {
    text-align: right;
    font-size: 13px;
    margin-right: -15px
}

.comment-item__controls li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    height: 16px;
    line-height: 16px
}

.article-film,.login__social-btns a,.page__related1 li,.xfields_table td {
    vertical-align: top
}

.comment-item__controls a:not(:hover) {
    color: #7a7a7a
}

.comment-item__controls .checkbox {
    transform: scale(.8,.8);
    margin-left: 5px
}

.login {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 420px;
    background: var(--loginbg,#fff);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    box-shadow: var(--loginborder,0 4px 20px rgba(0,0,0,.15));
    backdrop-filter: blur(16px);
    box-shadow: 0 20px 40px rgba(0,0,0,.2);
    font-size: 15px;
    color: var(--text)
}

.login__header,.login__menu a,.login__social {
    background-color: var(--loginbg2)
}

.login__header {
    padding: 20px;
    border-radius: 3px 3px 0 0
}

.login__title {
    font-size: 18px;
    padding: 1px 0;
    text-transform: capitalize
}

.login__social-caption,.main-item__label1,.page__meta-label,.page__poster .page__fav-btn,.popularmain,.sect__header1,.sect__video,.site-desc1 h4,.telegram-under-button,.widget-title,a.floating-buttondown2 {
    text-transform: uppercase
}

.login__close {
    cursor: pointer;
    font-size: 24px;
    opacity: .6;
    margin-left: 20px
}

.login__title a {
    color: #16883d;
    font-weight: 500;
    margin-left: 10px;
    position: relative;
    padding-bottom: 2px;
    transition: color .3s
}

.login__title a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #16883d;
    transition: transform .3s;
    transform: scaleX(1);
    transform-origin: left
}

.login__title a:hover {
    color: #0eacdd
}

.login__title a:hover::after {
    transform: scaleX(0);
    transform-origin: right
}

.login__content {
    padding: 20px 40px
}

.login__row {
    margin-bottom: 20px;
    position: relative;
    display: block;
    font-size: 14px;
    color: #7a7a7a
}

.login__caption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    color: var(--logincaption);
    margin-bottom: 10px;
    padding: 0 2px
}

.attach,.razmer {
    color: var(--fullrazmertext)
}

.login__caption a {
    font-size: 14px;
    color: #4caf50;
    transition: color .2s
}

.login__caption a:hover {
    color: #388e3c;
    text-decoration: underline
}

.login__input input {
    padding-left: 40px
}

.login__row .fal {
    opacity: .5;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 40px;
    width: 40px
}

.actv:hover::after,.form__table,.login__row button,.underline-link:hover::after,.usp__btn a,.vse:hover::after {
    width: 100%
}

.login__social-caption {
    font-size: 11px;
    margin-bottom: 10px
}

.login__social-btns a {
    display: inline-block;
    margin: 0 3px
}

.login__social-btns img {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.login__menu {
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: -10px
}

.login__menu li {
    flex: 1 1 0%;
    min-width: auto;
    max-width: 100%;
    margin: 0 5px 10px
}

.login__menu a {
    display: block;
    border-radius: 6px;
    padding: 10px;
    white-space: nowrap;
    box-shadow: inset 0 0 10px rgb(0 0 0 / .1);
    font-size: 13px
}

.login__menu .fal {
    display: block;
    height: 30px;
    font-size: 24px;
    opacity: .3
}

.updategame {
    border: 1px double var(--updateborder2);
    background: var(--updatebg);
    padding: 10px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 6%);
    border-left: 3px solid var(--updateborder);
    clear: both;
    margin-bottom: 22px
}

.item-screenstop {
    max-width: 668px;
    margin: 0 auto 40px;
    padding: 0 15px;
    display: grid;
    gap: 10px;
    justify-content: center
}

.item-screenstop img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    display: block;
    object-fit: cover;
    transition: transform .3s,opacity .3s;
    box-shadow: 0 4px 10px rgba(0,0,0,.1)
}

.item-screenstop a img:hover,.item-screenstop img:hover {
    transform: scale(1.03);
    opacity: .9
}

@media (max-width: 900px) {
    .item-screenstop {
        grid-template-columns:repeat(2,1fr)
    }
}

a.floating-buttondown2 {
    margin-top: 8px;
    margin-bottom: 7px;
    background: var(--downloadbuttonhover23);
    transition: .2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 20px;
    height: 54px;
    width: 208px;
    font-size: 17px;
    font-weight: 300;
    white-space: nowrap;
    color: #fff!important;
    border-radius: 3px
}

#summary,.activation-chip__badge,.attach,.bb-pane h5 {
    font-size: 14px
}

a.floating-buttondown2:hover {
    background: var(--downloadbuttonhover2);
    color: var(--whitetext)
}

i.fa.fa-download {
    font-size: 16px;
    margin-right: 3px;
    margin-top: 0
}

i.fas.fa-cloud-download-alt {
    font-size: 16px;
    margin-right: 5px;
    margin-top: 0
}

.razmer {
    line-height: 4.6;
    font-size: 17px;
    margin-bottom: -80px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.overlay {
    position: fixed;
    z-index: 998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    background-color: #000;
    cursor: pointer;
    display: none
}

.mobile-menu {
    width: 280px;
    height: 100%;
    overflow-y: auto;
    padding: 10px 20px;
    z-index: 999;
    position: fixed;
    left: -320px;
    top: 0;
    transition: left .4s;
    background-color: #fff
}

.mobile-menu.is-active {
    left: 0
}

.mobile-menu-close {
    cursor: pointer;
    display: block;
    left: 280px;
    top: -40px;
    position: fixed;
    z-index: 999;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    opacity: 0;
    background-color: #e84e36;
    color: #fff;
    transition: top .4s,opacity .4s
}

.mobile-menu-close.is-active {
    top: 0;
    opacity: 1
}

body.mobile-menu-is-opened {
    overflow: hidden;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1220px) {
    .wrapper-container {
        max-width:1100px
    }

    .footer__logo,.header__logo {
        margin-left: 2px;
        margin-right: 20px
    }

    .footer__feedback {
        margin-right: 15px
    }

    .col-sidebar {
        margin-left: 20px
    }

    .col-sidebar1 {
        margin-left: 30px
    }

    .header__btn-login {
        margin-right: 0
    }

    .nav__tabs+.col-sidebar .sidebar-block__title {
        margin-right: 0;
        padding-right: 0;
        text-align: center
    }

    .nav__tabs .sidebar-block__title {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0
    }

    .nav__tabs-select .set {
        right: 0
    }

    .nav {
        display: none;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -20px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 950px) {
    .wrapper-container {
        max-width:fit-content
    }

    .flex-grow-1,.fx-1,.header__logo,.stretch-free-width {
        max-width: 100%
    }

    .col-sidebar {
        width: 100%;
        margin: 40px 0 0;
        display: none
    }

    .col-sidebar1 {
        width: 100%;
        margin: 0
    }

    .header__btn-menu {
        cursor: pointer;
        font-size: 30px;
        margin: 0 15px 0 30px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .nav__tabs+.col-sidebar {
        margin-top: 0
    }

    .header__logo {
        flex: 1 1 0%;
        margin-right: 0
    }

    .header__search {
        min-width: 100%;
        margin: 20px 0 0;
        order: 10;
        padding: 0 15px
    }

    .header__search-box {
        max-width: 100%;
        position: relative
    }

    #scrolltop,.header__menu,.pagination__pn {
        display: none!important
    }

    .pop-item::before {
        right: 0
    }

    .header,body {
        position: relative
    }

    .content {
        margin: 10px 14px 30px
    }

    body {
        background-image: none!important;
        background-attachment: scroll!important;
        background-blend-mode: normal;
        background-color: var(--bg1)
    }
}

.form__content,.form__title {
    min-width: 50px;
    max-width: 100%
}

@media screen and (max-width: 590px) {
    .wrapper-container {
        max-width:fit-content
    }

    .content {
        padding: 17px
    }

    .login {
        max-width: 90%;
        max-height: 90%;
        overflow-x: hidden;
        overflow-y: auto
    }

    .header__logo .logo__title {
        font-size: 18.1px
    }

    .logo__caption {
        color: var(--logocapt);
        margin-top: 0;
        font-size: 10px
    }

    .login__content,.login__header,.login__social,.pages-bg {
        padding-left: 20px;
        padding-right: 20px
    }

    .nav__tabs-select {
        width: 100%;
        justify-content: space-between
    }

    .nav__tabs-select li {
        margin-right: 0;
        font-size: 12px
    }

    .nav__tabs-select .set {
        position: static;
        margin-top: 25px
    }

    .nav__top-link {
        width: 100%;
        order: -1;
        margin: 0;
        text-align: center
    }

    .nav__list li,.nav__list--bg li {
        width: 48%
    }

    .nav__tabs-select li .fal {
        display: none
    }

    .nav {
        padding-top: 20px
    }

    .page__desc {
        display: block
    }

    .page__poster {
        margin: 0 auto 66px
    }

    .opisanieflex {
        padding-top: 0!important
    }

    .content {
        margin: 10px 15px 3px
    }
}

@media screen and (max-width: 470px) {
    .wrapper-container22 {
        max-width:360px
    }

    .content {
        margin: 10px 3px 3px
    }

    span.fal.fa-thumbs-down,span.fal.fa-thumbs-up {
        width: 14px;
        height: 13px
    }

    .wrapper {
        overflow-x: hidden
    }

    .header__btn-menu {
        margin-left: 15px
    }

    .header__btn-login {
        font-size: 0
    }

    .header__btn-login .fal {
        font-size: 15px;
        margin: 0
    }

    .site-desc h1 {
        font-size: 17px
    }

    .main-item__desc {
        clear: both
    }

    .main-item__title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .header__logo .logo__title,.page__btn-comments .fal,.page__fav .fal,.page__rating .fal {
        font-size: 18px
    }

    .page__age {
        display: none
    }

    .page__main>h1>span {
        display: block;
        margin: 5px 0 0
    }

    .page__btn-comments,.page__fav,.page__rating {
        margin-right: 0
    }

    .page__btn-comments,.page__rating span[class] {
        font-size: 13px
    }

    .page__fav .fal {
        margin-right: 6px
    }

    .page__cast,.page__cast-caption {
        display: block
    }

    .page__related li {
        width: 48%
    }
}

@media screen and (max-width: 410px) {
    .header__logo .logo__title {
        font-size:16.9px;
        overflow-wrap: break-word
    }

    .wrapper {
        overflow-x: hidden
    }

    .logo__caption {
        color: var(--logocapt);
        margin-top: 0;
        font-size: 9.3px
    }
}

.new-item__img+div {
    overflow: hidden;
    max-height: 58px
}

.ctrl {
    margin-bottom: 20px
}

.grid-select {
    background-color: var(--sortbg);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgb(0 0 0 / .06)
}

.grid-select__btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    height: 30px;
    width: 30px
}

.grid-select__btn.is-active {
    background-color: var(--sortbgbrown);
    color: var(--whitetext)
}

.grid-select__btn:not(.is-active):hover {
    background-color: var(--sorthover)
}

.grid-1 #dle-content {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px
}

@media (max-width: 300px) {
    .grid-1 #dle-content {
        grid-template-columns:repeat(1,1fr)
    }
}

.grid-1 .main-item__img {
    height: 0;
    padding-top: 150%;
    margin: 0;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,.25)
}

.grid-1 .main-item__img img {
    position: absolute;
    left: 0;
    top: 0
}

.grid-1 .main-item__desc {
    display: block;
    padding: 15px
}

.grid-1 .main-item__meta.d-flex {
    display: block!important
}

.grid-1 .main-item__title {
    display: block;
    font-size: 16px;
    margin: 0;
    white-space: normal!important;
    display: -webkit-box;
    overflow: hidden;
    text-align: center;
    transition: color .2s
}

.vkicon:before {
    font-size: 30px;
    color: #4c75a3
}

.googleicon:before {
    font-size: 30px;
    color: #ed913c
}

.fbicon:before {
    font-size: 30px;
    color: #4267b2
}

.yandexicon:before {
    font-size: 28px;
    color: red
}

.mailru:before {
    font-size: 30px;
    color: #ffa930
}

.opisanieflex {
    display: inline-flex!important
}

.repack {
    border-bottom: 1px solid var(--repackhr)
}

.downlicon,.search input[type=checkbox],.search input[type=radio] {
    margin-right: 5px
}

#summary {
    line-height: 1.5
}

.article-film {
    display: inline-block;
    margin-right: 14px;
    padding-bottom: 18px;
    position: relative;
    width: 155px;
    margin-left: 8px
}

.article-film-image {
    height: 233px;
    margin-bottom: 13px;
    overflow: hidden;
    position: relative;
    width: 165px
}

img.article-img {
    height: 230px;
    width: 161px;
    border-radius: 3px
}

.site-desc-box {
    border-left: 3px solid var(--verticalline);
    padding: 20px 25px;
    margin-top: 30px;
    margin-bottom: 50px
}

.site-desc-box__title {
    font-size: 21px;
    margin-bottom: 20px
}

.site-desc-box__text p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 15px
}

.site-desc-box__subtitle {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 15px
}

.site-desc-box__list {
    padding-left: 20px;
    margin: 0
}

.site-desc-box__list li {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
    list-style-type: disc
}

.theme-toggle-switch {
    width: 60px;
    height: 28px;
    position: relative;
    cursor: pointer;
    transition: box-shadow .4s
}

.switch-track {
    background-color: #756955;
    border-radius: 28px;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px;
    transition: background-color .4s
}

.switch-icon {
    font-size: 15px;
    color: #fff;
    user-select: none;
    pointer-events: none
}

.switch-thumb {
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: left .4s,background .4s,box-shadow .4s
}

.theme-toggle-switch:hover .switch-thumb {
    box-shadow: 0 0 8px rgba(255,255,255,.9)
}

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: .2s ease-out;
    cursor: pointer;
    margin-top: 10px
}

.youtube .play {
    background: url(/youtube-play-btn.png) 0 -50px/100% auto no-repeat;
    -webkit-background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

#share-popup .social .tw:hover span,.highslide-controls .highslide-previous a,.youtube:hover .play {
    background-position: 0 0
}

.sect__video {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 18px
}

.anons {
    margin-bottom: 20px;
    font-size: 18px;
    margin-top: 14px
}

.hljs-comment,.hljs-quote {
    color: #a0a1a7;
    font-style: italic
}

.hljs-doctag,.hljs-formula,.hljs-keyword {
    color: #a626a4
}

.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst {
    color: #e45649
}

.hljs-literal {
    color: #0184bb
}

.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string {
    color: #50a14f
}

.hljs-built_in,.hljs-class .hljs-title {
    color: #c18401
}

.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable {
    color: #986801
}

.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title {
    color: #4078f2
}

.hljs-emphasis {
    font-style: italic
}

.fa,.fab,.fad,.fal,.far,.fas,[class*=" bb-btn"],[class^=bb-btn] {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal
}

.new1 {
    padding: 22px
}

img.shinered:active {
    opacity: .96
}

.shinered {
    margin-left: 40px;
    transition: opacity .3s
}

.shinered:hover {
    box-shadow: 0 0 20px #0bf286
}

.block__titletop {
    font-size: 20px;
    margin-bottom: -20px;
    margin-top: -3px;
    margin-left: 85px;
    font-family: roboto,system-ui
}

.new-itemtop__img {
    width: 200px;
    height: 291px;
    border-radius: 4px;
    margin-bottom: 20px
}

figure.image.align-center {
    display: table;
    margin-left: auto;
    margin-right: auto
}

figure.image figcaption {
    padding: 1rem;
    background-color: #fafafa;
    font-size: .8rem;
    caption-side: bottom;
    word-break: break-word
}

figure.image.align-center figcaption {
    display: table-caption
}

i.fal.fa-clock {
    margin-top: 1px
}

li.popular {
    width: 47%;
    margin-bottom: 20px;
    line-height: 1.4
}

li.years {
    float: left;
    padding: 4px 22px 5px 0
}

.img-responsivepop {
    width: 114px;
    height: 170px
}

.bottom-nav {
    clear: both;
    padding-top: 6px
}

.nav-load a {
    padding: 0 47px;
    display: inline-block;
    height: 43px;
    line-height: 43px;
    border-radius: 3px;
    font-size: 17px;
    background-color: var(--navbuttonbg);
    color: #fff;
    transition: .3s
}

.nav-load a:hover {
    background-color: var(--navbuttonbghover);
    color: #fff
}

.fa-at:before {
    font-size: 31px;
    color: #f0ad28
}

.sidebar1-block__title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative
}

.main-item__label1,.message-info::before,.ui-icon-closethick:before {
    position: absolute;
    text-align: center
}

.sect__header1 {
    margin-bottom: 18px;
    font-size: 17px;
    word-spacing: 1px
}

.page__related1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px 0
}

.page__related1 li img {
    width: 100%;
    object-fit: cover
}

.page__related1 li a {
    display: block;
    text-align: center;
    font-size: 13px;
    margin-top: 5px;
    overflow: hidden
}

.ui-icon-closethick:before {
    content: "\f00d";
    font-weight: 300;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: var(--ui-tt-on-accent);
    right: 0;
    top: 0;
    text-indent: 0;
    font-size: 18px;
    display: none
}

.page__related1 li {
    width: 110px;
    line-height: 1.4;
    margin: 3px 3px 33px 0;
    list-style: none;
    display: inline-block
}

.nedavno {
    padding-top: 15px;
    text-align: center;
    font-size: 15px
}

.main-item__label1 {
    z-index: 10;
    right: 0;
    top: -52px;
    opacity: .7;
    color: #fff;
    font-size: 31px;
    background-color: #5fc150;
    padding: 0 4px
}

.resheniya {
    text-align: center;
    font-size: 19px;
    color: #090;
    margin: 16px 0 17px
}

.razmerep {
    text-align: center;
    font-size: 18px;
    margin: 26px 0 1px;
    color: var(--fullrazmertext)
}

.apptorrentmania,.floating-button {
    background: var(--downloadbutton);
    display: inline-flex;
    text-transform: uppercase;
    color: #fff!important;
    border-radius: 3px;
    width: 213px;
    font-weight: 300;
    cursor: pointer
}

.floating-button {
    margin-top: 12px;
    margin-bottom: 9px;
    align-items: center;
    justify-content: center;
    padding: 1px 17px 0;
    height: 42px;
    font-size: 17px;
    white-space: nowrap;
    transition: background .25s,transform .25s,box-shadow .25s
}

.floating-button:hover {
    background: var(--downloadbuttonhover);
    color: var(--whitetext);
    box-shadow: 0 0 6px #69a92e
}

.floating-button:active,.telegram-under-button:active {
    box-shadow: inset 0 0 8px rgba(0,0,0,.5)
}

.telegram-under-button:hover {
    color: #fff;
    box-shadow: 0 0 6px #1c85cc
}

a.last {
    font-size: 16px;
    margin: 3px 0 0;
    float: right
}

.popularmain {
    margin-bottom: 18px;
    font-size: 18px;
    margin-top: 46px
}

.page__related2 li {
    width: 155px;
    margin-bottom: 31px;
    line-height: 1.4
}

.apptorrentmania {
    margin-top: 11px;
    margin-bottom: 7px;
    transition: .2s;
    align-items: center;
    justify-content: center;
    height: 40px;
    font-size: 14px;
    white-space: normal;
    -webkit-box-shadow: var(--downloadbutton) 0 0 11px 0;
    -moz-box-shadow: var(--downloadbutton) 0 0 11px 0;
    box-shadow: var(--downloadbutton) 0 0 8px 0
}

.apptorrentmania:active {
    box-shadow: inset 0 0 5px rgb(0 0 0 / .5)
}

.apptorrentmania:hover {
    background: var(--downloadbuttonhover);
    color: var(--whitetext)
}

.appattach {
    font-size: 13px;
    color: var(--fullrazmertext);
    text-align: center;
    margin: 0 0 2px
}

a.gflag1 {
    margin: 5px 0 1px;
    width: 30px;
    height: 30px
}

a.gflag2.nturl {
    margin: 6px 11px 3px 12px;
    width: 30px;
    height: 30px
}

a.bek {
    font-size: 17px
}

a.bek:hover {
    color: #5d8fa8;
    text-decoration: none
}

div#dlepopup,div#dleprofilepopup {
    background-color: var(--profileuibg)
}

.message-info {
    color: var(--searchmessagecolor);
    line-height: 1.5;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgb(0 0 0 / .12),0 1px 2px rgb(0 0 0 / .24);
    border: 1px solid var(--searchmessageborder);
    position: relative;
    padding: 15px 20px;
    border-left-width: 44px
}

.message-info a {
    color: var(--bodytextcolor);
    text-decoration: underline
}

.message-info::before {
    content: "\f071";
    font-weight: 300;
    font-size: 22px;
    color: var(--whitetext);
    margin-top: -18px;
    left: -44px;
    top: 50%;
    width: 44px
}

.vote-title {
    margin: 0 -30px 15px;
    padding: 15px 30px;
    background-color: #f6feef;
    color: #6cb030;
    line-height: 1.3
}

.vote {
    margin-bottom: 10px;
    font-size: 14px
}

.vote label:before {
    content: "";
    margin: 0 10px 0 0;
    cursor: pointer;
    position: relative;
    top: -1px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ccc;
    display: inline-block;
    vertical-align: middle
}

.vote input:checked+label:before {
    box-shadow: inset 0 0 0 4px #e04d89;
    background-color: #e04d89
}

.vote label:hover {
    cursor: pointer;
    color: #ee5256
}

.vote-buts {
    padding: 10px 0 0
}

.vvote {
    width: 50%;
    padding: 0!important;
    font-size: 14px!important
}

button.vall,button.vres {
    width: 40px;
    text-align: center;
    padding: 0!important
}

.close,.ui-icon {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap
}

#pollbox {
    border-bottom: 1px dashed #e3e3e3;
    padding-bottom: 22px
}

#dle-poll-list,#searchtable,.pm-status {
    padding: 0 0 20px;
    border-radius: 6px
}

.bbcodes_poll {
    width: 100px
}

fieldset {
    border: 1px solid #bfced6;
    padding: 5px;
    text-align: left
}

.form__header {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.form__title {
    font-size: 24px;
    flex: 1 1 0%
}

.form__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 14px
}

.form__row:last-child {
    margin-bottom: 0
}

.form__caption {
    width: 200px;
    padding-right: 20px
}

.form__content {
    flex: 1 1 0%;
    position: relative
}

.form__content.d-flex.jc-space-between {
    justify-content: flex-end
}

.form__label--important::after {
    content: "*";
    margin: 0 0 0 5px;
    color: #e85319
}

.form__caption--above {
    width: 100%;
    padding: 15px 20px;
    background-color: #535f72;
    color: #fff
}

.form__btn--find-related {
    right: 0;
    top: 0;
    margin: 0;
    padding: 0 10px;
    font-size: 13px!important
}

.form__content--admintag {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-right: -20px
}

.form__content--admintag .checkbox {
    width: 33.33%;
    margin-bottom: 20px;
    padding-right: 20px
}

.checkbox,.comments_subscribe {
    position: relative;
    padding-left: 50px
}

.checkbox input,.comments_subscribe input {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    transition: .2s linear;
    height: 20px;
    width: 40px;
    border-radius: 10px;
    background-color: var(--formcheckbox);
    cursor: pointer;
    box-shadow: inset 0 2px 5px rgb(0 0 0 / .1);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px
}

.checkbox input::before,.comments_subscribe input::before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 10px;
    position: absolute;
    left: 1px;
    top: 1px;
    background-color: var(--formcheckbox2);
    transition: .2s linear
}

.checkbox input:checked,.comments_subscribe input:checked {
    background-color: #6ab04c
}

.checkbox input:checked::before,.comments_subscribe input:checked::before {
    left: 21px
}

.findrelated {
    margin-top: 10px;
    padding: 8px 10px;
    background-color: #f6e58d;
    font-size: 13px
}

.form__table td {
    padding-bottom: 20px
}

.form__table .addnews {
    width: 200px
}

#comments_ifr,.form__textarea-inside textarea,.xfields textarea,.xprofile textarea {
    height: 128px!important
}

.form__content--sec-code input,.form__content--sec-code>a {
    display: inline-block;
    vertical-align: middle
}

#result-registration>span {
    display: inline-block;
    margin-top: 10px
}

#category,.form__content select {
    width: 100%!important
}

.form__content--usertag .checkbox {
    width: 50%
}

.stats__list {
    width: 33.33%
}

.stats__list li {
    padding: 0 15px 10px 1px
}

.stats h2 {
    font-size: 18px;
    margin-top: 20px
}

.table-responsive {
    overflow-y: hidden;
    overflow-x: auto
}

.dle-table,.pm {
    width: 100%;
    border: 1px solid var(--pmborder)
}

.dle-table td,.pm td {
    padding: 10px;
    font-size: 13px;
    border: 1px solid var(--pmborder)
}

.dle-table thead tr:first-child,.pm tr:first-child {
    background-color: var(--pmbgh)
}

.dle-table tr:nth-child(2n+2),.pm tr:nth-child(2n+2) {
    background-color: var(--pmbg)
}

.pm tr td:first-child {
    width: 37px
}

.pm__links a,a.pm_list+a {
    margin-right: 20px
}

#blind-animation,.pm__status {
    margin-bottom: 40px
}

.pm_progress_bar {
    border-radius: 4px;
    margin: 10px 0;
    overflow: hidden;
    box-shadow: inset 0 2px 5px rgb(0 0 0 / .1);
    background-color: var(--pmlimitbg)
}

.pm_progress_bar span {
    background: #6ab04c;
    font-size: 0;
    text-indent: -2000em;
    height: 20px;
    display: block;
    overflow: hidden
}

.pm select,input[type=text].comments_author_field {
    width: 100%;
    margin-bottom: 10px
}

.pm-item__img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 20px
}

.pm-item__text {
    margin: 6px 0 10px
}

.pm-item__meta>span {
    margin-right: 20px;
    font-size: 13px
}

#searchsuggestions span.searchheading+span,.pm-item__text h2 {
    color: var(--bodytextcolor)!important
}

.usp {
    border: 1px solid var(--profileuibg);
    background-color: var(--profileuibg)
}

.usp__columns {
    background: var(--profileuibg) url(../dleimages/usp-bg.jpg) center center/cover no-repeat;
    padding: 20px;
    color: var(--bodytextcolor)
}

.usp__left,.usp__middle,.usp__right {
    position: relative;
    z-index: 5
}

.usp__columns::before {
    content: '';
    background-color: var(--ui-bg-accent);
    opacity: .6;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.usp__meta {
    background-color: var(--profileuibg);
    padding: 20px
}

.usp__list {
    padding: 20px 20px 10px
}

.usp__list+.usp__list {
    padding-top: 0
}

.usp__img {
    margin: 0 auto;
    box-shadow: 0 0 9px 2px rgb(0 0 0 / 20%)
}

.usp__status {
    padding: 6px 0;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-size: 13px
}

.usp__status--online {
    background-color: #8bc34a
}

.usp__status--offline {
    background-color: var(--profilestatusoff)
}

#searchtable select,.highslide-html,.usp__group>b {
    background-color: #fff
}

.usp__name {
    font-size: 18px;
    font-weight: 400;
    color: #000
}

.usp__group {
    font-size: 13px;
    margin-top: 10px;
    color: #000
}

.usp__group>b {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    padding: 3px 6px;
    margin-left: 3px
}

.title_spoiler img,svg {
    vertical-align: middle!important
}

.usp__activity>div {
    margin-left: 20px;
    font-size: 13px
}

.usp__activity>div>div {
    font-size: 18px;
    margin-top: 3px
}

.usp__list li {
    padding-left: 140px;
    margin-bottom: 10px;
    font-size: 13px;
    width: 48%
}

.usp__list li>span:first-child {
    color: #999;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.usp__list li.no-label {
    padding-left: 0
}

.usp-popup__img {
    border-radius: 10px;
    width: 80px;
    height: 80px;
    margin: 0 auto
}

.usp-popup__left .usp__status {
    width: 80px;
    margin: 15px 0 0;
    display: inline-block
}

.usp-popup__list li {
    margin-bottom: 6px;
    font-size: 13px
}

.usp-popup__list li>span:first-child {
    opacity: .6
}

.search-page__title {
    font-size: 18px;
    margin-bottom: 20px
}

.search-page .search>div {
    display: flex;
    justify-content: space-between;
    margin: 0!important;
    padding: 20px 20px 10px;
    background-color: var(--searchfullbg);
    border-radius: 6px
}

#dle_news_archive_link br,#searchinput+br,#searchinput+br+br,#searchsuggestions .break,#searchsuggestions span.seperator,.archives+br,.comments-tree-list .comments-tree-list:before,.form__header .form__btn .far,.full-text h1+br,.full-text h1+br+br,.full-text h2+br,.full-text h3+br,.full-text h3+br+br,.full-text h4+br,.full-text h4+br+br,.full-text h5+br,.full-text h5+br+br,.highslide-controls a span,.highslide-display-none,.mass_comments_action,.search-page .search br,.user_selection a.txtsel_close,.user_selection_true a.txtsel_close {
    display: none
}

.search-page .search #searchinput {
    flex: 1 1 0%;
    margin-right: 20px;
    min-width: 100px
}

.searchstyle {
    width: 480px
}

#searchtable,#searchtable td {
    vertical-align: top;
    text-align: left
}

#searchtable fieldset {
    font-size: 11px;
    border: 1px solid #d7d7d7;
    padding: 10px;
    text-align: left;
    margin: 0 4px 4px 0!important;
    border-radius: 6px
}

fieldset legend {
    font-size: 11px;
    font-weight: 700;
    color: #696969
}

#searchtable form,#searchtable table {
    margin: 0;
    width: 100%
}

#searchinput,#searchuser {
    width: 90%!important
}

.search input[type=text],.search select {
    display: block;
    width: 100%!important;
    margin-bottom: 10px
}

#loading-layer {
    display: none!important;
    z-index: 9999!important;
    background-color: var(--ui-bg);
    position: fixed;
    top: 20px!important;
    left: auto!important;
    right: 20px;
    bottom: auto;
    height: 80px;
    flex-direction: column;
    justify-content: center;
    width: 80px;
    border-left: 80px solid var(--ui-bg-accent);
    box-shadow: 0 0 30px rgb(0 0 0 / .2);
    line-height: 1.4
}

#loading-layer::after {
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    margin: -25px 0 0 -65px;
    border: 10px solid;
    border-left-color: var(--ui-tt-on-accent);
    animation: 1s linear infinite spin
}

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

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

.scriptcode,.text_spoiler,.title_spoiler {
    padding: 3px 5px;
    background: var(--spoilerbg);
    border: 1px solid var(--spoilerbrd)
}

.title_quote {
    background-color: var(--quotecommhd);
    color: var(--quotecommhdtxt);
    padding: 5px 15px;
    font-size: 12px
}

.quote {
    margin: 0 0 25px;
    padding: 20px 20px 20px 80px;
    background-color: var(--quotecomm);
    color: var(--quotecommtxt);
    border-left: 0 solid var(--quotecommborder)
}

.quote::before {
    content: "\f10e";
    font-weight: 300;
    position: absolute;
    left: 30px;
    top: 12px;
    color: var(--quotecommborder);
    font-size: 24px
}

.comment-item__main .quote {
    margin: 0 0 10px;
    font-size: 14px;
    padding: 10px 15px 10px 40px
}

.comment-item__main .quote::before {
    left: 12px;
    top: 6px;
    font-size: 16px
}

.title_spoiler {
    margin-top: 2px;
    font-weight: 400
}

.text_spoiler {
    margin-bottom: 2px;
    border-top: 0
}

.title_spoiler img {
    margin: -3px 5px 0 0;
    border: 0;
    width: 20px;
    height: 20px
}

.bb-pane h1,.bb-pane h2,.bb-pane h3,.bb-pane h4,.bb-pane h5,.bb-pane h6,.sorter form,.widget-list li+li {
    margin-top: 5px
}

.scriptcode {
    color: #4c6d0f;
    text-align: left;
    font-family: "Courier New"
}

.hide {
    background-color: #f0f0f0;
    padding: 5px;
    color: #000;
    margin: 0 0 1em
}

#dlereplypopup form>div,.bb-pane h1,.bb-pane h2,.bb-pane h3,.bb-pane h4,.bb-pane h5,.bb-pane h6,.inhide {
    margin-bottom: 5px
}

.inhide {
    border: 1px solid #d1e3ef;
    padding: 5px;
    background-color: #fff
}

.calendar {
    font-size: 13px;
    width: 100%;
    color: #444
}

.archives,pre {
    font-size: 14px
}

.calendar td,.calendar th {
    padding: 7px 0;
    vertical-align: middle;
    text-align: center
}

.calendar td.day,.calendar td.day-active-v,.calendar th.workday {
    border: 1px solid #e9e9e9;
    background-color: #fff
}

.calendar td.day-active,.calendar td.weekday,.calendar th.weekday {
    border: 1px solid #e3e3e3;
    background-color: #ebeef3
}

.day-active a,.day-active-v a {
    color: #3c6695
}

.calendar td.day-current {
    background: #fd8924
}

.day-current,.day-current a {
    color: #fff!important
}

th.monthselect {
    text-align: left;
    padding-bottom: 5px
}

.archives {
    display: block;
    color: #3c6695;
    margin-bottom: 7px;
    padding-left: 15px
}

.bb-pane,.unit-rating {
    display: flex
}

#dle_news_archive_link .archives {
    color: #000;
    margin-bottom: 0
}

.unit-rating li {
    background: url(../dleimages/rating.svg) no-repeat;
    z-index: 5
}

.unit-rating li a {
    display: block;
    width: 17px;
    height: 17px;
    text-indent: -100px;
    overflow: hidden
}

.unit-rating:hover li {
    background-position: 0 -17px;
    z-index: 10
}

.unit-rating li:hover~li {
    background-position: 0 0;
    z-index: 5
}

.unit-rating li.current-rating {
    background-position: 0 -34px;
    background-repeat: repeat-x;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-indent: -200px;
    overflow: hidden;
    z-index: 6
}

.bb-pane {
    border: 1px solid var(--bbpaneborder);
    background: var(--bbpane);
    padding: 5px 1px 5px 10px;
    border-radius: 3px 3px 0 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    z-index: 10;
    background: linear-gradient(to top,var(--bbpanebg2) 0,var(--bbpane) 80%,var(--bbpane) 100%);
    margin-top: 10px
}

.bb-btn,.bb-sep {
    display: inline-block
}

.bb-btn {
    height: 30px;
    line-height: 30px;
    width: 30px;
    margin-right: 5px;
    color: var(--bb-btn);
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    transition: .3s;
    cursor: pointer;
    outline: 0
}

.bb-btn:hover {
    color: var(--whitetext);
    background-color: var(--bb-btnhover)
}

@font-face {
    font-family: bb-editor-font;
    src: url(../webfonts/bb-editor.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

[class*=" bb-btn"],[class^=bb-btn] {
    font-family: bb-editor-font;
    font-weight: 400;
    text-transform: none
}

.emoji_list,.native-emoji {
    font-family: 'Apple Color Emoji','Segoe UI Emoji',NotoColorEmoji,'Segoe UI Symbol','Android Emoji',EmojiSymbols
}

.bb-sel {
    padding: 2px 2px 0
}

.bb-sel select {
    font-size: 11px
}

.bb-sep {
    width: 1px;
    padding: 2px
}

#b_b:before {
    content: "\f032"
}

#b_i:before {
    content: "\f033"
}

#b_u:before {
    content: "\f0cd"
}

#b_s:before {
    content: "\f0cc"
}

#b_img:before {
    content: "\f03e"
}

#b_up:before {
    content: "\e930"
}

#b_emo:before {
    content: "\f118"
}

#b_url:before {
    content: "\f0c1"
}

#b_leech:before {
    content: "\e98d"
}

#b_mail:before {
    content: "\f003"
}

#b_video:before {
    content: "\e913"
}

#b_audio:before {
    content: "\e911"
}

#b_hide:before {
    content: "\e9d1"
}

#b_quote:before {
    content: "\e977"
}

#b_code:before {
    content: "\f121"
}

#b_left:before {
    content: "\f036"
}

#b_center:before {
    content: "\f037"
}

#b_right:before {
    content: "\f038"
}

#b_color:before {
    content: "\e601"
}

#b_spoiler:before {
    content: "\e600"
}

#b_fla:before {
    content: "\ea8d"
}

#b_yt:before {
    content: "\f166"
}

#b_tf:before,#b_tnl:before {
    content: "\ea61"
}

#b_list:before {
    content: "\f0ca"
}

#b_ol:before {
    content: "\f0cb"
}

#b_br:before {
    content: "\ea68"
}

#b_pl:before {
    content: "\ea72"
}

#b_size:before {
    content: "\f034"
}

#b_font:before {
    content: "\f031"
}

#b_header:before {
    content: "\f1dc"
}

#b_sub:before {
    content: "\f12c"
}

#b_sup:before {
    content: "\f12b"
}

#b_justify:before {
    content: "\f039"
}

.bb-pane h1 {
    font-size: 36px
}

.bb-pane h2 {
    font-size: 30px
}

.bb-pane h3 {
    font-size: 24px
}

.bb-pane h4 {
    font-size: 18px
}

.bb-pane h6 {
    font-size: 12px
}

.bb-pane-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 180px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 11px;
    border: 1px solid;
    border-radius: 4px;
    background: var(--bbpane);
    box-shadow: 0 1px 2px var(--bbpaneborder)
}

.bb-pane-dropdown>li>a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap
}

.bb-pane-dropdown>li>a:focus,.bb-pane-dropdown>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.bb-pane-dropdown .color-palette div .color-btn {
    width: 17px;
    height: 17px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff;
    cursor: pointer
}

.bb-editor textarea {
    margin-top: -1px
}

.editorcomm .bb-editor {
    width: 565px
}

.editorcomm .bb-editor textarea {
    height: 200px
}

.quick-edit-text {
    padding: .4em;
    width: 350px
}

.quick-edit-textarea {
    height: 250px;
    padding: 2px;
    border: 1px solid #d7d7d7;
    width: 100%;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075)
}

#dropmenudiv {
    font: 13px Arial;
    padding: 10px;
    display: none;
    background: var(--ui-bg);
    border-radius: 8px;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 22%);
    z-index: 200!important;
    opacity: 1!important
}

#dropmenudiv a {
    display: block;
    text-decoration: none;
    padding: 5px 8px;
    width: 154px
}

.highslide-container {
    z-index: 1099!important
}

.highslide-outline,.highslide-wrapper {
    background: #fff;
    color: #000
}

.highslide-dimming,.highslide-loading {
    background-color: #000
}

.highslide-image {
    border: 2px solid #fff
}

.highslide-loading {
    display: block;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
    padding: 3px;
    border: 1px solid #fff
}

a.highslide-full-expand {
    background: url(../dleimages/fullexpand.gif) no-repeat;
    display: block;
    margin: 0 10px 10px 0;
    width: 34px;
    height: 34px
}

.highslide-caption {
    display: none;
    padding: 5px;
    background: #fff
}

.highslide-controls {
    width: 195px;
    height: 40px;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px
}

.highslide-controls ul {
    left: 15px;
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) 100% -90px no-repeat
}

.highslide-controls li {
    float: left;
    padding: 5px 0
}

.highslide-controls a {
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif);
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    outline: 0
}

.highslide-controls a.disabled {
    cursor: default
}

.highslide-controls .highslide-previous a:hover {
    background-position: 0 -30px
}

.highslide-controls .highslide-previous a.disabled {
    background-position: 0 -60px!important
}

.highslide-controls .highslide-play a {
    background-position: -30px 0
}

.highslide-controls .highslide-play a:hover {
    background-position: -30px -30px
}

.highslide-controls .highslide-play a.disabled {
    background-position: -30px -60px!important
}

#share-popup .social .gp:hover span,.highslide-controls .highslide-pause a {
    background-position: -60px 0
}

.highslide-controls .highslide-pause a:hover {
    background-position: -60px -30px
}

.highslide-controls .highslide-next a {
    background-position: -90px 0
}

.highslide-controls .highslide-next a:hover {
    background-position: -90px -30px
}

.highslide-controls .highslide-next a.disabled {
    background-position: -90px -60px!important
}

.highslide-controls .highslide-move a {
    background-position: -120px 0
}

.highslide-controls .highslide-move a:hover {
    background-position: -120px -30px
}

.highslide-controls .highslide-full-expand a {
    background-position: -150px 0
}

.highslide-controls .highslide-full-expand a:hover {
    background-position: -150px -30px
}

.highslide-controls .highslide-full-expand a.disabled {
    background-position: -150px -60px!important
}

.highslide-controls .highslide-close a {
    background-position: -180px 0
}

.highslide-controls .highslide-close a:hover {
    background-position: -180px -30px
}

.clouds_large,.clouds_medium,.clouds_small,.clouds_xlarge,.clouds_xsmall {
    display: inline-block;
    border-radius: 6px;
    margin: 0 3px 6px 0
}

.clouds_small {
    font-size: 1.1em;
    font-weight: 700
}

.clouds_medium {
    font-size: 1.2em;
    font-weight: 700
}

.clouds_large,.native-emoji {
    font-size: 1.3em
}

.clouds_xlarge {
    font-size: 1.4em
}

.cloud-tags span a {
    display: block;
    padding: 5px 7px;
    border: 1px solid #e3e3e3
}

.cloud-tags span a:hover {
    background-color: #3c6695;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / .2);
    color: #fff
}

#searchsuggestions {
    z-index: 99998;
    width: 360px;
    font-size: 13px;
    background: var(--searchpopbg)!important;
    box-shadow: 0 0 30px rgb(0 0 0 / .1)
}

#searchsuggestions a,#searchsuggestions span.notfound {
    padding: 10px 15px;
    border-bottom: 1px solid var(---repackhr)
}

#searchsuggestions a:hover {
    background-color: var(--searchpopbghover)
}

#searchsuggestions span.searchheading {
    margin-bottom: 10px;
    font-size: 16px
}

#searchsuggestions span.seperator a {
    padding: 10px 0;
    text-align: center;
    background-color: var(--ui-bg-accent);
    color: var(--ui-tt-on-accent)
}

#searchsuggestions span.notfound {
    padding: 15px 20px
}

@media screen and (max-width: 960px) {
    #searchsuggestions {
        width:calc(100% - 40px)
    }
}

.ui-widget-overlay {
    background: #000;
    opacity: .5;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: fixed
}

.ui-dialog {
    background-color: var(--profileuibg);
    color: var(--bodytextcolor);
    box-shadow: 0 20px 60px rgb(0 0 0 / .3)
}

.ui-dialog-titlebar {
    background-color: var(--profileheader);
    color: var(--whitetext)
}

.ui-dialog-title {
    display: block;
    font-size: 17px;
    padding: 14px 60px 15px 30px
}

.ui-dialog-content {
    overflow: auto;
    position: relative
}

.ui-dialog-buttonpane {
    text-align: center;
    background-color: var(--profileuibg)
}

.ui-icon-closethick {
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 40px;
    height: 40px
}

.ui-dialog-buttonpane button {
    height: 35px;
    margin: 0 5px;
    padding: 0 1px;
    font-size: 13px
}

.ui-dialog .ui-resizable-se {
    bottom: 3px;
    height: 14px;
    right: 3px;
    width: 14px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-state-error {
    background: var(--uistateerror) 50% 50% repeat-x!important;
    border: 1px solid #cd0a0a;
    color: #cd0a0a
}

.pollprogress,.voteprogress {
    overflow: hidden;
    height: 15px;
    margin-bottom: 5px;
    background: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / .1);
    border-radius: 4px
}

.pollprogress span,.voteprogress span {
    color: #fff;
    text-align: center;
    text-indent: -2000em;
    height: 15px;
    display: block;
    overflow: hidden;
    text-shadow: 0 -1px 0 rgb(0 0 0 / .25);
    background: #0e90d2;
    background: linear-gradient(to bottom,#149bdf,#0480be)
}

.voteprogress .vote2,span.poll1 {
    background-color: #dd514c;
    background: linear-gradient(to bottom,#ee5f5b,#c43c35)
}

.voteprogress .vote3,span.poll2 {
    background-color: #5eb95e;
    background: linear-gradient(to bottom,#62c462,#57a957)
}

.voteprogress .vote4,span.poll3 {
    background-color: #4bb1cf;
    background: linear-gradient(to bottom,#5bc0de,#339bb9)
}

.voteprogress .vote5,span.poll4 {
    background-color: #faa732;
    background: linear-gradient(to bottom,#fbb450,#f89406)
}

.ui-autocomplete {
    position: absolute;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
    background: 50% bottom repeat-x #fff;
    border: 1px solid #dedede;
    color: #222
}

.ui-menu .ui-menu {
    margin-top: -3px
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom:1;float: left;
    clear: left;
    width: 100%
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom:1}

.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-hover {
    margin: -1px;
    border: 1px solid #a7a7a7;
    color: #4e4e4e;
    font-weight: 700
}

pre {
    display: block;
    padding: 10px;
    background: #3f3f3f;
    color: #dcdcdc;
    text-shadow: 0 1px 1px #000;
    box-shadow: inset 0 2px 15px rgb(0 0 0 / .5);
    font-family: Consolas,'Courier New',monospace;
    line-height: 18px;
    border-radius: 4px;
    white-space: pre-wrap;
    word-break: break-all
}

pre .clojure .attribute,pre .request,pre .status,pre .tag,pre.css .class,pre.css .id,pre.lisp .title,pre.nginx .title {
    color: #e3ceab
}

pre.django .filter .argument,pre.django .template_tag,pre.django .variable {
    color: #dcdcdc
}

pre .date,pre .number {
    color: #8cd0d3
}

pre .variable,pre.apache .sqbracket,pre.dos .envvar,pre.dos .stream {
    color: #efdcbc
}

pre .literal,pre.diff .change,pre.dos .flow,pre.python .built_in,pre.python .exception,pre.tex .special {
    color: #efefaf
}

pre .subst,pre.diff .chunk {
    color: #8f8f8f
}

pre .prompt,pre .title,pre.apache .tag,pre.diff .header,pre.dos .keyword,pre.haskell .type,pre.nginx .built_in,pre.python .decorator,pre.ruby .class .parent,pre.tex .command {
    color: #efef8f
}

pre.dos .winutils,pre.ruby .string,pre.ruby .symbol,pre.ruby .symbol .string {
    color: #dca3a3
}

pre .attr_selector,pre .built_in,pre .javadoc,pre .pragma,pre .preprocessor,pre .pseudo,pre .string,pre .tag .value,pre.apache .cbracket,pre.coffeescript .attribute,pre.css .rules .value,pre.diff .deletion,pre.smalltalk .array,pre.smalltalk .class,pre.smalltalk .localvars,pre.sql .aggregate,pre.tex .formula {
    color: #cc9393
}

pre .comment,pre .doctype,pre .pi,pre .shebang,pre .template_comment,pre.diff .addition,pre.java .annotation {
    color: #7f9f7f
}

pre.coffeescript .javascript,pre.javascript .xml,pre.tex .formula,pre.xml .cdata,pre.xml .css,pre.xml .javascript,pre.xml .vbscript {
    color: inherit
}

#marker-bar,#txtselect_marker {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 1200;
    opacity: 0
}

#txtselect_marker {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background: url(../dleimages/marker.png) no-repeat
}

#txtselect_marker:hover {
    background-position: 0 -32px
}

#marker-bar {
    border: 1px solid #ccc;
    border-radius: 15px;
    background: #fff;
    padding: 5px 10px;
    cursor: default;
    box-shadow: 0 0 4px #ccc
}

#marker-bar .masha-marker,#marker-bar .masha-social {
    cursor: pointer;
    display: block;
    margin: 0 5px;
    float: left
}

#marker-bar .masha-marker {
    line-height: 1em;
    color: #aaa;
    border-bottom: 1px dotted #aaa;
    margin-right: 10px
}

#marker-bar .masha-marker:hover {
    color: #ea3e26;
    border-color: #ea3e26
}

.user_selection,.user_selection_true {
    background: #c4f47d;
    padding: 2px 0
}

.user_selection.hover a.txtsel_close,.user_selection_true.hover a.txtsel_close {
    display: inline-block;
    position: absolute;
    top: -7px;
    left: -5px;
    width: 33px;
    height: 33px;
    background: url(../dleimages/closemarker.png) no-repeat
}

.user_selection.hover a.txtsel_close:hover,.user_selection_true.hover a.txtsel_close:hover {
    background-position: 0 -33px
}

#share-popup {
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / .5);
    position: absolute;
    width: 414px;
    display: none;
    z-index: 100;
    padding: 10px 0;
    opacity: 0
}

#share-popup.show {
    display: block;
    opacity: 1
}

#share-popup .social {
    padding: 0 0 10px 17px;
    height: 40px
}

#share-popup .social p {
    padding-bottom: 10px;
    margin: 0;
    font-weight: 700
}

#share-popup .social ul,.widget-list {
    list-style: none;
    margin: 0;
    padding: 0
}

#share-popup .social ul li {
    float: left;
    margin-right: 20px;
    padding-top: 2px;
    position: relative
}

#share-popup .social ul a {
    text-decoration: none;
    font-size: 11px;
    display: inline-block;
    color: #aaa;
    padding-left: 25px
}

#share-popup .social ul a:hover {
    text-decoration: underline;
    color: #ea3e26
}

#share-popup .social a span {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url(../dleimages/social-icons.png) 20px 20px no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

#share-popup .social .tw span {
    background-position: 0 -20px
}

#share-popup .social .fb span {
    background-position: -20px -20px
}

#share-popup .social .fb:hover span {
    background-position: -20px 0
}

#share-popup .social .vk span {
    background-position: -40px -20px
}

#share-popup .social .vk:hover span {
    background-position: -40px 0
}

#share-popup .social .gp span {
    background-position: -60px -20px
}

#share-popup .link {
    clear: both;
    border-top: 1px solid #d9d9d9;
    padding: 10px 5px 0 10px;
    line-height: 1.2;
    overflow: hidden;
    margin: 0 7px
}

#share-popup .link p {
    font-weight: 700;
    padding: 0 0 3px;
    margin: 0
}

#share-popup .link span {
    color: #999;
    font-size: 10px;
    display: block;
    padding-top: 3px
}

.comments-tree-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.comments-tree-item {
    display: block;
    margin: 0;
    padding: 0
}

#dlefastreplycomments {
    padding: 20px;
    background-color: var(--formbg);
    box-shadow: 0 2px 4px rgb(0 0 0 / 6%);
    border-radius: 4px;
    margin-bottom: 20px
}

.commentsreplyname {
    padding: 2px;
    border: 1px solid #bcc0c2;
    width: 200px;
    background: #fff
}

#dlereplypopup form input[type=text] {
    height: 30px;
    line-height: 30px
}

#dlereplypopup form textarea {
    height: 80px
}

.pollallvotes {
    text-align: center;
    margin-top: 10px
}

.emoji {
    border: none;
    vertical-align: middle;
    width: 22px;
    height: 22px
}

.xfieldsrow {
    padding-top: 5px;
    clear: both
}

.xfieldscolleft {
    float: left;
    width: 30%
}

.xfieldscolright {
    float: left;
    width: 70%
}

.file-box {
    width: 95%;
    max-width: 437px;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    background-color: #f5f5f5;
    padding: 10px;
    margin-top: 10px
}

.qq-uploader {
    position: relative;
    width: 100%
}

.qq-upload-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    max-width: 437px;
    background: #ff9797;
    text-align: center
}

.qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 16px
}

.qq-upload-drop-area-active {
    background: #ff7171
}

.uploadedfile {
    width: 115px;
    height: 130px;
    margin: 10px 5px 5px;
    border: 1px solid #b3b3b3;
    box-shadow: 0 1px 4px rgb(0 0 0 / .3);
    text-align: center;
    background: #fff
}

.uploadedfile .uploadimage {
    margin-top: 5px;
    width: 115px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: move
}

.sortable-ghost {
    opacity: .4
}

.uploadedfile .info {
    text-align: left;
    white-space: nowrap;
    margin: 0 5px;
    overflow: hidden
}

.progress {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 10px;
    border-radius: 8px;
    background: #eee;
    box-shadow: 0 1px 0 #fff,0 0 0 1px rgb(0 0 0 / .1) inset,0 1px 4px rgb(0 0 0 / .2) inset
}

.progress .progress-bar {
    float: left;
    width: 0%;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / .15);
    transition: width .6s;
    border-radius: 8px;
    box-shadow: none;
    height: 8px
}

.progress-bar span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0
}

.progress-blue {
    background-image: linear-gradient(to bottom,#9bcff5 0,#6db9f0 100%);
    background-repeat: repeat-x;
    border: 1px solid #55aeee
}

.xfieldimagegallery {
    margin: 20px -5px;
    list-style: none;
    clear: both
}

.xfieldimagegallery li {
    list-style: none;
    margin: 0
}

.xfieldimagegallery li img {
    float: left;
    margin: 5px;
    border: 5px solid #fff;
    width: 150px;
    height: 100px
}

.xfieldimagegallery li img:hover {
    box-shadow: 0 0 7px rgb(0 0 0 / .4)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65
}

.dle-captcha:after {
    clear: both;
    display: block;
    content: ""
}

.dle-captcha>a {
    float: left;
    margin-right: 5px
}

.dle-captcha img {
    position: relative;
    display: block;
    width: 130px;
    height: 46px;
    transition: .2s
}

.dle-captcha>input {
    float: left;
    width: 130px
}

.xfieldsnote {
    color: #838383;
    font-size: .9em
}

.instagram-media,.twitter-tweet {
    display: inline-block!important
}

.ui-front {
    z-index: 1000
}

button.ui-dialog-titlebar-close {
    background: 0 0;
    border: none;
    color: #fff;
    font-size: 15px;
    padding: 4px 12px;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 8px;
    transition: background .2s,color .2s
}

.ui-dialog-titlebar-close:hover {
    background: rgba(255,255,255,.2)
}

.emoji_box {
    width: 100%;
    max-width: 390px
}

.emoji_category {
    padding: 7px;
    clear: both
}

.emoji_list {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    font-size: 2em
}

.emoji_symbol {
    float: left;
    margin-bottom: 10px;
    width: 12.5%;
    text-align: center
}

.emoji_symbol a,.emoji_symbol a:hover {
    cursor: pointer;
    text-decoration: none
}

@media screen and (max-width: 760px) {
    .header,body {
        position:relative
    }

    .wrapper-container {
        max-width: fit-content
    }

    .pagination__pages {
        padding-left: 10px;
        justify-content: center
    }

    .footer {
        display: block;
        text-align: center
    }

    .footer__copyright {
        margin: 20px 0
    }

    .footer__feedback {
        display: inline-flex
    }

    .footer__logo {
        margin: 0
    }

    .main-item {
        padding: 15px;
        display: block
    }

    .main-item+.main-item {
        margin-top: -15px
    }

    .main-item::after {
        display: table;
        clear: both;
        content: ""
    }

    .main-item__img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 14px
    }

    .main-item__desc {
        padding: 0;
        display: inline
    }

    .main-item__text {
        clear: both;
        margin-top: -6px
    }

    .page__player {
        margin-left: -15px;
        margin-right: -15px
    }

    .page__series-select {
        padding: 15px 15px 0;
        margin-bottom: -5px
    }

    .page__activity>* {
        margin-bottom: 10px
    }

    .page__share {
        min-width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 0!important
    }

    .page__intro,.page__subscribe,.page__text .quote {
        margin-left: -15px;
        margin-right: -15px;
        padding-right: 15px
    }

    .full-text h1,.full-text h2,.full-text h3,.full-text h4,.full-text h5 {
        font-size: 17px
    }

    .add-comments-form__input {
        min-width: 100%;
        margin: 0 0 10px
    }

    .add-comments-form__btn {
        width: 100%;
        order: 10
    }

    .add-comments-form .form__row--protect .form__caption {
        width: 100%;
        margin: 0 0 10px
    }

    .grid-1 .main-item {
        padding: 0
    }

    .grid-1 .main-item+.main-item {
        margin-top: 0
    }

    .grid-1 .main-item::after {
        display: none
    }

    .grid-1 .main-item__img {
        width: 100%;
        height: 0;
        float: none;
        margin: 0
    }

    .grid-1 .main-item__desc {
        padding: 15px;
        display: block
    }

    .grid-1 .main-item__added {
        padding: 100px 16px 16px
    }

    .grid-1 #dle-content {
        grid-gap: 0 15px
    }

    .form__caption:not(.form__caption--above),.form__table .addnews {
        width: 100%;
        padding: 0 0 10px
    }

    .form__content--admintag .checkbox,.usp__list li {
        width: 100%
    }

    .usp {
        margin-left: -20px;
        margin-right: -20px
    }

    .comments-tree-list .comments-tree-list {
        padding-left: 0
    }
}

@media screen and (max-width: 590px) {
    .form__title {
        font-size:18px
    }

    .page__related2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px 14px
    }

    .page__related2 li {
        width: 190px;
        margin-bottom: 20px;
        line-height: 1.4;
        list-style: none
    }
}

@media screen and (max-width: 490px) {
    .form__title {
        font-size:18px
    }

    .page__related2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px 13px
    }

    .page__related2 li {
        width: 133px;
        margin-bottom: 20px;
        line-height: 1.4;
        list-style: none
    }
}

.form__btn--find-related {
    position: static;
    margin-top: 10px
}

.pm__links li,.qq-upload-button,.stats__list {
    margin: 3px 1px 5px
}

.form__row--without-label>.form__btn,.pm__links li a {
    margin: 10px 10px 0 0
}

.form__content--sec-code input {
    max-width: 100%;
    width: 100%;
    margin: 0 0 10px;
    height: 40px;
    line-height: 40px;
    font-size: 16px
}

.usp__meta .usp__btn,.usp__right {
    width: 100%;
    margin-top: 20px;
    margin-left: 0
}

.usp__left {
    width: 60px;
    margin-right: 10px
}

.usp__img {
    width: 60px;
    height: 60px
}

.usp__status {
    width: auto;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px
}

.usp__activity {
    justify-content: flex-end;
    text-align: right
}

.usp-popup__left {
    margin: 0 auto 15px;
    width: 100%
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0;
    width: 100%;
    transition: .3s
}

#dofullsearch,#searchsuggestions span.seperator {
    display: none!important
}

.dcont button {
    font-size: 13px;
    padding: 0 15px!important
}

.comments-tree-list .comments-tree-list {
    position: relative;
    padding-left: 0!important
}

.emoji-button {
    top: 0!important;
    height: 320px!important;
    overflow: hidden scroll!important;
    padding: 6px;
    width: 50%;
    text-align: center;
    margin-left: auto!important;
    margin-right: auto!important;
    left: 0!important;
    right: 0!important
}

.fa,.fab,.fad,.fal,.far,.fas {
    display: inline-block;
    text-rendering: auto;
    line-height: 1
}

.widget-title {
    font-weight: 600;
    color: #979696;
    letter-spacing: .5px
}

.sidebar-block {
    display: inline-table
}

.grid-1 #dle-content {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px
}

@media (max-width: 1024px) {
    .grid-1 #dle-content {
        grid-template-columns:repeat(3,1fr)
    }
}

@media (max-width: 400px) {
    .grid-1 #dle-content {
        grid-template-columns:repeat(2,1fr)
    }
}

.main-item {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.main-item__img {
    width: 100%;
    height: 270px;
    overflow: hidden;
    position: relative
}

.main-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

.main-item__desc {
    padding: 10px;
    text-align: center
}

@media (max-width: 600px) {
    .footer {
        flex-direction:column;
        gap: 10px
    }

    .item-screenstop {
        grid-template-columns: 1fr
    }

    .grid-1 #dle-content {
        grid-template-columns: repeat(2,1fr)
    }

    .main-item__title {
        font-size: 14px
    }
}

@media (max-width: 1100px) {
    .page__related2 li {
        width:150px
    }
}

@media (max-width: 988px) {
    .page__related2 li {
        width:140px
    }
}

.site-desc1 h4 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .06em
}

.site-desc1 h4::before {
    content: "";
    width: 3px;
    height: 18px;
    border-radius: 2px;
    background: #26b858
}

@media (max-width: 390px) {
    .header {
        padding-bottom:40px;
        position: relative
    }

    .theme-toggle-switch {
        position: absolute;
        right: 16px;
        bottom: 5px;
        width: 67px;
        height: 28px;
        z-index: 200
    }

    .header__search input {
        padding-right: 100px
    }
}

.full-text {
    max-width: 800px;
    margin: 15px 0 10px auto;
    border-radius: 6px;
    position: relative;
    font-size: clamp(15px,1.1vw,15px);
    line-height: 1.6
}

.full-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px
}

.full-text h1,.full-text h2,.full-text h3,.full-text h4,.full-text h5 {
    font-weight: 500;
    margin: 10px 0 0;
    font-size: 17px
}

.full-text p:first-of-type::first-letter {
    float: left;
    font-size: 46px;
    line-height: 1;
    font-weight: 700;
    margin: 0 10px 4px 0
}

.full-text ul {
    margin: 1px 0;
    list-style: none
}

.bbpane .emoji-button {
    position: absolute!important;
    top: calc(100% + 8px)!important;
    left: 0!important;
    right: auto!important;
    margin: 0!important;
    max-width: 380px;
    height: 320px!important;
    overflow-y: auto!important
}

.emoji-button,.emoji-menu,.emoji-picker,.emoji-picker__wrapper,.emoji_box {
    height: 500px;
    max-height: 80vh;
    overflow-y: auto!important;
    scrollbar-width: none
}

.emoji-button::-webkit-scrollbar,.emoji-menu::-webkit-scrollbar,.emoji-picker::-webkit-scrollbar,.emoji-picker__wrapper::-webkit-scrollbar,.emoji_box::-webkit-scrollbar {
    width: 0;
    height: 0
}

.ui-dialog {
    width: 600px!important;
    max-width: 90%!important;
    margin: 0 auto;
    border-radius: 8px;
    transition: box-shadow .25s;
    box-shadow: 0 0 0 0 transparent,0 20px 40px transparent;
    animation: .3s ease-out forwards dialogFade;
    position: fixed;
    inset: initial;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 1010
}

.ui-dialog.is-open {
    box-shadow: 0 0 0 100vmax rgba(0,0,0,.55),0 20px 40px rgba(0,0,0,.2)
}

@keyframes dialogFade {
    from {
        opacity: 0;
        transform: translateY(-12px) scale(.95);
        box-shadow: 0 0 0 0 transparent,0 0 0 transparent
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        box-shadow: 0 0 0 100vmax rgba(0,0,0,.55),0 20px 40px rgba(0,0,0,.2)
    }
}

.ui-dialog-content {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 20px 24px
}

.ui-dialog-buttonpane {
    flex: 0 0 auto;
    padding: 17px 24px;
    box-shadow: 0 -1px 3px rgb(0 0 0 / .08)
}

.ui-dialog-buttonpane .ui-dialog-buttonset {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 10px 0
}

.ui-dialog-buttonset button {
    flex: 1 1 100%;
    max-width: 170px
}

@media (min-width: 600px) {
    .ui-dialog-buttonset button {
        flex:0 1 auto
    }
}

.mediaupload-body.ui-dialog-content {
    height: 55vh!important;
    max-height: 70vh!important;
    overflow-y: auto!important
}

@media screen and (max-width: 630px) {
    .vse:hover,a.last {
        transition:color .2s
    }

    .sect__header1,a.last {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 17px
    }

    a.last {
        margin-top: 0;
        margin-bottom: 13px
    }

    .sect__header1 {
        margin-top: 10px;
        margin-bottom: 15px;
        text-transform: uppercase
    }
}

.actv,.underline-link,.vse {
    display: inline-block;
    font-weight: 700;
    transition: color .3s;
    text-decoration: none
}

svg {
    margin: 0 5px 3px 0;
    border: 0
}

.ui-dialog-buttonset button.ui-button-delete {
    background-color: #f44336;
    border-color: #f44336;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51,51,51,.5)
}

.ui-dialog-buttonset button.ui-button-delete:hover {
    background-color: #db3a2f;
    border-color: #db3a2f;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51,51,51,.5)
}

.DLEPush {
    z-index: 2001;
    position: fixed;
    right: 20px;
    top: 20px
}

@keyframes DLEPush-show {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.DLEPush-notification.wrapper {
    animation-name: DLEPush-show;
    animation-duration: 1s;
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
    background-color: #fff;
    border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
    grid-column: 1;
    grid-row: 1/span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 45px;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center
}

.DLEPush-notification .DLEPush-icon svg {
    scale: .8
}

.DLEPush-notification .DLEPush-header {
    font-weight: 500;
    grid-column: 2;
    grid-row: 1;
    font-size: 1rem;
    margin-left: 1rem;
    margin-top: .5rem
}

.DLEPush-notification .DLEPush-header:empty,.widget-list--years li+li {
    margin-top: 0
}

.DLEPush-notification .DLEPush-message {
    grid-column: 2;
    grid-row: 2;
    font-size: .875rem;
    margin: 1rem
}

.DLEPush-notification .DLEPush-message li,.DLEPush-notification .DLEPush-message ul {
    list-style-type: none;
    padding-left: 0
}

.DLEPush-notification .DLEPush-close {
    position: absolute;
    top: 8px;
    right: 10px;
    font-weight: 300;
    background: 0 0;
    border: 0;
    font-size: 1.15rem;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    color: inherit;
    outline: 0;
    opacity: .75
}

@media only screen and (min-width: 601px) {
    .DLEPush-notification.wrapper {
        min-width:400px
    }
}

.DLEPush-notification.wrapper.push-success {
    background-color: #e0f2f1
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
    background-color: #00897b
}

.DLEPush-notification.wrapper.push-warning {
    background-color: #fff3e0
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
    background-color: #ff9800
}

.DLEPush-notification.wrapper.push-error {
    background-color: #fbe9e7
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
    background-color: #ff5722
}

.underline-link {
    position: relative;
    color: #03a9f4
}

.actv,.vse {
    color: #21a84e;
    font-size: 15px
}

.actv::after,.underline-link::after,.vse::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0%;
    background-color: #03a9f4;
    transition: width .3s
}

.actv:hover,.underline-link:hover,.vse:hover {
    color: #0288d1
}

.vse {
    position: relative;
    margin: 2px 1px 0 5px
}

.actv {
    position: relative;
    margin: 1px 1px 0
}

.main-item__title.related-item,.sect__content,.sect__content>li {
    position: relative;
    overflow: visible;
    z-index: 0
}

.related-item__img img {
    transition: transform .3s,box-shadow .3s;
    transform-origin: center center
}

.main-item__title.related-item:hover .related-item__img img {
    transform: scale(1.07);
    z-index: 2;
    box-shadow: 0 8px 16px rgba(0,0,0,.25)
}

.page__nozoom .main-item__title.related-item:hover .related-item__img img {
    transform: none;
    box-shadow: none
}

.page__main,.page__related2,.sect__content,.sect__content>li {
    overflow: visible;
    position: relative;
    z-index: 0
}

.telegram-under-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--downloadbuttonhover2);
    font-size: 16px;
    padding: 12px 24px;
    margin-top: 0;
    border-radius: 3px;
    text-decoration: none;
    width: 213px;
    height: 42px;
    color: #fff!important;
    margin-bottom: 9px;
    transition: background-color .25s,box-shadow .25s,transform .1s
}

.rating-vote__btn .fal,.rating-vote__btn .fas,.top-metascore {
    font-size: 15px
}

.telegram-under-button:hover {
    background-color: #1a91d6
}

.torrentrep {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0
}

.top-metascore {
    padding: 6px 9px;
    background-color: var(--sortbg);
    border-radius: 4px;
    box-shadow: 0 1px 4px rgb(0 0 0 / .06);
    font-weight: 400
}

.page__rating.rating-vote {
    display: inline-flex;
    align-items: center;
    gap: 5px
}

.page__meta,.rating-vote__btn {
    align-items: center;
    font-size: 14px
}

.page__rating.rating-vote a {
    display: inline-flex;
    padding: 0;
    margin: 0;
    border: 0;
    background: 0 0;
    box-shadow: none;
    text-decoration: none
}

.rating-vote__btn {
    display: inline-flex;
    justify-content: center;
    gap: 6px;
    min-width: 80px;
    height: 30px;
    padding: 0 8px;
    border-radius: 6px;
    font-weight: 400;
    line-height: 1;
    border: 1px solid transparent;
    transition: background .18s,border-color .18s,box-shadow .18s,color .18s
}

.rating-vote__btn--plus {
    color: #2e7d32;
    background: rgba(232,245,233,.55);
    border-color: rgba(76,175,80,.55);
    box-shadow: 0 0 0 1px rgba(76,175,80,.06)
}

.rating-vote__btn--minus {
    color: #c62828;
    background: rgba(255,235,238,.6);
    border-color: rgba(239,83,80,.55);
    box-shadow: 0 0 0 1px rgba(239,83,80,.06)
}

.activation-chip,.sorter {
    box-shadow: 0 1px 4px rgb(0 0 0 / .06)
}

.page__rating.rating-vote a:hover .rating-vote__btn--plus {
    background: rgba(232,245,233,.9);
    border-color: rgba(76,175,80,.8)
}

.page__rating.rating-vote a:hover .rating-vote__btn--minus {
    background: rgba(255,235,238,.95);
    border-color: rgba(239,83,80,.8)
}

.page__rating.rating-vote a:active .rating-vote__btn {
    box-shadow: 0 0 0 1px rgba(0,0,0,.12)
}

.theme-dark .rating-vote__btn,body.dark .rating-vote__btn {
    background-color: #323842;
    border-color: #2a3039;
    box-shadow: 0 0 0 1px #1b212b
}

.theme-dark .rating-vote__btn--plus,body.dark .rating-vote__btn--plus {
    color: #b2ff59;
    background-color: #2d343e;
    border-color: rgba(129,199,132,.95)
}

.theme-dark .rating-vote__btn--minus,body.dark .rating-vote__btn--minus {
    color: #ff8a80;
    background-color: #2d343e;
    border-color: rgba(239,154,154,.95)
}

.theme-dark .page__rating.rating-vote a:hover .rating-vote__btn--plus,body.dark .page__rating.rating-vote a:hover .rating-vote__btn--plus {
    background-color: #353d48;
    border-color: #c5e1a5;
    box-shadow: 0 0 0 1px #000
}

.theme-dark .page__rating.rating-vote a:hover .rating-vote__btn--minus,body.dark .page__rating.rating-vote a:hover .rating-vote__btn--minus {
    background-color: #353c46;
    border-color: #ef9a9a;
    box-shadow: 0 0 0 1px #000
}

.fa-eye:before {
    content: "\f06e"
}

.page__meta {
    display: flex;
    gap: 28px
}

.page__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px
}

.page__meta-icon {
    font-size: 14px;
    opacity: .8
}

.page__meta-label {
    font-size: 13px;
    letter-spacing: .04em;
    opacity: .7
}

.theme-dark .page__meta-icon,body.dark .page__meta-icon {
    opacity: .85
}

.page__poster {
    max-width: 260px
}

.page__poster .page__fav {
    margin: 1px 0 18px
}

.page__poster .page__fav a {
    display: block;
    padding: 0;
    margin: 0;
    background: 0 0;
    box-shadow: none;
    border-radius: 0;
    height: auto;
    text-transform: none
}

.page__poster .page__fav-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    height: 30px;
    padding: 0 18px;
    border-radius: 4px;
    border: none;
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
    background: #26be5a;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.18);
    cursor: pointer;
    transition: background .22s,box-shadow .22s
}

.page__poster .page__fav a:hover .page__fav-btn {
    background: #22a551;
    box-shadow: 0 0 0 1px rgba(220,250,220,.96),0 0 10px rgba(220,250,220,.96),0 6px 10px rgba(220,250,220,.8)
}

.page__poster .page__fav a:active .page__fav-btn {
    background: #1f954b;
    box-shadow: 0 0 0 1px rgba(205,240,205,.92),0 0 11px rgba(205,240,205,.86),0 5px 8px rgba(205,240,205,.75)
}

.page__poster .page__fav-icon {
    font-size: 15px
}

.page__poster .page__fav-btn--on .page__fav-icon {
    color: #fff59d;
    text-shadow: 0 0 4px rgba(0,0,0,.6)
}

.theme-dark .page__poster .page__fav-btn,body.dark .page__poster .page__fav-btn {
    background: #1e8942
}

.theme-dark .page__poster .page__fav a:hover .page__fav-btn,body.dark .page__poster .page__fav a:hover .page__fav-btn {
    background: #27a953;
    box-shadow: 0 1px 6px rgba(0,0,0,.6),0 0 7px rgba(190,235,200,.55)
}

.theme-dark .page__poster .page__fav a:active .page__fav-btn,body.dark .page__poster .page__fav a:active .page__fav-btn {
    background: #218e47;
    box-shadow: 0 1px 4px rgba(0,0,0,.5),0 0 5px rgba(180,230,190,.5)
}

.theme-dark .page__poster .page__fav-btn--on .page__fav-icon,body.dark .page__poster .page__fav-btn--on .page__fav-icon {
    color: #ffeb3b
}

.form__content--sec-code .form__captcha {
    margin-top: 8px
}

.form__captcha-hint {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.3;
    color: #a0acb8;
    display: flex;
    align-items: center
}

.home-activation__comments,.home-activation__title-link {
    display: inline-flex;
    gap: 6px;
    color: var(--bodytextcolor);
    text-decoration: none
}

.form__captcha-hint-icon {
    font-size: 14px;
    opacity: .8
}

.home-activation__title-link {
    align-items: center
}

.home-activation__title {
    font-size: 18px;
    font-weight: 500
}

.home-activation__arrow {
    font-size: 14px;
    opacity: .6;
    transition: transform .15s,opacity .15s
}

.home-activation__title-link:hover .home-activation__arrow {
    transform: translateX(3px);
    opacity: 1
}

.home-activation__comments {
    align-items: center;
    font-size: 14px;
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--updatebg);
    white-space: nowrap;
    transition: background .15s,color .15s
}

.home-activation__comments:hover {
    background: rgba(0,0,0,.06)
}

.home-activation__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff6bb0
}

.activation-chip,.sect-link:hover,.sorter,.sorter:hover {
    background-color: var(--sortbg);
    color: var(--bodytextcolor)
}

.home-activation__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px
}

.sorter {
    position: relative;
    cursor: pointer;
    min-width: 160px;
    padding: 6px 18px 6px 14px;
    margin-left: 10px;
    border-radius: 999px;
    border: 1px solid var(--sorterh);
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: border-color .2s,box-shadow .2s,background-color .2s,color .2s
}

.sorter:hover {
    box-shadow: 0 0 10px rgb(89 206 206 / 60%)
}

.sorter::before {
    content: attr(data-label);
    display: inline-block;
    opacity: .75;
    margin-right: 4px
}

.sorter>span {
    display: inline-block;
    font-weight: 500;
    line-height: 1
}

.sorter form,.widget-list a {
    font-size: 15px;
    font-weight: 400
}

.sorter::after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 16px;
    position: absolute;
    right: 12px;
    top: 56%;
    transform: translateY(-50%);
    opacity: .8;
    pointer-events: none
}

.sorter a {
    color: inherit;
    text-decoration: none
}

.sorter form {
    display: none;
    background-color: var(--sorterform);
    padding: 8px 0;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 220px;
    width: auto;
    z-index: 9999;
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(0,0,0,.15)
}

.sorter form li {
    list-style: none;
    cursor: pointer;
    white-space: nowrap;
    color: inherit
}

.sorter form li a {
    display: block;
    width: 100%;
    padding: 10px 16px;
    color: inherit;
    text-decoration: none;
    transition: background .2s
}

.sorter form li:hover a {
    background: rgba(0,0,0,.05);
    font-weight: 500;
    border-left: 3px solid var(--accent-color,#72a13b)
}

.sorter form li.asc a,.sorter form li.desc a {
    font-weight: 600;
    background: rgba(0,0,0,.08)
}

.sort li.asc a:after,.sort li.desc a:after {
    content: "\f063";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    margin-left: 10px;
    font-weight: 300
}

.sort li.desc a:after {
    content: "\f062"
}

@media (max-width: 768px) {
    .ctrl {
        flex-direction:column;
        align-items: flex-start
    }

    .site-desc1 {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 8px
    }

    .sorter {
        text-align: center;
        margin-top: 8px
    }

    .sorter button,.sorter select {
        font-size: 16px;
        padding: 6px 12px
    }

    .ui-dialog {
        width: 90%!important;
        max-width: 90%!important;
        margin: 0 auto;
        border-radius: 6px
    }

    .home-activation__head {
        flex-direction: row;
        align-items: center;
        gap: 8px
    }

    .home-activation__title {
        font-size: 16px
    }

    .home-activation__comments {
        font-size: 13px;
        padding: 2px 8px
    }

    .sorter {
        margin-left: 0;
        width: 100%;
        justify-content: center
    }

    .sorter form {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        width: 90vw;
        max-width: 320px
    }
}

.page-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap
}

.activation-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 3.2px 14px;
    border-radius: 999px;
    border: 1px solid var(--sorterh);
    font-size: 14.5px;
    max-width: 100%;
    margin: 0 0 2px
}

.activation-chip__icon {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: rgba(38,184,88,.25);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #ffd66b
}

.activation-chip__text {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px
}

.activation-chip__link {
    font-weight: 600;
    color: var(--accent-color,#26b858);
    text-decoration: none;
    white-space: nowrap
}

.theme-dark .widget-title,.widget-title {
    color: var(--widgettitle)
}

.widget {
    margin: 0 0 22px;
    padding: 0;
    border-radius: 0;
    background: 0 0;
    box-shadow: none;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif
}

.widget-title {
    margin: 8px 0 15px;
    padding: 0;
    font-size: 16px;
    letter-spacing: .08em;
    display: flex;
    align-items: center;
    gap: 8px
}

.widget-title__icon {
    width: 3px;
    height: 18px;
    border-radius: 999px;
    flex-shrink: 0;
    background: linear-gradient(180deg,#facc15,#f97316)
}

.theme-dark .widget-title__icon {
    background: linear-gradient(180deg,#fbbf24,#fb923c);
    opacity: .95
}

.widget-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border-radius: 8px;
    background: #f6f7fb;
    color: var(--widgetlistcolor);
    text-decoration: none;
    transition: background .15s,box-shadow .15s
}

.widget-list a::before {
    content: "";
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-left: 1px;
    background: url("/SVG/icons/category.svg") center/16px 16px no-repeat;
    opacity: .9
}

.widget-list a:hover {
    background: #e9edf8;
    box-shadow: 0 1px 0 rgba(15,23,42,.06)
}

.widget-list a:active {
    box-shadow: none
}

.widget-list a:focus-visible {
    outline: #fbbf24 solid 2px;
    outline-offset: 2px
}

.theme-dark .widget-list a {
    background: #323945;
    color: var(--widgetlistcolor)
}

.theme-dark .widget-list a:hover {
    background: #455268;
    box-shadow: 0 0 0 1px rgba(0,0,0,.35)
}

.theme-dark .widget-list a::before {
    opacity: 1;
    filter: invert(1) brightness(.9)
}

.theme-dark .widget-list a:hover::before {
    filter: invert(1) brightness(1.9)
}

.theme-dark .widget-list a:focus-visible {
    outline-color: #facc15
}

.widget-list a.is-active {
    background: linear-gradient(135deg,#facc15,#fb923c);
    color: #1f2933;
    font-weight: 600;
    box-shadow: 0 0 0 1px rgba(0,0,0,.08)
}

.theme-dark .widget-list a.is-active {
    color: #0b1120;
    box-shadow: 0 0 0 1px rgba(0,0,0,.4)
}

.theme-dark .widget-list a.is-active::before {
    opacity: 1;
    filter: invert(1) brightness(2)
}

@media (max-width: 900px) {
    .sidebar-widgets {
        margin-top:20px
    }

    .widget-title {
        cursor: pointer;
        padding: 10px 12px;
        border-radius: 10px;
        background: var(--widgetbg)
    }

    .widget-title::after {
        content: "â–¾";
        margin-left: auto;
        font-size: 11px;
        opacity: .7;
        transition: transform .15s
    }

    .widget.is-collapsed .widget-title::after {
        transform: rotate(-90deg)
    }

    .widget.is-collapsed .widget-list {
        display: none
    }
}

.widget--years {
    margin-bottom: 22px
}

.widget-list--years .years a {
    justify-content: flex-start;
    font-variant-numeric: tabular-nums
}

.widget-list--years .years a::before {
    content: "";
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-left: 1px;
    background: url("/SVG/icons/calendar-month.svg") center/16px 16px no-repeat;
    opacity: .9
}

.widget-list a[href="/gonki/"]::before {
    background-image: url("/SVG/icons/steering-wheel.svg")
}

.widget-list a[href="/sportivnye/"]::before {
    background-image: url("/SVG/icons/trophy.svg")
}

.widget-list a[href="/draki/"]::before {
    background-image: url("/SVG/icons/swords.svg")
}

.widget-list a[href="/zombi/"]::before {
    background-image: url("/SVG/icons/skull.svg")
}

.widget-list a[href="/stels/"]::before {
    background-image: url("/SVG/icons/eye-off.svg")
}

.widget-list a[href="/kvesty/"]::before {
    background-image: url("/SVG/icons/map.svg")
}

.widget-list a[href="/horror/"]::before {
    background-image: url("/SVG/icons/ghost.svg")
}

.widget-list a[href="/arcade/"]::before {
    background-image: url("/SVG/icons/device-gamepad-2.svg")
}

.widget-list a[href="/action/"]::before {
    background-image: url("/SVG/icons/flame.svg")
}

.widget-list a[href="/rpg/"]::before {
    background-image: url("/SVG/icons/shield.svg")
}

.widget-list a[href="/strategy/"]::before {
    background-image: url("/SVG/icons/chess-knight.svg")
}

.widget-list a[href="/sandbox-game/"]::before {
    background-image: url("/SVG/icons/cube.svg")
}

.widget-list a[href="/survival-games/"]::before {
    background-image: url("/SVG/icons/campfire.svg")
}

.widget-list a[href="/simulyatory/"]::before {
    background-image: url("/SVG/icons/gauge.svg")
}

.widget-list a[href="/jeroticheskie/"]::before {
    background-image: url("/SVG/icons/heart.svg")
}

.widget-list a[href="/priklyucheniya/"]::before {
    background-image: url("/SVG/icons/compass.svg")
}

.widget-list a[href="/platformer-games/"]::before {
    background-image: url("/SVG/icons/stairs.svg")
}

.widget-list a[href="/anime-novelli/"]::before {
    background-image: url("/SVG/icons/masks-theater.svg")
}

.widget-list a[href="/waiting/"]::before {
    background-image: url("/SVG/icons/hourglass.svg")
}

.widget-list a[href="/first-person/"]::before {
    background-image: url("/SVG/icons/focus-centered.svg")
}

.widget-list a[href="/ot-tretego-lica/"]::before {
    background-image: url("/SVG/icons/user.svg")
}

.widget-list a[href="/first-person-shooters/"]::before {
    background-image: url("/SVG/icons/crosshair.svg")
}

.widget-list a[href="/shutery-ot-tretego-lica/"]::before {
    background-image: url("/SVG/icons/target-arrow.svg")
}

.widget-list a[href="/vse-igry-na-dvoikh/"]::before {
    background-image: url("/SVG/icons/users.svg")
}

.widget-list a[href="/top-100-games/"]::before {
    background-image: url("/SVG/icons/medal.svg")
}

.widget-list a[href="/new-games-2025/"]::before {
    background-image: url("/SVG/icons/star.svg")
}

.widget-list a[href="/gog/"]::before {
    background-image: url("/SVG/icons/shopping-bag.svg")
}

.widget-list a[href="/bez-ustanovki/"]::before {
    background-image: url("/SVG/icons/usb.svg")
}

.widget-list a[href="/otkrytyj-mir/"]::before {
    background-image: url("/SVG/icons/world-latitude.svg")
}

.widget-list a[href="/vse-igri-dlya-slabih-pc/"]::before {
    background-image: url("/SVG/icons/cpu.svg")
}

.widget-list a[href="/igry-po-seti-onlajn-free/"]::before {
    background-image: url("/SVG/icons/network.svg")
}

.widget-list a[href="/russkaya-ozvuchka/"]::before {
    background-image: url("/SVG/icons/microphone-2.svg")
}

.widget-list a[href="/repack-ot-igruha/"]::before {
    background-image: url("/SVG/icons/package-export.svg")
}

.widget-list a[href="/repack-by-xatab/"]::before {
    background-image: url("/SVG/icons/package-import.svg")
}

.widget-list a[href="/good-graphics/"]::before {
    background-image: url("/SVG/icons/palette.svg")
}

.widget-list a[href="/top-igry-s-khoroshim-siuzhetom/"]::before {
    background-image: url("/SVG/icons/book-2.svg")
}

.theme-light .widget-list a.is-active {
    background: linear-gradient(135deg,#ffe69b,#ffb341);
    box-shadow: 0 0 0 1px rgba(245,158,11,.55),0 1px 14px rgba(15,23,42,.1)
}

.theme-dark .widget-list a.is-active {
    background: linear-gradient(135deg,#f59e0b,#ea580c);
    box-shadow: 0 0 0 1px rgba(0,0,0,.55),0 8px 18px rgba(0,0,0,.6)
}

.theme-light .widget-list a:not(.is-active):hover {
    background: linear-gradient(90deg,#f7f8fc 0,#eef2ff 40%,#f7f8fc 100%);
    box-shadow: 0 0 0 1px rgba(148,163,184,.25)
}

.theme-dark .widget-list a:not(.is-active):hover {
    background: linear-gradient(90deg,#3b4454 0,#465268 40%,#3b4454 100%);
    box-shadow: 0 0 0 1px rgba(148,163,184,.32)
}

.theme-light .widget-list a {
    background: linear-gradient(180deg,#f9fafb,#f6f7fc);
    box-shadow: 0 0 0 1px rgba(148,163,184,.12)
}

.theme-dark .widget-list a {
    background: linear-gradient(180deg,#353d4b,#313846);
    box-shadow: 0 0 0 1px rgb(64 73 88)
}

.main-item__img .main-poster {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: none!important
}

.main-item__img .main-poster.lazy-hidden {
    visibility: hidden
}

.main-item__img .main-poster.is-loaded {
    visibility: visible
}