html,body,div,span,object,iframe,frame,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,a,b,i,dl,dt,dd,ol,ul,li,fieldset,textarea,select,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input {
background: transparent;margin:0;padding:0;outline:none;border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input, label, button, form {background: transparent;margin:0;padding:0;outline:none;border: 0;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section {display: block;}
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
font-size: 16px;
line-height: 1.5; line-height:normal; padding:0; margin:0;
color: #a8a89c; background:#343434 url(../images/bg.jpg) center;
height:100%; width:100%; font-weight:400;}
img {max-width:100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
a {color: #ccc; text-decoration: none;}
a:hover, a:focus {color:#fff; text-decoration: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
h1 {font-size:24px;}
h2 {font-size:24px;}
h3 {font-size:21px;}
.form-wrap {margin:0 -20px;}
.sub-title h1 {margin-bottom:15px; font-size:24px;}
.pm-page, .search-page, .static-page, .tags-page {}
.tags-page a {margin-bottom:10px;}
.tags-page a:hover {color:#fff !important;}
textarea { overflow: auto; vertical-align: top }
.up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn),
html input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; border-radius:4px;
display:inline-block; padding:0 15px; line-height:40px; height:40px;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
button[disabled], input[disabled] { cursor: default }
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button { font-weight: normal; font-size: 12px !important;
height: 30px !important; line-height:30px !important; padding: 0px 10px; background-color:#ce1025; border-radius:3px;
box-shadow:none; border:0; text-shadow:none;}
input[type="text"] {display:block; width:100%; height:38px; line-height:38px; padding:0 15px;
color:#ccc; background-color:#585858; border:1px solid #111; border-radius:3px;}
input[type="text"]:focus {background-color:#585858; border-color:#111; box-shadow:0 0 10px 0 rgba(0,0,0,0.7);}
input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent}
table.userstop, table.pm, table.tableform, table.calendar { border-collapse: collapse; border-spacing: 0 }
.ui-icon, .close { display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; }
.img-box {overflow:hidden; position:relative; border-radius: 5px;}
.img-box img {width:100%; min-height:100%;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button, .overlay-close, .side-movie-img img, .show-login, .trailer-close, .rel-kino-img img {transition: all .2s linear;}
a, .carou-inner, .kino-img img {transition: color .4s, background-color .4s, opacity .4s;}
.pseudo-link {cursor:pointer;}
.icon-left i {margin-right:10px;}
.grey, .search-box button:not(.color-btn), .second-menu li a, .k-fav, .k-link, .tabs, .login-menu a, .social-here, .kino-h-sub, .pravo-link
{background-color:#454545; background: linear-gradient(to bottom, #747474 0%,#585858 100%); color:#fff;}
.grey, .first-menu li a, .qual-mark, .login-title, .series-mark, .change-here
{background-color:#2b2b2b; background: linear-gradient(to bottom, #515151 0%,#2b2b2b 100%); color:#FFF;}
.red, .first-menu li a.active, .kino-h:before, .login-menu a:hover, .k-fav-added, .trailer-close, .tabs li.current,
.up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn),
html input[type="button"], input[type="reset"], input[type="submit"]
{background-color:#920010; background: linear-gradient(to bottom, #ce1025 0%,#920010 100%); color:#fff;}
.col-cont, .full-comms {background: linear-gradient(to bottom, #1d1d1d 0%,#202020 100px); box-shadow:inset 0 1px #404040;}
.kino-lines span, .show-trailer, .comms-title span, .search-box button:hover, .second-menu li a:hover, .k-link:hover
{background: linear-gradient(to bottom, #747474 0%,#a0a0a0 100%); box-shadow:inset 0 0 0 1px #111,inset 0 0 0 2px #a8a89c;}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
.first-menu li a:not(.active):hover, .pravo-link:hover
{background-color:#2b2b2b; background: linear-gradient(to top, #515151 0%,#2b2b2b 100%); color:#FFF;}
.kino-img, .side-movie-img, .skoro-img, .kino-desc img, .rel-kino-img {border-radius:6px; border:1px solid #000;}
.wr {height:auto; width:100%; min-width:320px; position:relative; padding-top:200px;}
.center {width:1280px; min-width:320px; max-width:1280px; margin:0 auto; position:relative; z-index:100;}
.top-wr {background-color:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; z-index:888;}
.top {height:50px; padding:10px 310px; position:relative;}
.block {}
.cols {padding:0 0 0 310px; background-color:#2b2b2b; position:relative; border-top:1px solid #111; margin-bottom:20px; border: 1px solid #606060;
border-radius:0 0 6px 6px; overflow:hidden;}
.cols:before {content:""; position:absolute; left:0; top:0; bottom:0; z-index:50;
width:310px; background-color:#454545; border-right:1px solid #111; box-shadow:inset -1px 0 #404040;}
.col-side {float:left; width:310px; margin:0 0 0 -310px; position:relative; z-index:100; padding:10px 0 0 0;}
.col-cont {width: 100%;
float: right;
min-height: 400px;
padding-top: 1px;
padding-left: 20px;
padding-right: 20px;}
#bg-wallpaper {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; opacity:0.01;}
.have-bg {}
#beseed_rotator {width:100% !important;}
.logo {height:50px; width:300px; display:block; position:absolute; left:0; top:0;
background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.log-buts {display:inline-block; position:absolute; top:0; right:0; line-height:50px;}
.log-buts a{display:inline-block; float:right; margin-left:10px; color:#FFF;}
.log-buts a i {color:#999; font-size:16px;}
.log-buts a:hover {text-decoration:underline;}
.search-wrap {width:300px;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; height:30px; line-height:30px; padding:0 60px 0 10px; border-radius:3px;
background-color:#585858; color:#ccc; border:0; -webkit-appearance: none; box-shadow:inset 0 0 0 1px #585858 !important;}
.search-box button {position:absolute; right:0; top:0; border-radius:0 3px 3px 0; font-size:16px; box-shadow:none;
padding:0; text-align:center; width:50px; height:30px; line-height:30px; color:#ccc; border-left:1px solid #111;}
.first-menu {height:26px; line-height:26px;}
.first-menu > li {display:inline-block; float:left; margin-right:1px;}
.first-menu > li:last-child {float:right; margin-right:0;}
.first-menu li a {display:block; padding:0 20px; font-weight:700; border-radius:6px 6px 0 0;}
.change-here {padding:0 20px; border-radius:6px 6px 0 0; height:26px; position:relative; color:#FFF; font-weight:700; cursor:pointer;}
.change-here i {margin-left:5px; font-size:16px;}
.change-here .sorting-list li {color:#ccc;}
.change-here .sorting-list {left:auto; top:100%; right:0; text-align:right;}
.carousel-wr {margin:0 0 20px 0; overflow:hidden; position:relative; z-index:110; height:300px;
background-color:#202020; border-radius:0 6px 6px 6px; border-top:1px solid #000; padding:10px;}
.carou {display:block; height:280px; max-width:205px;}
.carou-inner {position:absolute; left:0; right:0; bottom:0; top:0; z-index:50; padding:20px 10px; text-align:center; display:block;
background-color:rgba(0,0,0,0.6); color:#920010 !important; display:flex; flex-direction:column; justify-content:center; opacity:0;}
.carou:hover .carou-inner {opacity:1;}
.carou-inner i {font-size:80px;}
.second-menu {height:30px; line-height:30px;}
.second-menu li {display:inline-block; float:left;}
.second-menu li:last-child {float:right; margin-right:0;}
.second-menu li a {display:block; padding:0 20px; font-weight:700; border-radius:6px 6px 0 0;
border-right:1px solid #111; box-shadow:inset -1px 0 #404040;}
.social-here {height:40px; padding:0 15px; border-radius:6px 6px 0 0;
border-right:1px solid #111; box-shadow:inset -1px 0 #404040;}
.second-menu .social-likes {position:relative; top:0px;}
.main-title {font-size:16px; font-weight:700; color:#ce1025; text-align:center; margin-bottom:20px;}
.sorting {margin:0 -20px 20px -20px; padding:0 90px 0 20px; line-height:30px; position:relative;}
.sorting-menu:before {content:attr(data-label); display:inline-block; float:left; margin-right:10px;}
.sorting-menu > li {display:inline-block; float:left; margin-right:10px; border-radius:15px;
box-shadow:inset 0 0 0 2px #404040; cursor:pointer; padding:0 15px; position:relative;}
.sorting-menu > li:last-child {float:right; margin-right:0;}
.sorting-menu li i {margin-left:7px; font-size:16px;}
.sorting-menu > li:hover {background-color:#585858;}
.sorting-list {position:absolute; left:0; top:80%; width:160px; z-index:888; overflow:hidden; display:none;
background-color:#585858; border:1px solid #111; border-radius:6px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.sorting-list li {display:block; padding:5px 15px; line-height:16px; border-bottom:1px solid #3c3c3c; box-shadow:0 1px #777; color:#CCC;}
.sorting-list li:last-child {border-bottom:0; box-shadow:none;}
.sorting-list li:hover {background-color:#777;}
.grid-select {display:inline-block; position:absolute; top:10px; right:20px;}
.grid-select span {display:block; height:30px; float:right; margin-left:10px; color:#ccc; font-size:20px; cursor:pointer; color:#000;}
.grid-select span:hover, .grid-select span.current {color:#ccc;}
.kino-item {padding:20px; border-top:1px solid #111; margin:0 -20px; position:relative;
box-shadow:inset 0 1px #404040;}
.kino-title {padding:0 200px 20px 0; position:relative;}
.kino-h {font-size:16px; font-weight:700; display:block; padding-left:30px; position:relative;}
.kino-h h2 {font-size:16px; font-weight:700;}
a.kino-h:hover {text-decoration:underline; color:#fff;}
.kino-h:before {content:""; width:16px; height:16px; border-radius:50% 50% 0 50%; position:absolute; left:0; top:2px;
transform:rotate(-45deg);}
.kino-info {position:absolute; top:0; right:0; padding-right:50px;}
.k-fav {width:40px; text-align:center; height:60px; padding-top:20px; font-size:20px; border-radius:0 0 20px 20px;
position:absolute; right:0; top:-20px; border:1px solid #111; border-top:0; box-shadow:2px 3px 3px 0 rgba(0,0,0,0.1);}
.fav-guest:before {content:attr(data-label); display:none; padding:10px; background-color:#000; color:#FFF;
width:200px; position:absolute; bottom:110%; right:0; font-size:12px; border-radius:4px;}
.fav-guest:hover:before {display:block; z-index:9999;}
.k-rate {padding-top:2px;}
.kino-inner {padding-left:200px;}
.kino-img {width:200px; margin-left:-200px; float:left; overflow:hidden; position:relative; height:300px;}
.kino-img img { display:block; width:100%;}
.kino-img:hover .carou-inner {opacity:1;}
.kino-text {float:right; width:100%; padding:0 0 30px 20px;}
.k-meta {position:absolute; display:inline-block; border-radius:4px; padding:3px 10px; font-size:12px;}
.show-trailer {left:10px; bottom:10px; z-index:100; cursor:pointer; color:#000;}
.qual-mark {display: block;
width: 100%;
height: 35px;
line-height: 15px;
position: absolute;
margin-top: 0px;
overflow: hidden;
background: rgb(154 2 19);
color: rgba(255, 255, 255, 0.9);
font-size: 18px;
text-align: center;
padding: 5px 5px;
z-index: 5;
bottom: 0px;
border: 5px;}
.series-mark {top:0; right:0; border-radius:0 4px 0 4px; font-size:11px;}
.kino-desc {font-size:13px; line-height:18px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #8a8a8a;}
.kino-lines {}
.kino-lines li {font-size:16px; line-height:25px;}
.kino-lines li:after {content: ""; display: table; clear: both;}
.k-label {float:left; font-weight:700; margin-right:5px;}
.kino-lines a {color:#ce1025; text-decoration:underline;}
.kino-lines a:hover {color:#ce1025; text-decoration:none;}
.kino-lines span {display:inline-block; padding:0px 7px; border-radius:3px; font-weight:700; float:left; margin-left:5px; color:#FFF;}
.kino-date {display:inline-block; position:absolute; right:175px; bottom:20px; line-height:30px; color:#888;}
.k-link {display:inline-block; height:30px; line-height:30px; padding:0 10px; border-radius:4px;
border:1px solid #111; box-shadow:0 0 3px 0 rgba(0,0,0,0.1);
position:absolute; right:20px; bottom:20px;}
.k-link i {color:#ccc; margin-right:5px;}
.grid-thumb {border-top:1px solid #d7d7d7; padding:20px 10px; margin:0 -20px;}
.grid-thumb .kino-item {padding:0 0 5px 0; border-top:0; margin:0 1% 40px 1%; width:23%; float:left; background-image:none; position:relative;}
.grid-thumb .kino-title {padding:0 0 10px 0; position:static;}
.grid-thumb .kino-h h2 {font-size:19px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:20px; line-height:20px;}
.grid-thumb .kino-info {top:100%; right:50%; padding-right:0;width:106px; margin-right:-53px;}
.grid-thumb .kino-inner {padding-left:0;}
.grid-thumb .kino-img {width:100%; margin-left:0; float:none; height:320px;}
.grid-thumb .kino-text, .grid-thumb .k-fav, .grid-thumb .kino-date {display:none;}
.trailer-overlay {position:fixed; left:0; top:0; z-index:8889; width:100%; height:100%; background-color:rgba(0,0,0,0.4); display:none;}
.trailer-close {position:absolute; right:-20px; top:-20px; font-size:18px !important; color:#fff; cursor:pointer;
width:40px; height:40px; line-height:40px !important; text-align:center; border-radius:50%;}
.trailer-close:hover {transform:rotate(90deg) scale(1.1,1.1);}
.trailer-inner {width:830px; position:absolute; left:50%; top:10%; margin-left:-415px; border-radius:4px;
padding:20px; color:#e3e3e3; box-shadow:0 0 20px 0 rgba(0,0,0,1.00); min-height:300px;
background:#000000 url(../images/loader.gif) center center no-repeat;}
.site-desc {color:#CCC; line-height:18px;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:16px; margin-bottom:15px; font-weight:700; color:#e3e3e3;}
.site-desc p {margin-bottom:10px;}
.site-desc a {color:#e3e3e3; text-decoration:underline;}
.bot-menu {padding:15px 0;}
.bot-menu li {list-style:disc; color:#ccc; float:left; margin-right:25px;}
.bot-menu li:first-child {list-style:none; font-weight:700;}
.bot-menu li a {color:#ccc;}
.bot-menu li a:hover {color:#fff; text-decoration:underline;}
.pravo-link {display:block; padding:10px 15px; text-align:center;
font-weight:700; font-size:14px; border-radius:6px 6px 0 0;}
.side-box {border-bottom:1px solid #3c3c3c; box-shadow:0 1px #777777;}
.side-box:last-child {border-bottom:0; box-shadow:none;}
.sb-title {font-size:14px; font-weight:700; color:#fff; padding:10px 20px; position:relative; text-shadow:1px 1px #000;}
.sb-cont {padding:0 10px 10px 10px;}
.grid-side {display:inline-block; position:absolute; top:8px; right:20px;}
.grid-side span {display:block; height:30px; float:right; margin-left:10px; color:#000; font-size:18px; cursor:pointer;}
.grid-side span:hover, .grid-side span.current {color:#ccc;}
.main-menu li {line-height:22px; height:22px;}
.mm-subtitle {font-weight:700; font-size:14px; margin-bottom:1px; color:#f0f0f0;}
.main-menu li + .mm-subtitle {margin-top:15px;}
.main-menu a {text-decoration:underline; float:left;}
.main-menu span {color:#888; font-size:10px; float:right;}
.genres-menu {width:65%; float:left; padding-right:40px;}
.genres-menu:last-child {width:35%; padding-right:0;}
.mob-menu {padding-bottom:15px;}
.mob-menu li {width:50%; float:left;}
.skoro-item {position:relative; margin-bottom:10px; padding-left:80px; min-height:90px;}
.skoro-img {width:70px; height:90px; position:absolute; left:0; top:0;}
.skoro-text {color:#a8a89c;}
.skoro-text a {display:block; font-weight:700; margin-bottom:10px;}
.skoro-text a:hover {text-decoration:underline;}
.skoro-img:hover {opacity:0.7;}
.side-movie {width:46.5%; float:left; display:block; margin-bottom:20px; position:relative;}
.side-movie:nth-child(2n) {float:right;}
.side-movie-img {height:170px; margin-bottom:10px;}
.side-movie-title {height:36px; overflow:hidden; text-align:center; color:#ccc; line-height:18px; font-weight:700;}
.side-movie:hover .side-movie-img img {transform:scale(1.1,1.1);}
.side-movie:hover .side-movie-title {text-decoration:underline;}
.grid-row .side-movie {width:100%; float:none !important; border-bottom:1px dashed #888; margin-bottom:10px; padding:0 120px 10px 0;}
.grid-row .side-movie-img {display:none;}
.grid-row .side-movie-title {height:auto; text-align:left;}
.grid-row .series-mark {border-radius:4px; top:2px; width:105px; text-align:right; white-space:nowrap;}
.grid-row .side-movie:last-child {border-bottom:0; margin-bottom:0; padding:0 120px 0 0;}
.speedbar {margin:0 -20px 20px -20px; padding:0 20px; color:#888;}
.speedbar a {text-decoration:underline;}
.kino-page {border-top:0; margin-top:-20px; box-shadow:none; background-image:none;}
.kino-title-full {padding:0 100px 20px 0; position:relative;}
.kino-inner-full .kino-text {padding:0;}
.kino-desc img {display:block; float:left; margin:0 15px 10px 0; max-width:240px !important;}
.kino-inner-full .kino-desc {padding-bottom:20px; margin-bottom:20px;}
.kino-h-sub {padding:10px; font-weight:700; font-size:14px; text-align:center; margin:20px 0;
border-radius:4px; border:1px solid #111; color:#CCC;}
.k-edit {display:inline-block; font-size:24px; position:absolute; right:50px; top:-2px;}
.player-section {margin:20px -20px; position:relative;}
.player-box { background-color:#000; color:#CCC !important;}
.js .player-box {display:none;}
.js .player-box.visible {display:block;}
.tabs {height:40px; line-height:40px; border-top:1px solid #111;}
.tabs li {display:inline-block; float:left; padding:0 20px; font-weight:700; border-radius:0;
border:0px solid #111; box-shadow:inset -1px 0 #404040; margin-right:0px; cursor:pointer;}
.tabs li.current {box-shadow:none; border-color:#ce1025;}
.k-rate-full {display:inline-block; position:absolute; top:0; right:0; padding:8px 20px 0 20px;
border:0px solid #111; border-radius:6px 6px 0 0; height:40px;}
.smart-text {background:#1f1f1f;}
.smart-text > p {padding:10px 20px 20px 20px; min-height:70px;}
.smart-text p img {float:left; margin-right:20px;}
.smart-text .kino-h-sub {font-size:12px; margin:0; border-radius:0;}
.smart-text .social-likes {padding:10px 10px 0 10px; text-align:center; display:block;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:450px;}
.full-text {line-height:20px;}
.full-text img {margin:0 15px 10px 0; width: 230px; height: 100%; border: 1px solid #000000;}
.player-drop img {margin:0; border:0; display:block;}
.full-text a {text-decoration:underline;}
.full-text a:hover {text-decoration:underline;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {color:#2a2a2a; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.full-text h2 {font-size:18px;}
.full-text h3 {font-size:18px;}
.full-text h4 {font-size:18px;}
.full-text h5 {font-size:16px;}
.full-text p {margin-bottom:15px;}
.full-text ul, .full-text ol, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol {counter-reset:li; padding:0;  list-style:none; margin-left:25px; }
.full-text ol li {position:relative; margin:0 0 5px 0; padding-left:30px; min-height:20px;}
.full-text  ol li:before {content:counter(li); counter-increment:li; font-size:11px;
position:absolute; top:2px; left:0; width:20px; height:20px; line-height:20px; text-align:center;
color:#fff; background:#920010; font-weight:bold; border-radius:50%;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #111; font-size:12px; }
.full-text table tr:nth-child(1) {background-color:#000 !important; color:#FFF; font-size:14px !important;}
.full-text table tr:nth-child(2n+1) {background-color:#585858;}
.full-text table img {display:block; margin:0; border:0; max-width:350px}
.attach {line-height:40px; background-color:#f5f5f5; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;}
.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left;
display:inline-block; padding:0 15px; background:#0297dc;}
.attach-info {float:right;}
.attach i {margin-right:5px;}
.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-taglist {margin:10px 0 20px 0; font-size:11px;}
.full-taglist-t { margin-bottom:5px; font-weight:bold;}
.full-taglist a:hover {text-decoration:underline;}
.full-nav {text-align:center; margin-bottom:20px;}
.full-nav a {text-decoration:none;}
.full-nav a:hover {text-decoration:underline;}
.full-nav-pages {margin:0 15px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}
.kino-related {padding-bottom:40px;}
.k-rel-box {margin:0 -7px; position:relative;}
.rel-kino {display:block; margin:20px 10px 0 10px; max-width:150px;}
.rel-kino-img {height:170px; margin-bottom:10px;}
.rel-kino-title {height:36px; overflow:hidden; text-align:center; color:#ccc; line-height:18px; font-weight:700;}
.rel-kino:hover .rel-kino-img img {transform:scale(1.1,1.1);}
.rel-kino:hover .rel-kino-title {text-decoration:underline;}
.full-comms {border-top:1px solid #111; padding-top:20px; margin:0 -20px;}
.comms-title {font-size:12px; font-weight:700; margin:0 0 20px 0; text-align:center; padding:0 15px; line-height:30px;}
.comms-title span {display:inline-block; padding:0 10px; margin-right:10px; min-width:30px;
border-radius:4px; color:#000;}
#addcform {text-align:left; margin-top:20px; border:1px solid #111; background-color:#1f1f1f; padding:15px;}
.mass_comments_action {text-align: right; padding:5px 15px; background-color: #1a1a1a; margin:20px 0;}
.last-comm-link {font-size:16px; margin-bottom:10px;}
.js .add-comm .ac-protect, .js .add-comm .bb-editor + br, .js .add-comm .bb-editor + br + input,
.js .add-comm .bb-editor + br + input + label, .js .add-comm .bb-editor + br + input + label + br {display:none !important;}
.js .add-comm.active .ac-protect {display:block !important;}
.js .add-comm.active .bb-editor + br, .js .add-comm.active .bb-editor + br + input,
.js .add-comm.active .bb-editor + br + input + label, .js .add-comm.active .bb-editor + br + input + label + br {display:inline-block !important;}
.comm-title {margin-bottom:20px; font-weight:700; font-size:14px;}
.comments-items {padding:20px 0 0 0; margin-top:50px;}
.add-com-form {}
.add-com-textarea {width:100%;}
.ac-inputs input {width:49%; float:left; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1); background-color:#585858;}
.ac-inputs input:last-child {float:right;}
.ac-inputs, .ac-textarea, .ac-protect {margin-bottom:15px;}
.ac-textarea textarea {display:block; width:100%; height:70px; padding:10px; background-image:none; background-color:#585858;
border:1px solid #111; border-radius:0 0 6px 6px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.34);}
.ac-submit button {float:right;}
.sec-answer + .sec-label {margin-top:15px;}
.add-com-but + form #addcform {display:none; margin:20px 0;}
.ac-protect {width:70%; float:left; margin-top:-10px;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}
.comm-item {padding:0 20px 15px 80px; margin-bottom:15px;  font-size:14px; border-bottom:1px solid #111;}
.comm-left {float:left; margin-left:-60px; width:60px; height:60px; overflow:hidden; position:relative;}
.comm-right {float:right; width:100%; padding-left:20px;}
.comm-left img {width:100%; min-height:100%;}
.comm-top-info {}
.comm-info-line {position:relative; padding-right:120px;}
.comm-author, .comm-date {float:left; color:#888; font-size:10px; display:inline-block;}
.comm-author {font-size:12px; font-weight:bold; margin:0 10px 0 0; color:#CCC;}
.comm-author a {color:#ccc;}
.comm-date {color:#aaaaaa; font-size:12px;}
.comm-text {margin:10px 0; min-height:20px;}
.comm-body {}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; border-top:1px dashed #ccc;}
.comm-bottom-info {}
.comm-bottom-info ul {text-align:right;}
.comm-bottom-info ul li {display:inline-block; margin-left:5px;}
.comm-bottom-info ul li:first-child, .comm-bottom-info ul li:nth-child(2) {float:left; margin-left:0; margin-right:10px;}
.comm-bottom-info ul li a {font-size:12px;}
.comm-bottom-info ul li i {margin-right:10px;}
.comments-tree-list .comments-tree-list {background-color:#1f1f1f; padding-top:15px; margin-top:-15px;}
.comm-rate {position:absolute; right:0; top:-8px; line-height:30px; border-radius:4px;}
.comm-rate span.ratingtypeplusminus {display:block; padding:0 30px;  color:#444;
font-weight:700; font-size:12px;}
.comm-rate a {display:block; width:20px; height:30px; position:absolute; top:0; left:5px;
text-align:center; line-height:30px; font-size:18px; font-weight:700; color:#61b804;}
.comm-rate a:last-child {left:auto; right:5px; line-height:30px;
color:#ec000b; top:0px;}
.comm-rate a:hover {opacity:0.7;}
.comm-rate > span > span.ratingzero {color: #ccc;}
.comm-rate > span > span.ratingtypeplus {color: #06b601;}
.comm-rate > span > span.ratingplus {color: green;}
.comm-rate > span > span.ratingminus {color: red;}
.pos-comm {background-color:#000;}
.neg-comm {background-color:#520f02;}
.overlay {position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%; background-color:rgba(0,0,0,0.4); display:none;}
.overlay-close {position:absolute; right:20px; top:11px; font-size:18px !important; color:#fff; cursor:pointer;}
.overlay-close:hover {transform:rotate(90deg) scale(1.1,1.1);}
.login-box {width:320px; position:absolute; left:50%; top:20%; margin-left:-160px; border-radius:4px; overflow:hidden;
padding:20px; color:#ccc; background-color:#585858; box-shadow:0 0 20px 0 rgba(0,0,0,1.00);}
.login-title {text-align:left; font-size:16px; background-color:#ce1025; color:#FFF; padding:0 20px; line-height:40px;
margin:-20px -20px 20px -20px;}
.login-input {margin-bottom:20px;}
.login-input input, .login-input input:focus {display:block; width:100%; height:40px; padding:0 10px; line-height:40px;
background-color:#2b2b2b; border-radius:3px; border:1px solid #111; box-shadow:none; color:#CCC;}
.login-input input:focus {border:1px solid #111;}
.login-button button {display:block; text-align:center; font-size:16px;
width:100%; height:40px; line-height:40px;}
.login-button button:hover {}
.login-checkbox {font-size:12px; margin:10px 0; color:#9b9b9b;}
.login-checkbox input {display:none;}
.login-checkbox input + label:before {width:10px; height:10px; margin-right:5px; cursor:pointer; position:relative; top:3px;
border-radius:3px; border:1px solid #111; content:""; background-color:#ccc; display:inline-block;}
.login-checkbox input:checked + label:before { background-color:#c9282d;}
.login-links {text-align:center; line-height:30px;}
.login-links a {float:left; text-decoration:underline;}
.login-links a:last-child {float:right;}
.login-links a:hover {text-decoration:none;}
.login-social {text-align:center;}
.comm-social {text-align:left;}
.login-social:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:10px;}
.login-social a {display:inline-block; margin:0 3px 10px 3px;}
.login-social img {display:block; width:30px;}
.login-social a:hover img {transform:scale(1.1);}
.login-avatar {text-align:center;}
.avatar-box {display:inline-block; width:80px; height:80px; border-radius:0; overflow:hidden;}
.avatar-box img {width:100%; min-height:100%;}
.avatar-box + a {display:block; margin-top:5px; text-decoration:underline;}
.login-menu {margin-top:20px;}
.login-menu a {display:block; height:30px; padding:0 20px; line-height:30px; color:#ccc;
margin-bottom:5px; border-radius:3px;}
.login-menu a:hover {color:#fff;}
.show-menu, .show-search, .mob-menu {display:none;}
@media screen and (max-width: 1220px) {
.center {max-width:1000px;}
.logo {left:10px;}
.log-buts {right:10px;}
.grid-thumb .kino-img {height:200px;}
.bot-menu {padding:15px 10px;}
.site-desc {padding:0 10px;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame
{width: 100% !important; height:400px;}
}
@media screen and (max-width: 950px) {
.center {max-width:768px;}
.search-wrap {width:100%; position:absolute; left:0; top:100%; background-color:#000000; padding:10px 20px; display:none;}
.second-menu {display:none;}
.show-search, .show-menu {width:50px; height:50px; line-height:50px; text-align:center; font-size:24px; color:#fff; cursor:pointer;
position:absolute; top:0; display:block;}
.show-menu {left:300px;}
.show-search {left:350px;}
.top {padding:0;}
.cols {padding:0; overflow:hidden;}
.cols:before, .col-side {display:none;}
.vis-side:before, .mob-menu {display:block;}
.vis-side .col-side {margin:0; display:block;}
.vis-side .col-cont {margin-right:-310px;}
.trailer-inner {width:100%; left:0%; top:10%; margin-left:0;}
.trailer-close {right:20px; top:-20px;}
.comm-item {padding:0 10px 15px 70px;}
.comm-right {padding-left:10px;}
.comm-author, .comm-date {font-size:12px;}
.ac-protect {width:75%;}
.form-wrap {margin:0 -15px;}
}
@media screen and (max-width: 760px) {
.center {max-width:640px;}
.log-buts span, .log-buts .reg-link, .first-menu > li:not(.change-here) {display:none;}
.log-buts i {font-size:24px !important; color:#fff !important; margin-right:0; position:relative; top:5px;}
.log-buts a {padding:0; line-height:50px;}
.grid-thumb .kino-img {height:170px;}
.navigation {display:none !important;}
.pprev, .pnext {font-size:18px; margin:10px; width:120px !important;}
.login-box {top:0;}
.overlay-close {right:10px; top:10px; font-size:18px !important;}
.comments-tree-list .comments-tree-list {padding-left:0 !important;}
.full-info, .full-nav-pages {display:none;}
.comm-bottom-info ul li, .mass_comments_action {display:none;}
.mob-vis {display:inline-block !important;}
.sub-title h1, .full-article h1 {font-size:18px; line-height:24px;}
}
@media screen and (max-width: 590px) {
body {background:#000 url(../images/bg-s.jpg) center top;}
.center {max-width:480px;}
.sorting-menu:before, .kino-date, .k-link {display:none;}
.wr {padding-top:100px;}
.kino-text {padding:0 0 0 20px;}
.grid-thumb .kino-item {width:31.33%;}
.social-here {display:block; float:none; text-align:center; width:100%;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame
{width: 100% !important; height:300px;}
.ac-inputs input {width:100%; float:none !important; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:-10px 0 0 0;}
.ac-submit button {float:none; display:block; text-align:center; width:100%;}
.ui-dialog {width:100% !important;}
.userinfo { padding-left:0;}
.userinfo .left, .userinfo .right {float:none !important; width:100%; margin:0;}
.userinfo .left {text-align:center; margin-bottom:10px;}
.userinfo .left .avatar {width:100px; margin:0 auto 5px auto;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}
@media screen and (max-width: 470px) {
.center {min-width: 320px;width: 100%;}
.logo {width:170px;}
.show-menu {left:180px;}
.show-search {left:230px;}
.grid-select {display:none;}
.sorting {padding:0 20px;}
.sorting-menu > li {margin-right:5px; border-radius:4px; padding:0 10px;}
.grid-list {border-top:1px solid #000; padding:20px 10px; margin:0 -20px;}
.grid-list .kino-item, .grid-thumb .kino-item {padding:0 0 5px 0; border-top:0; margin:0 auto 40px auto; width:100%; float:none; background-image:none; position:relative;}
.grid-list .kino-title, .grid-thumb .kino-title {padding:0 0 15px 0; position:static;}
.grid-list .kino-h h2, .grid-thumb .kino-h h2 {font-size:14px; white-space:normal; height:auto; line-height:20px;}
.grid-list .kino-info {top:100%; right:50%; padding-right:0;width:106px; margin-right:-53px;}
.grid-list .kino-inner {padding-left:0;}
.grid-list .kino-img, .grid-thumb .kino-img {width:170px; margin:0 auto; float:none; height:220px;}
.grid-list .kino-text, .grid-list .k-fav, .grid-list .kino-date {display:none;}
.bot-menu {line-height:30px;}
.carousel-wr {height:198px;}
.carou {height:190px;}
.kino-h {font-size:14px;}
.tabs li {padding:0 10px;}
.k-rate-full {padding:7px 10px 0 10px;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame
{width: 100% !important; height:250px;}
.ac-protect {margin:-10px -10px 0 -10px;}
.comm-item {padding:0 10px 15px 50px;}
.comm-left {margin-left:-40px; width:40px; height:40px;}
.comm-author, .comm-date {margin:0; display:block; float:none;}
.comm-date {display:none;}
.login-social:before {display:block; line-height:30px; margin-right:0;}
}
.screens {
text-align: center;
margin: 20px 0 15px;
display: flex;
align-items: center;
justify-content: center;
}
.screens a {
display: inline-block;
max-width: 195px;
opacity: .75;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
}
.btn-error {
background-color: #195c09;
color: #f9ff00;
}
.btn-error {
float: left;
padding: 0 20px;
height: 58px;
text-align: center;
text-decoration: none;
font-weight: 700;
}
.story-poster {
position: relative;
overflow: hidden;
float: left;
margin-right: -15px;
}
.mejs-container, .mejs-inner, .mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay, .mejs-poster {width:100% !important;}
.mejs-video, .mejs-shim {height:400px !important;}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px !important;}
}
iframe {width:100%;margin:0;padding:0;}
.pagi-nav {line-height:20px; margin:20px 0; text-align:center; font-size:12px;}
.pagi-nav > span {display:inline-block;}
.pprev, .pnext {text-align:center; color:#ccc; width:80px; border-radius:4px;
background-color:#585858; border:1px solid #111;}
.pnext a, .pprev a {color:#ccc; display:block;}
.navigation {text-align:center; padding:0 10px;}
.navigation a, .navigation span {display:inline-block; padding:0 5px; color:#ccc; border-radius:3px;
min-width:26px; margin:0 3px 7px 0; background-color:#585858; border:1px solid #111;}
.navigation span {background: linear-gradient(to bottom, #ce1025 0%,#920010 100%); color:#fff;}
.pagi-nav a:hover {color:#ccc; background-color:#111;}
.navigation span.nav_ext {background: #2b2b2b; color:#ccc;}
.dle-comments-navigation .pagi-nav {margin-bottom:0; padding-bottom:20px;}
.instagram-media, .twitter-tweet {display: inline-block !important;}
.berrors {background: #fce5ba; color: #a76846; margin: 0 0 20px 0; padding: 10px 20px;}
.berrors a { color: #aa4e43; text-decoration:underline; }
.vote-wrap {color:#5c5c5c;}
.vote-title {line-height:18px; position:relative; padding-bottom:10px; border-bottom:1px dashed rgba(0,0,0,0.2);}
.vote-list {margin: 20px 0 0 0; line-height:normal; }
.vote {margin-bottom:10px; font-size:12px;}
.vote:after {content: ""; display: table; clear: both;}
.vote input {margin:2px 8px 0 0; float:left; display:none;}
.vote label {position:relative;}
.vote label:before { content:""; float:left; margin:2px 8px 0 0; cursor:pointer;
width:14px; height:14px; border-radius:8px; border:0px solid #e3e3e3; background-color:#fff;}
.vote input:checked + label:before {border-color:#94bee6; box-shadow:inset 0 0 0 2px #fff; background-color:#bfe078;}
.vote label:hover { cursor:pointer; color:#000;}
.vcount {margin-top:10px;}
.vote-buts {padding:10px 0 0 0;}
.vote-buts button {float:left; padding:0; box-shadow:none !important; height:36px; line-height:36px;}
.votebuts button:hover {opacity:0.8;}
.vvote {text-align:center; width:100%;}
.vres, .vall {width:auto; background:transparent; float:right !important; margin-left:15px; color:#2a2a2a; font-size:12px !important;}
.vres:hover, .vall:hover {background:transparent; color:#000;}
.vres {text-align:center; width:100%;}
.vote-buts i {color:#2a2a2a; margin-right:5px;}
#pollbox { border-bottom: 1px dashed #E3E3E3; padding-bottom: 22px }
#dle-poll-list, #searchtable, .pm_status { padding: 15px; border-radius: 6px; background-color:#1f1f1f; }
#addcoment-dialog form { margin: 0 }
.tableform { width: 100%; }
.tableform td, .tableform th { border-top: 1px dotted #444; padding: 10px 0; text-align: left; }
.tableform tr:first-child td, .tableform tr:first-child th { border: 0 none; }
.tableform th, .tableform .label, .tableform .addnews { width: 25%; font-weight: normal; vertical-align: top; padding-right: 10px; padding-top: 8px; }
.imp::after { color: #e46950; content: "*"; font-weight: bold; }
.recipient select { width: 298px; }
.checkbox { color: #787878; padding: 4px 0; line-height: 1em; }
.checkbox input { margin-top: -2px; vertical-align: middle; }
textarea { resize: vertical; }
.f_textarea, textarea.ui-corner-all { width: 96.7%; }
.fieldtr select, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .tdfield select, .lfield input,
.editor input[type="text"], #category, textarea.ui-corner-all, .pm select,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select,
.bbeditor select, .textin, select.rating { padding: 4px; background: #444; border:1px solid #111; color:#CCC;}
.fieldtr select:focus, .pm select:focus, .textin:focus, .f_textarea:focus, .f_input:focus, .xfields textarea:focus,
.xprofile textarea:focus, .editor input[type="text"]:focus, #category:focus, textarea.ui-corner-all:focus,
.tdfield select:focus, .lfield input:focus, .xfields input:focus, .xprofile input:focus, .xfields select:focus,
.xprofile select:focus, .mass_comments_action select:focus, .bbeditor select:focus {background: #444;}
.form-wrap {}
.form-title {text-align:left; padding:0 15px 20px 15px;}
.form-title h1 { font-size:24px;}
.form-wrap > div {border-top:1px dashed #444;}
.form-wrap > div:nth-child(2n) {background-color:#1f1f1f;}
.form-wrap select {border:1px solid #111; background-color:#444; color:#CCC;}
.sep-input {padding:10px 10px 10px 170px;}
.label {float:left; width:150px; margin-left:-160px;}
.input {float:right; width:100%; position:relative;}
.label label {display:block; height:40px; line-height:40px; font-weight:bold; font-size:14px;}
.impot {color:#E90206; margin-right:5px;}
.input input, .xfields input {display:block; width:100%; max-width:400px; height:38px; line-height:38px; padding:0 15px;
color:#ccc; background-color:#585858; border:1px solid #111; border-radius:3px;}
.input input:focus {background-color:#585858; border-color:#111;}
.input select {width:100%; max-width:400px; margin:10px 0 0 0;}
.sep-textarea, .sep-vote-rel, .sep-xfield, .sep-checks {padding:10px;}
.textarea-title {height:40px; line-height:40px; padding:0 20px; background-color:#000; color:#FFF; font-size:16px;}
.sep-textarea textarea, .vote-textarea, #category {width:100% !important;}
.radio {height:25px; line-height:25px;}
.radio input {float:left; display:inline-block; margin-right:0px; width:25px; height:25px; line-height:25px;}
.sep-title {padding:0 20px; font-size:16px; background-color:#1D3242; color:#FFF; height:40px; line-height:40px;}
.add-findrel, .add-votebut {display:block !important; width:50%; height:40px !important; line-height:40px !important;
padding:0 10px !important; text-align:center; border-radius:0 !important;
float:left; background-color:#fec007; color:#fff !important; font-size:16px !important;}
.findrelated {background: #ffc; border:1px solid #9E9E9E; padding: 5px; margin: 10px 0;}
.sep-xfield .addnews {vertical-align:middle;}
.sep-xfield input { display:inline-block; width:300px !important; height:38px !important; padding:0 15px !important;}
.sep-checks input#allow_main { margin-left:50px; }
.sep-checks label, #allow_subscribe + label { display:inline-block; line-height:30px; margin-left:10px; position:relative; top:1px;}
.sep-submit {padding:30px 10px;}
.secur .label label { background-color:#CF0003; position:relative; color:#fff; text-align:center; font-size:14px;}
.sec-label {margin-bottom:10px; font-weight:bold; font-size:14px;}
.secur .input input {margin-bottom:20px;}
.sec-capcha input {float:left; max-width:150px; margin-right:10px;}
#dle-captcha {display:inline-block;}
.register-check {position:absolute; right:0; top:0; width:120px !important; font-size:11px !important; padding:0 !important; text-align:center;
border-radius:0 5px 5px 0 !important; height:38px !important; line-height:38px !important;}
.full-text.sep-textarea {margin:0; padding:10px !important;}
.user-wr {background-color:#1f1f1f; border:1px solid #111; margin:0 auto 20px auto; max-width:1000px;}
.user-inner {padding-left:200px; position:relative;}
.user-inner:before {width:200px; height:100%; box-shadow:10px 0 10px -10px rgba(0,0,0,0.2);
content:""; position:absolute; left:0; top:0; z-index:5;}
.user-left {width:200px; margin-left:-200px; float:left; padding:20px; position:relative; z-index:10;}
.user-right {width:100%; float:right; padding:20px 30px;}
.user-avatar {width:100px; margin:10px auto; box-shadow:0 0 0 10px #585858;}
.user-avatar img {width:100%; display:block;}
.user-status {margin:20px 0 20px 0; text-align:center;}
.offline, .online {text-align: center; width:100px; padding: 3px 5px; display:inline-block;
color: #fff; background-color: #626262; border-radius:4px;}
.online { background: #99ce1b }
.user-connect a {display:block; padding:7px 10px; margin-top:10px; border-radius:4px; font-size:14px; text-align:center;
color:#fff !important; background-color:#ce1025;}
.user-right h1 {font-size:18px; font-weight:700; margin-bottom:10px;}
.ur-item {padding:10px 0 10px 150px; font-size:12px; border-bottom:1px dotted rgba(0,0,0,0.2);}
.ur-item:last-child {border-bottom:0; padding-bottom:0;}
.ur-left {width:150px; margin-left:-150px; float:left; font-weight:700; color:5c5c5c;}
.ur-right {width:100%; float:right;}
.ur-right a {color:#ccc; text-decoration:underline; margin:0 10px;}
.user-edit {border-top:1px solid #111; background-color:#111; padding:20px;}
.user-edit a {display:block; padding:10px 20px; text-align:center; background-color: #FC0; color:#000 !important;
font-weight:bold; font-size:16px; border-radius:4px;}
@media screen and (max-width: 760px) {
.user-inner {padding-left:0;}
.user-inner:before {display:none;}
.user-right, .user-left {width:100%; float:none; padding:10px; margin-left:0;}
.ur-item {padding:10px 0;}
.ur-right, .ur-left {width:100%; float:none; margin-left:0;}
}
.userinfo { padding-left: 110px }
.userinfo .left { margin-left: -110px; width: 80px }
.userinfo .left .avatar { margin:0 0 5px 5px; float:none !important; }
.userinfo .right { margin: 0; width: 100% }
.usinf li, .userinfo  ul.right li { padding: 5px 0; border-top: 1px dotted #D9D9D9; font-size:12px; }
.usinf li:first-child, .userinfo  ul.rcol li:first-child { border: 0 none }
.uibtn { font-size: 11px }
.ussep { padding-top: 1.2em }
.left {float:left;}
.right {float:right;}
.search-page {margin-bottom:20px;}
.searchstyle { width: 480px }
.search { padding: 0 }
#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: bold; color: #696969; }
#searchtable table, #searchtable form { margin: 0; width:100%;}
#searchtable select { background-color: #fff }
#searchuser, #searchinput { width: 90% !important; }
.search > div {margin-bottom:10px;}
.search input[type="text"], .search select {display:block; width:100% !important; margin-bottom:10px;}
.search input[type="checkbox"], .search input[type="radio"] {margin-right:5px;}
#searchinput + br, #searchinput + br + br {display:none;}
.sres-wrap {background-color:#fff; display:block; padding:15px 15px 15px 230px; border:1px solid #e3e3e3; position:relative;}
.sres-wrap:nth-child(2n) {background-color:#f6f6f6;}
.sres-wrap:hover {z-index:100; border-color:#04a2dc; box-shadow:0 0 10px 0 rgba(4,162,220,0.5);}
.sres-img {float:left; margin-left:-215px; width:200px; position:relative;}
.sres-img img {width:100%;}
.sres-text { float:right; width:100%; color:#000;}
.sres-text h2 {font-size:16px; color: #CF151E; margin-bottom:20px; display:block;}
.sres-date {position:absolute; left:0; top:0; padding:10px; background-color:rgba(0,0,0,0.7); color:#FC0;}
.statistics ul.left { min-height: 71px; margin-left: -1px; width: 33.3% }
.statistics ul.left li { clear: both; padding: 0 15px 0 1px; margin-bottom: 2px }
.statistics h4 { font-weight: bold; border-bottom: 1px solid #E2E2E2; margin-bottom: .5em; padding-bottom: .6em }
.statsbox li { border-top: 1px dotted #ebebeb; padding: 8px 0 }
.statsbox li:first-child { border-top: 0 none }
.pm_menu {margin-bottom: 10px; height: 42px;}
.pm_menu li { float: left }
.pm_menu a {padding: 0 15px; background: #1f1f1f; color: #ccc; margin-right: 10px; height: 40px; line-height: 40px; display:block;}
.pm_menu a:hover {background:#ce1025; color: #fff !important;}
.pm .navigation {display:none;}
.pm_status { margin-bottom:40px }
.pm_status_head { border-bottom: 1px solid #111; font-size: 0.9em; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e }
.pm_progress_bar { border-radius: 4px; border: 1px solid #111; background-color: #585858; padding: 4px; margin-top: 10px; margin-bottom: 10px }
.pm_progress_bar span { border-radius: 2px; background: #fb643c; font-size: 0; text-indent: -2000em; height: 10px; display: block; overflow: hidden }
.pm-lists {}
.pm, .userstop {border:1px solid #ccc;}
.pm tr td, .userstop tr td {padding:10px; border:1px solid #111; font-size:12px; }
.pm tr:nth-child(1) {background-color:#000 !important; color:#ccc;font-size:18px !important;}
.pm tr:nth-child(2n+2), .userstop tr:nth-child(2n+2) {background-color:#1f1f1f;}
.pm select {width:100%; margin-bottom:10px;}
@media screen and (max-width: 490px) {
.form-title h1 {font-size:16px;}
.sep-input {padding:10px !important;}
.label, .input {float:none; width:100%; margin-left:0;}
.add-findrel, .add-votebut, .textarea-title {font-size:12px !important;}
.sres-wrap {padding:15px;}
.sres-img {float:none; margin-left:0; width:100%;}
.sres-text { float:none; width:100%; color:#f0f0f0; padding:10px;
position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7);}
.sres-text h2 {color: #fff; margin-bottom:0;}
.sres-desc {display:none;}
.user-main {padding:30px;}
.u-avatar {width:100px; float:none; margin:0 auto 0 auto; padding:0 0 20px 0;}
.u-name {float:none; text-align:center;}
.offline, .online { margin:0 auto;}
.user-info div, .user-connect div {width:100%; border-right:0; border-bottom:1px dashed #d8d8d8;}
}
#dle-pm-preview .bform { display: none; }
#loading-layer { font-size: 14px; background: #f06060; padding: 20px; text-align: center; color: #fff; border-radius: 8px; z-index:8888 !important;  }
.scriptcode, .title_spoiler, .text_spoiler { padding: 3px 5px; background: #585858; border: 1px solid #111; }
.title_quote { margin-top: 2px; font-weight: bold; }
.quote { margin: 5px 0 5px 10px; padding: 15px; border-left: 4px solid #920010;
font-family: Georgia, serif; font-style: italic; color: #ccc; background-color:#585858 }
.title_spoiler { margin-top: 2px; }
.text_spoiler { margin-bottom: 2px; }
.title_spoiler img { vertical-align: middle !important; margin:0 5px 0 0; border:0;}
.scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" }
.title_spoiler { font-weight: normal; }
.text_spoiler { border-top: 0; text-align: justify; }
.hide { background-color: #f0f0f0; padding: 5px; color: #000; margin: 0 0 1em 0 }
.hide a { text-decoration: underline; }
.hide a:hover { text-decoration: none }
.inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px }
.calendar { font-size:12px; width: 100%; color:#444; }
.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.weekday, .calendar td.day-active, .calendar th.weekday { border: 1px solid #e3e3e3; background-color: #f6f6f6; }
.weekday-active-v, .day-active-v, .weekday-active, .day-active { font-weight: bold; }
.day-active a, .day-active-v a {color:#94bee6;}
.calendar td.day-current { background: #94bee6; }
.day-current a, .day-current { color: #fff !important; }
th.monthselect { text-align: left; padding-bottom:5px; }
th.monthselect b { font-weight: normal; }
th.monthselect center { text-align: right; }
.rating {width: 105px; height: 21px; font-size: 0.9em;}
.unit-rating {list-style: none; margin:0; padding: 0; width: 100%; height: 100%;
position: relative; background: url("../dleimages/rating.png") repeat-x;}
.unit-rating li {text-indent: -90000px; padding: 0; margin: 0; float: left;}
.unit-rating li a {display: block; width: 21px; height: 21px; text-decoration: none; text-indent: -900px;
z-index: 17; position: absolute; padding: 0; overflow:hidden;}
.unit-rating li a:hover {background: url("../dleimages/rating.png") 0 -21px; z-index: 2; left: 0;}
.unit-rating a.r1-unit {left: 0;}
.unit-rating a.r1-unit:hover {width:21px;}
.unit-rating a.r2-unit {left: 21px;}
.unit-rating a.r2-unit:hover {width: 42px;}
.unit-rating a.r3-unit {left: 42px;}
.unit-rating a.r3-unit:hover {width: 63px;}
.unit-rating a.r4-unit { left: 63px;}
.unit-rating a.r4-unit:hover {width: 84px;}
.unit-rating a.r5-unit {left: 84px;}
.unit-rating a.r5-unit:hover {width: 105px;}
.unit-rating li.current-rating {background: url("../dleimages/rating.png") 0 -44px; position: absolute;
height: 21px; display: block; text-indent: -900px; overflow:hidden; z-index: 1;}
.bbcodes,.bbcodes_poll{background:#fff;text-shadow:0 1px 0 #fff;border:1px solid #b3b3b3;color:#383838;padding:2px 9px 5px 9px;margin-bottom:2px !important;height:24px;font-weight:bold;cursor:pointer;border-radius:8px;box-shadow:0 1px 4px -3px black}
.bbcodes_poll{width:100px}
.bb-pane{height:1%;overflow:hidden;padding-bottom:5px;padding-left:5px;margin:0;height:auto !important;text-decoration:none;background:linear-gradient(to bottom, #333 0%, #222 100%);border-radius:0px;border:1px solid #111;box-shadow:none !important}
.bb-pane>b{margin-top:5px;margin-left:0;vertical-align:middle}
.bb-pane .bb-btn + .bb-btn,.bb-pane .bb-btn + .bb-pane,.bb-pane .bb-pane + .bb-btn,.bb-pane .bb-pane + .bb-pane{margin-left:-1px}
.bb-btn{display:inline-block;overflow:hidden;float:left;padding:4px 10px;border:1px solid #111;box-shadow:none;background:linear-gradient(to bottom, #444 0%, #333 100%)}
.bb-btn:hover{background-color:#e6e6e6;background:linear-gradient(to bottom, #333 0%, #444 100%)}
.bb-btn:active{background:#000;border-color:#111;box-shadow:0 0 5px #444 inset}
@font-face {
font-family: 'bb-editor-font';
src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
font-weight: normal;
font-style: normal;
}
[class^="bb-btn"], [class*=" bb-btn"] {font-family: 'bb-editor-font';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;
line-height: 1;font-size: 12px;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.bb-sel { float: left; padding: 2px 2px 0 2px; }
.bb-sel select { font-size: 11px; }
.bb-sep { display: inline-block; float: left; width: 1px; padding: 2px; }
.bb-btn { cursor: pointer;  outline: 0; }
#b_font select { padding: 0px;}
#b_size select { padding: 0px;}
#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 { content: "\ea61"; }
#b_list:before { content: "\f0ca"; }
#b_ol:before { content: "\f0cb"; }
#b_tnl:before { content: "\ea61"; }
#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;margin-top:5px;margin-bottom:5px}
.bb-pane h2{font-size:30px;margin-top:5px;margin-bottom:5px}
.bb-pane h3{font-size:24px;margin-top:5px;margin-bottom:5px}
.bb-pane h4{font-size:18px;margin-top:5px;margin-bottom:5px}
.bb-pane h5{font-size:14px;margin-top:5px;margin-bottom:5px}
.bb-pane h6{font-size:12px;margin-top:5px;margin-bottom:5px}
.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 rgba(0, 0, 0, 0.15);border-radius:4px;background:white;box-shadow:0 1px 2px #dadada}
.bb-pane-dropdown > li > a{display:block;padding:3px 10px;clear:both;font-weight:normal;line-height:1.42857;color:#333333;white-space:nowrap}
.bb-pane-dropdown > li > a:hover,.bb-pane-dropdown > li > a:focus{text-decoration:none;color:#262626;background-color:whitesmoke}
.bb-pane-dropdown .color-palette div .color-btn{width:17px;height:17px;padding:0;margin:0;border:1px solid #fff;cursor:pointer}
.bb-pane-dropdown .color-palette{padding:0px 5px}
.bb-editor textarea{padding:2px;border:1px solid #111;width:100%;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);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 rgba(0, 0, 0, 0.075);}
.xfields textarea, .xprofile textarea {height: 186px;margin: 0px 1px 0px 0px;padding: 0px;}
.xfields input, .xprofile input {width: 250px;height: 14px;padding: 2px;}
.xfields_table td {vertical-align: top;}
#dropmenudiv { font: 12px Arial; padding: 10px; display: none; background: #000;
border-radius: 8px;  box-shadow: 0 0 50px 0 rgba(0,0,0,0.22); z-index:200 !important;}
#dropmenudiv a { display: block; text-decoration: none; padding: 5px 8px; width: 154px }
fieldset {border: 1px solid #bfced6;padding: 5px;text-align: left;}
.highslide-wrapper, .highslide-outline { background: #fff }
.highslide-image { border: 2px solid #fff }
.highslide-active-anchor { visibility: hidden }
.highslide-active-anchor img { visibility: hidden }
.highslide-dimming { background-color: black }
.highslide-html { background-color: white }
.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black }
a.highslide-full-expand { background: url("../dleimages/fullexpand.gif") no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px }
.highslide-display-block { display: block }
.highslide-display-none { display: none }
.highslide-caption { display: none; padding: 5px; background: white }
.highslide-controls { width: 195px; height: 40px; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px }
.highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px }
.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: none }
.highslide-controls a.disabled { cursor: default }
.highslide-controls a span { display: none }
.highslide-controls .highslide-previous a { background-position: 0 0 }
.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 }
.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_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge { display:inline-block;
border-radius:6px; color:#86878c; font-size:10px; padding:2px 4px; margin:0 2px 5px 0; background-color:#fff; border:1px solid #f0f0f0;}
.clouds_xsmall { font-size: 1em }
.clouds_small { font-size: 1.1em; font-weight: bold }
.clouds_medium { font-size: 1.2em; font-weight: bold }
.clouds_large { font-size: 1.3em }
.clouds_xlarge { font-size: 1.4em }
.clouds_xsmall:hover, .clouds_small:hover, .clouds_medium:hover, .clouds_large:hover, .clouds_xlarge:hover
{color:#fff; background-color:#F26F63;}
.cloud-tags a:last-child {border:1px solid #e3e3e3; color:#444; display:inline-block; padding:3px 5px;}
.cloud-tags a:last-child:hover {color:#fff; background-color:#F26F63;}
#searchsuggestions { z-index: 10005; }
#searchsuggestions .break { display: none; }
.ui-widget-overlay { background: #000; opacity:0.5; left: 0; top: 0; right: 0; bottom: 0; position: fixed }
.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
.ui-helper-clearfix { display: inline-block }
* html .ui-helper-clearfix { height: 1% }
.ui-helper-clearfix { display: block }
.ui-dialog { background-color: #2b2b2b; overflow: hidden; padding: 0; position: absolute; width: 300px;
box-shadow: 0 0 40px rgba(0,0,0, 0.2); border-radius:6px;}
.ui-dialog-titlebar { padding:10px 20px; border-bottom: 1px solid #111; background-color:#333;
background: linear-gradient(to bottom, #444 0%,#333 100%);  }
.ui-dialog-title { margin-top: 2px; float: left; font-size: 16px; color: #ccc;}
.ui-dialog .ui-dialog-content {padding:20px; border: 0; overflow: auto; position: relative; zoom: 1; }
.ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold }
.ui-dialog .ui-dialog-buttonpane { border-top: 1px solid #111; padding: 15px 20px; text-align: center; background-color:#333; }
.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; }
.ui-icon-closethick {cursor: pointer; position:absolute; right:8px; top:9px; width:30px; height:30px;}
.ui-icon-closethick:before {content:"x"; width:30px; height:30px; line-height:26px; text-align:center; color:#fff;
background-color:#E00003; border-radius:4px; position:absolute; right:0; top:0; text-indent:0; font-size:18px;
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);}
a:hover .ui-icon-closethick {opacity:0.7;}
.ui-dialog .ui-dialog-buttonset button { margin-right:10px !important; line-height:15px !important;}
.voteprogress,.pollprogress{overflow:hidden;height:15px;margin-bottom:5px;background-color:#f7f7f7;background:linear-gradient(to bottom, #f5f5f5, #f9f9f9);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);border-radius:4px}
.voteprogress span,.pollprogress span{color:#ffffff;text-align:center;text-indent:-2000em;height:15px;display:block;overflow:hidden;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background:#0e90d2;background:linear-gradient(to bottom, #149bdf, #0480be)}
.voteprogress .vote2,.poll1{background-color:#dd514c;background:linear-gradient(to bottom, #ee5f5b, #c43c35)}
.voteprogress .vote3,.poll2{background-color:#5eb95e;background:linear-gradient(to bottom, #62c462, #57a957)}
.voteprogress .vote4,.poll3{background-color:#4bb1cf;background:linear-gradient(to bottom, #5bc0de, #339bb9)}
.voteprogress .vote5,.poll4{background-color:#faa732;background:linear-gradient(to bottom, #fbb450, #f89406)}
.ui-autocomplete { position: absolute; cursor: default; }
* html .ui-autocomplete { width:1px }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; background: #fff 50% bottom repeat-x; 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-hover,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; border: 1px solid #a7a7a7; color: #4e4e4e; font-weight: bold; }
pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; }
pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc { color: #93a1a1; font-style: italic; }
pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title { color: #859900; }
pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor { color: #2aa198; }
pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator,
pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id { color: #268bd2; }
pre .tag .title, pre .rules .property, pre .django .tag .keyword { font-weight: bold; }
pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title,
pre .parent, pre .haskell .label { color: #b58900; }
pre .preprocessor, pre .pi, pre .shebang, pre .symbol,
pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata { color: #cb4b16; }
pre .deletion { color: #dc322f; }
pre .tex .formula { background: #eee8d5; }
#marker-bar,#txtselect_marker{display:block;visibility:hidden;position:absolute;bottom:0;z-index:1200;opacity:0;transition:opacity .4s, visibility .1s linear .4s}
#txtselect_marker{cursor:pointer;width:32px;height:32px;background:url(../dleimages/marker.png) -0px -0px no-repeat}
#txtselect_marker:hover{background-position:-0px -32px}
#marker-bar{border:1px solid #ccc;border-radius:15px;background:#fff;padding:5px 10px;cursor:default;box-shadow:0px 0px 4px #ccc}
#marker-bar.show,#txtselect_marker.show{visibility:visible;transition:opacity .4s, visibility 0s;opacity:1}
#marker-bar .masha-social,#marker-bar .masha-marker{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 a.txtsel_close,.user_selection_true a.txtsel_close{display:none}
.user_selection .closewrap,.user_selection_true .closewrap{position:relative}
.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) -0px -0px no-repeat}
.user_selection.hover a.txtsel_close:hover,.user_selection_true.hover a.txtsel_close:hover{background-position:-0px -33px}
#share-popup{background:#fff;border:1px solid #aaa;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.5);position:absolute;width:414px;display:none;z-index:100;padding:10px 0;opacity:0;transition:opacity .4s, visibility .1s linear .4s}
#share-popup.show{display:block;opacity:1;transition:opacity .4s, visibility 0s}
#share-popup .social{padding:0 0 10px 17px;height:40px}
#share-popup .social p{padding-bottom:10px;margin:0;font-weight:bold}
#share-popup .social ul{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 .tw:hover span{background-position:0 0}
#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 .social .gp:hover span{background-position:-60px 0}
#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:bold;padding:0 0 3px 0;margin:0}
#share-popup .link span{color:#999;font-size:10px;display:block;padding-top:3px}
#share-popup .link a{display:block}
.comments-tree-list {display: block;margin: 0;padding: 0;list-style: none;}
.comments-tree-list .comments-tree-list {padding-left: 30px;}
.comments-tree-item {display: block; margin: 0; padding: 0;}
#dlefastreplycomments {padding:10px; background: #f7f6e5; margin: 10px 0 5px 30px;}
.commentsreplyname {padding: 2px; border: 1px solid #bcc0c2; width: 200px; background: #fff;}
#dlereplypopup form > div {margin-bottom:5px;}
#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-button {display:inline-block;padding:0 10px;margin-top:5px; line-height:40px !important;cursor:pointer;}
.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 5px;border:1px solid #B3B3B3;box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
text-align: center;background:#ffffff;}
.uploadedfile .uploadimage {margin-top: 5px;width: 115px;height: 90px;display: table-cell;text-align: center;vertical-align:middle;}
.uploadedfile .info {text-align: left;white-space: nowrap;margin: 0px 5px 0px 5px;overflow: hidden;}
.progress {overflow:hidden;margin-top:10px;margin-bottom:10px;background-color:whitesmoke;height:10px;
border-radius:8px;background:#eee;box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;}
.progress .progress-bar {float:left;width:0%;font-size:12px;line-height:20px;color:white;text-align:center;background-color:#428bca;
box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);transition:width 0.6s ease;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:after {content: ""; display: table; 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: 0px 0px 7px rgba(0,0,0,0.4);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor:not-allowed; pointer-events:none; opacity:0.65;}
.owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel{display: none; position: relative; width: 100%; -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{float: left; margin: 0 10px 0 0;}
.owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.owl-theme .owl-controls{position:absolute; left:0; bottom:0; right:0; z-index:999; height:10px; text-align:center;}
.owl-theme .owl-controls .owl-buttons div{display: inline-block; zoom: 1; opacity: 1; width:40px; height:40px; border-radius:0 50% 50% 0;
background-color:#000; position:absolute; bottom:65px; line-height:40px; color:#ce1025; font-size:16px;}
.owl-prev { padding-left:15px;}
.owl-next { padding-right:15px; border-radius:50% 0 0 50% !important;}
.owl-prev {left:-20px;}
.owl-next {right:-20px;}
.owl-prev:hover {}
.owl-next:hover {}
.k-rel-box .owl-theme .owl-controls{left:auto; bottom:auto; right:7px; top:-30px; display:inline-block;}
.k-rel-box .owl-theme .owl-controls .owl-buttons div {display: inline-block; zoom: 1; opacity: 1; width:40px; height:40px; margin:0 3px;
border-radius:50% !important; background-color:#111; line-height:40px; color:#ccc !important; font-size:16px; bottom:0; position:static;}
.k-rel-box .owl-prev {left:0; padding:0;}
.k-rel-box .owl-next {right:0; padding:0;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity: 1; text-decoration: none; color:#fff;}
.owl-theme .owl-pagination {text-align:center; position:relative; display:inline-block; bottom:25px; background-color:#fff0;
padding:10px 30px; border-radius:3px 3px 0 0;}
.owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1;}
.owl-theme .owl-controls .owl-page span{display: block; width: 10px; height: 10px; margin: 3px 5px;
border-radius: 5px; background-color: #9cd2ef;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background-color:#bfe078;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto; width: auto;
color: #FFF; padding: 2px 10px; border-radius: 30px;}
.owl-item.loading{min-height: 140px; background: url(../images/loader.gif) no-repeat center center;}
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
/*! Social Likes v3.0.14 by Artem Sapegin - http://sapegin.github.com/social-likes - Licensed MIT */
.social-likes,.social-likes__widget{display:inline-block;padding:0;vertical-align:middle!important;word-spacing:0!important;text-indent:0!important;list-style:none!important}.social-likes{opacity:0}.social-likes_visible{opacity:1;transition:opacity .1s ease-in}.social-likes>*{display:inline-block;visibility:hidden}.social-likes_vertical>*{display:block}.social-likes_visible>*{visibility:inherit}.social-likes__widget{display:inline-block;position:relative;white-space:nowrap}.social-likes__widget:before,.social-likes__widget:after{display:none!important}.social-likes_vertical .social-likes__widget{display:block;float:left;clear:left}.social-likes__button,.social-likes__icon,.social-likes__counter{text-decoration:none;text-rendering:optimizeLegibility}.social-likes__button,.social-likes__counter{display:inline-block;margin:0;outline:0}.social-likes__button{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.social-likes__button:before{content:"";display:inline-block}.social-likes__icon{position:absolute}.social-likes__counter{display:none;position:relative}.social-likes_ready .social-likes__counter,.social-likes__counter_single{display:inline-block}.social-likes_ready .social-likes__counter_empty{display:inline-block}.social-likes_vertical .social-likes__widget{display:block}.social-likes_notext .social-likes__button{padding-left:0}.social-likes_single-w{position:relative;display:inline-block}.social-likes_single{position:absolute;text-align:left;z-index:99999;visibility:hidden;opacity:0;transition:visibility 0s .11s,opacity .1s ease-in;-webkit-backface-visibility:hidden;backface-visibility:hidden}.social-likes_single.social-likes_opened{visibility:visible;opacity:1;transition:opacity .15s ease-out}.social-likes__button_single{position:relative}@font-face{font-family:"social-likes";src:url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");font-weight:400;font-style:normal}.social-likes__icon_facebook:before{content:"\f101"}.social-likes__icon_github:before{content:"\f102"}.social-likes__icon_mailru:before{content:"\f103"}.social-likes__icon_odnoklassniki:before{content:"\f104"}.social-likes__icon_pinterest:before{content:"\f105"}.social-likes__icon_plusone:before{content:"\f106"}.social-likes__icon_single:before{content:"\f107"}.social-likes__icon_twitter:before{content:"\f108"}.social-likes__icon_vkontakte:before{content:"\f109"}.social-likes{min-height:36px;margin:-.5em;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.social-likes,.social-likes_single-w{line-height:1.5}.social-likes,.social-likes__widget_single{font-size:14px}.social-likes__widget{margin:.5em;line-height:1.5;border:0;text-align:left;cursor:pointer}.social-likes__button,.social-likes__counter{box-sizing:border-box;font-family:"Helvetica Neue",Arial,sans-serif;vertical-align:baseline;color:#fff}.social-likes__button{padding:.04em .7em .18em 1.65em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.social-likes__icon{top:0;left:.21em;font-family:"social-likes";font-weight:400;font-style:normal;speak:none;text-transform:none;font-size:1.15em;vertical-align:baseline}.social-likes__counter{padding-right:.5em;font-weight:400;font-size:.85em}.social-likes_vertical .social-likes__widget{min-width:13em}.social-likes_vertical .social-likes__counter{position:absolute;top:0;right:0;margin-top:.3em}.social-likes_light .social-likes__widget{min-width:0;background:0 0}.social-likes_light .social-likes__button,.social-likes_single-light+.social-likes__button{min-width:0;padding-left:1.35em;font-weight:400;text-decoration:underline;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}.social-likes_light .social-likes__icon{margin-top:-.1em;margin-left:-.25em}.social-likes_light .social-likes__counter,.social-likes_single-light+.social-likes__button+.social-likes__counter{position:static;margin-top:0;color:#999}.social-likes_notext .social-likes__button{width:1.85em}.social-likes_notext .social-likes__icon{margin-left:.1em}.social-likes_notext.social-likes_light,.social-likes_notext.social-likes_light .social-likes__widget,.social-likes_notext.social-likes_light .social-likes__icon{margin:0;left:0}.social-likes_notext.social-likes_light .social-likes__button{width:1.4em;padding-left:0}.social-likes_single{margin-top:-1.2em;padding:.5em;background:#fff;border:1px solid #ddd}.social-likes__widget_single{height:1.7em;margin:0;padding:.1em 0;line-height:1.5;background:#007aff}.social-likes_single-light+.social-likes__widget_single{color:#007aff}.social-likes__icon_single{left:.4em;font-size:1.1em}.social-likes__widget_facebook{background:#3d5b95}.social-likes_light .social-likes__button_facebook{color:#3d5b95}.social-likes__icon_facebook{left:.25em;top:.05em;font-size:1.1em}.social-likes_notext .social-likes__icon_facebook{margin-left:.15em}.social-likes__widget_twitter{background:#24aadd}.social-likes_light .social-likes__button_twitter{color:#24aadd}.social-likes__icon_twitter{top:.1em;left:.25em}.social-likes_light .social-likes__icon_twitter{left:.1em}.social-likes__widget_plusone{background:#d23e30}.social-likes_light .social-likes__button_plusone{color:#d23e30}.social-likes_notext .social-likes__icon_plusone{margin-left:0}.social-likes__icon_plusone{left:.25em}.social-likes_light .social-likes__icon_plusone{margin-top:0}.social-likes__widget_mailru{background:#00468c}.social-likes_light .social-likes__button_mailru{color:#00468c}.social-likes__icon_mailru{left:.25em}.social-likes_light .social-likes__icon_mailru{left:.1em}.social-likes_notext .social-likes__icon_mailru{margin-left:.075em}.social-likes__widget_vkontakte{background:#587e9f}.social-likes_light .social-likes__button_vkontakte{color:#587e9f}.social-likes__icon_vkontakte{top:.2em;left:.25em}.social-likes__widget_odnoklassniki{background:#f59310}.social-likes_light .social-likes__button_odnoklassniki{color:#f59310}.social-likes__icon_odnoklassniki{left:.4em}.social-likes_light .social-likes__icon_odnoklassniki{left:.25em}.social-likes_notext.social-likes_light .social-likes__button_odnoklassniki{width:1em}.social-likes__widget_pinterest{background:#cb132d}.social-likes_light .social-likes__button_pinterest{color:#cb132d}.social-likes_light .social-likes__icon_pinterest{left:.1em}
.social-likes div{border-radius: 3px; padding: 3px; width: 80px; margin: 1px}
.social-likes__widget_twitter, .social-likes__widget_plusone {width:30px !important;}
.social-likes div:hover{opacity: 0.7;}
.social-likes div:first-child{margin-left: 0}
.social-likes{margin: 0;}
.social-likes__button{margin-right: 4px;}
.social-likes__counter{border-left: 1px solid rgba(255, 255, 255, 0.5); padding-left: 3px;}
.social-likes__counter {font-size: 14px; width: 50px; text-align: center;}
.social-likes__counter::before{content: ' ';}
.social-likes__counter_empty::before{content: ' 0';}
.xfieldimagegallery {
margin: 0;
padding: 0;
list-style: none;
clear: both;
}
.xfieldimagegallery li {
list-style: none;
margin: 0;
padding: 0;
}
.xfieldimagegallery li img {
float: left;
margin-right: 5px;
border: 5px solid #fff;
width: 100px;
height: 100px;
transition: box-shadow 0.5s ease;
}
.xfieldimagegallery li img:hover {
box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor:not-allowed;
pointer-events:none;
opacity:0.65;
filter:alpha(opacity=65);
-webkit-box-shadow:none;
box-shadow:none;
}
.dle-captcha { position: relative; }
.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;
-webkit-transition: all ease .2s; transition: all ease .2s;
}
.dle-captcha > input { float: left; width: 130px; }
.xfieldsnote {
color: #838383;
font-size: .9em;
}
.screens-t {font-size:16px; margin-bottom:20px; font-weight:700;}
.screens-c {margin:0 0 20px 0;}
.screens-c br {display:none;}
.screens-c .owl-item a, .screens-c .owl-item img {display:block; width:220px;}
.fa {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
flex: none;
}
.fa-lg { font-size: 1.3333em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-fw { width: 1.2857em; }
.fa-pull-left, .pull-left  { float: left;  margin-right: .3em; }
.fa-pull-right, .pull-right { float: right; margin-left: .3em; }
.fa-rotate-90  { transform: rotate(90deg); }
.fa-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }
.fa-flip-horizontal { transform: scaleX(-1); }
.fa-flip-vertical   { transform: scaleY(-1); }
.fa-spin  { animation: fa-spin 1.6s linear infinite; }
.fa-pulse { animation: fa-spin 1s steps(8) infinite; }
@keyframes fa-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
.fa-spin, .fa-pulse { animation: none; }
}
.fa-ul { padding-left: 0; margin-left: 2.1428em; list-style: none; }
.fa-ul > li { position: relative; }
.fa-li { position: absolute; left: -2.1428em; width: 2.1428em; top: .1428em; text-align: center; }
.fa-angle-down, .fa-chevron-down {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
.fa-angle-up, .fa-chevron-up {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E");
}
.fa-angle-left, .fa-chevron-left {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
}
.fa-angle-right, .fa-chevron-right {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
}
.fa-bar-chart, .fa-bar-chart-o {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='M7 16v-5'/%3E%3Cpath d='M12 16V8'/%3E%3Cpath d='M17 16v-3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='M7 16v-5'/%3E%3Cpath d='M12 16V8'/%3E%3Cpath d='M17 16v-3'/%3E%3C/svg%3E");
}
.fa-bars, .fa-navicon {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
}
.fa-clock-o {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}
.fa-cog, .fa-gear {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.2 3h-.4a2 2 0 0 0-2 2 2 2 0 0 1-2.9 1.7l-.3-.2a2 2 0 0 0-2.7.7l-.2.4a2 2 0 0 0 .7 2.7 2 2 0 0 1 0 3.4 2 2 0 0 0-.7 2.7l.2.4a2 2 0 0 0 2.7.7l.3-.2A2 2 0 0 1 9.8 19a2 2 0 0 0 2 2h.4a2 2 0 0 0 2-2 2 2 0 0 1 2.9-1.7l.3.2a2 2 0 0 0 2.7-.7l.2-.4a2 2 0 0 0-.7-2.7 2 2 0 0 1 0-3.4 2 2 0 0 0 .7-2.7l-.2-.4a2 2 0 0 0-2.7-.7l-.3.2A2 2 0 0 1 14.2 5a2 2 0 0 0-2-2Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.2 3h-.4a2 2 0 0 0-2 2 2 2 0 0 1-2.9 1.7l-.3-.2a2 2 0 0 0-2.7.7l-.2.4a2 2 0 0 0 .7 2.7 2 2 0 0 1 0 3.4 2 2 0 0 0-.7 2.7l.2.4a2 2 0 0 0 2.7.7l.3-.2A2 2 0 0 1 9.8 19a2 2 0 0 0 2 2h.4a2 2 0 0 0 2-2 2 2 0 0 1 2.9-1.7l.3.2a2 2 0 0 0 2.7-.7l.2-.4a2 2 0 0 0-.7-2.7 2 2 0 0 1 0-3.4 2 2 0 0 0 .7-2.7l-.2-.4a2 2 0 0 0-2.7-.7l-.3.2A2 2 0 0 1 14.2 5a2 2 0 0 0-2-2Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.fa-download {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E");
}
.fa-film {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M7 3v18M17 3v18M3 7.5h4M3 12h18M3 16.5h4M17 7.5h4M17 16.5h4'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M7 3v18M17 3v18M3 7.5h4M3 12h18M3 16.5h4M17 7.5h4M17 16.5h4'/%3E%3C/svg%3E");
}
.fa-play-circle-o, .fa-play-circle {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M10 8.5v7l6-3.5z' fill='%23000'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M10 8.5v7l6-3.5z' fill='%23000'/%3E%3C/svg%3E");
}
.fa-play {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4.5v15l14-7.5z' fill='%23000'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4.5v15l14-7.5z' fill='%23000'/%3E%3C/svg%3E");
}
.fa-quote-right, .fa-quote-left {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 17c0-4.5 2-7.5 6-9l1 2c-2.2 1-3.4 2.4-3.6 4H10v6H4v-3zm10 0c0-4.5 2-7.5 6-9l1 2c-2.2 1-3.4 2.4-3.6 4H20v6h-6v-3z' fill='%23000'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 17c0-4.5 2-7.5 6-9l1 2c-2.2 1-3.4 2.4-3.6 4H10v6H4v-3zm10 0c0-4.5 2-7.5 6-9l1 2c-2.2 1-3.4 2.4-3.6 4H20v6h-6v-3z' fill='%23000'/%3E%3C/svg%3E");
}
.fa-quote-right { transform: scaleX(-1); }
.fa-reorder, .fa-list, .fa-list-ul {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3.5 6h.01M3.5 12h.01M3.5 18h.01'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3.5 6h.01M3.5 12h.01M3.5 18h.01'/%3E%3C/svg%3E");
}
.fa-reply, .fa-mail-reply {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 17-6-6 6-6'/%3E%3Cpath d='M3 11h9a7 7 0 0 1 7 7v3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 17-6-6 6-6'/%3E%3Cpath d='M3 11h9a7 7 0 0 1 7 7v3'/%3E%3C/svg%3E");
}
.fa-search {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.9-3.9'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.9-3.9'/%3E%3C/svg%3E");
}
.fa-sign-in {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='m10 17 5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='m10 17 5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3C/svg%3E");
}
.fa-sign-out {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
}
.fa-star {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.6 2.9 5.9 6.5.9-4.7 4.6 1.1 6.5-5.8-3-5.8 3 1.1-6.5L2.6 9.4l6.5-.9z' fill='%23000'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.6 2.9 5.9 6.5.9-4.7 4.6 1.1 6.5-5.8-3-5.8 3 1.1-6.5L2.6 9.4l6.5-.9z' fill='%23000'/%3E%3C/svg%3E");
}
.fa-star-o {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m12 2.6 2.9 5.9 6.5.9-4.7 4.6 1.1 6.5-5.8-3-5.8 3 1.1-6.5L2.6 9.4l6.5-.9z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m12 2.6 2.9 5.9 6.5.9-4.7 4.6 1.1 6.5-5.8-3-5.8 3 1.1-6.5L2.6 9.4l6.5-.9z'/%3E%3C/svg%3E");
}
.fa-th, .fa-th-large {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='13.5' y='3' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='3' y='13.5' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='7.5' height='7.5' rx='1.5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='13.5' y='3' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='3' y='13.5' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='7.5' height='7.5' rx='1.5'/%3E%3C/svg%3E");
}
.fa-times, .fa-close, .fa-remove {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
}
.fa-user-plus {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpath d='M19 8v6M22 11h-6'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpath d='M19 8v6M22 11h-6'/%3E%3C/svg%3E");
}
.fa-user {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.fa-home {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 21v-7h6v7'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 21v-7h6v7'/%3E%3C/svg%3E");
}
.fa-eye {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.fa-comment, .fa-comment-o, .fa-comments, .fa-comments-o {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-9 8.4 9 9 0 0 1-3.8-.8L3 21l1.9-5a8.3 8.3 0 0 1-.9-3.8 8.4 8.4 0 0 1 8.4-8.4h.5a8.4 8.4 0 0 1 8 8Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-9 8.4 9 9 0 0 1-3.8-.8L3 21l1.9-5a8.3 8.3 0 0 1-.9-3.8 8.4 8.4 0 0 1 8.4-8.4h.5a8.4 8.4 0 0 1 8 8Z'/%3E%3C/svg%3E");
}
.fa-calendar, .fa-calendar-o {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E");
}
.fa-check {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12 5.5 5.5L20 7'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12 5.5 5.5L20 7'/%3E%3C/svg%3E");
}
.fa-plus {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}
.fa-filter, .fa-sliders {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E");
}
.fa-heart {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5-8-10.3A4.7 4.7 0 0 1 12 7a4.7 4.7 0 0 1 8 3.7C20 16 12 21 12 21Z' fill='%23000'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5-8-10.3A4.7 4.7 0 0 1 12 7a4.7 4.7 0 0 1 8 3.7C20 16 12 21 12 21Z' fill='%23000'/%3E%3C/svg%3E");
}
.fa-spinner, .fa-circle-o-notch, .fa-refresh {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9' /%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9' /%3E%3C/svg%3E");
}
.fa-arrow-up {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V5M6 11l6-6 6 6'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V5M6 11l6-6 6 6'/%3E%3C/svg%3E");
}
.fa-telegram, .fa-paper-plane {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.8 4.2 2.9 11.5c-1 .4-1 1.2 0 1.5l4.8 1.5 1.8 5.6c.2.6.4.8.9.8.4 0 .6-.2.9-.5l2.3-2.2 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.6c.3-1.2-.5-1.8-1.3-1.4M8.8 14.2l10-6.3-8.2 7.3-.3 3.3z' fill='%23000'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.8 4.2 2.9 11.5c-1 .4-1 1.2 0 1.5l4.8 1.5 1.8 5.6c.2.6.4.8.9.8.4 0 .6-.2.9-.5l2.3-2.2 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.6c.3-1.2-.5-1.8-1.3-1.4M8.8 14.2l10-6.3-8.2 7.3-.3 3.3z' fill='%23000'/%3E%3C/svg%3E");
}
.fa-hourglass-half, .fa-hourglass {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14M5 2h14M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14M5 2h14M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E");
}
.fa-bookmark, .fa-bookmark-o {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E");
}
.fa-info-circle, .fa-info {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
}
.fa-tags, .fa-tag {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2H2v10l9.29 9.29c.94.94 2.48.94 3.42 0l6.58-6.58c.94-.94.94-2.48 0-3.42L12 2Z'/%3E%3Cpath d='M7 7h.01'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2H2v10l9.29 9.29c.94.94 2.48.94 3.42 0l6.58-6.58c.94-.94.94-2.48 0-3.42L12 2Z'/%3E%3Cpath d='M7 7h.01'/%3E%3C/svg%3E");
}
.fa-video-camera, .fa-video {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 8-6 4 6 4V8Z'/%3E%3Crect width='14' height='12' x='2' y='6' rx='2'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 8-6 4 6 4V8Z'/%3E%3Crect width='14' height='12' x='2' y='6' rx='2'/%3E%3C/svg%3E");
}
.fa-user-circle, .fa-user-circle-o {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662'/%3E%3C/svg%3E");
}
.fa-plus-circle {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
}
.fa-cloud-upload {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 16l-4-4-4 4M12 12v9'/%3E%3Cpath d='M20.4 14.5A5 5 0 0018 5.5h-1.3A8 8 0 103 12.3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 16l-4-4-4 4M12 12v9'/%3E%3Cpath d='M20.4 14.5A5 5 0 0018 5.5h-1.3A8 8 0 103 12.3'/%3E%3C/svg%3E");
}
.fa-globe {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 010 20 15.3 15.3 0 010-20'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 010 20 15.3 15.3 0 010-20'/%3E%3C/svg%3E");
}
.fa-lock {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0110 0v4'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0110 0v4'/%3E%3C/svg%3E");
}
@font-face {
font-family: 'Golos Text';
font-style: normal;
font-weight: 400 900;
font-display: swap;
src: url('../fonts/golos-cyrillic.woff2') format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Golos Text';
font-style: normal;
font-weight: 400 900;
font-display: swap;
src: url('../fonts/golos-cyrillic-ext.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Golos Text';
font-style: normal;
font-weight: 400 900;
font-display: swap;
src: url('../fonts/golos-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Golos Text';
font-style: normal;
font-weight: 400 900;
font-display: swap;
src: url('../fonts/golos-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
--bg:            #080d17;
--bg-deep:       #050914;
--surface:       #101827;
--surface-2:     #172235;
--surface-3:     #223049;
--glass:         rgba(16, 24, 39, 0.82);
--glass-strong:  rgba(8, 13, 23, 0.92);
--glass-light:   rgba(132, 157, 194, 0.07);
--glass-border:  rgba(132, 157, 194, 0.16);
--glass-hi:      rgba(170, 194, 229, 0.28);
--blur:          20px;
--blur-lg:       34px;
--fg:            #f2f5fa;
--fg-muted:      #9ba8bc;
--fg-dim:        #69778c;
--accent:        #d7193f;
--accent-2:      #f02d50;
--accent-soft:   rgba(215, 25, 63, 0.16);
--accent-glow:   rgba(215, 25, 63, 0.36);
--accent-grad:   linear-gradient(118deg, #d7193f 0%, #f02d50 100%);
--info:          #2987c8;
--ok:            #32c17a;
--warn:          #ffb020;
--r-xs:   2px;
--r-sm:   4px;
--r-md:   6px;
--r-lg:   8px;
--r-xl:   10px;
--r-pill: 4px;
--sh-1: 0 1px 2px rgba(0,0,0,.34);
--sh-2: 0 6px 18px -6px rgba(0,0,0,.55);
--sh-3: 0 18px 44px -14px rgba(0,0,0,.72);
--sh-glow: 0 8px 30px -8px var(--accent-glow);
--e-out:    cubic-bezier(.22,.61,.36,1);
--e-inout:  cubic-bezier(.65,0,.35,1);
--e-spring: cubic-bezier(.22,.61,.36,1);
--t-fast: .16s;
--t:      .22s;
--t-slow: .46s;
--gap: 16px;
}
html {
scroll-behavior: smooth;
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
}
}
body {
font-family: 'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-size: 15px;
line-height: 1.55;
color: var(--fg-muted);
background: var(--bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-variant-numeric: tabular-nums;
overflow-x: hidden;
}
.center {
width: 100% !important;
max-width: 1280px;
min-width: 0 !important;
margin: 0 auto;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}
.block.center {
background: rgba(8, 13, 23, 0.78);
border-radius: var(--r-lg, 12px);
border: 1px solid var(--glass-border);
margin-top: 12px;
margin-bottom: 24px;
padding: 16px 20px !important;
box-shadow: 0 24px 70px -36px rgba(0, 0, 0, 0.95);
}
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background:
radial-gradient(920px 640px at 10% -8%, rgba(215,25,63,.11), transparent 62%),
radial-gradient(840px 600px at 94% 4%, rgba(41,135,200,.10), transparent 62%),
linear-gradient(180deg, rgba(5,9,20,.36), rgba(8,13,23,.96) 72%);
pointer-events: none;
}
body::after {
content: '';
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
opacity: .5;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");
}
h1, h2, h3, h4, h5, h6 {
color: var(--fg);
font-weight: 700;
letter-spacing: -0.015em;
line-height: 1.24;
}
h1 { font-size: 28px; font-weight: 800; letter-spacing: -0.025em; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }
a { color: var(--fg-muted); transition: color var(--t-fast) var(--e-out); }
a:hover, a:focus { color: var(--fg); }
::selection { background: var(--accent); color: #fff; }
* { scrollbar-width: thin; scrollbar-color: var(--surface-3) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
background: var(--surface-3);
border-radius: var(--r-pill);
border: 2px solid transparent;
background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: var(--accent); background-clip: content-box; }
:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
border-radius: var(--r-xs);
}
.glass {
background: var(--glass);
-webkit-backdrop-filter: blur(var(--blur)) saturate(165%);
backdrop-filter: blur(var(--blur)) saturate(165%);
border: 1px solid var(--glass-border);
box-shadow: var(--sh-2), inset 0 1px 0 var(--glass-hi);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.glass, .top-wr, .side-box, .chip, .vk-select__control { background: var(--glass-strong); }
}
.glass-sheen { position: relative; overflow: hidden; isolation: isolate; }
.glass-sheen::after {
content: '';
position: absolute;
inset: -60% -120%;
z-index: 1;
pointer-events: none;
background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.13) 48%, transparent 58%);
transform: translateX(-70%);
transition: transform var(--t-slow) var(--e-out);
}
.glass-sheen:hover::after { transform: translateX(70%); }
.torn,
.torn-top,
.torn-bottom { position: relative; }
.torn-bottom::after,
.torn-top::before {
content: '';
position: absolute;
left: 0;
right: 0;
height: 14px;
pointer-events: none;
background: inherit;
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
-webkit-mask-size: 190px 14px;
mask-size: 190px 14px;
}
.torn-bottom::after {
bottom: -13px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 14' preserveAspectRatio='none'%3E%3Cpath d='M0 0h190v3l-9 4 -12-3 -14 6 -11-4 -13 5 -10-6 -15 7 -12-5 -14 4 -9-6 -13 5 -12-3 -11 5 -13-4 -12 3z' fill='%23000'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 14' preserveAspectRatio='none'%3E%3Cpath d='M0 0h190v3l-9 4 -12-3 -14 6 -11-4 -13 5 -10-6 -15 7 -12-5 -14 4 -9-6 -13 5 -12-3 -11 5 -13-4 -12 3z' fill='%23000'/%3E%3C/svg%3E");
}
.torn-top::before {
top: -13px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 14' preserveAspectRatio='none'%3E%3Cpath d='M0 14h190v-3l-9-4 -12 3 -14-6 -11 4 -13-5 -10 6 -15-7 -12 5 -14-4 -9 6 -13-5 -12 3 -11-5 -13 4 -12-3z' fill='%23000'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 14' preserveAspectRatio='none'%3E%3Cpath d='M0 14h190v-3l-9-4 -12 3 -14-6 -11 4 -13-5 -10 6 -15-7 -12 5 -14-4 -9 6 -13-5 -12 3 -11-5 -13 4 -12-3z' fill='%23000'/%3E%3C/svg%3E");
}
.rip {
height: 18px;
margin: 28px 0;
border: 0;
background: linear-gradient(90deg, transparent, var(--glass-border) 12%, var(--accent-soft) 50%, var(--glass-border) 88%, transparent);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 18' preserveAspectRatio='none'%3E%3Cpath d='M0 9l11-5 13 6 12-7 14 5 11-6 13 7 12-4 15 6 11-7 13 5 12-6 14 7 11-5 13 6 12-4 13 5v3l-13-2 -12 4 -13-6 -11 5 -14-7 -12 6 -13-5 -11 7 -15-6 -12 4 -13-7 -11 6 -14-5 -12 7 -13-6 -11 5z' fill='%23000'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 18' preserveAspectRatio='none'%3E%3Cpath d='M0 9l11-5 13 6 12-7 14 5 11-6 13 7 12-4 15 6 11-7 13 5 12-6 14 7 11-5 13 6 12-4 13 5v3l-13-2 -12 4 -13-6 -11 5 -14-7 -12 6 -13-5 -11 7 -15-6 -12 4 -13-7 -11 6 -14-5 -12 7 -13-6 -11 5z' fill='%23000'/%3E%3C/svg%3E");
-webkit-mask-size: 220px 18px;
mask-size: 220px 18px;
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
}
.wr { padding-top: 84px; }
.top-wr {
background: var(--glass-strong);
-webkit-backdrop-filter: blur(var(--blur-lg)) saturate(180%);
backdrop-filter: blur(var(--blur-lg)) saturate(180%);
border-bottom: 1px solid var(--glass-border);
box-shadow: 0 1px 0 rgba(255,255,255,.05), 0 10px 34px -18px rgba(0,0,0,.9);
transition: background var(--t) var(--e-out), box-shadow var(--t) var(--e-out);
will-change: background;
}
.top-wr.is-stuck {
background: rgba(8, 9, 12, .93);
box-shadow: 0 14px 40px -20px rgba(0,0,0,1);
}
.top {
display: flex;
align-items: center;
gap: 16px;
height: 56px;
padding: 0;
}
.logo {
position: static;
flex: none;
width: auto;
height: auto;
display: flex;
align-items: center;
overflow: visible;
font-size: 24px;
font-weight: 800;
letter-spacing: -0.03em;
color: var(--fg);
background: none;
text-indent: 0;
transition: transform var(--t) var(--e-spring), filter var(--t) var(--e-out);
}
.logo:hover { transform: translateY(-1px) scale(1.02); filter: drop-shadow(0 4px 14px var(--accent-glow)); }
.search-wrap {
flex: 0 1 420px;
margin-left: auto;
margin-right: auto;
width: auto;
}
.log-buts {
position: static;
flex: none;
display: flex;
align-items: center;
gap: 8px;
line-height: normal;
}
.log-buts a { float: none; margin: 0; }
.search-wrap { position: relative; }
.search-box {
display: block;
position: relative;
width: 100%;
height: 40px;
padding: 0;
border-radius: var(--r-pill);
background: var(--glass-light);
border: 1px solid var(--glass-border);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
transition: border-color var(--t) var(--e-out), box-shadow var(--t) var(--e-out), background var(--t) var(--e-out);
}
.search-box:focus-within {
border-color: var(--accent);
background: rgba(255,255,255,.07);
box-shadow: 0 0 0 4px var(--accent-soft);
}
.search-box input,
.search-box input:focus {
display: block;
width: 100%;
height: 38px;
line-height: 38px;
padding: 0 46px 0 16px;
background: none;
border: 0;
border-radius: var(--r-pill);
box-shadow: none !important;
color: var(--fg);
font: inherit;
font-size: 14.5px;
}
.search-box input::placeholder { color: var(--fg-dim); }
.search-box button {
position: absolute;
top: 50%;
right: 4px;
margin-top: -15px;
width: 30px;
height: 30px;
display: grid;
place-items: center;
border: 0;
border-left: 0;
border-radius: var(--r-pill);
background: var(--accent-grad);
color: #fff;
padding: 0;
line-height: 0;
font-size: 0;
transition: transform var(--t-fast) var(--e-spring), box-shadow var(--t) var(--e-out);
}
.search-box button:hover { transform: scale(1.08); box-shadow: var(--sh-glow); }
.search-box button .fa { font-size: 15px; }
.log-buts a {
display: inline-flex;
align-items: center;
gap: 8px;
height: 38px;
padding: 0 16px;
border-radius: var(--r-pill);
font-size: 14px;
font-weight: 600;
color: var(--fg-muted);
background: var(--glass-light);
border: 1px solid var(--glass-border);
transition: all var(--t) var(--e-out);
}
.log-buts a:hover {
color: var(--fg);
background: rgba(255,255,255,.09);
border-color: var(--glass-hi);
transform: translateY(-1px);
}
.log-buts .reg-link {
background: var(--accent-grad);
border-color: transparent;
color: #fff;
}
.log-buts .reg-link:hover { color: #fff; box-shadow: var(--sh-glow); }
nav {
max-width: 100%;
min-width: 0;
}
.first-menu, .second-menu {
display: flex;
flex-wrap: wrap;
gap: 6px;
height: auto;
line-height: normal;
margin-bottom: 12px;
max-width: 100%;
min-width: 0;
}
.first-menu > li, .second-menu > li { display: block; float: none; margin: 0; }
.first-menu li:last-child, .second-menu li:last-child { float: none; }
.first-menu li a,
.second-menu li a {
display: inline-flex;
align-items: center;
gap: 7px;
height: 36px;
padding: 0 16px;
border-radius: var(--r-pill);
font-size: 14px;
font-weight: 600;
color: var(--fg-muted);
background: var(--glass-light);
border: 1px solid var(--glass-border);
box-shadow: none;
transition: all var(--t) var(--e-out);
white-space: nowrap;
}
.first-menu li a:hover,
.second-menu li a:hover {
color: var(--fg);
background: rgba(255,255,255,.09);
border-color: var(--glass-hi);
transform: translateY(-1px);
}
.first-menu li a.active,
.second-menu li a.active {
color: #fff;
background: var(--accent-grad);
border-color: transparent;
box-shadow: var(--sh-glow);
}
.cols, #cols {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
gap: 20px;
padding: 0 !important;
background: transparent;
border: 0;
border-radius: var(--r-lg);
margin-bottom: 28px;
max-width: 100%;
min-width: 0;
}
.cols::before, .cols::after,
#cols::before, #cols::after { display: none; }
.col-side {
width: 320px;
flex-shrink: 0;
margin: 0 !important;
float: none !important;
padding: 0;
}
.col-cont, .full-comms {
flex: 1;
min-width: 0;
width: auto !important;
float: none !important;
background: rgba(16, 24, 39, 0.88);
border: 1px solid var(--glass-border);
border-radius: var(--r-lg);
box-shadow: var(--sh-3), inset 0 1px 0 var(--glass-hi);
padding: 0;
}
.col-side:empty {
display: none;
}
.col-cont > *,
.col-cont > #dle-content > * {
padding-left: 20px;
padding-right: 20px;
}
.col-cont > .main-items,
.col-cont > #dle-content > .main-items { padding-left: 18px; padding-right: 18px; }
.col-cont > .calendar-page,
.col-cont > #dle-content > .calendar-page,
.col-cont > #dle-content > .static-page.calendar-page { padding-left: 0 !important; padding-right: 0 !important; }
.side-box {
background: rgba(16, 24, 39, 0.72);
border: 0;
border-left: 1px solid var(--glass-border);
border-radius: 0;
box-shadow: none;
margin-bottom: 1px;
}
.sb-title {
display: flex;
align-items: center;
gap: 8px;
padding: 14px 18px 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--fg-dim);
text-shadow: none;
background: none;
border-bottom: 1px solid rgba(132, 157, 194, 0.10);
}
.sb-title::before {
content: '';
width: 3px; height: 14px;
border-radius: var(--r-pill);
background: var(--accent-grad);
flex: none;
}
.sb-cont { padding: 12px 14px; }
.chips {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin: 0;
padding: 0;
list-style: none;
}
.chips--scroll {
flex-wrap: nowrap;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x proximity;
padding-bottom: 6px;
-ms-overflow-style: none;
}
.chips--scroll::-webkit-scrollbar { height: 4px; }
.chips--scroll > * { scroll-snap-align: start; }
.chip {
display: inline-flex;
align-items: center;
gap: 5px;
max-width: 100%;
height: 26px;
padding: 0 10px;
border-radius: var(--r-pill);
font-size: 12px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
color: var(--fg-muted);
background: var(--glass-light);
border: 1px solid var(--glass-border);
-webkit-backdrop-filter: blur(10px) saturate(150%);
backdrop-filter: blur(10px) saturate(150%);
box-shadow: inset 0 1px 0 var(--glass-hi);
text-decoration: none;
cursor: pointer;
position: relative;
overflow: hidden;
isolation: isolate;
transition:
color var(--t-fast) var(--e-out),
border-color var(--t) var(--e-out),
background var(--t) var(--e-out),
transform var(--t) var(--e-spring),
box-shadow var(--t) var(--e-out);
}
.chip::before {
content: '';
position: absolute;
inset: 0;
z-index: -1;
background: var(--accent-grad);
opacity: 0;
transform: scale(.6);
transition: opacity var(--t) var(--e-out), transform var(--t) var(--e-spring);
}
.chip:hover {
color: #fff;
border-color: transparent;
transform: translateY(-2px);
box-shadow: var(--sh-glow);
}
.chip:hover::before { opacity: 1; transform: scale(1); }
.chip:active { transform: translateY(0) scale(.97); }
.chip.is-active,
.chip[aria-pressed="true"] {
color: #fff;
border-color: transparent;
box-shadow: var(--sh-glow);
}
.chip.is-active::before,
.chip[aria-pressed="true"]::before { opacity: 1; transform: scale(1); }
.chip__count {
font-size: 11px;
font-weight: 700;
padding: 2px 6px;
border-radius: var(--r-pill);
background: rgba(255,255,255,.1);
color: inherit;
line-height: 1;
}
.chip:hover .chip__count,
.chip.is-active .chip__count { background: rgba(0,0,0,.22); }
.chip--accent { color: #fff; border-color: transparent; }
.chip--accent::before { opacity: 1; transform: scale(1); }
.chip--ghost  { background: transparent; }
.chip--lg { height: 32px; padding: 0 14px; font-size: 13px; }
.chip--sm { height: 22px; padding: 0 8px; font-size: 11px; }
.chips__more {
background: transparent;
border-style: dashed;
color: var(--fg-dim);
}
.chips.is-collapsed > li:nth-child(n+21),
.chips.is-collapsed > a:nth-child(n+21) { display: none; }
.genres-menu,
.main-menu.chips {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
gap: 5px;
width: 100% !important;
float: none !important;
padding-right: 0 !important;
margin: 0 0 12px;
}
.genres-menu > li,
.main-menu.chips > li {
display: flex;
flex: 1 1 auto;
float: none;
width: auto;
height: auto;
line-height: normal;
margin: 0;
border: 0;
}
.genres-menu > li.mm-subtitle,
.main-menu.chips > li.mm-subtitle {
display: block;
flex: 0 0 100%;
width: 100%;
margin: 2px 0 4px;
padding: 0;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--fg-dim);
}
.genres-menu > li + .mm-subtitle,
.main-menu.chips > li + .mm-subtitle { margin-top: 12px; }
.genres-menu > li > a,
.main-menu.chips > li > a {
display: flex;
flex: 1 1 auto;
align-items: center;
justify-content: center;
text-align: center;
height: 26px;
padding: 0 10px;
border-radius: var(--r-pill);
font-size: 12px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
float: none;
text-decoration: none;
color: var(--fg-muted);
background: var(--glass-light);
border: 1px solid var(--glass-border);
transition: color var(--t-fast) var(--e-out), background var(--t) var(--e-out),
border-color var(--t) var(--e-out), transform var(--t) var(--e-out);
}
.genres-menu > li > a:hover,
.main-menu.chips > li > a:hover {
color: #fff;
background: var(--accent-grad);
border-color: transparent;
transform: translateY(-1px);
box-shadow: var(--sh-glow);
}
.genres-menu font, .main-menu.chips font { color: inherit !important; }
.chips__more { flex: 1 1 auto; height: 26px; padding: 0 10px; font-size: 12px; justify-content: center; }
.xf-chips {
display: flex;
flex-wrap: wrap;
gap: 5px;
align-items: center;
margin: 12px 0;
font-size: 13px;
}
.xf-chips a {
display: inline-flex;
align-items: center;
height: 26px;
padding: 0 10px;
border-radius: var(--r-pill);
font-size: 12px;
line-height: 1;
font-weight: 600;
white-space: nowrap;
color: var(--fg-muted);
background: var(--glass-light);
border: 1px solid var(--glass-border);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
text-decoration: none;
transition: all var(--t) var(--e-out);
}
.xf-chips a:hover {
color: #fff;
background: var(--accent-grad);
border-color: transparent;
transform: translateY(-2px);
box-shadow: var(--sh-glow);
}
.xf-chips br { display: none; }
.xf-block { margin: 22px 0; }
.xf-block--inline {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 4px 10px;
margin: 10px 0;
}
.xf-block--inline .xf-block__title { margin-bottom: 0; flex: none; }
.xf-block--inline .xf-chips { margin: 0; }
.xf-block__title {
font-size: 13px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
color: var(--fg-dim);
margin-bottom: 10px;
}
h2.xf-block__title { font-size: 15px; text-transform: none; letter-spacing: -0.01em; color: var(--fg); }
.list-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
padding: 14px 18px;
border-bottom: 1px solid var(--glass-border);
}
.list-sort { flex: 1 1 auto; min-width: 0; }
.xf-head {
padding: 18px 18px 0;
}
.xf-head h1, .xf-head h2 { font-size: 24px; margin-bottom: 8px; }
.xf-head p { color: var(--fg-muted); font-size: 14.5px; }
.dl-row {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
margin: 14px 0;
}
.dl-hint { font-size: 13px; color: var(--fg-dim); }
.stats-line { font-size: 14px; }
.story-foot { margin-top: 16px; }
.seo-data { display: none !important; }
.visually-hidden {
position: absolute !important;
width: 1px; height: 1px;
margin: -1px; padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.vk-select { position: relative; display: block; width: 100%; margin-bottom: 10px; }
.vk-select > select,
select.sorting-data {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 44px;
padding: 0 42px 0 15px;
border-radius: var(--r-md);
font-family: inherit;
font-size: 14px;
font-weight: 600;
color: var(--fg);
background: var(--glass-light);
border: 1px solid var(--glass-border);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
box-shadow: inset 0 1px 0 var(--glass-hi);
cursor: pointer;
transition: border-color var(--t) var(--e-out), box-shadow var(--t) var(--e-out), background var(--t) var(--e-out);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a2a8b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 18px 18px;
}
select.sorting-data:hover { background-color: rgba(255,255,255,.08); border-color: var(--glass-hi); }
select.sorting-data:focus {
border-color: var(--accent);
box-shadow: 0 0 0 4px var(--accent-soft);
}
select.sorting-data option {
background: var(--surface-2);
color: var(--fg);
padding: 8px;
}
.filter-horizontal-bar {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 20px;
margin: 28px 0 12px;
background: var(--glass);
-webkit-backdrop-filter: blur(var(--blur)) saturate(150%);
backdrop-filter: blur(var(--blur)) saturate(150%);
border: 1px solid var(--glass-border);
border-radius: var(--r-lg);
box-shadow: var(--sh-2), inset 0 1px 0 var(--glass-hi);
box-sizing: border-box;
width: 100%;
}
.fh-title {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
color: var(--fg);
white-space: nowrap;
flex-shrink: 0;
}
.fh-title .fa {
color: var(--accent);
font-size: 16px;
}
.fh-selects {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
flex: 1 1 auto;
min-width: 0;
}
.filter-horizontal-bar .vk-select {
margin-bottom: 0;
width: 100%;
}
.filter-horizontal-bar select.sorting-data {
height: 40px;
padding: 0 36px 0 14px;
font-size: 13.5px;
border-radius: var(--r-pill);
background-color: var(--glass-light);
background-position: right 12px center;
background-size: 16px 16px;
}
.filter-horizontal-bar select.sorting-data:hover {
border-color: var(--glass-hi);
background-color: rgba(255, 255, 255, .09);
}
.filter-horizontal-bar select.sorting-data:focus {
border-color: var(--accent);
box-shadow: 0 0 0 4px var(--accent-soft);
}
#dle-content > .filter-horizontal-bar:first-child {
display: none;
}
@media (max-width: 992px) {
.fh-selects {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.filter-horizontal-bar {
flex-direction: column;
align-items: stretch;
padding: 12px;
gap: 10px;
}
.fh-title {
justify-content: flex-start;
}
.fh-selects {
grid-template-columns: 1fr;
gap: 8px;
}
}
.col-side .kino-h-sub {
margin: 0 0 10px;
padding: 0;
background: none;
border: 0;
box-shadow: none;
text-align: left;
}
.col-side .kino-h-sub strong { font-weight: inherit; }
.kino-item {
border-top: 0;
margin: 0;
background: none;
transition: transform var(--t) var(--e-out);
}
.kino-h h2, .kino-h {
font-size: 19px;
font-weight: 700;
letter-spacing: -0.015em;
color: var(--fg);
transition: color var(--t-fast) var(--e-out);
}
.kino-title .kino-h,
.kino-title .kino-h h2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.25;
height: 2.5em;
margin: 0;
}
a.kino-h:hover h2 { color: var(--accent); }
.kino-img, .side-movie-img, .skoro-img, .rel-kino-img, .kino-desc img {
border-radius: var(--r-md);
border: 1px solid var(--glass-border);
background: var(--surface-2);
overflow: hidden;
}
.kino-img img, .side-movie-img img, .rel-kino-img img {
transition: transform var(--t-slow) var(--e-out), filter var(--t) var(--e-out);
will-change: transform;
}
.kino-item:hover .kino-img img,
.side-movie:hover .side-movie-img img,
.rel-kino:hover .rel-kino-img img { transform: scale(1.055); }
.carou-inner {
position: absolute;
inset: 0;
display: grid;
place-items: center;
opacity: 0;
background: linear-gradient(to top, rgba(6,7,10,.86) 0%, rgba(6,7,10,.16) 55%, transparent 100%);
-webkit-backdrop-filter: blur(1.5px);
backdrop-filter: blur(1.5px);
transition: opacity var(--t) var(--e-out);
color: #fff;
font-size: 44px;
z-index: 5;
}
.kino-img:hover .carou-inner,
.carou:hover .carou-inner,
.kino-item:hover .carou-inner { opacity: 1; }
.carou-inner .fa {
transform: scale(.82);
transition: transform var(--t) var(--e-spring);
filter: drop-shadow(0 6px 20px rgba(0,0,0,.7));
}
.kino-img:hover .carou-inner .fa,
.carou:hover .carou-inner .fa { transform: scale(1); }
.k-meta {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: auto;
z-index: 6;
display: flex;
align-items: center;
justify-content: center;
min-height: 32px;
padding: 6px 10px;
border: 0;
border-radius: 0;
font-size: 12.5px;
font-weight: 700;
line-height: 1.2;
text-align: center;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: linear-gradient(to top, rgba(6,7,10,.94) 0%, rgba(6,7,10,.72) 55%, transparent 100%);
-webkit-backdrop-filter: blur(8px) saturate(150%);
backdrop-filter: blur(8px) saturate(150%);
box-shadow: none;
}
.k-meta::before {
content: '';
position: absolute;
left: 0; right: 0; bottom: 0;
height: 3px;
background: var(--accent-grad);
}
.qual-mark { top: auto; }
.series-mark {
top: 8px; right: 8px; left: auto; bottom: auto;
min-height: 0;
border-radius: var(--r-pill);
background: rgba(15,15,15,.78);
padding: 3px 9px;
font-size: 11px;
}
.series-mark::before { display: none; }
.kino-lines li {
display: grid;
grid-template-columns: 172px minmax(0, 1fr);
gap: 2px 12px;
align-items: baseline;
font-size: 14px;
line-height: 1.45;
padding: 3px 0;
border-bottom: 1px dashed rgba(255,255,255,.055);
}
.kino-lines li:last-child { border-bottom: 0; }
.kino-lines .k-label {
min-width: 0;
color: var(--fg-dim);
font-size: 13px;
}
.kino-lines .k-label strong { font-weight: 600; }
.kino-lines a {
color: var(--fg-muted);
text-decoration: none;
border: 0 !important;
border-bottom: 0 !important;
transition: color var(--t-fast) var(--e-out);
}
.kino-lines a:hover { color: #fff; }
.kino-lines span {
float: none;
margin: 0;
padding: 0;
background: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: none !important;
font-size: inherit;
font-weight: 500;
color: var(--fg);
line-height: 1.4;
justify-self: start;
}
.kino-lines li > *:not(.k-label) { justify-self: start; }
.k-link, .btn-error a, .btn-error {
display: inline-flex;
align-items: center;
gap: 9px;
height: 42px;
padding: 0 22px;
border-radius: var(--r-pill);
font-size: 15px;
font-weight: 700;
color: #fff;
background: var(--accent-grad);
border: 0;
box-shadow: var(--sh-glow);
cursor: pointer;
line-height: 1;
transition: transform var(--t) var(--e-spring), box-shadow var(--t) var(--e-out), filter var(--t) var(--e-out);
}
.k-link:hover, .btn-error a:hover {
color: #fff;
transform: translateY(-2px);
box-shadow: 0 14px 38px -10px var(--accent-glow);
filter: brightness(1.06);
}
.k-link:active { transform: translateY(0) scale(.98); }
.k-link i, .k-link .fa { color: inherit; margin: 0; }
.kino-info {
display: flex;
align-items: center;
gap: 8px;
padding-right: 0;
}
.kino-info .k-edit {
position: static;
right: auto;
top: auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
font-size: 15px;
border-radius: var(--r-pill);
background: var(--glass-light);
border: 1px solid var(--glass-border);
color: var(--fg-muted);
transition: all var(--t) var(--e-out);
}
.kino-info .k-edit:hover { color: #fff; background: var(--accent-grad); border-color: transparent; }
.kino-info .k-edit a { display: grid; place-items: center; width: 100%; height: 100%; color: inherit; }
.k-fav-wrap {
display: inline-flex;
align-items: center;
}
.k-fav-wrap > a {
text-decoration: none;
color: inherit;
display: inline-flex;
}
.k-fav {
position: relative !important;
top: 0 !important;
right: 0 !important;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
padding: 0;
border-radius: var(--r-pill);
background: var(--glass-light);
border: 1px solid var(--glass-border);
color: var(--fg-muted);
font-size: 14px;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
text-decoration: none !important;
transition: background var(--t-fast) var(--e-out),
border-color var(--t-fast) var(--e-out),
color var(--t-fast) var(--e-out),
box-shadow var(--t-fast) var(--e-out),
transform var(--t-fast) var(--e-spring);
}
.k-fav i {
font-size: 15px;
line-height: 1;
transition: transform var(--t-fast) var(--e-spring);
}
.k-fav .k-fav__label {
display: none !important;
}
.kino-inner .k-fav {
width: 32px;
height: 32px;
padding: 0;
border-radius: var(--r-pill);
}
.k-fav:hover {
color: var(--warn, #ffb020) !important;
border-color: rgba(255, 176, 32, 0.45) !important;
background: rgba(255, 176, 32, 0.09) !important;
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
}
.k-fav:active {
transform: scale(0.94);
}
.k-fav.k-fav-added,
.k-fav-added {
color: var(--warn, #ffb020) !important;
border-color: rgba(255, 176, 32, 0.5) !important;
background: rgba(255, 176, 32, 0.16) !important;
box-shadow: 0 0 12px rgba(255, 176, 32, 0.2);
}
.k-fav.k-fav-added:hover {
background: rgba(255, 176, 32, 0.25) !important;
border-color: rgba(255, 176, 32, 0.7) !important;
color: #fff !important;
}
@keyframes fav-pop {
0% { transform: scale(1); }
40% { transform: scale(1.22); }
100% { transform: scale(1); }
}
.k-fav.is-animating,
.k-fav.fav-pop {
animation: fav-pop 0.32s var(--e-spring) forwards;
}
.kino-date {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
color: var(--fg-dim);
}
.grid-thumb { border-top: 0; padding: 18px 0; margin: 0; }
.grid-thumb .main-items,
.main-items.grid-thumb,
.main-items.grid-thumb > #dle-content {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-flow: row dense;
gap: 24px 16px;
}
.main-items.grid-thumb > #dle-content { grid-column: 1 / -1; }
.main-items.grid-thumb script,
.main-items.grid-thumb style,
.main-items.grid-thumb > #dle-content script,
.main-items.grid-thumb > #dle-content style,
.clr,
.main-items.grid-thumb > #dle-content > .clr,
.main-items.grid-thumb > .clr {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.main-items.grid-thumb > #dle-content > *:not(.kino-item):not(.search-page):not(script):not(style),
.main-items.grid-thumb > *:not(.kino-item):not(.search-page):not(#dle-content):not(script):not(style),
.main-items.grid-thumb ins,
.main-items.grid-thumb center,
.main-items.grid-thumb [class*="eas"],
.main-items.grid-thumb [data-zoneid] {
grid-column: 1 / -1 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin: 6px 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.main-items.grid-thumb .kino-item {
display: flex;
flex-direction: column;
width: auto;
float: none;
margin: 0;
padding: 0;
position: relative;
background: var(--surface);
border: 1px solid var(--glass-border);
border-radius: var(--r-md);
overflow: hidden;
box-shadow: var(--sh-1);
transition: transform var(--t) var(--e-out), border-color var(--t) var(--e-out), box-shadow var(--t) var(--e-out);
}
.main-items.grid-thumb .kino-item:hover {
transform: translateY(-4px);
border-color: rgba(255, 255, 255, 0.22);
box-shadow: 0 12px 28px -6px rgba(0, 0, 0, 0.75);
}
.main-items.grid-thumb .kino-inner {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: 0 !important;
margin: 0 !important;
}
.main-items.grid-thumb .kino-img {
position: relative;
width: 100%;
aspect-ratio: 2 / 3;
height: auto;
overflow: hidden;
border: 0;
border-radius: 0;
margin: 0;
background: var(--surface-2);
}
.main-items.grid-thumb .kino-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--t-slow) var(--e-out);
}
.main-items.grid-thumb .kino-item:hover .kino-img img {
transform: scale(1.045);
}
.main-items.grid-thumb .carou-inner {
display: none !important;
}
.main-items.grid-thumb .qual-mark {
position: absolute;
top: 8px;
left: 8px;
bottom: auto;
right: auto;
z-index: 4;
min-height: 0;
height: 20px;
padding: 0 6px;
border-radius: var(--r-xs);
font-size: 11px;
font-weight: 700;
color: #fff;
background: rgba(8, 13, 23, 0.85);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.16);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
.main-items.grid-thumb .kino-body {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
flex: 1 1 auto;
padding: 8px 10px 10px;
gap: 5px;
background: var(--surface);
}
.main-items.grid-thumb .kino-title {
padding: 0;
margin: 0;
position: static;
width: 100%;
text-align: center;
}
.main-items.grid-thumb .kino-h h2 {
font-size: 13px;
font-weight: 600;
line-height: 1.25;
height: 2.5em;
max-height: 2.5em;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: var(--fg);
text-align: center;
transition: color var(--t-fast) var(--e-out);
}
.main-items.grid-thumb .kino-item:hover .kino-h h2 {
color: var(--accent);
}
.main-items.grid-thumb .kino-info {
position: static;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 2px 0 0 0;
padding: 0;
border: 0 !important;
height: auto;
gap: 0;
}
.main-items.grid-thumb .k-rate {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 0 auto;
line-height: 1;
}
.main-items.grid-thumb .k-rate .rating,
.main-items.grid-thumb .k-rate div[id^="ratig-layer"] {
display: inline-flex !important;
justify-content: center;
margin: 0 auto !important;
}
.main-items.grid-thumb .unit-rating {
margin: 0 auto !important;
}
.main-items.grid-thumb .k-fav,
.main-items.grid-thumb .k-fav-wrap,
.main-items.grid-thumb .kino-date,
.main-items.grid-thumb .kino-text {
display: none !important;
}
@media (max-width: 1180px) and (min-width: 769px) {
.main-items.grid-thumb,
.main-items.grid-thumb > #dle-content { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.grid-select {
display: inline-flex;
gap: 4px;
padding: 4px;
border-radius: var(--r-pill);
background: var(--glass-light);
border: 1px solid var(--glass-border);
}
.grid-select span {
width: 34px; height: 30px;
display: grid; place-items: center;
border-radius: var(--r-pill);
color: var(--fg-dim);
cursor: pointer;
background: none;
transition: all var(--t) var(--e-out);
}
.grid-select span:hover { color: var(--fg); background: rgba(255,255,255,.07); }
.grid-select span.current { color: #fff; background: var(--accent-grad); box-shadow: var(--sh-1); }
.kino-title-full {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 12px;
padding-bottom: 14px;
margin-bottom: 18px;
border-bottom: 1px solid var(--glass-border);
}
.kino-title-full h1.kino-h {
flex: 1 1 320px;
font-size: 30px;
font-weight: 800;
letter-spacing: -0.028em;
line-height: 1.2;
color: var(--fg);
}
.k-rate-full {
display: block !important;
position: static !important;
width: 100% !important;
margin: 14px 0 !important;
padding: 0 !important;
}
.k-rate-full .rating-block {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
gap: 12px 16px !important;
padding: 12px 16px !important;
background: var(--surface) !important;
border: 1px solid var(--glass-border) !important;
border-radius: var(--r-md) !important;
box-shadow: var(--sh-1) !important;
}
.k-rate-full .rating-info {
position: static !important;
display: flex !important;
align-items: center !important;
font-size: 13px !important;
line-height: 1.4 !important;
}
.k-rate-full .rating-info ul {
display: flex !important;
position: static !important;
align-items: center !important;
gap: 16px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
list-style: none !important;
color: var(--fg-muted) !important;
}
.k-rate-full .rating-info li {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
}
.k-rate-full .rating-info b {
color: var(--fg) !important;
font-weight: 700 !important;
}
.k-rate-full .rating {
position: static !important;
display: block !important;
margin: 0 !important;
}
.rating {
width: 105px !important;
height: 21px !important;
position: relative;
display: inline-block;
}
.unit-rating {
list-style: none;
margin: 0 !important;
padding: 0 !important;
width: 105px !important;
height: 21px !important;
position: relative;
background-image: url("../dleimages/rating.svg") !important;
background-repeat: repeat-x !important;
background-position: 0 0 !important;
}
.unit-rating li {
text-indent: -90000px;
padding: 0;
margin: 0;
float: left;
}
.unit-rating li a {
display: block;
width: 21px;
height: 21px;
text-decoration: none;
text-indent: -900px;
z-index: 17;
position: absolute;
padding: 0;
overflow: hidden;
}
.unit-rating li a:hover {
background-image: url("../dleimages/rating.svg") !important;
background-repeat: repeat-x !important;
background-position: 0 -21px !important;
z-index: 2;
left: 0;
}
.unit-rating a.r1-unit { left: 0; }
.unit-rating a.r1-unit:hover { width: 21px; }
.unit-rating a.r2-unit { left: 21px; }
.unit-rating a.r2-unit:hover { width: 42px; }
.unit-rating a.r3-unit { left: 42px; }
.unit-rating a.r3-unit:hover { width: 63px; }
.unit-rating a.r4-unit { left: 63px; }
.unit-rating a.r4-unit:hover { width: 84px; }
.unit-rating a.r5-unit { left: 84px; }
.unit-rating a.r5-unit:hover { width: 105px; }
.unit-rating li.current-rating {
background-image: url("../dleimages/rating.svg") !important;
background-repeat: repeat-x !important;
background-position: 0 -44px !important;
position: absolute;
height: 21px;
display: block;
text-indent: -900px;
overflow: hidden;
z-index: 1;
}
.k-rate,
.k-rate-full {
display: flex;
align-items: center;
}
.k-rate .rating,
.k-rate-full .rating {
display: inline-flex !important;
align-items: center;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
}
.kino-h:before,
.kino-h::before {
display: none !important;
content: none !important;
}
.player-block {
margin: 16px 0 20px;
padding: 0 !important;
background: #000 !important;
border: 1px solid var(--glass-border);
border-radius: var(--r-md);
overflow: hidden;
box-shadow: var(--sh-3);
}
.player-block .player-viewport {
position: relative !important;
width: 100% !important;
background: #000 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.player-block .box.one_box {
padding: 0 !important;
margin: 0 !important;
background: #000 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.player-block .tabs,
.player-block ul.tabs,
.player-block #tab_movie {
display: none !important;
}
.kino-inner-full .kino-text {
float: none;
width: 100%;
padding: 0 0 24px 0;
}
.kino-inner-full > .kino-text > * { margin-left: 0; margin-right: 0; }
.story-poster {
float: left;
margin: 0 20px 14px 0;
max-width: 240px;
}
.story-poster img {
display: block;
width: 100%;
border-radius: var(--r-lg);
box-shadow: var(--sh-3);
}
.kino-h-sub {
padding: 14px 18px;
margin: 22px 0;
border-radius: var(--r-md);
background: var(--glass-light);
border: 1px solid var(--glass-border);
font-size: 15px;
font-weight: 600;
color: var(--fg-muted);
text-align: left;
box-shadow: inset 0 1px 0 var(--glass-hi);
}
.kino-h-sub b { color: var(--fg); }
.apijav-player-container, .player-frame {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
margin-bottom: 20px;
border-radius: var(--r-lg);
border: 1px solid var(--glass-border);
box-shadow: var(--sh-3);
background: #000;
}
.apijav-player-container iframe, .player-frame iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.apijav-loader, .apijav-no-player {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.apijav-loader { color: var(--fg-dim); font-size: 14px; }
.apijav-loader::after {
content: '';
display: block;
width: 26px; height: 26px;
margin: 12px auto 0;
border-radius: 50%;
border: 2.5px solid var(--glass-border);
border-top-color: var(--accent);
animation: fa-spin .9s linear infinite;
}
.click-for-video {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
max-height: none !important;
cursor: pointer;
border-radius: 0 !important;
border: 0 !important;
z-index: 25 !important;
background:
radial-gradient(60% 60% at 50% 50%, rgba(255,47,82,.16), transparent 70%),
var(--surface-2);
box-shadow: var(--sh-2);
overflow: hidden;
margin: 0 !important;
transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s;
}
@keyframes play-pulse {
0%, 100% {
box-shadow: 0 0 0 0 rgba(255, 47, 82, 0.45), var(--sh-glow);
}
50% {
box-shadow: 0 0 0 16px rgba(255, 47, 82, 0), var(--sh-glow);
}
}
.click-for-video::after {
content: '';
position: absolute;
top: 50%; left: 50%;
width: 84px; height: 84px;
margin: -42px 0 0 -42px;
border-radius: 50%;
background: var(--accent-grad) no-repeat center;
box-shadow: var(--sh-glow);
-webkit-mask: none;
mask: none;
animation: play-pulse 2.8s infinite cubic-bezier(0.4, 0, 0.6, 1);
transition: transform var(--t) var(--e-spring), box-shadow var(--t) var(--e-out);
}
.click-for-video::before {
content: '';
position: absolute;
top: 50%; left: 50%;
width: 28px; height: 28px;
margin: -14px 0 0 -10px;
z-index: 2;
background: #fff;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4.5v15l14-7.5z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4.5v15l14-7.5z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
transition: transform var(--t) var(--e-spring);
}
.click-for-video:hover { border-color: var(--glass-hi); box-shadow: var(--sh-3); }
.click-for-video:hover::after {
animation: none;
transform: scale(1.09);
box-shadow: 0 0 36px rgba(255, 47, 82, 0.7), var(--sh-glow);
}
.click-for-video:hover::before { transform: scale(1.09); }
.click-for-video:active::after,
.click-for-video:active::before { transform: scale(0.95); }
.click-for-video.is-loading::after {
animation: facade-spin 0.8s linear infinite !important;
border: 3px solid rgba(255, 255, 255, 0.2) !important;
border-top-color: #fff !important;
background: rgba(255, 47, 82, 0.85) !important;
box-shadow: 0 0 24px rgba(255, 47, 82, 0.6) !important;
}
.click-for-video.is-loading::before {
display: none !important;
}
.click-for-video.is-hidden {
opacity: 0 !important;
pointer-events: none !important;
}
@keyframes facade-spin {
to { transform: rotate(360deg); }
}
.youtube { width: 100%; }
div.youtube { display: block !important; width: 100%; }
div.youtube iframe, div.youtube video, div.youtube embed {
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
border: 0;
border-radius: 0;
}
.RalodePlayer {
background-color: #060911 !important;
border-radius: var(--r-md);
overflow: hidden;
}
.RalodePlayer .rl-buttons {
display: flex !important;
align-items: center;
padding: 10px 14px !important;
background: rgba(12, 18, 30, 0.95) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.RalodePlayer #rl-buttons-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
border-bottom: 0 !important;
}
.RalodePlayer .RlVisor {
border: 0 !important;
}
.RalodePlayer .RlItem {
background: rgba(255, 255, 255, 0.07) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
color: #d1d7e0 !important;
border-radius: 9999px !important;
padding: 6px 14px !important;
font-size: 13px !important;
font-weight: 500 !important;
margin: 2px 6px 2px 0 !important;
line-height: 1.2 !important;
cursor: pointer !important;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.RalodePlayer .RlItem:hover {
background: rgba(255, 255, 255, 0.15) !important;
border-color: rgba(255, 255, 255, 0.3) !important;
color: #fff !important;
transform: translateY(-1px) !important;
}
.RalodePlayer .RlItem:active {
transform: scale(0.96) !important;
}
.RalodePlayer .RlItem.serie-active,
.RalodePlayer.rl-green .serie-active {
background: linear-gradient(135deg, #ff2f52 0%, #ff5277 100%) !important;
color: #fff !important;
border-color: rgba(255, 47, 82, 0.5) !important;
box-shadow: 0 2px 10px rgba(255, 47, 82, 0.4) !important;
font-weight: 600 !important;
}
.RalodePlayer .ButtonLft,
.RalodePlayer.rl-green .ButtonLft {
background: rgba(255, 255, 255, 0.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / 14px !important;
border-radius: 6px !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
transition: background-color 0.2s, border-color 0.2s;
}
.RalodePlayer .ButtonRgh,
.RalodePlayer.rl-green .ButtonRgh {
background: rgba(255, 255, 255, 0.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / 14px !important;
border-radius: 6px !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
transition: background-color 0.2s, border-color 0.2s;
}
.RalodePlayer .ButtonLft:hover,
.RalodePlayer .ButtonRgh:hover {
background-color: rgba(255, 255, 255, 0.18) !important;
border-color: rgba(255, 255, 255, 0.25) !important;
}
#episodes-bar {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
#episodes-bar button {
height: 34px;
padding: 0 15px;
border-radius: var(--r-pill);
font-family: inherit;
font-size: 13px;
font-weight: 700;
color: var(--fg-muted);
background: var(--glass-light);
border: 1px solid var(--glass-border);
cursor: pointer;
transition: all var(--t) var(--e-out);
}
#episodes-bar button:hover { color: var(--fg); border-color: var(--glass-hi); transform: translateY(-1px); }
#episodes-bar button.is-active {
color: #fff;
background: var(--accent-grad);
border-color: transparent;
box-shadow: var(--sh-glow);
}
.tabs {
display: flex;
align-items: center;
gap: 8px;
height: auto;
line-height: normal;
border: 0;
margin-bottom: 14px;
flex-wrap: wrap;
}
.tabs li {
float: none;
height: 38px;
display: inline-flex;
align-items: center;
padding: 0 18px;
border-radius: var(--r-pill);
font-size: 14px;
font-weight: 600;
color: var(--fg-muted);
background: var(--glass-light);
border: 1px solid var(--glass-border);
cursor: pointer;
transition: all var(--t) var(--e-out);
}
.tabs li:hover { color: var(--fg); border-color: var(--glass-hi); }
.tabs li.current {
color: #fff;
background: var(--accent-grad);
border-color: transparent;
box-shadow: var(--sh-glow);
}
.screens { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
.screens img, .screens a {
border-radius: var(--r-sm);
overflow: hidden;
transition: transform var(--t) var(--e-out), box-shadow var(--t) var(--e-out);
}
.screens a:hover { transform: translateY(-3px) scale(1.02); box-shadow: var(--sh-3); z-index: 2; }
.kino-related { margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--glass-border); }
.rel-kino-title, .side-movie-title {
font-size: 13px;
font-weight: 600;
line-height: 1.35;
color: var(--fg-muted);
margin-top: 8px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.rel-kino:hover .rel-kino-title, .side-movie:hover .side-movie-title { color: var(--fg); }
.site-desc {
background: var(--glass);
-webkit-backdrop-filter: blur(var(--blur)) saturate(150%);
backdrop-filter: blur(var(--blur)) saturate(150%);
border: 1px solid var(--glass-border);
border-radius: var(--r-lg);
box-shadow: var(--sh-2), inset 0 1px 0 var(--glass-hi);
padding: 28px;
margin-bottom: 24px;
font-size: 15px;
line-height: 1.7;
}
.site-desc h1 { font-size: 27px; margin-bottom: 16px; }
.site-desc h1 span {
background: var(--accent-grad);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.site-desc h2 {
font-size: 19px;
margin: 26px 0 12px;
padding-top: 20px;
position: relative;
}
.site-desc h2::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 8px;
background: linear-gradient(90deg, var(--accent-soft), transparent 70%);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4l9-3 11 4 10-4 12 3 9-4 13 4 10-3 12 4 9-4 11 3 10-4 12 4 9-3 13 3v2l-13-1 -9 2 -12-3 -10 3 -11-2 -9 3 -12-3 -10 2 -13-3 -9 3 -12-2 -10 3 -11-3 -9 2z' fill='%23000'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4l9-3 11 4 10-4 12 3 9-4 13 4 10-3 12 4 9-4 11 3 10-4 12 4 9-3 13 3v2l-13-1 -9 2 -12-3 -10 3 -11-2 -9 3 -12-3 -10 2 -13-3 -9 3 -12-2 -10 3 -11-3 -9 2z' fill='%23000'/%3E%3C/svg%3E");
-webkit-mask-size: 160px 8px;
mask-size: 160px 8px;
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
}
.site-desc p { margin-bottom: 12px; }
.site-desc strong { color: var(--fg); font-weight: 700; }
.site-desc a { color: var(--accent); }
.site-desc a:hover { color: var(--accent-2); }
.seo-list { margin: 0 0 14px; padding: 0; list-style: none; }
.seo-list li {
position: relative;
padding-left: 22px;
margin-bottom: 7px;
}
.seo-list li::before {
content: '';
position: absolute;
left: 4px; top: .68em;
width: 6px; height: 6px;
border-radius: 50%;
background: var(--accent);
box-shadow: 0 0 10px var(--accent-glow);
}
.seo-chips { margin: 0 0 16px; }
.seo-chips li { list-style: none; }
.age-note {
padding: 12px 16px;
border-radius: var(--r-md);
background: rgba(255,176,32,.08);
border: 1px solid rgba(255,176,32,.24);
color: var(--warn);
font-size: 14px;
}
.faq { display: grid; gap: 8px; margin-bottom: 14px; }
.faq-item {
border-radius: var(--r-md);
border: 1px solid var(--glass-border);
background: var(--glass-light);
overflow: hidden;
transition: border-color var(--t) var(--e-out), background var(--t) var(--e-out);
}
.faq-item[open] { border-color: var(--glass-hi); background: rgba(255,255,255,.06); }
.faq-item summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 13px 16px;
font-weight: 600;
color: var(--fg);
cursor: pointer;
list-style: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
content: '';
flex: none;
width: 18px; height: 18px;
background-color: var(--fg-dim);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 100% no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 100% no-repeat;
transition: transform var(--t) var(--e-spring);
}
.faq-item[open] summary::after { transform: rotate(180deg); }
.faq-item > p { padding: 0 16px 14px; margin: 0; color: var(--fg-muted); }
#kino-page .player-section,
#kino-page .kino-related,
#kino-page .kino-h-sub,
#kino-page .screens,
#kino-page .xf-block { margin-left: 0; margin-right: 0; }
#kino-page .k-rel-box { padding: 0; }
#kino-page #owl-rel { margin: 0; }
.rel-kino { margin: 0 8px; max-width: none; }
.bottom {
background: var(--glass);
-webkit-backdrop-filter: blur(var(--blur)) saturate(150%);
backdrop-filter: blur(var(--blur)) saturate(150%);
border: 1px solid var(--glass-border);
border-radius: var(--r-lg);
padding: 24px;
margin-bottom: 28px;
box-shadow: var(--sh-2);
}
.bot-menu { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 14px; }
.bot-menu li { float: none; }
.pravo-link { font-size: 13px; color: var(--fg-dim); }
.bot-menu .pravo-link,
.bot-menu .pravo-link:hover {
display: inline;
width: auto;
padding: 0;
background: none;
border: 0;
}
.bot-menu .bot-counter { display: inline-flex; align-items: center; }
.bot-menu .bot-counter::before { display: none; }
.bot-menu .bot-counter img { display: block; opacity: .5; transition: opacity var(--t-fast); }
.bot-menu .bot-counter a:hover img { opacity: 1; }
.pravo-link:hover { color: var(--accent); }
input[type="text"], input[type="password"], input[type="email"], input[type="search"],
input[type="url"], input[type="number"], textarea, select {
font-family: inherit;
color: var(--fg);
}
.f-input, input.f-input, textarea.f-input {
background: var(--glass-light);
border: 1px solid var(--glass-border);
border-radius: var(--r-sm);
padding: 10px 14px;
transition: border-color var(--t) var(--e-out), box-shadow var(--t) var(--e-out);
}
.f-input:focus { border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); }
button:not(.color-btn), input[type="submit"], input[type="button"], input[type="reset"] {
font-family: inherit;
font-weight: 600;
border-radius: var(--r-sm);
transition: transform var(--t-fast) var(--e-out), filter var(--t) var(--e-out);
}
input[type="submit"]:hover, input[type="button"]:hover { filter: brightness(1.08); }
input.bbcodes, input[type="submit"].bbcodes, input[type="button"].bbcodes, .ui-button {
background-color: var(--accent) !important;
border-radius: var(--r-sm) !important;
color: #fff;
}
.pagi-nav {
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 6px;
padding: 16px 12px;
margin: 14px 0;
background: transparent !important;
border: 0 !important;
text-align: center;
line-height: normal;
box-shadow: none !important;
}
.pagi-nav > span.pprev,
.pagi-nav > span.pnext,
.pagi-nav > span.navigation {
display: inline-flex !important;
align-items: center;
gap: 6px;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
width: auto !important;
}
.navigation a,
.navigation > span:not(.nav_ext),
.navigation .thisclass,
.pprev a,
.pnext a,
.pprev > span,
.pnext > span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 34px !important;
min-width: 34px !important;
padding: 0 12px !important;
margin: 0 !important;
border-radius: var(--r-pill) !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1 !important;
text-decoration: none !important;
color: var(--fg-muted) !important;
background: var(--surface-2) !important;
-webkit-backdrop-filter: blur(14px) saturate(160%) !important;
backdrop-filter: blur(14px) saturate(160%) !important;
border: 1px solid var(--glass-border) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 var(--glass-hi) !important;
transition: all var(--t-fast) var(--e-out) !important;
cursor: pointer;
box-sizing: border-box !important;
}
.navigation a,
.navigation > span:not(.nav_ext) {
min-width: 34px !important;
padding: 0 9px !important;
}
.pprev a,
.pnext a,
.pprev > span,
.pnext > span {
padding: 0 16px !important;
font-size: 12.5px !important;
}
.navigation a:hover,
.pprev a:hover,
.pnext a:hover {
color: #fff !important;
background: var(--surface-3) !important;
border-color: var(--accent) !important;
box-shadow: 0 4px 14px -2px var(--accent-soft), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
transform: translateY(-1px) !important;
}
.navigation > span:not(.nav_ext),
.navigation .thisclass {
color: #fff !important;
background: var(--accent-grad) !important;
border-color: transparent !important;
box-shadow: var(--sh-glow), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
cursor: default !important;
transform: scale(1.04) !important;
}
.pprev > span:not(a),
.pnext > span:not(a) {
opacity: 0.35 !important;
cursor: not-allowed !important;
pointer-events: none !important;
background: var(--glass-light) !important;
border-color: var(--glass-border) !important;
box-shadow: none !important;
}
.navigation span.nav_ext,
.pagi-nav span.nav_ext {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--fg-dim) !important;
min-width: 18px !important;
padding: 0 2px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
}
.pprev a::before,
.pprev > span::before {
content: '‹ ';
font-weight: 700;
font-size: 15px;
line-height: 1;
}
.pnext a::after,
.pnext > span::after {
content: ' ›';
font-weight: 700;
font-size: 15px;
line-height: 1;
}
.navigation a:active,
.pprev a:active,
.pnext a:active {
transform: scale(0.95) !important;
}
@media (max-width: 600px) {
.pagi-nav {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px 4px !important;
padding: 4px 0 !important;
margin: 4px 0 10px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.pagi-nav > span.pprev {
order: 1 !important;
margin-right: auto !important;
}
.pagi-nav > span.pnext {
order: 2 !important;
margin-left: auto !important;
}
.pagi-nav > span.navigation {
order: 3 !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
box-sizing: border-box !important;
}
.navigation a,
.navigation > span:not(.nav_ext),
.navigation .thisclass {
height: 32px !important;
min-width: 32px !important;
padding: 0 7px !important;
font-size: 12px !important;
}
.pprev a,
.pnext a,
.pprev > span,
.pnext > span {
height: 34px !important;
padding: 0 14px !important;
font-size: 12.5px !important;
font-weight: 600 !important;
}
.navigation span.nav_ext,
.pagi-nav span.nav_ext {
padding: 0 3px !important;
font-size: 11px !important;
}
}
.comment-item, .icomm-item {
border-radius: var(--r-md);
border: 1px solid var(--glass-border);
background: var(--glass-light);
padding: 14px;
margin-bottom: 12px;
transition: border-color var(--t) var(--e-out);
}
.comment-item:hover { border-color: var(--glass-hi); }
@keyframes rise {
from { opacity: 0; transform: translateY(14px); }
to   { opacity: 1; transform: none; }
}
@keyframes fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes shimmer { to { background-position: 200% 0; } }
.js .reveal {
transition: opacity .5s var(--e-out), transform .5s var(--e-out);
}
.js .reveal:not(.is-in) {
opacity: 0;
transform: translateY(14px);
}
.skeleton {
border-radius: var(--r-md);
background: linear-gradient(100deg, var(--surface-2) 8%, var(--surface-3) 20%, var(--surface-2) 33%);
background-size: 200% 100%;
animation: shimmer 1.3s linear infinite;
}
.skeleton-card { aspect-ratio: 2 / 3; }
.load-more-wrap { display: flex; justify-content: center; padding: 24px 0 8px; }
.load-more {
display: inline-flex;
align-items: center;
gap: 10px;
height: 46px;
padding: 0 30px;
border-radius: var(--r-pill);
font-size: 15px;
font-weight: 700;
color: var(--fg);
background: var(--glass-light);
border: 1px solid var(--glass-border);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
cursor: pointer;
transition: all var(--t) var(--e-out);
}
.load-more:hover { color: #fff; background: var(--accent-grad); border-color: transparent; box-shadow: var(--sh-glow); transform: translateY(-2px); }
.load-more[disabled] { opacity: .5; cursor: default; transform: none; }
.load-more.is-busy .fa { animation: fa-spin .9s linear infinite; }
#searchsuggestions,
.qs-drop {
position: absolute;
z-index: 10005;
width: 460px;
max-width: calc(100vw - 20px);
max-height: 72vh;
overflow-y: auto;
overflow-x: hidden;
box-sizing: border-box;
padding: 8px;
border-radius: var(--r-md, 12px);
background: rgba(16, 18, 27, 0.95);
-webkit-backdrop-filter: blur(20px) saturate(180%);
backdrop-filter: blur(20px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.05);
opacity: 1;
transform: none;
pointer-events: auto;
right: auto;
}
#searchsuggestions::-webkit-scrollbar {
width: 5px;
}
#searchsuggestions::-webkit-scrollbar-track {
background: transparent;
}
#searchsuggestions::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2);
border-radius: 4px;
}
#searchsuggestions::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.35);
}
#searchsuggestions > a,
.qs-drop > a,
.qs-item {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 10px;
border-radius: var(--r-sm, 8px);
color: #fff;
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
box-sizing: border-box;
transition: background var(--t-fast) var(--e-out), transform var(--t-fast) var(--e-out);
}
#searchsuggestions > a:last-of-type,
.qs-drop > a:last-of-type {
border-bottom: 0;
}
#searchsuggestions > a:hover,
#searchsuggestions > a:focus,
.qs-drop > a:hover,
.qs-item:hover,
.qs-item.is-cur {
background: rgba(255, 255, 255, 0.08);
color: #fff;
text-decoration: none;
transform: translateX(2px);
}
#searchsuggestions > a:active,
.qs-item:active {
transform: scale(0.99);
}
.qs-thumb {
position: relative;
width: 44px;
height: 60px;
flex: 0 0 44px;
border-radius: var(--r-xs, 6px);
overflow: hidden;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
.qs-thumb img,
.qs-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.qs-content {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 3px;
}
#searchsuggestions .searchheading,
.qs-drop .searchheading,
.qs-item__t {
display: block;
font-size: 13.5px;
font-weight: 600;
line-height: 1.25;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
transition: color var(--t-fast) var(--e-out);
}
#searchsuggestions > a:hover .searchheading,
.qs-drop > a:hover .searchheading,
.qs-item:hover .searchheading {
color: var(--accent);
}
.qs-meta,
.qs-item__m {
display: flex;
align-items: center;
gap: 6px;
font-size: 11.5px;
line-height: 1;
color: var(--fg-dim);
}
.qs-year {
color: rgba(255, 255, 255, 0.7);
font-weight: 500;
}
.qs-dot {
color: rgba(255, 255, 255, 0.3);
font-size: 8px;
}
.qs-cat {
color: var(--accent);
font-weight: 600;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.04em;
background: rgba(255, 59, 131, 0.14);
padding: 2px 6px;
border-radius: 4px;
}
.qs-desc,
#searchsuggestions > a > span:not(.searchheading):not(.seperator):not(.qs-thumb):not(.qs-content) {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 11.5px;
line-height: 1.35;
color: rgba(255, 255, 255, 0.55);
margin-top: 1px;
}
#searchsuggestions .notfound,
.qs-drop .notfound,
.qs-empty {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 18px 16px;
font-size: 13.5px;
color: rgba(255, 255, 255, 0.65);
text-align: center;
}
#searchsuggestions .notfound .fa,
.qs-drop .notfound .fa,
.qs-empty .fa {
font-size: 16px;
color: var(--accent);
}
#searchsuggestions .seperator,
.qs-drop .seperator {
display: block;
margin-top: 4px;
padding-top: 6px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
#searchsuggestions .seperator a,
.qs-drop .seperator a {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 8px 12px;
border-radius: var(--r-sm, 8px);
background: rgba(255, 255, 255, 0.05);
color: #fff;
font-size: 12.5px;
font-weight: 600;
text-decoration: none;
border: 0;
box-sizing: border-box;
transition: all var(--t-fast) var(--e-out);
}
#searchsuggestions .seperator a:hover,
.qs-drop .seperator a:hover {
background: var(--accent);
color: #fff;
text-decoration: none;
box-shadow: 0 4px 14px rgba(255, 59, 131, 0.35);
transform: translateY(-1px);
}
#searchsuggestions .break,
.qs-drop .break {
display: none;
}
.to-top {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 700;
width: 46px; height: 46px;
display: grid; place-items: center;
border-radius: var(--r-pill);
color: var(--fg);
background: var(--glass-strong);
-webkit-backdrop-filter: blur(var(--blur)) saturate(170%);
backdrop-filter: blur(var(--blur)) saturate(170%);
border: 1px solid var(--glass-border);
box-shadow: var(--sh-2);
cursor: pointer;
opacity: 0;
transform: translateY(14px) scale(.9);
pointer-events: none;
transition: all var(--t) var(--e-spring);
}
.to-top.is-on { opacity: 1; transform: none; pointer-events: auto; }
.to-top:hover { color: #fff; background: var(--accent-grad); border-color: transparent; box-shadow: var(--sh-glow); }
.top .show-menu,
.top .show-search,
.mob-toggle { display: none; }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0,0,0); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { transition: none; }
.owl-carousel .owl-item { float: left; }
.screens-c .owl-item { text-align: center; }
.screens-c .owl-item .highslide {
display: block;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
margin: 0 auto;
}
.screens-c .owl-item .highslide img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto !important;
float: none !important;
}
.screens-c.owl-theme .owl-controls {
position: static;
margin-top: 10px;
height: auto;
}
.screens-c .owl-pagination { top: 0; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.grabbing { cursor: url(../images/grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.owl-origin { -webkit-perspective: 1200px; perspective: 1200px; }
.owl-fade-out { z-index: 10; animation: fadeOut .7s both ease; }
.owl-fade-in  { animation: fadeIn .7s both ease; }
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fadeIn  { 0% { opacity: 0; } 100% { opacity: 1; } }
.owl-buttons div {
position: absolute;
width: 40px; height: 40px;
display: grid; place-items: center;
border-radius: var(--r-pill);
color: var(--fg);
background: var(--glass-strong);
-webkit-backdrop-filter: blur(14px) saturate(170%);
backdrop-filter: blur(14px) saturate(170%);
border: 1px solid var(--glass-border);
box-shadow: var(--sh-2);
z-index: 30;
opacity: 0;
transition: all var(--t) var(--e-out);
}
.carousel-wr:hover .owl-buttons div,
.k-rel-box:hover .owl-buttons div { opacity: 1; }
.owl-buttons div:hover { color: #fff; background: var(--accent-grad); border-color: transparent; box-shadow: var(--sh-glow); }
.carousel-wr .owl-buttons .owl-prev { left: 8px; }
.carousel-wr .owl-buttons .owl-next { right: 8px; }
.k-rel-box .owl-theme .owl-controls { pointer-events: none; }
.k-rel-box .owl-buttons div {
position: relative;
pointer-events: auto;
top: auto;
margin: 0 3px;
opacity: 1;
border-radius: var(--r-pill) !important;
}
.k-rel-box .owl-prev, .k-rel-box .owl-next { left: auto; right: auto; padding: 0; }
.carousel-wr {
position: relative;
height: auto;
margin-bottom: 18px;
padding: 10px;
border-radius: var(--r-lg);
background: var(--glass);
-webkit-backdrop-filter: blur(var(--blur)) saturate(150%);
backdrop-filter: blur(var(--blur)) saturate(150%);
border: 1px solid var(--glass-border);
box-shadow: var(--sh-2), inset 0 1px 0 var(--glass-hi);
overflow: hidden;
}
.carou {
position: relative;
display: block;
height: 270px;
max-width: none;
border-radius: var(--r-md);
overflow: hidden;
background: var(--surface-2);
}
.carou img {
display: block;
width: 100%;
height: 100%;
min-height: 0;
object-fit: cover;
}
#owl-carou:not(.owl-carousel) {
height: 270px;
overflow: hidden;
}
#owl-carou:not(.owl-carousel) > .carou {
visibility: hidden;
}
.carousel-wr .owl-theme .owl-controls {
top: 0;
bottom: 0;
height: auto;
pointer-events: none;
}
.carousel-wr .owl-buttons div {
pointer-events: auto;
top: 50%;
margin-top: -20px;
}
@media (max-width: 1280px) {
.center { max-width: 1100px; }
}
@media (max-width: 1024px) {
.wr { padding-top: 80px; }
.kino-title-full h1.kino-h { font-size: 25px; }
}
@media screen and (max-width: 768px), screen and (max-width: 480px) {
.center { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 8px !important; padding-right: 8px !important; box-sizing: border-box !important; }
.wr { padding-top: 68px; }
.cols, #cols { padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
.col-side { display: none !important; }
.col-cont { border-radius: var(--r-md); margin: 0 !important; width: 100% !important; float: none !important; padding: 8px 4px !important; box-sizing: border-box !important; }
.top {
padding: 6px 0;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
height: auto;
}
.logo { position: static; width: auto; height: 40px; margin-right: auto; }
.top .show-menu,
.top .show-search {
display: inline-flex;
align-items: center;
justify-content: center;
position: static;
order: 2;
width: 38px;
height: 38px;
padding: 0;
flex: none;
font-size: 0;
line-height: 0;
color: var(--fg-muted);
background: var(--glass-light);
border: 1px solid var(--glass-border);
border-radius: var(--r-pill);
cursor: pointer;
transition: color var(--t-fast) var(--e-out), background var(--t) var(--e-out),
border-color var(--t) var(--e-out);
}
.top .show-menu .fa,
.top .show-search .fa { font-size: 17px; }
.top .show-menu:hover,
.top .show-search:hover,
.top .show-menu[aria-expanded="true"],
.top .show-search[aria-expanded="true"] {
color: #fff;
background: var(--accent-grad);
border-color: transparent;
}
.log-buts {
position: static;
order: 3;
margin-left: 0;
display: flex;
gap: 6px;
line-height: normal;
}
.log-buts a { float: none; margin: 0; }
.log-buts a span { display: none; }
.log-buts a { padding: 0; width: 38px; height: 38px; justify-content: center; }
.search-wrap {
flex: 1 1 100%;
order: 4;
position: static;
width: 100%;
padding: 0;
margin-top: 6px;
background: none;
}
#searchsuggestions {
width: calc(100vw - 24px) !important;
left: 12px !important;
max-width: none !important;
}
.main-items.grid-thumb,
.main-items.grid-thumb > #dle-content {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
grid-template-columns: repeat(2, minmax(0, calc((100% - 12px) / 2)));
gap: 22px 12px;
overflow: hidden;
}
.main-items.grid-thumb .kino-item {
width: 100% !important;
max-width: 100% !important;
overflow: hidden;
}
.main-items.grid-thumb .kino-img,
.main-items.grid-thumb .kino-img img {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.main-items.grid-thumb .kino-title,
.main-items.grid-thumb .kino-inner { min-width: 0 !important; }
.main-items.grid-thumb > #dle-content > *:not(.kino-item):not(.search-page):not(script):not(style) {
min-width: 0 !important;
max-width: 100% !important;
overflow-x: auto;
justify-content: flex-start !important;
scrollbar-width: thin;
}
.kino-title-full h1.kino-h { font-size: 21px; }
.kino-lines .k-label { min-width: 100%; }
.chips { gap: 6px; }
.to-top { right: 14px; bottom: 14px; width: 42px; height: 42px; }
.bottom { padding: 18px; }
.first-menu, .second-menu {
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 6px;
scroll-snap-type: x proximity;
}
.first-menu::-webkit-scrollbar, .second-menu::-webkit-scrollbar { height: 3px; }
.mob-dropdown {
width: 100% !important;
background: rgba(22, 22, 22, 0.98) !important;
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.7) !important;
z-index: 999 !important;
box-sizing: border-box !important;
}
.mob-dropdown__inner {
padding: 16px 14px !important;
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
box-sizing: border-box !important;
}
.mob-nav-title {
font-size: 11px !important;
font-weight: 700 !important;
color: var(--fg-dim, #888) !important;
text-transform: uppercase !important;
letter-spacing: 0.8px !important;
margin-bottom: 10px !important;
}
.mob-nav-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 8px !important;
}
.mob-nav-list li a {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 10px 14px !important;
background: rgba(255, 255, 255, 0.05) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: var(--r-md, 10px) !important;
color: var(--fg, #eee) !important;
font-size: 13.5px !important;
font-weight: 600 !important;
transition: all 0.2s ease !important;
text-decoration: none !important;
box-sizing: border-box !important;
}
.mob-nav-list li a i {
color: var(--accent, #ff2a5f) !important;
font-size: 14px !important;
width: 16px !important;
text-align: center !important;
}
.mob-nav-list li a:hover,
.mob-nav-list li a:active {
background: rgba(255, 255, 255, 0.12) !important;
color: #fff !important;
border-color: rgba(255, 255, 255, 0.2) !important;
}
.mob-nav-chips {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
.mob-nav-chips li a {
display: inline-flex !important;
align-items: center !important;
padding: 8px 16px !important;
background: rgba(255, 255, 255, 0.05) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: var(--r-pill, 999px) !important;
color: var(--fg-muted, #ccc) !important;
font-size: 13px !important;
font-weight: 600 !important;
transition: all 0.2s ease !important;
text-decoration: none !important;
}
.mob-nav-chips li a:hover,
.mob-nav-chips li a:active {
background: var(--accent-grad, linear-gradient(135deg, #ff2a5f, #ce1025)) !important;
color: #fff !important;
border-color: transparent !important;
box-shadow: 0 4px 12px rgba(206, 16, 37, 0.4) !important;
}
}
@media (max-width: 480px) {
body { font-size: 14.5px; }
.center { padding: 0 4px !important; }
.col-cont { padding: 6px 4px !important; }
.main-items.grid-thumb,
.main-items.grid-thumb > #dle-content { grid-template-columns: repeat(2, minmax(0, calc((100% - 12px) / 2))); }
.grid-thumb { padding: 12px; }
.kino-item { padding: 14px; margin: 0; }
}
@media (max-width: 420px) {
.main-items.grid-thumb,
.main-items.grid-thumb > #dle-content {
grid-template-columns: minmax(0, 1fr);
}
.main-items.grid-thumb .kino-item {
max-width: 280px !important;
margin-left: auto;
margin-right: auto;
}
}
@media print {
.top-wr, .col-side, .bottom, .to-top, .owl-buttons, .k-link, .tabs { display: none !important; }
body { background: #fff; color: #000; }
body::before, body::after { display: none; }
}
.second-menu li a.is-offer,
.main-menu li a.is-offer {
color: var(--accent);
background: var(--accent-soft);
border-color: var(--accent);
}
.second-menu li a.is-offer:hover,
.main-menu li a.is-offer:hover {
color: #fff;
background: var(--accent-grad);
border-color: transparent;
box-shadow: var(--sh-glow);
}
.first-menu li a .fa,
.second-menu li a .fa {
font-size: .92em;
opacity: .75;
transition: opacity var(--t) var(--e-out);
}
.first-menu li a:hover .fa,
.second-menu li a:hover .fa,
.first-menu li a.active .fa,
.second-menu li a.active .fa { opacity: 1; }
.list-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
margin: 0 0 18px;
padding: 10px 16px;
border-radius: var(--r-lg, 12px);
background: var(--surface-2, rgba(43, 43, 43, 0.6));
border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.08));
}
.view-switch {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 4px;
border-radius: var(--r-pill, 999px);
background: rgba(0, 0, 0, 0.35);
border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.08));
}
button.view-switch__btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 30px;
margin: 0;
padding: 0;
border: 0;
border-radius: var(--r-pill, 999px);
background: none;
color: var(--fg-dim, #888);
font-size: 14px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
transition: background var(--t) var(--e-out), color var(--t) var(--e-out), box-shadow var(--t) var(--e-out);
}
button.view-switch__btn:hover {
color: var(--fg, #fff);
background: rgba(255, 255, 255, .08);
}
button.view-switch__btn.is-active {
color: #fff !important;
background: var(--accent-grad, linear-gradient(135deg, #ff2a5f, #ce1025)) !important;
box-shadow: 0 2px 10px rgba(206, 16, 37, 0.45) !important;
}
.sort-box {
display: inline-flex;
align-items: center;
gap: 10px;
margin-left: auto;
}
.sort-box__label {
font-size: 13px;
font-weight: 500;
color: var(--fg-dim, #888);
}
.sort-box__select {
height: 34px;
padding: 0 32px 0 14px;
border-radius: var(--r-pill, 999px);
border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.12));
background: rgba(0, 0, 0, 0.35)
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%23ff2a5f'/%3E%3C/svg%3E")
no-repeat right 10px center / 16px 16px;
color: var(--fg, #eee);
font: inherit;
font-size: 13px;
font-weight: 600;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
transition: border-color var(--t) var(--e-out), box-shadow var(--t) var(--e-out);
}
.sort-box__select:hover,
.sort-box__select:focus {
border-color: var(--accent, #ce1025);
box-shadow: 0 0 10px rgba(206, 16, 37, 0.3);
outline: none;
}
.sort-box__select option {
background: #232323;
color: #eee;
padding: 6px 10px;
}
.sorting {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 12px 18px !important;
margin: 0 0 16px 0 !important;
border-bottom: 1px solid var(--glass-border) !important;
flex-wrap: wrap !important;
gap: 12px !important;
}
.sorting-menu {
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.grid-select {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
position: static !important;
float: none !important;
margin-left: auto !important;
}
.grid-select span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 32px !important;
border-radius: var(--r-md, 8px) !important;
background: var(--glass-light, rgba(255,255,255,0.05)) !important;
border: 1px solid var(--glass-border, rgba(255,255,255,0.1)) !important;
color: var(--fg-muted) !important;
cursor: pointer !important;
float: none !important;
margin: 0 !important;
font-size: 14px !important;
transition: all 0.2s ease !important;
}
.grid-select span:hover {
color: var(--fg) !important;
background: rgba(255, 255, 255, 0.12) !important;
}
.grid-select span.current {
color: #fff !important;
background: var(--accent-grad) !important;
border-color: transparent !important;
box-shadow: var(--sh-glow) !important;
}
.main-items.list-view,
.main-items.grid-list,
.grid-list {
display: block !important;
padding: 0 !important;
}
.main-items.list-view .kino-item,
.main-items.grid-list .kino-item,
.grid-list .kino-item {
width: auto !important;
float: none !important;
margin: 0 0 14px !important;
padding: 16px !important;
border-radius: var(--r-md) !important;
border: 1px solid var(--glass-border);
background: var(--surface);
box-shadow: var(--sh-2);
transition: border-color var(--t) var(--e-out), transform var(--t) var(--e-out);
}
.main-items.list-view .kino-item:hover {
border-color: var(--glass-hi);
transform: translateY(-2px);
}
.main-items.list-view .kino-body,
.main-items.list-view .kino-text,
.main-items.list-view .kino-date { display: block; }
.main-items.list-view .kino-inner {
display: flex;
align-items: flex-start;
gap: 18px;
}
.main-items.list-view .kino-img {
flex: 0 0 170px;
width: 170px;
border-radius: var(--r-sm);
overflow: hidden;
position: relative;
border: 1px solid var(--glass-border);
}
.main-items.list-view .kino-img img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 2 / 3;
object-fit: cover;
}
.main-items.list-view .kino-body {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.main-items.list-view .kino-title {
margin: 0;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.main-items.list-view .kino-title h2 {
font-size: 18px;
line-height: 1.3;
margin: 0;
height: auto;
}
.main-items.list-view .kino-info {
display: flex;
align-items: center;
gap: 12px;
position: static;
margin: 2px 0 6px;
}
.main-items.list-view .k-rate {
display: inline-flex;
align-items: center;
line-height: 1;
}
.main-items.list-view .k-rate .rating {
display: block !important;
margin: 0;
}
.main-items.list-view .k-fav {
display: inline-flex;
align-items: center;
}
.main-items.list-view .kino-date {
margin-bottom: 6px;
font-size: 12px;
color: var(--fg-dim);
}
.main-items.list-view .kino-lines {
margin: 8px 0 10px;
padding: 0;
list-style: none;
font-size: 13px;
line-height: 1.5;
}
.main-items.list-view .kino-lines li {
display: flex;
align-items: baseline;
gap: 8px;
margin-bottom: 3px;
}
.main-items.list-view .kino-lines .k-label { flex: none; min-width: 120px; color: var(--fg-dim); }
.main-items.list-view .kino-lines strong { font-weight: 600; }
.main-items.list-view .kino-desc {
margin-bottom: 8px;
font-size: 13.5px;
line-height: 1.55;
color: var(--fg-muted);
}
.main-items.list-view .k-link {
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 16px;
border-radius: var(--r-sm);
background: var(--accent);
color: #fff;
font-size: 13px;
font-weight: 600;
text-decoration: none;
border: 0;
margin-top: 8px;
position: static;
transition: background var(--t) var(--e-out), transform var(--t) var(--e-spring);
}
.main-items.list-view .k-link:hover {
background: var(--accent-2);
color: #fff;
transform: translateY(-1px);
}
.main-items.list-view .k-link:active {
transform: scale(0.97);
}
.hs-pager {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin: 16px 0 4px;
}
.hs-pager .chip[disabled] { opacity: .4; cursor: default; }
.hs-pager__gap { color: var(--fg-dim); padding: 0 2px; }
@media (max-width: 768px) {
.view-switch {
display: none !important;
}
.list-toolbar {
justify-content: flex-end !important;
margin-bottom: 6px !important;
}
.grid-thumb,
.main-items.grid-thumb {
padding-top: 0 !important;
}
#dle-content > .pagi-nav:first-of-type,
.main-items > .pagi-nav:first-of-type {
margin: 2px 0 10px !important;
padding: 2px 0 !important;
}
.sort-box {
margin-left: auto !important;
}
.sort-box__label {
display: none !important;
}
.main-items.list-view {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
gap: 16px 12px !important;
}
.main-items.list-view .kino-item {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}
.main-items.list-view .kino-inner {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
gap: 8px !important;
}
.main-items.list-view .kino-img {
width: 100% !important;
aspect-ratio: 2 / 3 !important;
height: auto !important;
}
.main-items.list-view .kino-desc,
.main-items.list-view .kino-lines,
.main-items.list-view .k-link {
display: none !important;
}
.main-items.list-view .kino-text {
display: flex !important;
flex-direction: column !important;
}
}
html::before {
content: '';
position: fixed;
inset: 0;
z-index: -3;
filter: grayscale(.4) brightness(.5) saturate(.8);
opacity: .55;
-webkit-mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.75) 42%, transparent 88%);
mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.75) 42%, transparent 88%);
pointer-events: none;
}
@media (max-width: 900px) {
html::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
html::before { background-attachment: scroll; }
}
div[class*="_main_outstream"],
div[id*="outstream"],
div[class*="outstream"],
div[class*="exo_outstream"],
div[class*="_effect_exo"] {
position: fixed !important;
right: 20px !important;
bottom: 20px !important;
left: auto !important;
top: auto !important;
width: auto !important;
max-width: 400px !important;
z-index: 999999 !important;
}
div[class*="_effect_exo_wrapper"] {
max-width: 100% !important;
}
.hs-jump__row {
display: block;
margin-bottom: 12px;
}
.hs-jump__row:last-child { margin-bottom: 0; }
.hs-jump__label {
display: block;
margin-bottom: 5px;
font-size: 12px;
letter-spacing: .02em;
color: var(--fg-dim, #9aa0a6);
}
select.hs-jump {
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
padding: 8px 30px 8px 11px;
font: inherit;
font-size: 13px;
line-height: 1.3;
color: var(--fg, #e8eaed);
background-color: var(--glass, rgba(255, 255, 255, .04));
border: 1px solid var(--glass-border, rgba(255, 255, 255, .1));
border-radius: 8px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239aa0a6'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 8px center;
background-size: 16px 16px;
}
select.hs-jump:hover { border-color: var(--accent, #ff2a5f); }
select.hs-jump:focus {
outline: none;
border-color: var(--accent, #ff2a5f);
}
select.hs-jump option { color: #e8eaed; background: #232323; }
div[class*="exo-video-slider-container-wrapper"],
div[id*="exo-video-slider-content"] > .exo_wrapper {
position: fixed !important;
right: 20px !important;
bottom: 20px !important;
top: auto !important;
left: auto !important;
width: auto !important;
max-width: 360px !important;
z-index: 999998 !important;
}
div[class*="exo-video-slider-container-wrapper"] .exo_close {
z-index: 1 !important;
}
@media (max-width: 1000px) {
div[class*="exo-video-slider-container-wrapper"] {
position: static !important;
max-width: 100% !important;
}
}
.main-items.grid-thumb > #dle-content > .search-page,
.main-items > #dle-content > .search-page,
.search-page,
#dle-content > .search-page {
grid-column: 1 / -1 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
margin-bottom: 24px;
}
.search-page-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 20px;
flex-wrap: wrap;
}
.search-page-title {
font-size: 24px;
font-weight: 800;
letter-spacing: -0.02em;
color: #fff;
margin: 0;
display: flex;
align-items: center;
gap: 10px;
}
.search-page-title .fa {
color: var(--accent);
font-size: 20px;
}
.search-mode-nav {
display: flex;
align-items: center;
gap: 6px;
background: rgba(255, 255, 255, 0.05);
padding: 4px;
border-radius: var(--r-pill, 9999px);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.search-mode-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
border-radius: var(--r-pill, 9999px);
font-size: 13px;
font-weight: 600;
color: var(--fg-dim);
text-decoration: none;
transition: all var(--t-fast) var(--e-out);
}
.search-mode-btn:hover {
color: #fff;
text-decoration: none;
}
.search-mode-btn.is-active {
color: #fff;
background: var(--accent-grad);
box-shadow: var(--sh-glow);
}
.search-simple-card {
background: rgba(16, 18, 27, 0.85);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--r-md, 12px);
padding: 18px 20px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}
.search-simple-row {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.search-input-wrap {
position: relative;
width: 100%;
}
.search-simple-row .search-input-wrap {
flex: 1 1 300px;
width: auto;
}
.search-input-icon {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
color: var(--fg-dim);
font-size: 15px;
pointer-events: none;
}
.search-main-input {
width: 100% !important;
box-sizing: border-box;
height: 46px;
line-height: 46px;
padding: 0 16px 0 42px !important;
background: rgba(255, 255, 255, 0.06) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
border-radius: 10px !important;
color: #fff !important;
font-family: inherit;
font-size: 14.5px !important;
transition: all var(--t-fast) var(--e-out);
}
.search-main-input:focus {
outline: none;
border-color: var(--accent) !important;
background: rgba(255, 255, 255, 0.09) !important;
box-shadow: 0 0 0 3px var(--accent-soft) !important;
}
.search-main-input::placeholder {
color: var(--fg-dim);
}
.search-simple-actions {
display: flex;
align-items: center;
gap: 10px;
flex: none;
}
.search-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
height: 46px;
padding: 0 20px;
border-radius: 10px;
font-family: inherit;
font-size: 14px;
font-weight: 600;
border: 0;
cursor: pointer;
transition: all var(--t-fast) var(--e-out);
white-space: nowrap;
}
.search-btn:active {
transform: scale(0.97);
}
.search-btn-primary {
background: var(--accent-grad);
color: #fff;
box-shadow: 0 4px 16px rgba(255, 59, 131, 0.35);
}
.search-btn-primary:hover {
filter: brightness(1.1);
box-shadow: 0 6px 22px rgba(255, 59, 131, 0.5);
}
.search-btn-secondary {
background: rgba(255, 255, 255, 0.08);
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.12);
}
.search-btn-secondary:hover {
background: rgba(255, 255, 255, 0.14);
border-color: rgba(255, 255, 255, 0.22);
}
.search-btn-ghost {
background: transparent;
color: var(--fg-dim);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.search-btn-ghost:hover {
color: #fff;
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.16);
}
.search-adv-container {
background: rgba(16, 18, 27, 0.85);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--r-md, 12px);
padding: 22px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}
.search-adv-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.search-adv-card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.07);
border-radius: 10px;
padding: 16px 18px;
display: flex;
flex-direction: column;
gap: 12px;
}
.search-adv-card-full {
grid-column: 1 / -1;
}
.search-card-title {
font-size: 13.5px;
font-weight: 700;
color: #fff;
display: flex;
align-items: center;
gap: 8px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.search-card-title .fa {
color: var(--accent);
font-size: 14px;
}
.search-card-title-sub {
margin-top: 6px;
border-bottom: 0;
padding-bottom: 0;
font-size: 12.5px;
color: var(--fg-muted);
}
.search-field {
display: flex;
flex-direction: column;
gap: 6px;
}
.search-field label {
font-size: 12.5px;
font-weight: 600;
color: var(--fg-dim);
}
.search-inline-field {
flex-direction: row;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
#searchtable select,
#searchtable select.search-select,
.search-select {
height: 40px;
padding: 0 12px;
border-radius: 8px;
background: #181b26 !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
color: #fff !important;
font-size: 13px;
font-family: inherit;
cursor: pointer;
box-sizing: border-box;
transition: border-color 0.15s ease;
}
.search-select:focus {
outline: none;
border-color: var(--accent);
}
.search-select option {
background: #181b26;
color: #fff;
}
.search-input-sm {
width: 76px !important;
height: 40px !important;
line-height: 40px !important;
padding: 0 10px !important;
text-align: center;
}
.search-unit {
font-size: 12.5px;
color: var(--fg-dim);
}
.search-checkbox-wrap {
margin-top: 4px;
font-size: 12.5px;
color: var(--fg-muted);
display: flex;
align-items: center;
gap: 6px;
}
.search-checkbox-wrap input[type="checkbox"],
.search-radio-group input[type="radio"] {
accent-color: var(--accent);
cursor: pointer;
}
.search-radio-group {
flex-direction: row;
gap: 16px;
align-items: center;
}
.search-radio-label {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
color: #fff;
cursor: pointer;
}
.search-cats-field select.catlist,
.search-cats-field select[multiple] {
width: 100% !important;
height: 140px;
padding: 8px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
color: #fff;
font-size: 13px;
font-family: inherit;
box-sizing: border-box;
}
.search-cats-field select.catlist option {
padding: 4px 8px;
border-radius: 4px;
background: transparent;
color: #e0e0e0;
}
.search-cats-field select.catlist option:checked {
background: var(--accent);
color: #fff;
}
.search-adv-actions {
display: flex;
align-items: center;
gap: 12px;
margin-top: 20px;
padding-top: 18px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
flex-wrap: wrap;
}
.search-info-alert,
.search-page .berrors {
grid-column: 1 / -1 !important;
margin: 18px 0 0;
display: flex;
align-items: center;
gap: 12px;
padding: 13px 18px;
border-radius: 10px;
background: rgba(255, 59, 131, 0.1);
border: 1px solid rgba(255, 59, 131, 0.25);
color: #fff;
font-size: 13.5px;
box-sizing: border-box;
}
.search-alert-icon {
color: var(--accent);
font-size: 18px;
flex: none;
}
.search-alert-text b,
.search-page .berrors b {
color: #fff;
}
@media (max-width: 768px) {
.search-adv-grid {
grid-template-columns: 1fr;
}
.search-simple-row {
flex-direction: column;
align-items: stretch;
}
.search-simple-actions {
width: 100%;
}
.search-simple-actions .search-btn {
flex: 1;
}
.search-adv-actions {
flex-direction: column;
align-items: stretch;
}
.search-adv-actions .search-btn {
width: 100%;
}
}
.carousel-wr .owl-theme .owl-controls .owl-buttons div {
width: 46px;
height: 46px;
opacity: 1;
overflow: hidden;
color: #fff;
background: rgba(255, 255, 255, .10);
border: 1px solid rgba(255, 255, 255, .22);
border-radius: 50% !important;
-webkit-backdrop-filter: blur(18px) saturate(190%);
backdrop-filter: blur(18px) saturate(190%);
box-shadow:
inset 0 1px 1px rgba(255, 255, 255, .38),
inset 0 -1px 2px rgba(0, 0, 0, .28),
0 6px 18px -6px rgba(0, 0, 0, .55);
margin-top: -23px;
transition:
background var(--t-fast) var(--e-out),
border-color var(--t-fast) var(--e-out),
transform var(--t-fast) var(--e-out);
}
.carousel-wr .owl-theme .owl-controls .owl-buttons div::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
background: linear-gradient(145deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.06) 42%, rgba(255,255,255,0) 62%);
}
.carousel-wr .owl-theme .owl-controls .owl-buttons div .fa {
position: relative;
z-index: 1;
font-size: 15px;
text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}
.carousel-wr .owl-theme .owl-controls .owl-buttons div:hover {
background: rgba(255, 255, 255, .18);
border-color: rgba(255, 255, 255, .38);
box-shadow:
inset 0 1px 1px rgba(255, 255, 255, .48),
inset 0 -1px 2px rgba(0, 0, 0, .28),
var(--sh-glow);
transform: scale(1.06);
}
.carousel-wr .owl-theme .owl-controls .owl-buttons div:active { transform: scale(.97); }
.carousel-wr:hover .owl-buttons div { opacity: 1; }
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
.carousel-wr .owl-theme .owl-controls .owl-buttons div { background: rgba(40, 40, 40, .82); }
}
.tg-float {
position: fixed;
right: 22px;
bottom: 80px;
z-index: 700;
width: 46px;
height: 46px;
display: grid;
place-items: center;
color: #fff;
background: #0088cc;
border: 1px solid rgba(255, 255, 255, .18);
border-radius: var(--r-pill);
box-shadow: var(--sh-2);
transition: transform var(--t-fast) var(--e-out), box-shadow var(--t-fast) var(--e-out);
}
.tg-float svg { position: relative; z-index: 1; }
.tg-float:hover {
color: #fff;
transform: scale(1.07);
box-shadow: 0 8px 26px -8px rgba(0, 136, 204, .85);
}
.tg-float:active { transform: scale(.96); }
.tg-float::before {
content: "";
position: absolute;
inset: -14px;
border: 1px solid #0088cc;
border-radius: 50%;
opacity: 0;
pointer-events: none;
animation: tg-wave 2.4s linear infinite;
}
@keyframes tg-wave {
0%   { transform: scale(.62); opacity: 0; }
35%  { opacity: .8; }
100% { transform: scale(1); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
.tg-float::before { animation: none; }
}
@media (max-width: 480px) {
.tg-float { width: 42px; height: 42px; bottom: 74px; right: 16px; }
}
.tg-cta {
display: flex;
align-items: center;
gap: 12px;
margin: 18px 0;
padding: 13px 18px;
color: var(--fg);
background: linear-gradient(115deg, rgba(0, 136, 204, .22) 0%, var(--glass) 62%);
border: 1px solid var(--glass-border);
border-color: rgba(41, 135, 200, .38);
border-radius: var(--r-md);
-webkit-backdrop-filter: blur(var(--blur));
backdrop-filter: blur(var(--blur));
transition: border-color var(--t-fast) var(--e-out), transform var(--t-fast) var(--e-out);
}
.tg-cta:hover {
color: var(--fg);
border-color: #0088cc;
transform: translateY(-1px);
}
.tg-cta svg { flex: none; color: #29a7e3; }
.tg-cta__text {
font-size: 15px;
font-weight: 700;
line-height: 1.2;
}
.tg-cta__hint {
margin-left: auto;
font-size: 12.5px;
color: var(--fg-dim);
}
@media (max-width: 560px) {
.tg-cta { flex-wrap: wrap; }
.tg-cta__hint { margin-left: 0; width: 100%; }
}
.xf-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
margin: 8px 0 0;
}
.xf-row > .xf-chips { display: contents; }
.xf-row > .xf-chips[hidden] { display: none; }
.xf-row > .gf__add { margin-left: 2px; }
.kino-lines .k-line--chips {
align-items: center;
gap: 8px;
}
.kino-lines .k-line--chips .xf-chips {
display: inline-flex;
flex-wrap: wrap;
gap: 4px;
margin: 0;
padding: 0;
}
.kino-lines .k-line--chips .xf-chips a {
display: inline-flex;
align-items: center;
height: 22px;
padding: 0 8px;
border-radius: var(--r-sm);
font-size: 11px;
font-weight: 500;
line-height: 1;
color: var(--fg-muted) !important;
background: rgba(255, 255, 255, 0.05) !important;
border: 1px solid var(--glass-border) !important;
border-bottom: 1px solid var(--glass-border) !important;
box-shadow: none !important;
text-decoration: none !important;
transition: background var(--t-fast) var(--e-out), border-color var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out), transform var(--t-fast) var(--e-spring);
}
.kino-lines .k-line--chips .xf-chips a:hover {
background: rgba(255, 255, 255, 0.12) !important;
border-color: rgba(255, 255, 255, 0.25) !important;
border-bottom-color: rgba(255, 255, 255, 0.25) !important;
color: #fff !important;
transform: translateY(-1px);
}
.kino-lines .k-line--chips .xf-chips a:active {
transform: scale(0.97);
}
.xf-block { margin: 14px 0; }
.xf-block__title { margin-bottom: 6px; }
.xf-chips { margin: 8px 0; }
@media (max-width: 560px) {
.kino-lines li {
grid-template-columns: minmax(0, 1fr);
gap: 0;
}
}
.kino-desc.full-text {
display: grid;
grid-template-columns: 240px minmax(0, 1fr);
gap: 0 20px;
align-items: start;
}
.kino-desc.full-text > .story-poster {
grid-column: 1;
grid-row: 1 / span 99;
float: none;
margin: 0;
max-width: 100%;
}
.kino-desc.full-text > *:not(.story-poster) {
grid-column: 2;
min-width: 0;
}
.kino-desc.full-text:not(:has(> .story-poster)) {
grid-template-columns: minmax(0, 1fr);
}
.kino-desc.full-text:not(:has(> .story-poster)) > * { grid-column: 1; }
@media (max-width: 560px) {
.kino-desc.full-text {
grid-template-columns: minmax(0, 1fr);
}
.kino-desc.full-text > .story-poster {
grid-row: auto;
margin-bottom: 14px;
}
.kino-desc.full-text > *:not(.story-poster) { grid-column: 1; }
}
.geo-lock {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
min-height: 220px;
margin: 0 0 16px;
padding: 22px 24px;
color: var(--fg);
background: var(--glass);
border: 1px solid var(--glass-border);
border-radius: var(--r-lg);
-webkit-backdrop-filter: blur(var(--blur));
backdrop-filter: blur(var(--blur));
}
.geo-lock__ico {
flex: none;
display: grid;
place-items: center;
width: 46px;
height: 46px;
color: var(--warn);
background: var(--glass-light);
border: 1px solid var(--glass-border);
border-radius: var(--r-pill);
}
.geo-lock__ico .fa { font-size: 20px; }
.geo-lock__body { flex: 1 1 260px; min-width: 0; }
.geo-lock__title {
margin-bottom: 5px;
font-size: 16px;
font-weight: 700;
line-height: 1.25;
}
.geo-lock__text {
margin: 0;
font-size: 13.5px;
line-height: 1.5;
color: var(--fg-dim);
}
.geo-lock__btn {
flex: none;
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
color: #fff;
background: var(--accent);
border-radius: var(--r-pill);
transition: filter var(--t-fast) var(--e-out);
}
.geo-lock__btn:hover { color: #fff; filter: brightness(1.1); }
@media (max-width: 560px) {
.geo-lock { padding: 18px; }
.geo-lock__btn { width: 100%; text-align: center; }
}
.log-buts a .fa {
position: static;
top: auto;
}
@media (max-width: 767px) {
.story-poster img {
float: none;
display: block;
margin: 0 auto 10px;
}
}
#owl-carou:not(.owl-carousel) > .carou:first-child {
visibility: visible;
}
#owl-carou:not(.owl-carousel) > .carou:first-child { width: 50%; }
@media (min-width: 470px)  { #owl-carou:not(.owl-carousel) > .carou:first-child { width: 33.3333%; } }
@media (min-width: 590px)  { #owl-carou:not(.owl-carousel) > .carou:first-child { width: 25%; } }
@media (min-width: 760px)  { #owl-carou:not(.owl-carousel) > .carou:first-child { width: 20%; } }
@media (min-width: 950px)  { #owl-carou:not(.owl-carousel) > .carou:first-child { width: 16.6667%; } }
@media (min-width: 1220px) { #owl-carou:not(.owl-carousel) > .carou:first-child { width: 14.2857%; } }
.gf-chip--link {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
text-decoration: none;
color: inherit;
}
.gf-chip--link:hover { background: var(--surface-3, rgba(255,255,255,.06)); }
.gf-chip--link .gf-chip__count { opacity: .6; font-size: 11px; }
.gf--studios { margin-top: 14px; }
.studios-lead { margin: 0 0 16px; color: var(--fg-muted, #9aa0a6); }
.studios-abc {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 18px;
position: sticky;
top: 0;
z-index: 2;
padding: 8px 0;
background: var(--bg, #0c0d11);
}
.studios-abc a {
min-width: 26px;
text-align: center;
padding: 3px 6px;
border-radius: var(--r-sm, 6px);
background: var(--surface-2, rgba(255,255,255,.04));
text-decoration: none;
}
.studios-letter { margin: 18px 0 8px; font-size: 18px; }
.studios-list { display: flex; flex-wrap: wrap; gap: 8px; }
.hs-chrono {
margin: 18px 0;
padding: 14px 16px;
border-radius: var(--r-lg, 12px);
background: var(--glass, rgba(255,255,255,.03));
border: 1px solid var(--glass-border, rgba(255,255,255,.06));
}
.hs-chrono .kino-h { margin: 0 0 10px; }
.hs-chrono__list { list-style: none; margin: 0; padding: 0; counter-reset: none; }
.hs-chrono__item {
display: flex;
align-items: baseline;
gap: 8px;
padding: 6px 0;
border-bottom: 1px solid var(--glass-border, rgba(255,255,255,.05));
}
.hs-chrono__item:last-child { border-bottom: 0; }
.hs-chrono__num {
flex: 0 0 auto;
min-width: 28px;
font-size: 12px;
opacity: .55;
}
.hs-chrono__title { flex: 1 1 auto; }
a.hs-chrono__title { text-decoration: none; }
a.hs-chrono__title:hover { text-decoration: underline; }
.hs-chrono__item.is-current { background: rgba(235, 51, 68, .07); border-radius: 6px; padding-left: 6px; }
.hs-chrono__item.is-current .hs-chrono__title { font-weight: 600; }
.hs-chrono__year { flex: 0 0 auto; font-size: 12px; opacity: .55; }
#owl-carou { opacity: 1 !important; }
#owl-carou.owl-carousel { display: block; }
html, body, a, button, input, select, textarea, label,
[role="button"], [role="tab"],
.kino-item, .k-link, .k-poster, .RlItem, .hr-btn, .gf-chip,
.owl-item, .carou, .chips, .xf-chips a, .bot-menu a, .to-top {
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
#owl-carou, #owl-carou .owl-wrapper { touch-action: pan-y; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
body.dlb-lock {
overflow: hidden !important;
}
.dark-lightbox {
position: fixed;
inset: 0;
z-index: 99999;
display: none;
opacity: 0;
transition: opacity 0.22s var(--e-out);
}
.dark-lightbox.is-open {
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
}
.dlb-backdrop {
position: absolute;
inset: 0;
background: rgba(4, 7, 13, 0.94);
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
cursor: pointer;
}
.dlb-container {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
pointer-events: none;
}
.dlb-stage {
position: relative;
display: flex;
align-items: center;
justify-content: center;
max-width: 92vw;
max-height: 86vh;
pointer-events: auto;
}
.dlb-image {
display: block;
max-width: 92vw;
max-height: 86vh;
width: auto;
height: auto;
object-fit: contain;
border-radius: var(--r-md, 8px);
border: 1px solid var(--glass-border);
box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.85);
opacity: 0;
transform: scale(0.96);
transition: opacity 0.2s var(--e-out), transform 0.25s var(--e-spring);
}
.dlb-image.is-loaded {
opacity: 1;
transform: scale(1);
}
.dlb-spinner {
position: absolute;
width: 38px;
height: 38px;
border: 3px solid rgba(255, 255, 255, 0.15);
border-top-color: var(--accent, #ff2f52);
border-radius: 50%;
animation: facade-spin 0.75s linear infinite;
z-index: 1;
}
.dark-lightbox button.dlb-btn,
.dark-lightbox .dlb-btn {
position: absolute !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
margin: 0 !important;
line-height: 1 !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
border-radius: 50% !important;
background: rgba(15, 23, 42, 0.78) !important;
background-image: none !important;
color: #fff !important;
cursor: pointer !important;
pointer-events: auto !important;
-webkit-backdrop-filter: blur(16px) !important;
backdrop-filter: blur(16px) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
transition: all var(--t-fast) var(--e-out) !important;
}
.dark-lightbox button.dlb-btn svg,
.dark-lightbox .dlb-btn svg {
width: 24px !important;
height: 24px !important;
stroke: #fff !important;
stroke-width: 2.2 !important;
display: block !important;
margin: auto !important;
pointer-events: none !important;
}
.dark-lightbox button.dlb-btn:hover,
.dark-lightbox .dlb-btn:hover {
background: var(--accent-grad) !important;
border-color: rgba(255, 47, 82, 0.6) !important;
box-shadow: 0 0 24px rgba(255, 47, 82, 0.6), 0 8px 24px rgba(0, 0, 0, 0.7) !important;
color: #fff !important;
transform: scale(1.08) !important;
}
.dark-lightbox button.dlb-btn:active,
.dark-lightbox .dlb-btn:active {
transform: scale(0.93) !important;
}
.dark-lightbox .dlb-close {
top: 24px !important;
right: 24px !important;
}
.dark-lightbox .dlb-prev {
left: 24px !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
}
.dark-lightbox .dlb-next {
right: 24px !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
}
.dark-lightbox .dlb-counter {
position: absolute !important;
bottom: 24px !important;
left: 50% !important;
transform: translateX(-50%) !important;
padding: 6px 18px !important;
border-radius: 9999px !important;
background: rgba(15, 23, 42, 0.85) !important;
border: 1px solid rgba(255, 255, 255, 0.16) !important;
color: #d1d7e0 !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.05em !important;
backdrop-filter: blur(12px) !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}
@media (max-width: 640px) {
.dark-lightbox button.dlb-btn,
.dark-lightbox .dlb-btn {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
}
.dark-lightbox button.dlb-btn svg,
.dark-lightbox .dlb-btn svg {
width: 20px !important;
height: 20px !important;
}
.dark-lightbox .dlb-prev { left: 12px !important; }
.dark-lightbox .dlb-next { right: 12px !important; }
.dark-lightbox .dlb-close { top: 14px !important; right: 14px !important; }
.dark-lightbox .dlb-counter { bottom: 14px !important; font-size: 12px !important; }
.dlb-image { max-width: 96vw; max-height: 80vh; }
}
.category-text {
background: var(--bg-surface, #1e2229);
border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
border-radius: var(--radius-md, 8px);
text-align: justify;
max-width: 1200px;
width: 100%;
padding: 16px 20px 12px;
margin: 24px auto 16px;
box-sizing: border-box;
}
.category-text p {
font-size: 13.5px;
line-height: 1.65;
color: var(--fg-muted, #8b949e);
margin: 0 0 10px 0;
}
.category-text p:last-child {
margin-bottom: 0;
}
.category-text p strong,
.category-text p b {
color: var(--fg-default, #e6edf3);
font-weight: 600;
}
.category-text a {
color: var(--accent, #ff4757);
text-decoration: underline;
transition: color 0.15s ease;
}
.category-text a:hover {
color: #fff;
}
.footer {
position: relative;
width: 100%;
margin: 28px auto 0;
box-sizing: border-box;
}
.footer-box {
background: var(--bg-surface, #181b20);
border-top: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
padding: 16px 24px;
border-radius: var(--radius-md, 8px) var(--radius-md, 8px) 0 0;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
box-sizing: border-box;
}
.footer-menu {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px 22px;
margin: 0;
padding: 0;
list-style: none;
}
.footer-menu li {
display: inline-flex;
align-items: center;
}
.footer-menu li a {
font-size: 13px;
font-weight: 500;
color: var(--fg-muted, #8b949e);
text-decoration: none;
transition: color 0.15s ease;
display: inline-flex;
align-items: center;
gap: 6px;
}
.footer-menu li a:hover {
color: var(--accent, #ff4757);
}
.footer-menu li.footer-counter {
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.footer-menu li.footer-counter img {
display: block;
border-radius: 3px;
opacity: 0.85;
transition: opacity 0.15s ease;
}
.footer-menu li.footer-counter img:hover {
opacity: 1;
}
.footer-box .count {
font-size: 12.5px;
font-weight: 500;
color: var(--fg-muted, #6e7681);
white-space: nowrap;
margin-left: auto;
}
@media (max-width: 768px) {
.category-text {
padding: 14px 14px 10px;
margin: 18px auto 12px;
text-align: left;
}
.footer-box {
flex-direction: column;
align-items: center;
text-align: center;
padding: 16px 14px 20px;
gap: 14px;
}
.footer-menu {
justify-content: center;
gap: 10px 16px;
}
.footer-box .count {
margin-left: 0;
}
}
.page-head--fav {
display: flex;
align-items: center;
justify-content: space-between;
padding: 22px 28px;
margin-bottom: 24px;
border-radius: var(--r-lg, 16px);
background: linear-gradient(135deg, rgba(26, 29, 44, 0.85) 0%, rgba(18, 20, 31, 0.95) 100%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
backdrop-filter: blur(20px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
position: relative;
overflow: hidden;
}
.page-head--fav::before {
content: '';
position: absolute;
top: -50%;
left: -20%;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(255, 59, 131, 0.18) 0%, transparent 70%);
pointer-events: none;
}
.page-head--fav .page-head__title {
display: flex;
align-items: center;
gap: 12px;
font-size: 24px;
font-weight: 700;
letter-spacing: -0.02em;
color: #fff;
margin: 0 0 6px;
}
.page-head--fav .page-head__title i {
color: var(--accent, #ff3b83);
filter: drop-shadow(0 0 8px rgba(255, 59, 131, 0.45));
}
.page-head--fav .page-head__desc {
font-size: 13.5px;
color: var(--fg-muted, #94a3b8);
line-height: 1.4;
}
.fav-quick-del {
position: absolute;
top: 8px;
right: 8px;
z-index: 5;
opacity: 0;
transform: translateY(-4px);
transition: opacity var(--t-fast, 180ms) var(--e-out, ease), transform var(--t-fast, 180ms) var(--e-out, ease);
}
.kino-item:hover .fav-quick-del {
opacity: 1;
transform: translateY(0);
}
.fav-del-icon-btn {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(15, 17, 26, 0.85);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.18);
color: #fff;
font-size: 13px;
cursor: pointer;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
transition: background var(--t-fast, 180ms) var(--e-out, ease), border-color var(--t-fast, 180ms) var(--e-out, ease), color var(--t-fast, 180ms) var(--e-out, ease), transform var(--t-fast, 180ms) var(--e-out, ease);
}
.fav-del-icon-btn:hover {
background: rgba(239, 68, 68, 0.9);
border-color: rgba(239, 68, 68, 1);
color: #fff;
transform: scale(1.08);
box-shadow: 0 4px 14px rgba(239, 68, 68, 0.5);
}
.fav-del-icon-btn:active {
transform: scale(0.94);
}
.fav-actions-bar {
display: flex;
align-items: center;
gap: 12px;
margin-top: 14px;
}
.fav-del-text-btn .fav-del-text {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
border-radius: var(--r-sm, 8px);
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
font-size: 12.5px;
font-weight: 500;
color: var(--fg-muted, #94a3b8);
cursor: pointer;
transition: all var(--t-fast, 180ms) var(--e-out, ease);
}
.fav-del-text-btn .fav-del-text:hover {
background: rgba(239, 68, 68, 0.15);
border-color: rgba(239, 68, 68, 0.4);
color: #ef4444;
}
.kino-item.fav-item--removing {
opacity: 0 !important;
transform: scale(0.92) translateY(8px) !important;
pointer-events: none !important;
transition: all 0.35s cubic-bezier(0.32, 0.72, 0, 1) !important;
}
.fav-empty-state {
grid-column: 1 / -1;
width: 100%;
text-align: center;
padding: 60px 24px;
border-radius: var(--r-lg, 16px);
background: rgba(18, 20, 31, 0.65);
border: 1px dashed rgba(255, 255, 255, 0.12);
margin: 20px 0;
box-sizing: border-box;
}
.fav-empty-state__icon {
font-size: 48px;
color: rgba(255, 255, 255, 0.2);
margin-bottom: 16px;
}
.fav-empty-state__title {
font-size: 20px;
font-weight: 600;
color: #fff;
margin: 0 0 8px;
}
.fav-empty-state__text {
font-size: 14px;
color: var(--fg-muted, #94a3b8);
max-width: 420px;
margin: 0 auto 20px;
line-height: 1.5;
}
.fav-empty-state__btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 22px;
border-radius: var(--r-md, 12px);
background: var(--accent, #ff3b83);
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 600;
box-shadow: 0 6px 20px rgba(255, 59, 131, 0.4);
transition: transform var(--t-fast, 180ms) var(--e-out, ease), box-shadow var(--t-fast, 180ms) var(--e-out, ease);
}
.fav-empty-state__btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(255, 59, 131, 0.55);
color: #fff;
}
#loading-layer {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
font-size: 13.5px !important;
font-weight: 500 !important;
color: #fff !important;
background: rgba(16, 18, 27, 0.92) !important;
-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
backdrop-filter: blur(16px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
border-radius: 12px !important;
box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
padding: 14px 22px !important;
z-index: 10010 !important;
line-height: 1.2 !important;
min-width: 160px !important;
text-align: center !important;
}
#loading-layer::before {
content: '' !important;
display: inline-block !important;
width: 16px !important;
height: 16px !important;
border: 2px solid rgba(255, 255, 255, 0.25) !important;
border-top-color: var(--accent, #ff3b83) !important;
border-radius: 50% !important;
animation: dle-spin 0.65s linear infinite !important;
flex: 0 0 16px !important;
}
@keyframes dle-spin {
to { transform: rotate(360deg); }
}
.mob-bottom-bar {
display: none;
}
@media (max-width: 768px) {
body {
padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
}
.mob-bottom-bar {
display: flex !important;
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
height: 56px !important;
padding-bottom: env(safe-area-inset-bottom, 0px) !important;
background: rgba(16, 18, 27, 0.94) !important;
-webkit-backdrop-filter: blur(24px) saturate(190%) !important;
backdrop-filter: blur(24px) saturate(190%) !important;
border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.65) !important;
z-index: 10002 !important;
justify-content: space-around !important;
align-items: center !important;
box-sizing: border-box !important;
}
.b-nav-item {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 3px !important;
flex: 1 1 0 !important;
height: 100% !important;
background: none !important;
border: none !important;
color: var(--fg-muted, #94a3b8) !important;
font-size: 10.5px !important;
font-weight: 500 !important;
text-decoration: none !important;
padding: 4px 0 !important;
cursor: pointer !important;
transition: color 0.18s cubic-bezier(0.32, 0.72, 0, 1), transform 0.18s cubic-bezier(0.32, 0.72, 0, 1) !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
}
.b-nav-item i {
font-size: 17px !important;
line-height: 1 !important;
transition: transform 0.18s cubic-bezier(0.32, 0.72, 0, 1) !important;
}
.b-nav-item:active {
transform: scale(0.92) !important;
}
.b-nav-item.is-active,
.b-nav-item:hover {
color: var(--accent, #ff3b83) !important;
}
.b-nav-item.is-active i {
filter: drop-shadow(0 0 6px rgba(255, 59, 131, 0.55)) !important;
}
.tg-float {
bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
}
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: var(--bg, #080D17);
}
::-webkit-scrollbar-thumb {
background: var(--surface-2, #172235);
border-radius: 9999px;
border: 2px solid var(--bg, #080D17);
}
::-webkit-scrollbar-thumb:hover {
background: var(--fg-dim, #69778C);
}
* {
scrollbar-width: thin;
scrollbar-color: var(--surface-2, #172235) var(--bg, #080D17);
}
::selection {
background: rgba(215, 25, 63, 0.45);
color: #ffffff;
}
::-moz-selection {
background: rgba(215, 25, 63, 0.45);
color: #ffffff;
}
button, .fbutton, .btn-error, .k-fav, .rel-arrow, .b-nav-item, .meta-chip, .view-switch__btn, .tg-cta, .pagi-btn, .fav-del-icon-btn, .fav-del-text-btn, .RlItem, .k-tag {
transition: transform 160ms cubic-bezier(0.32, 0.72, 0, 1), background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;
}
button:active, .fbutton:active, .btn-error:active, .k-fav:active, .rel-arrow:active, .meta-chip:active, .view-switch__btn:active, .tg-cta:active, .pagi-btn:active, .fav-del-icon-btn:active, .fav-del-text-btn:active, .RlItem:active, .k-tag:active {
transform: scale(0.96) !important;
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
outline: 2px solid var(--accent, #D7193F) !important;
outline-offset: 2px !important;
}
@keyframes hs-shimmer {
0% { background-position: -200% 0; }
100% { background-position: 200% 0; }
}
.hs-skeleton {
background: linear-gradient(90deg, var(--surface-1, #101827) 25%, var(--surface-2, #172235) 50%, var(--surface-1, #101827) 75%);
background-size: 200% 100%;
animation: hs-shimmer 1.8s infinite ease-in-out;
border-radius: 6px;
}
.meta-spec-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 18px;
margin: 14px 0 18px;
padding: 14px 18px;
background: rgba(16, 24, 39, 0.65);
border: 1px solid var(--border, rgba(132, 157, 194, 0.16));
border-radius: 10px;
backdrop-filter: blur(8px);
}
.meta-spec-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 28px;
font-size: 13px;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
padding-bottom: 4px;
}
.meta-spec-item--full {
grid-column: 1 / -1;
}
.meta-label {
color: var(--fg-muted, #9BA8BC);
font-size: 12px;
font-weight: 500;
flex-shrink: 0;
}
.meta-val {
color: var(--fg, #F2F5FA);
font-weight: 600;
text-align: right;
}
.meta-val.meta-text {
color: var(--fg, #F2F5FA);
word-break: break-word;
font-size: 13px;
}
.meta-chip {
display: inline-flex;
align-items: center;
padding: 2px 10px;
background: var(--surface-2, #172235);
border: 1px solid rgba(132, 157, 194, 0.18);
border-radius: 6px;
color: var(--fg, #F2F5FA);
font-size: 12px;
font-weight: 500;
text-decoration: none !important;
transition: all 180ms ease;
}
.meta-chip:hover {
background: var(--accent, #D7193F);
color: #ffffff !important;
border-color: var(--accent, #D7193F);
box-shadow: 0 2px 8px rgba(215, 25, 63, 0.35);
}
.xf-block--screens {
margin: 24px 0 18px;
}
.xf-block__head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.xf-block__head .xf-block__title {
font-size: 16px;
font-weight: 700;
color: var(--fg, #F2F5FA);
margin: 0;
display: flex;
align-items: center;
gap: 8px;
}
.xf-block__head .xf-block__title i {
color: var(--accent, #D7193F);
}
.screens-scroll-hint {
display: none;
font-size: 11px;
color: var(--fg-dim, #69778C);
gap: 4px;
}
.screens-snap-track {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px;
}
.screens-snap-track a {
display: block;
position: relative;
border-radius: 8px;
overflow: hidden;
aspect-ratio: 16 / 9;
border: 1px solid var(--border, rgba(132, 157, 194, 0.16));
background: var(--surface-1, #101827);
}
.screens-snap-track img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 260ms cubic-bezier(0.23, 1, 0.32, 1);
}
.screens-snap-track a:hover img {
transform: scale(1.04);
}
.kino-related {
margin: 28px 0;
padding-top: 18px;
border-top: 1px solid var(--border, rgba(132, 157, 194, 0.16));
}
.kino-related__head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
}
.kino-related__head .kino-h {
font-size: 18px;
font-weight: 700;
color: var(--fg, #F2F5FA);
margin: 0;
display: flex;
align-items: center;
gap: 8px;
}
.kino-related__head .kino-h i {
color: var(--accent, #D7193F);
}
.rel-nav-arrows {
display: flex;
gap: 8px;
}
.rel-arrow {
width: 32px;
height: 32px;
border-radius: 8px;
background: var(--surface-2, #172235);
border: 1px solid var(--border, rgba(132, 157, 194, 0.16));
color: var(--fg, #F2F5FA);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.rel-arrow:hover {
background: var(--accent, #D7193F);
border-color: var(--accent, #D7193F);
color: #ffffff;
}
.rel-snap-track {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
gap: 14px;
padding-bottom: 10px;
scrollbar-width: thin;
}
.rel-card {
flex: 0 0 160px;
scroll-snap-align: start;
text-decoration: none !important;
display: flex;
flex-direction: column;
gap: 8px;
}
.rel-card__poster {
position: relative;
width: 100%;
aspect-ratio: 2 / 3;
border-radius: 8px;
overflow: hidden;
border: 1px solid var(--border, rgba(132, 157, 194, 0.16));
background: var(--surface-1, #101827);
}
.rel-card__poster img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 260ms ease;
}
.rel-card:hover .rel-card__poster img {
transform: scale(1.05);
}
.rel-card__play {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(8, 13, 23, 0.45);
opacity: 0;
transition: opacity 180ms ease;
color: #ffffff;
font-size: 24px;
}
.rel-card:hover .rel-card__play {
opacity: 1;
}
.rel-card__title {
font-size: 12px;
font-weight: 500;
color: var(--fg-muted, #9BA8BC);
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.rel-card:hover .rel-card__title {
color: var(--fg, #F2F5FA);
}
.berrors, .berrors.dark-glass-alert, .dark-glass-alert {
background: rgba(16, 24, 39, 0.78) !important;
border: 1px solid rgba(132, 157, 194, 0.22) !important;
border-left: 4px solid var(--accent, #D7193F) !important;
border-radius: 10px !important;
padding: 16px 20px !important;
color: var(--fg, #F2F5FA) !important;
display: flex !important;
align-items: flex-start !important;
gap: 14px !important;
margin: 18px 0 !important;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35) !important;
backdrop-filter: blur(12px) !important;
}
.dark-glass-alert .dga-icon {
font-size: 22px;
color: var(--accent-hi, #F02D50);
line-height: 1;
padding-top: 2px;
}
.dark-glass-alert .dga-title, .berrors b {
font-weight: 700;
font-size: 15px;
color: #ffffff !important;
margin-bottom: 4px;
display: block;
}
.dark-glass-alert .dga-desc, .berrors {
font-size: 13px;
color: var(--fg-muted, #9BA8BC) !important;
line-height: 1.5;
}
.berrors a, .dark-glass-alert a {
color: var(--accent-hi, #F02D50) !important;
font-weight: 600;
text-decoration: underline !important;
}
.berrors a:hover, .dark-glass-alert a:hover {
color: #ffffff !important;
}
.comm-item {
display: flex;
gap: 14px;
padding: 14px 16px;
background: var(--surface-1, #101827);
border: 1px solid var(--border, rgba(132, 157, 194, 0.16));
border-radius: 10px;
margin-bottom: 12px;
transition: border-color 200ms ease;
}
.comm-item:hover {
border-color: rgba(132, 157, 194, 0.28);
}
.comm-left img {
width: 44px;
height: 44px;
border-radius: 50%;
object-fit: cover;
border: 1px solid var(--border, rgba(132, 157, 194, 0.16));
}
.comm-right {
flex: 1;
min-width: 0;
}
.comm-head {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 8px;
}
.comm-author {
font-weight: 700;
font-size: 14px;
color: var(--fg, #F2F5FA);
}
.comm-author a {
color: var(--fg, #F2F5FA) !important;
text-decoration: none !important;
}
.comm-group {
font-size: 11px;
padding: 2px 7px;
border-radius: 4px;
background: var(--surface-2, #172235);
color: var(--fg-dim, #69778C);
font-weight: 600;
text-transform: uppercase;
}
.comm-date {
font-size: 11px;
color: var(--fg-dim, #69778C);
margin-left: auto;
}
.comm-body {
font-size: 13px;
line-height: 1.6;
color: var(--fg-muted, #9BA8BC);
word-break: break-word;
}
.comm-body blockquote, blockquote.quote {
margin: 10px 0;
padding: 8px 14px;
background: rgba(255, 255, 255, 0.03);
border-left: 3px solid var(--accent, #D7193F);
border-radius: 0 6px 6px 0;
color: var(--fg-dim, #69778C);
font-style: italic;
}
.comm-actions {
margin-top: 8px;
display: flex;
gap: 12px;
}
.comm-act a, .comm-act {
font-size: 12px;
color: var(--fg-dim, #69778C) !important;
text-decoration: none !important;
cursor: pointer;
}
.comm-act:hover, .comm-act a:hover {
color: var(--accent-hi, #F02D50) !important;
}
.RlItem.is-watched {
opacity: 0.65;
position: relative;
}
.RlItem.is-watched::after {
content: '✓';
position: absolute;
top: -3px;
right: 3px;
font-size: 9px;
color: var(--accent-hi, #F02D50);
font-weight: bold;
}
.player-smart-bar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 6px 12px;
margin-top: 6px;
background: rgba(16, 24, 39, 0.6);
border: 1px solid var(--border, rgba(132, 157, 194, 0.16));
border-radius: 8px;
font-size: 12px;
}
.player-smart-btn {
background: var(--surface-2, #172235);
color: var(--fg, #F2F5FA);
border: 1px solid rgba(132, 157, 194, 0.18);
padding: 4px 10px;
border-radius: 6px;
cursor: pointer;
font-size: 11px;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 6px;
transition: all 160ms ease;
}
.player-smart-btn:hover {
background: var(--accent, #D7193F);
color: #fff;
border-color: var(--accent, #D7193F);
}
@media (max-width: 768px) {
.kino-desc.full-text {
display: flex;
flex-direction: column;
gap: 12px;
}
.story-poster {
float: none !important;
display: flex;
justify-content: center;
margin: 0 0 10px 0 !important;
}
.story-poster img {
width: 140px !important;
height: auto !important;
aspect-ratio: 2 / 3 !important;
border-radius: 8px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}
.meta-spec-grid {
grid-template-columns: 1fr;
gap: 8px;
padding: 10px 12px;
}
.screens-scroll-hint {
display: inline-flex;
}
.screens-snap-track {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
gap: 10px;
padding-bottom: 8px;
}
.screens-snap-track a {
flex: 0 0 78%;
scroll-snap-align: start;
}
.rel-card {
flex: 0 0 130px;
}
.mob-bottom-bar {
padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
}
}
.adv-slot {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
margin: 18px auto;
padding: 8px;
border-radius: 8px;
background: rgba(14, 16, 24, 0.45);
border: 1px dashed rgba(255, 255, 255, 0.08);
box-sizing: border-box;
overflow: hidden;
contain: layout paint;
max-width: 100%;
}
.adv-slot::before {
content: 'ADVERTISEMENT';
position: absolute;
top: 3px;
right: 8px;
font-size: 8px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.22);
pointer-events: none;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
z-index: 1;
}
.adv-slot--header {
min-height: 90px;
max-width: 728px;
width: 100%;
margin: 12px auto 20px;
}
.adv-side-box {
margin-bottom: 20px;
}
.adv-side-box .sb-cont {
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
}
.adv-slot--sidebar {
min-height: 250px;
width: 300px;
margin: 0 auto;
}
.adv-slot--player {
min-height: 90px;
max-width: 728px;
width: 100%;
margin: 16px auto;
}
.adv-slot--mid {
min-height: 262px;
max-width: 300px;
margin: 20px auto;
}
.adv-slot--native {
min-height: 220px;
width: 100%;
margin: 24px auto 16px;
flex-direction: column;
align-items: center;
}
.adv-grid-2col {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 16px;
width: 100%;
margin-top: 12px;
}
.adv-subslot {
min-width: 300px;
min-height: 250px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 990px) {
.adv-side-box,
.adv-slot--sidebar {
display: none !important;
}
}
.exo-ipp-container,
div[class*="exo-ipp-container"] {
top: 50px !important;
z-index: 9999 !important;
max-width: calc(100vw - 16px) !important;
contain: layout paint !important;
}
@media (max-width: 768px) {
.adv-slot--header {
min-height: 100px;
margin: 10px 0;
}
.adv-slot--header.adv-slot--header-desk-only {
display: none !important;
min-height: 0 !important;
margin: 0 !important;
}
.adv-slot--player {
min-height: 250px;
}
.adv-slot--native {
min-height: 180px;
}
.adv-grid-2col {
flex-direction: column;
}
div[id*="video-slider"],
div[class*="video-slider"],
div[class*="exo-slider"] {
bottom: 64px !important;
z-index: 10000 !important;
}
}
.exo_wrapper,
.exo_notransition,
div[class*="exo_wrapper"] {
contain: layout paint !important;
}
.vast-preroll {
position: absolute;
inset: 0;
z-index: 45;
background: #000;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.vast-preroll-video {
width: 100%;
height: 100%;
object-fit: contain;
background: #000;
}
.vast-preroll-topbar {
position: absolute;
top: 12px;
left: 12px;
right: 12px;
display: flex;
align-items: center;
justify-content: space-between;
pointer-events: none;
z-index: 10;
}
.vast-badge {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.6px;
background: rgba(14, 16, 24, 0.85);
color: rgba(255, 255, 255, 0.9);
padding: 4px 10px;
border-radius: 4px;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
.vast-actions {
display: flex;
align-items: center;
gap: 8px;
pointer-events: auto;
}
.vast-sound-btn {
width: 34px;
height: 34px;
border-radius: 6px;
background: rgba(14, 16, 24, 0.85);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
transition: background 0.15s ease, transform 0.15s cubic-bezier(0.32, 0.72, 0, 1);
}
.vast-sound-btn:hover {
background: rgba(255, 255, 255, 0.2);
transform: scale(1.06);
}
.vast-sound-btn:active {
transform: scale(0.94);
}
.vast-skip-btn {
background: rgba(14, 16, 24, 0.85);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.25);
color: #fff;
padding: 6px 14px;
border-radius: 6px;
font-size: 12px;
font-weight: 700;
cursor: pointer;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
transition: all 0.2s cubic-bezier(0.32, 0.72, 0, 1);
}
.vast-skip-btn:not(:disabled):hover {
background: #e50914;
border-color: #e50914;
transform: scale(1.04);
}
.vast-skip-btn:not(:disabled):active {
transform: scale(0.96);
}
.vast-skip-btn:disabled {
opacity: 0.7;
cursor: default;
}
.vast-click-overlay {
position: absolute;
inset: 0;
z-index: 5;
cursor: pointer;
}
button.gf__add,
button.gf-chip__plus,
button.gf-chip__minus,
button.gf__reset,
button.hs-pchip__plus,
button.hs-pchip__ok,
button.hs-pchip__del,
button.hs-pl-btn,
button.hs-pl__item,
button.hs-modal__close,
button.hs-plm__tab,
button.hs-plm__del,
button.gf-tag,
button.gf-h-tab,
button.chips__more {
height: auto;
min-height: 0;
min-width: 0;
line-height: 1;
padding: 0;
margin: 0;
border-radius: 0;
background-image: none;
box-shadow: none;
text-shadow: none;
font: inherit;
appearance: none;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
.gf { margin-bottom: 4px; }
.gf__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 10px;
}
.gf__title {
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--fg-dim);
}
.xf-block__title .gf__add,
.gf__head .gf__add,
button.gf__add {
width: 24px;
height: 24px;
min-width: 0;
line-height: 1;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
display: grid; place-items: center;
flex: none;
border-radius: var(--r-pill);
border: 1px dashed var(--glass-border);
background: transparent;
color: var(--fg-dim);
cursor: pointer;
padding: 0;
transition: all var(--t) var(--e-out);
}
.gf__add:hover {
color: #fff;
background: var(--accent-grad);
border-color: transparent;
border-style: solid;
transform: rotate(90deg);
}
.gf__add .fa { font-size: 12px; }
.gf__chosen {
margin-bottom: 10px;
padding: 8px;
border-radius: var(--r-md);
background: rgba(255,255,255,.04);
border: 1px solid var(--glass-border);
}
.gf__chosen-list { display: flex; flex-wrap: wrap; gap: 5px; }
.gf-tag {
display: inline-flex;
align-items: center;
gap: 5px;
height: 24px;
padding: 0 8px;
border-radius: var(--r-pill);
font: inherit;
font-size: 11.5px;
font-weight: 600;
line-height: 1;
color: #fff;
border: 0;
cursor: pointer;
transition: filter var(--t) var(--e-out);
}
.gf-tag:hover { filter: brightness(1.12); }
.gf-tag span { font-weight: 800; opacity: .85; }
.gf-tag .fa { font-size: 9px; opacity: .7; }
.gf-tag--inc { background: linear-gradient(118deg, #2ea36a, #35c07d); }
.gf-tag--exc { background: linear-gradient(118deg, #b3283f, #d8384f); }
.gf__reset {
margin-top: 8px;
padding: 0;
font: inherit;
font-size: 12px;
color: var(--fg-dim);
background: none;
border: 0;
cursor: pointer;
text-decoration: underline dotted;
}
.gf__reset:hover { color: var(--accent); }
.gf__list { display: flex; flex-wrap: wrap; gap: 5px; }
.gf-chip {
display: inline-flex;
align-items: stretch;
flex: 0 1 auto;
max-width: 100%;
height: 26px;
border-radius: var(--r-pill);
overflow: hidden;
font-size: 12px;
font-weight: 600;
line-height: 1;
color: var(--fg-muted);
background: var(--glass-light);
border: 1px solid var(--glass-border);
transition: color var(--t-fast) var(--e-out), border-color var(--t) var(--e-out),
background var(--t) var(--e-out);
}
.gf-chip__name {
display: flex;
align-items: center;
padding: 0 4px 0 9px;
white-space: nowrap;
cursor: pointer;
flex: 1 1 auto;
justify-content: center;
}
.gf-chip__count {
display: flex;
align-items: center;
padding-right: 5px;
font-size: 10px;
font-weight: 700;
color: var(--fg-dim);
}
.gf__list .gf-chip__plus,
.gf__list .gf-chip__minus,
.gf-chip__plus,
.gf-chip__minus {
width: 20px;
min-width: 0;
height: auto;
line-height: 1;
border-radius: 0;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
display: grid;
place-items: center;
flex: none;
padding: 0;
border: 0;
background: rgba(255,255,255,.05);
color: var(--fg-dim);
font: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1;
cursor: pointer;
transition: background var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out);
}
.gf-chip__plus:hover  { background: #2ea36a; color: #fff; }
.gf-chip__minus:hover { background: #b3283f; color: #fff; }
.gf-chip:hover { border-color: var(--glass-hi); color: var(--fg); }
.gf-chip.is-inc {
color: #fff;
border-color: transparent;
background: linear-gradient(118deg, #2ea36a, #35c07d);
box-shadow: 0 6px 18px -8px rgba(53,192,125,.7);
}
.gf-chip.is-exc {
color: #fff;
border-color: transparent;
background: linear-gradient(118deg, #b3283f, #d8384f);
box-shadow: 0 6px 18px -8px rgba(216,56,79,.7);
}
.gf-chip.is-inc .gf-chip__count,
.gf-chip.is-exc .gf-chip__count { color: rgba(255,255,255,.75); }
.gf-chip.is-inc .gf-chip__plus,
.gf-chip.is-exc .gf-chip__minus { background: rgba(0,0,0,.22); color: #fff; }
.gf-chip.is-exc .gf-chip__name { text-decoration: line-through; opacity: .85; }
.gf__pool {
margin-top: 14px;
padding-top: 12px;
border-top: 1px dashed var(--glass-border);
}
.gf__pool-title {
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--warn);
margin-bottom: 8px;
}
.gf-chip--pool {
border-style: dashed;
border-color: rgba(255,176,32,.4);
background: rgba(255,176,32,.08);
}
.gf-chip--pool .gf-chip__plus { background: rgba(255,176,32,.2); color: var(--warn); }
.gf-chip--pool .gf-chip__plus:hover { background: var(--warn); color: #1a1a1a; }
.gf-chip__done {
display: grid;
place-items: center;
width: 20px;
flex: none;
color: var(--ok);
font-size: 11px;
background: rgba(50,193,122,.14);
}
.gf-horizontal-bar {
display: flex;
flex-direction: column;
gap: 14px;
padding: 18px 20px;
margin: 28px 0 12px;
background: var(--glass);
-webkit-backdrop-filter: blur(var(--blur)) saturate(150%);
backdrop-filter: blur(var(--blur)) saturate(150%);
border: 1px solid var(--glass-border);
border-radius: var(--r-lg);
box-shadow: var(--sh-2), inset 0 1px 0 var(--glass-hi);
box-sizing: border-box;
width: 100%;
}
.gf-h-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
padding-bottom: 12px;
border-bottom: 1px solid var(--glass-border);
}
.gf-h-title-wrap {
display: flex;
align-items: center;
gap: 12px;
}
.gf-h-icon {
width: 36px;
height: 36px;
border-radius: var(--r-md);
background: var(--accent-soft);
color: var(--accent);
display: grid;
place-items: center;
font-size: 16px;
flex: none;
}
.gf-h-title {
font-size: 14px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--fg);
line-height: 1.2;
}
.gf-h-hint {
font-size: 12px;
color: var(--fg-dim);
margin-top: 2px;
}
.gf-plus-hint {
color: #35c07d;
font-weight: 800;
}
.gf-minus-hint {
color: #d8384f;
font-weight: 800;
}
.gf-h-tabs {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px;
border-radius: var(--r-pill);
background: var(--surface-2);
border: 1px solid var(--glass-border);
}
button.gf-h-tab {
display: inline-flex;
align-items: center;
gap: 6px;
height: 30px;
padding: 0 14px;
border-radius: var(--r-pill);
font-family: inherit;
font-size: 12.5px;
font-weight: 600;
color: var(--fg-muted);
background: transparent;
border: 0;
cursor: pointer;
transition: all var(--t-fast) var(--e-out);
}
button.gf-h-tab:hover {
color: var(--fg);
background: rgba(255, 255, 255, 0.08);
}
button.gf-h-tab.is-active {
color: #ffffff !important;
background: var(--accent-grad) !important;
box-shadow: 0 2px 8px var(--accent-glow) !important;
}
.gf-h-katalog-link {
display: inline-flex;
align-items: center;
gap: 8px;
height: 34px;
padding: 0 16px;
font-size: 12.5px;
font-weight: 700;
text-decoration: none;
white-space: nowrap;
}
.gf-h-katalog-link:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px 0 var(--accent-glow);
}
.gf-h-content {
width: 100%;
}
.gf-chips-grid {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
}
.gf__chosen-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.gf__chosen-label {
font-size: 11.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: var(--fg-dim);
}
#dle-content > .gf-horizontal-bar:first-child {
display: none;
}
@media (max-width: 900px) {
.gf-h-header {
flex-direction: column;
align-items: stretch;
gap: 12px;
}
.gf-h-tabs {
width: 100%;
justify-content: space-between;
}
.gf-h-tab {
flex: 1;
justify-content: center;
}
.gf-h-katalog-link {
justify-content: center;
width: 100%;
}
}
.hs-result-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
padding: 12px 20px;
border-bottom: 1px solid var(--glass-border);
font-size: 13.5px;
color: var(--fg-dim);
}
.hs-result-count b { color: var(--fg); font-size: 15px; }
#grid.is-loading { opacity: .45; pointer-events: none; transition: opacity var(--t) var(--e-out); }
.hs-empty {
grid-column: 1 / -1;
padding: 40px 20px;
text-align: center;
color: var(--fg-dim);
font-size: 15px;
}
.hs-pager {
grid-column: 1 / -1;
display: flex;
justify-content: center;
gap: 8px;
padding: 18px 0 4px;
}
.hs-toasts {
position: fixed;
right: 18px;
bottom: 78px;
z-index: 950;
display: flex;
flex-direction: column;
gap: 8px;
pointer-events: none;
max-width: min(360px, calc(100vw - 36px));
}
.hs-toast {
padding: 11px 15px;
border-radius: var(--r-md);
font-size: 13.5px;
font-weight: 600;
color: var(--fg);
background: var(--glass-strong);
-webkit-backdrop-filter: blur(var(--blur)) saturate(170%);
backdrop-filter: blur(var(--blur)) saturate(170%);
border: 1px solid var(--glass-border);
box-shadow: var(--sh-3);
opacity: 0;
transform: translateX(20px);
transition: opacity var(--t) var(--e-out), transform var(--t) var(--e-spring);
}
.hs-toast.is-in { opacity: 1; transform: none; }
.hs-toast--ok    { border-color: rgba(50,193,122,.45); }
.hs-toast--error { border-color: rgba(255,47,82,.5); }
.hs-modal {
position: fixed;
inset: 0;
z-index: 1000;
display: grid;
place-items: start center;
padding: 8vh 20px 20px;
overflow-y: auto;
background: rgba(5,6,9,.68);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
opacity: 0;
transition: opacity var(--t) var(--e-out);
}
.hs-modal.is-open { opacity: 1; }
.hs-modal__box {
width: min(460px, 100%);
max-height: 86vh;
overflow-y: auto;
border-radius: var(--r-lg);
background: var(--glass-strong);
-webkit-backdrop-filter: blur(var(--blur-lg)) saturate(180%);
backdrop-filter: blur(var(--blur-lg)) saturate(180%);
border: 1px solid var(--glass-border);
box-shadow: var(--sh-3), inset 0 1px 0 var(--glass-hi);
transform: translateY(14px) scale(.97);
transition: transform var(--t) var(--e-spring);
}
.hs-modal.is-open .hs-modal__box { transform: none; }
.hs-modal__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 16px 18px;
border-bottom: 1px solid var(--glass-border);
}
.hs-modal__title { font-size: 16px; font-weight: 700; color: var(--fg); }
.hs-modal__close {
width: 30px; height: 30px;
display: grid; place-items: center;
border-radius: var(--r-pill);
border: 1px solid var(--glass-border);
background: var(--glass-light);
color: var(--fg-muted);
cursor: pointer;
padding: 0;
transition: all var(--t) var(--e-out);
}
.hs-modal__close:hover { color: #fff; background: var(--accent-grad); border-color: transparent; }
.hs-modal__body { padding: 18px; }
.hs-form__hint { font-size: 13px; line-height: 1.55; color: var(--fg-dim); margin-bottom: 14px; }
.hs-form__hint b { color: var(--fg-muted); }
.hs-field { display: block; margin-bottom: 12px; }
.hs-field span {
display: block;
font-size: 12px;
color: var(--fg-dim);
margin-bottom: 5px;
}
.hs-field input {
width: 100%;
height: 40px;
padding: 0 14px;
border-radius: var(--r-sm);
background: var(--glass-light);
border: 1px solid var(--glass-border);
color: var(--fg);
font: inherit;
font-size: 14px;
transition: border-color var(--t) var(--e-out), box-shadow var(--t) var(--e-out);
}
.hs-field input:focus { border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); }
.hs-form__foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
margin-top: 16px;
}
.hs-form__slots { font-size: 12px; color: var(--fg-dim); }
.hs-pool-preview { margin-top: 16px; }
.hs-pl__list { display: grid; gap: 8px; }
.hs-pl__item {
display: flex;
align-items: center;
gap: 11px;
width: 100%;
padding: 11px 14px;
border-radius: var(--r-md);
background: var(--glass-light);
border: 1px solid var(--glass-border);
color: var(--fg-muted);
font: inherit;
font-size: 14px;
font-weight: 600;
text-align: left;
cursor: pointer;
transition: all var(--t) var(--e-out);
}
.hs-pl__item:hover { color: var(--fg); border-color: var(--glass-hi); transform: translateX(2px); }
.hs-pl__item.is-on {
color: #fff;
background: rgba(50,193,122,.14);
border-color: rgba(50,193,122,.45);
}
.hs-pl__name { flex: 1 1 auto; }
.hs-pl__count {
font-size: 11px;
font-weight: 700;
padding: 2px 7px;
border-radius: var(--r-pill);
background: rgba(255,255,255,.08);
color: var(--fg-dim);
}
.hs-pl__item.is-on .hs-pl__mark { color: var(--ok); }
.hs-pl__foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
margin-top: 16px;
padding-top: 14px;
border-top: 1px solid var(--glass-border);
}
.hs-pl__balance { font-size: 12px; color: var(--fg-dim); }
.hs-pl__balance b { color: var(--warn); font-size: 14px; }
button.hs-pl-btn,
.hs-pl-btn {
min-width: 0;
line-height: 1;
appearance: none;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
width: 34px; height: 34px;
padding: 0;
border-radius: var(--r-pill);
background: var(--glass-light);
border: 1px solid var(--glass-border);
color: var(--fg-muted);
cursor: pointer;
transition: all var(--t) var(--e-spring);
}
.hs-pl-btn:hover { color: var(--ok); border-color: var(--ok); transform: scale(1.08); }
.hs-pl-btn.is-on { color: var(--ok); border-color: rgba(50,193,122,.45); background: rgba(50,193,122,.14); }
.hs-pl-btn--wide { width: auto; padding: 0 16px; height: 42px; font-size: 14px; font-weight: 600; }
.hs-wallet {
display: inline-flex;
align-items: center;
gap: 6px;
height: 28px;
padding: 0 12px;
border-radius: var(--r-pill);
background: rgba(255,176,32,.12);
border: 1px solid rgba(255,176,32,.32);
color: var(--warn);
font-size: 12.5px;
font-weight: 700;
}
@media (max-width: 768px) {
.hs-toasts { right: 12px; left: 12px; bottom: 68px; max-width: none; }
.hs-modal { padding: 12px; }
.hs-modal__box { max-height: 92vh; }
.gf__list { max-height: none; }
}
.xf-block__title .gf__add {
margin-left: 8px;
vertical-align: middle;
}
.hs-pool { margin-top: 6px; }
.hs-pchip {
display: inline-flex;
align-items: stretch;
height: 26px;
border-radius: var(--r-pill);
overflow: hidden;
font-size: 12px;
font-weight: 600;
line-height: 1;
color: var(--warn);
background: rgba(255,176,32,.09);
border: 1px dashed rgba(255,176,32,.45);
}
.hs-pchip__name { display: flex; align-items: center; padding: 0 4px 0 10px; white-space: nowrap; }
.hs-pchip__n {
display: flex;
align-items: center;
padding: 0 7px 0 4px;
font-size: 10px;
font-weight: 700;
opacity: .8;
}
.hs-pchip__plus,
.hs-pchip__ok,
.hs-pchip__del,
.hs-pchip__done {
width: 22px;
display: grid;
place-items: center;
flex: none;
min-width: 0;
height: auto;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
line-height: 1;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
font: inherit;
font-size: 13px;
font-weight: 700;
cursor: pointer;
background: rgba(255,176,32,.2);
color: var(--warn);
transition: background var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out);
}
.hs-pchip__plus:hover { background: var(--warn); color: #1a1a1a; }
.hs-pchip__ok { background: rgba(50,193,122,.22); color: var(--ok); font-size: 12px; }
.hs-pchip__ok:hover { background: var(--ok); color: #111111; }
.hs-pchip__done { background: rgba(50,193,122,.16); color: var(--ok); cursor: default; font-size: 10px; }
.hs-pchip__del { background: rgba(255,47,82,.18); color: var(--accent); font-size: 14px; }
.hs-pchip__del:hover { background: var(--accent); color: #fff; }
.hs-pchip__del:disabled { opacity: .5; cursor: progress; }
.xf-chips a.is-fresh {
animation: hs-fresh 2.2s var(--e-out);
border-color: var(--ok);
}
@keyframes hs-fresh {
0%   { background: rgba(50,193,122,.45); transform: scale(.9); }
40%  { background: rgba(50,193,122,.22); transform: none; }
100% { background: var(--glass-light); }
}
.gf__hint {
font-size: 11px;
font-weight: 700;
color: var(--fg-dim);
letter-spacing: .04em;
cursor: help;
}
button.gf__add         { width: 24px; height: 24px; border-radius: var(--r-pill); }
button.gf-chip__plus,
button.gf-chip__minus  { width: 20px; }
button.hs-pchip__plus,
button.hs-pchip__ok    { width: 22px; }
button.hs-pl-btn       { width: 34px; height: 34px; border-radius: var(--r-pill); }
button.hs-pl-btn--wide { width: auto; height: 42px; padding: 0 16px; }
button.hs-pl__item     { padding: 11px 14px; border-radius: var(--r-md); }
button.gf-tag          { height: 24px; padding: 0 8px; border-radius: var(--r-pill); }
button.chips__more     { height: 26px; padding: 0 10px; border-radius: var(--r-pill); }
button.hs-modal__close { width: 30px; height: 30px; border-radius: var(--r-pill); }
button.hs-plm__tab     { height: 30px; padding: 0 12px; border-radius: var(--r-pill); }
button.hs-plm__del     { width: 26px; height: 26px; border-radius: var(--r-pill); }
.overlay {
position: fixed;
inset: 0;
z-index: 1000;
padding: 20px;
background: rgba(5,6,9,.68);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
overflow-y: auto;
text-align: center;
}
.login-box {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
display: inline-block;
vertical-align: middle;
text-align: left;
width: min(360px, 100%);
max-width: 100%;
margin: 40px auto;
margin-left: auto;
margin-right: auto;
padding: 0 0 14px;
border-radius: var(--r-lg);
background: var(--glass-strong);
background-image: none;
-webkit-backdrop-filter: blur(var(--blur-lg)) saturate(180%);
backdrop-filter: blur(var(--blur-lg)) saturate(180%);
border: 1px solid var(--glass-border);
box-shadow: var(--sh-3), inset 0 1px 0 var(--glass-hi);
}
.login-title {
padding: 16px 18px 12px;
font-size: 16px;
font-weight: 700;
color: var(--fg);
text-align: center;
background: none;
background-image: none;
border-bottom: 1px solid var(--glass-border);
text-shadow: none;
}
.login-avatar { text-align: center; padding: 16px 18px 10px; }
.login-avatar .avatar-box {
width: 72px;
height: 72px;
margin: 0 auto 10px;
border-radius: var(--r-pill);
overflow: hidden;
border: 2px solid var(--glass-border);
background: var(--surface-2);
}
.login-avatar .avatar-box img { width: 100%; height: 100%; object-fit: cover; }
.login-avatar > a {
display: inline-flex;
align-items: center;
height: 26px;
padding: 0 12px;
border-radius: var(--r-pill);
font-size: 12px;
font-weight: 600;
color: var(--accent);
background: var(--accent-soft);
background-image: none;
border: 1px solid rgba(255,47,82,.3);
text-decoration: none;
}
.login-avatar > a:hover { color: #fff; background: var(--accent-grad); border-color: transparent; }
.login-menu { padding: 0 14px; display: grid; gap: 5px; margin: 0; }
.login-menu li { list-style: none; float: none; height: auto; line-height: normal; }
.login-menu a {
display: flex;
align-items: center;
gap: 10px;
float: none;
padding: 9px 13px;
border-radius: var(--r-sm);
font-size: 14px;
font-weight: 600;
color: var(--fg-muted);
background: var(--glass-light);
background-image: none;
border: 1px solid var(--glass-border);
text-decoration: none;
text-shadow: none;
transition: color .16s ease, background .26s ease, border-color .26s ease, transform .26s ease;
}
.login-menu a:hover {
color: var(--fg);
background: rgba(255,255,255,.09);
background-image: none;
border-color: var(--glass-hi);
transform: translateX(2px);
}
.login-menu a .fa { width: 16px; flex: none; font-size: 14px; opacity: .75; }
.login-menu .lm-count {
margin-left: auto;
font-size: 11px;
font-weight: 700;
padding: 2px 7px;
border-radius: var(--r-pill);
background: rgba(255,255,255,.08);
color: var(--fg-dim);
float: none;
}
.login-menu .lm-exit { color: var(--accent); }
.login-menu .lm-exit:hover { color: #fff; background: var(--accent-grad); border-color: transparent; }
.login-wallet {
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
margin: 0 14px 10px;
padding: 9px 13px;
border-radius: var(--r-sm);
background: rgba(255,176,32,.1);
border: 1px solid rgba(255,176,32,.3);
color: var(--warn);
font-size: 13px;
font-weight: 700;
}
.overlay-close {
position: absolute;
top: 14px;
right: 14px;
width: 28px;
height: 28px;
display: grid;
place-items: center;
border-radius: var(--r-pill);
background: var(--glass-light);
border: 1px solid var(--glass-border);
color: var(--fg-muted);
cursor: pointer;
font-size: 13px;
z-index: 2;
transition: all .26s ease;
}
.overlay-close:hover { color: #fff; background: var(--accent-grad); border-color: transparent; }
.login-form { padding: 16px 18px 6px; }
.login-input { margin-bottom: 10px; }
.login-input input {
width: 100%;
height: 42px;
padding: 0 14px;
border-radius: var(--r-sm);
background: var(--glass-light);
border: 1px solid var(--glass-border);
color: var(--fg);
font: inherit;
font-size: 14px;
}
.login-input input:focus { border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); }
.login-button button {
width: 100%;
height: 44px;
line-height: 1;
border-radius: var(--r-sm);
background: var(--accent-grad);
background-image: var(--accent-grad);
border: 0;
color: #fff;
font: inherit;
font-size: 15px;
font-weight: 700;
cursor: pointer;
}
.login-button button:hover { filter: brightness(1.07); }
.login-checkbox { margin: 10px 0; font-size: 13px; color: var(--fg-dim); }
.login-links {
display: flex;
justify-content: space-between;
gap: 12px;
font-size: 13px;
padding-top: 6px;
}
.login-links a { color: var(--fg-dim); }
.login-links a:hover { color: var(--accent); }
.login-links .log-register { color: var(--accent); font-weight: 600; }
.hs-plm { display: grid; gap: 12px; }
.hs-plm__tabs {
display: flex;
flex-wrap: wrap;
align-content: start;
min-height: 36px;
gap: 6px;
padding-bottom: 12px;
border-bottom: 1px solid var(--glass-border);
}
.hs-plm__tab {
display: inline-flex;
align-items: center;
gap: 6px;
height: 30px;
padding: 0 12px;
border-radius: var(--r-pill);
font: inherit;
font-size: 12.5px;
font-weight: 600;
line-height: 1;
color: var(--fg-muted);
background: var(--glass-light);
background-image: none;
border: 1px solid var(--glass-border);
cursor: pointer;
transition: all .26s ease;
}
.hs-plm__tab:hover { color: var(--fg); border-color: var(--glass-hi); }
.hs-plm__tab.is-on {
color: #fff;
background: var(--accent-grad);
border-color: transparent;
box-shadow: var(--sh-glow);
}
.hs-plm__tab b { font-weight: 700; opacity: .75; }
.hs-plm__items {
display: grid;
gap: 8px;
align-content: start;
min-height: 264px;
max-height: 46vh;
overflow-y: auto;
}
.hs-plm__item {
display: flex;
align-items: center;
gap: 11px;
padding: 8px;
border-radius: var(--r-sm);
background: var(--glass-light);
border: 1px solid var(--glass-border);
color: var(--fg-muted);
text-decoration: none;
transition: all .26s ease;
}
.hs-plm__item:hover { color: var(--fg); border-color: var(--glass-hi); transform: translateX(2px); }
.hs-plm__item img {
width: 40px;
height: 56px;
object-fit: cover;
border-radius: var(--r-xs);
flex: none;
background: var(--surface-2);
}
.hs-plm__t { flex: 1 1 auto; font-size: 13.5px; font-weight: 600; line-height: 1.3; }
.hs-plm__del {
width: 26px;
height: 26px;
display: grid;
place-items: center;
flex: none;
border-radius: var(--r-pill);
background: transparent;
background-image: none;
border: 1px solid var(--glass-border);
color: var(--fg-dim);
font: inherit;
font-size: 11px;
line-height: 1;
padding: 0;
cursor: pointer;
transition: all .26s ease;
}
.hs-plm__del:hover { color: #fff; background: var(--accent); border-color: transparent; }
.hs-plm__empty { padding: 26px; text-align: center; color: var(--fg-dim); font-size: 14px; }
.hs-plm__foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
padding-top: 12px;
border-top: 1px solid var(--glass-border);
font-size: 12px;
color: var(--fg-dim);
}
.hs-plm__share {
padding: 12px;
background: var(--surface-2, rgba(255, 255, 255, 0.03));
border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.08));
border-radius: var(--r-md, 10px);
}
.hs-plm__pub {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.hs-plm__descr {
flex: 1 1 200px;
height: 34px;
padding: 0 12px;
border-radius: var(--r-pill, 999px);
background: var(--glass-light, rgba(255, 255, 255, 0.05));
border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
color: #fff;
font-size: 13px;
box-sizing: border-box;
}
.chip.is-danger,
button.chip.is-danger {
background: rgba(235, 47, 75, 0.15) !important;
border: 1px solid rgba(235, 47, 75, 0.35) !important;
color: #ff4d6d !important;
transition: all 0.2s ease !important;
cursor: pointer;
}
.chip.is-danger:hover,
button.chip.is-danger:hover {
background: rgba(235, 47, 75, 0.9) !important;
border-color: transparent !important;
color: #fff !important;
box-shadow: 0 2px 10px rgba(235, 47, 75, 0.45) !important;
}
.xcat { padding: 4px 0 20px; }
.xcat__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid var(--glass-border);
}
.xcat__nav { display: flex; flex-wrap: wrap; gap: 6px; }
.xcat__nav .chip { text-decoration: none; }
.xcat__sort {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.xcat__sort-label { font-size: 12px; color: var(--fg-dim); }
button.xcat__sort-btn { height: 26px; padding: 0 10px; }
.xcat__search {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 20px;
}
.xcat__input {
flex: 1 1 260px;
height: 42px;
padding: 0 16px;
border-radius: var(--r-pill);
background: var(--glass-light);
border: 1px solid var(--glass-border);
color: var(--fg);
font: inherit;
font-size: 14px;
transition: border-color .26s ease, box-shadow .26s ease;
}
.xcat__input:focus { border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); }
.xcat__input::placeholder { color: var(--fg-dim); }
.xcat__found { font-size: 13px; color: var(--fg-dim); }
.xcat__group { margin-bottom: 28px; scroll-margin-top: 100px; }
.xcat__group.is-empty { display: none; }
.xcat__title {
display: flex;
align-items: center;
gap: 9px;
font-size: 17px;
font-weight: 700;
color: var(--fg);
margin-bottom: 12px;
padding-bottom: 10px;
border-bottom: 1px dashed var(--glass-border);
}
.xcat__title .fa { color: var(--accent); font-size: 15px; }
.xcat__n {
font-size: 11px;
font-weight: 700;
padding: 2px 8px;
border-radius: var(--r-pill);
background: var(--glass-light);
border: 1px solid var(--glass-border);
color: var(--fg-dim);
}
.xcat__chips { display: flex; flex-wrap: wrap; gap: 5px; }
.xcat-chip {
display: inline-flex;
align-items: stretch;
height: 28px;
border-radius: var(--r-pill);
overflow: hidden;
font-size: 12.5px;
font-weight: 600;
line-height: 1;
color: var(--fg-muted);
background: var(--glass-light);
border: 1px solid var(--glass-border);
transition: color .16s ease, border-color .26s ease, background .26s ease,
transform .26s ease, box-shadow .26s ease;
}
.xcat-chip:hover {
color: var(--fg);
border-color: var(--glass-hi);
transform: translateY(-1px);
}
.xcat-chip.is-hidden { display: none; }
.xcat-chip.is-filtered { display: none; }
.xcat-chip__link {
display: flex;
align-items: center;
padding: 0 5px 0 11px;
color: inherit;
text-decoration: none;
white-space: nowrap;
}
.xcat-chip__n {
display: flex;
align-items: center;
padding-right: 9px;
font-size: 10px;
font-weight: 700;
color: var(--fg-dim);
}
button.xcat-chip__add {
width: 22px;
min-width: 0;
height: auto;
line-height: 1;
display: grid;
place-items: center;
flex: none;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: rgba(255,255,255,.05);
background-image: none;
box-shadow: none;
color: var(--fg-dim);
font: inherit;
font-size: 14px;
font-weight: 700;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
transition: background .16s ease, color .16s ease;
}
button.xcat-chip__add:hover { background: #2ea36a; color: #fff; }
.xcat-chip.is-picked {
color: #fff;
border-color: transparent;
background: linear-gradient(118deg, #2ea36a, #35c07d);
box-shadow: 0 6px 18px -8px rgba(53,192,125,.7);
}
.xcat-chip.is-picked .xcat-chip__n { color: rgba(255,255,255,.75); }
.xcat-chip.is-picked .xcat-chip__add { background: rgba(0,0,0,.22); color: #fff; }
.xcat__empty {
padding: 40px 20px;
text-align: center;
color: var(--fg-dim);
font-size: 15px;
}
.xcat-bar {
position: fixed;
left: 50%;
bottom: 20px;
transform: translate(-50%, 20px);
z-index: 900;
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
max-width: min(760px, calc(100vw - 32px));
padding: 10px 14px;
border-radius: var(--r-pill);
background: var(--glass-strong);
-webkit-backdrop-filter: blur(var(--blur-lg)) saturate(180%);
backdrop-filter: blur(var(--blur-lg)) saturate(180%);
border: 1px solid var(--glass-border);
box-shadow: var(--sh-3);
opacity: 0;
pointer-events: none;
transition: opacity .26s ease, transform .26s cubic-bezier(.34,1.56,.64,1);
}
.xcat-bar.is-on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.xcat-bar__list { display: flex; flex-wrap: wrap; gap: 5px; flex: 1 1 auto; }
.xcat-bar__go {
display: inline-flex;
align-items: center;
gap: 7px;
height: 34px;
padding: 0 18px;
flex: none;
border-radius: var(--r-pill);
background: var(--accent-grad);
background-image: var(--accent-grad);
border: 0;
color: #fff;
font: inherit;
font-size: 13.5px;
font-weight: 700;
line-height: 1;
text-decoration: none;
cursor: pointer;
}
.xcat-bar__go:hover { color: #fff; filter: brightness(1.07); }
@media (max-width: 768px) {
.xcat__head { flex-direction: column; gap: 12px; }
.xcat-bar { left: 12px; right: 12px; transform: translateY(20px); max-width: none; }
.xcat-bar.is-on { transform: none; }
}
.gf__more {
display: flex;
align-items: center;
gap: 9px;
margin-top: 12px;
padding: 10px 13px;
border-radius: var(--r-sm);
font-size: 13px;
font-weight: 600;
color: var(--fg-muted);
background: var(--glass-light);
border: 1px dashed var(--glass-border);
text-decoration: none;
transition: color .16s ease, background .26s ease, border-color .26s ease;
}
.gf__more:hover {
color: #fff;
background: var(--accent-grad);
border-color: transparent;
border-style: solid;
}
.gf__more span { flex: 1 1 auto; }
.gf__more .fa { font-size: 13px; opacity: .8; }
.gf__more-arrow { flex: none; }
.xcat-chip.is-excluded {
color: #fff;
border-color: transparent;
background: linear-gradient(118deg, #b3283f, #d8384f);
box-shadow: 0 6px 18px -8px rgba(216,56,79,.7);
}
.xcat-chip.is-excluded .xcat-chip__n { color: rgba(255,255,255,.75); }
.xcat-chip.is-excluded .xcat-chip__minus { background: rgba(0,0,0,.22); color: #fff; }
.xcat-chip.is-excluded .xcat-chip__link { text-decoration: line-through; opacity: .85; }
button.xcat-chip__minus {
width: 22px;
min-width: 0;
height: auto;
line-height: 1;
display: grid;
place-items: center;
flex: none;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: rgba(255,255,255,.05);
background-image: none;
box-shadow: none;
color: var(--fg-dim);
font: inherit;
font-size: 14px;
font-weight: 700;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
transition: background .16s ease, color .16s ease;
}
button.xcat-chip__minus:hover { background: #b3283f; color: #fff; }
.xcat-chip__link { padding-left: 8px; }
.hs-gpick__list {
display: flex;
flex-wrap: wrap;
gap: 6px;
max-height: 240px;
overflow-y: auto;
padding: 10px;
margin-bottom: 12px;
border: 1px solid var(--glass-border);
border-radius: var(--r-md, 10px);
background: var(--surface-2);
}
.hs-gpick__empty {
font-size: 13px;
color: var(--fg-dim);
padding: 6px 2px;
}
button.hs-gchip {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
padding: 6px 10px;
border: 1px solid var(--glass-border);
border-radius: 999px;
background: var(--surface-1, rgba(255, 255, 255, .04));
color: var(--fg-muted);
font: inherit;
font-size: 13px;
line-height: 1.2;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
transition: background .16s ease, color .16s ease, border-color .16s ease;
}
button.hs-gchip:hover { border-color: var(--accent); color: #fff; }
button.hs-gchip.is-picked {
background: var(--accent-grad);
border-color: transparent;
color: #fff;
box-shadow: 0 2px 8px var(--accent-glow);
}
button.hs-gchip.is-off {
opacity: .42;
cursor: not-allowed;
text-decoration: line-through;
}
button.hs-gchip.is-off:hover { border-color: var(--glass-border); color: var(--fg-muted); }
.hs-gchip__n {
font-size: 11px;
color: var(--fg-dim);
font-variant-numeric: tabular-nums;
}
button.hs-gchip.is-picked .hs-gchip__n { color: rgba(255, 255, 255, .75); }
button.hs-gpick__own {
display: block;
width: 100%;
margin: 0 0 12px;
padding: 9px 12px;
border: 1px dashed var(--glass-border);
border-radius: var(--r-md, 10px);
background: none;
color: var(--fg-dim);
font: inherit;
font-size: 13px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
transition: color .16s ease, border-color .16s ease;
}
button.hs-gpick__own:hover { color: var(--accent); border-color: var(--accent); }
.hs-gpick__custom { margin-bottom: 4px; }