/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative; overflow: clip; padding-top: 20px;}
.wrapper__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper__container--main {background-color: var(--bg-darker-2); border-radius: 12px;}
.header {position: relative; z-index: 50;}
.header__sub {padding: 10px var(--indent);}
.header__main {background: var(--gr-brown); border-radius: 8px; padding: 20px var(--indent); margin: 0 var(--indent); 
	box-shadow: var(--bsh), inset 0 0 0 1px rgba(255,255,255,0.4), inset 0 0 10px 0 rgba(255,255,255,0.5);}
.cols {display: grid; grid-template-columns: 280px minmax(0,1fr) 220px; 
	grid-template-areas: "sl ct sr"; padding: 40px var(--indent);}
.cols__content {grid-area: ct; min-height: 80vh; position: relative; z-index: 5;}
.cols__sidebar-left {grid-area: sl; gap: 20px; position: relative; z-index: 10; padding-right: var(--indent);}
.cols__sidebar-right {grid-area: sr; gap: 20px;}
.footer {padding: 40px var(--indent); color: #ccc; font-size: 12px; text-transform: uppercase;}
.footer a, .footer span {color: var(--yellow);}
.footer__menu {font-size: 14px; line-height: 1; margin-top: 10px; text-transform: none;}
.footer li + li {border-left: 1px solid var(--yellow); padding-left: 10px; margin-left: 10px;}
.cols--db {display: block;}
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); cursor: pointer; display: none;}
.overlay__close {width: 30px; height: 30px; border-radius: 50%; position: absolute; right: 10px; top: 10px; 
	 background-color: #eee; background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2));
  box-shadow: 0 0 2px rgba(0,0,0,.5); text-shadow: 1px 1px 1px #fff; color: var(--tt-fade);}
.scrolltop {position: fixed; width: 74px; height: 52px; left: 16px; bottom: 16px; padding: 0; background-color: #666;
	z-index: 990; border-radius: 5px; font-size: 18px; opacity: 0; scale: 0 0; 
	box-shadow: 0 0 5px rgba(0,0,0,.5); gap: 0; font-size: 12px; line-height: 1;}
.scrolltop.is-active {scale: 1 1; opacity: 0.8;}
.scrolltop::before {font-size: 40px; margin-bottom: -5px; margin-top: -7px;}



/* HEADER
----------------------------------------------- */
.header__stat {text-transform: uppercase; font-size: 12px; color: var(--tt-colored); text-shadow: 1px 1px 0 hsla(0,0%,100%,.9);}
.header__stat span {font-weight: 600;}
.soc__btn {width: 30px; aspect-ratio: 1/1; border-radius: 50%; background-color: #597da3; box-shadow: var(--bsh); color: #fff;
	background-image: linear-gradient(0deg,transparent,hsla(0,0%,100%,.5)); background-repeat: no-repeat; font-size: 16px;}
.soc__btn.app {background-color: #0088cc; font-size: 18px;}
.header__btns {padding: 5px; border-radius: 8px; background-color: rgba(0,0,0,0.4);}
.header__btn {background-color: #4c2924; color: #fff; border-radius: 4px; box-shadow: inset 0 0 1px #6d463d; 
	  background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2)); text-shadow: 0 -1px 0 rgba(0,0,0,.5);}
.header__btn::before {color: var(--yellow);}
.header__logo {display: block; width: 334px; height: 53px;}
.dt .theme-switcher::before {content:"\f755";}

.search-block {position: relative; background-color: rgba(0,0,0,0.4); padding: 5px; border-radius: 8px;}
.search-block__input, .search-block__input:focus {padding: 0 60px 0 15px; border: 0;
	background-color: #4c2924; color: #fff; border-radius: 4px; box-shadow: inset 0 0 1px #6d463d;}
.search-block__input:focus {background-color: #fff; color: #000;}
.search-block__input:not(:focus)::placeholder {color: #fff; opacity: 0.5;}
.search-block__btn {position: absolute; right: 5px; top: 5px; height: 40px; 
	font-size: 18px; width: 50px; border-radius: 0 4px 4px 0; color: var(--yellow); background-color: #4b2924; 
	background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2));}
.pos-se {width: 30px;height:30px; margin-right: 35px;}
.pos-title {bottom: 17px; position: relative; list-style: none; margin-left: 40px;}
/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 40px;}
.list-h {padding: 10px 5px!important; text-align: center; margin-bottom: 4px; margin-top: -16px!important; border-radius: 10px!important;}
.sect--bg {border-radius: 8px; overflow: hidden; box-shadow: var(--bsh); background-color: var(--bg); position: relative; padding-bottom: 20px;}
.sect__header {margin-bottom: 20px; overflow: hidden;}
.sect__title {font-size: 18px; font-weight: 400; color: #fff; padding: 10px 20px; 
	background: var(--gr-purple); border-radius: 0 0 8px 0; text-shadow: 0 1px 0 rgba(0,0,0,.25); position: relative;}
.sect__title--yellow {background: var(--gr-yellow);}
.sect__title::after {content: ''; width: 30px; height: 30px; border-radius: 50%; background-color: transparent; 
	position: absolute; left: 100%; top: 0; box-shadow: -15px -15px #c01462;}
.sect__title--yellow::after {box-shadow: -15px -15px #f7c33c;}
.sect__title:has(.ws-nowrap) {max-width: 76%;}
.sect--bg .sect__content {padding: 0 var(--indent);}
.sect__content + .sect__header {border-top: 1px solid var(--bdc); margin-top: 20px;}
.sect--bg-corner {border-top-right-radius: 0;}
.sect__content:has(.rempad) {padding: 0;}
.sect:has(.rempad) > .sect__header {display: none;}
.sect__ctrl {position: absolute; right: 20px; top: 20px;}
.sect__ctrl button, .sect__ctrl a {padding: 0; aspect-ratio: 1/1; height: 28px; border-radius: 4px; font-size: 14px; 
	  background-color: #eee; box-shadow: 0 0 2px rgba(0,0,0,.5); color: #2b2521; text-shadow: 1px 1px 1px #fff;
  background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2));}
.sect__grid-select {border-radius: 4px; overflow: hidden; box-shadow: 0 0 2px rgba(0,0,0,.5);}
.sect__grid-select button {box-shadow: none; border-radius: 0;}
.sect__grid-select button:first-child {border-right: 1px solid rgba(0,0,0,.4);}
.sect__grid-select button.is-active {opacity: 0.3;}

.descr {display: grid; gap: 15px; padding: 0 var(--indent); text-align: justify;}
.descr :is(h1,h2,h3) {font-size: 18px; font-weight: 600; text-align: center;}
.descr a {text-decoration: underline; color: var(--accent);}


/* LINE
----------------------------------------------- */
.sv.sv-menu:disabled,
.sv.sv-layout[disabled="disabled"] {
    opacity: 0.5;
}
.line {padding: 5px 5px; margin: 0 9px;}
.line:nth-child(2n+1) {background-color: var(--bg-darker);}
.line span {font-weight: 600;}
.line__right {color: var(--tt-fade); font-size: 12px;}
.fontu {display: block; padding-right: 4px; position: absolute; left: 10px; height: 20px; width: 20px; text-align: center;}
.favourite {color: #ff5001;}
.abandoned {color: #8670d6;}
.seen {color: #aa3131;}
.watching {color: #4dae2a;}
.will-watch {color: #1f80ba;}

/* SIDE TABS
----------------------------------------------- */
.sb-tabs {background-color: var(--bg-darker); border: 1px solid var(--bdc); 
	border-radius: 0 8px 8px 0; overflow: hidden; position: relative; top: -2px;}
.sb-tabs__select {border-bottom: 5px solid var(--accent); background: rgba(255,255,255,0.4); gap: 1px;}
.sb-tabs__btn {background: var(--gr-grey-invert); font-size: 12px; color: var(--tt-fade); border-radius: 0;
	padding: 0 10px; text-shadow: 1px 1px 0 hsla(0,0%,100%,.9); flex-grow: 1;}
.sb-tabs__btn.is-active {background: var(--gr-purple); color: #fff; text-shadow: none;}
.sb-tabs__content {gap: 20px; grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); padding: 20px var(--indent);}
.sb-tabs__content:not(.d-none) {display: grid;}


/* SIDE LIST
----------------------------------------------- */
.sb-btns .btn {height: 32px; text-shadow: 0 0 0 hsla(0,0%,100%,.9); box-shadow: var(--bsh); margin-bottom: 2px;
	background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2)); border-radius: 6px;}
.sb-btns .btn:first-child {height: 40px; background-color: var(--brown);}
.sb--bg {background-color: var(--bg-darker); border-radius: 6px; position: relative; 
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); border: 3px solid rgba(0,0,0,.3);}
.sb__header {background-color: var(--brown); background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2)); 
	padding: 10px 20px; color: #fff; border-radius: 3px; position: relative;}
.sb--bg .sb__header {border-radius: 3px 3px 0 0;}
.sb__label {background-image: linear-gradient(0deg,transparent 0,rgba(0,0,0,.1) 70%,transparent);
	border-radius: 3px; box-shadow: 0 1px 5px 0 rgba(0,0,0,.5); background-color: var(--yellow); color: #000; 
	position: absolute; left: 25px; bottom: 100%; translate: 0 50%; font-size: 12px; padding: 1px 5px;}
.alphabet {display: grid; gap: 6px; grid-template-columns: repeat(6,1fr); padding: 5px;}
.alphabet__btn {width: 100%; height: auto; aspect-ratio: 1/1; background-color: #eee; font-style: italic;
  background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2)); color: #666; padding: 0; font-size: 15px;
  border-radius: 2px; box-shadow: 0 0 2px rgba(0,0,0,.5); text-shadow: 1px 1px 1px #fff; border-radius: 4px;}
.alphabet__btn.is-active {background-color: var(--brown); color: var(--yellow); text-shadow: none; font-style: normal;}
.fltr {padding: 10px;}

.sb-list {margin-top: -10px;}
.list {padding: 5px 0; font-weight: 600;}
.list:nth-child(2n) {background-image: linear-gradient(90deg,transparent 0,hsla(0,0%,95%,.5) 20%,hsla(0,0%,95%,.5) 50%,transparent);}
.list__desc {border-radius: 12px; box-shadow: var(--bsh); background-color: rgba(0,0,0,.8); color: #fff; font-size: 13px; 
	padding: 20px; position: absolute; left: 100%; top: 50%; translate: 0 -50%; width: 440px; font-weight: 400; pointer-events: none;}
.list__desc::after {content: ''; position: absolute; right: 100%; top: 50%; translate: 0 -50%; 
	border: 10px solid transparent; border-right-color: rgba(0,0,0,.8);}
.list__img {width: 90px; border-radius: 8px; box-shadow: var(--bsh);}
.list__desc .page__list {margin-top: 10px;}
.list__desc .page__list li {margin: 0;}
.list__desc .page__list, .list__desc .page__list a {color: var(--yellow); text-decoration: none;}
.list__desc .page__list li > div:first-child {color: silver; font-weight: 400;}
.list__desc .dn {display: none;}
.list__desc .list__text1 {display: -webkit-box; -webkit-line-clamp: 10; line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden;}
.list__desc.fal {justify-content: center; align-items: center; font-size: 50px; padding: 100px; color: var(--yellow);}


/* POSTER
----------------------------------------------- */
.poster {display: block; overflow: hidden; position: relative; border-radius: 6px; box-shadow: var(--bsh);}
.pgs-mark_line-set {display: block; position: absolute; width: 40px; height: 40px; right: -6px; top: 6px;}
.poster__label-new {position: absolute; left: 0; right: 0; top: 0; z-index: 3; text-transform: uppercase; padding: 5px;
	text-align: center; background-color: var(--accent); color: #fff; font-size: 12px; font-weight: 600;}
.poster__label {position: absolute; left: 5px; top: 10px; z-index: 5; text-transform: uppercase; text-align: center;  
	font-size: 12px; font-weight: 600; min-width: 34px; padding: 0 6px; border-radius: 4px; 
	background-color: rgba(0,0,0,0.75); color: var(--yellow); border: 2px solid var(--yellow);}
.poster__label--hd, .poster__label--fhd {right: 5px; left: auto;}
.poster__img:has(.poster__label-new) .poster__label {top: 32px;}
.poster__desc {position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; padding: 10px;
	background-color: rgba(0,0,0,0.75); color: #fff; text-align: center; gap: 3px;}
.poster__title {font-weight: 600;}
.poster__title-original {font-size: 12px; color: #b1b1b1;}
.poster__season {font-size: 12px; color: var(--yellow); font-weight: 600;}
.poster__series {font-size: 12px;}
.poster__btn {height: 30px; align-self: center; font-size: 12px; padding: 0 10px; margin-top: 10px;}
.poster:not(:hover) .poster__desc {translate: 0 40px;}
.sect__content.img .allser{position: relative; left: 0; top: 0px; z-index: 7; background: url(/uploads/lasted.svg?v1); width: 50px; height: 50px; display: block; border-top-left-radius: 9px;}
.sect__content.img .soons {display:block;position: relative;left:107px;top: 0;z-index: 7;border-top-right-radius: 6px;background: url('/uploads/soon.svg');width: 50px;height: 50px;}
.page__img.img-block .allser{position: relative; left: 0; top: 0; z-index: 7; background: url(/uploads/lasted.svg?v1); width: 50px; height: 50px; display: block; border-top-left-radius: 6px;}
/* SHORT STORY
----------------------------------------------- */
.short__img {float: left; margin: 0 20px 0 0; border-radius: 6px; box-shadow: var(--bsh); width: 100px;}
.short__title {font-weight: 600; color: var(--accent);}
.short__text {margin-top: 5px; font-size: 13px;}
.short__title span {font-size: 13px; color: var(--tt); font-weight: 400;}
.short__original {font-size: 12px; color: var(--accent); margin-top: 2px;}


/* PAGINATION
----------------------------------------------- */
.pagination {gap: 20px 10px;}
.pagination__pages a, .pagination__pages span, .pagination > a, .pagination > span 
{display: grid; place-items: center; color: var(--tt-fade);
	height: 30px; min-width: 30px; padding: 0 10px; border-radius: 0; 
	background-color: #eee; background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2));}
.pagination__pages {gap: 1px; font-size: 14px; background-color: #fff; border-radius: 6px; overflow: hidden;}
.pagination__pages span:not(.nav_ext) {color: #fff; background: var(--accent);}
.pagination__pages span.nav_ext {background: var(--gr-grey-invert);}


/* INNER PAGE
----------------------------------------------- */
.page .sect {margin-bottom: 20px;}
.page__main {padding: 20px; overflow: visible;}
.page__back1 {position: absolute; right: 0; top: 0; border-top-right-radius: inherit; overflow: hidden; padding-left: 30px;}
.page__back {border-radius: 0 0 0 8px;}
.page__back::after {box-shadow: 15px -15px #f7c33c; right: 100%; left: auto;}
.page__poster {width: 220px; border-radius: 6px; box-shadow: var(--bsh); overflow: hidden;}
.page__poster-continue {text-align: center; font-size: 12px; padding: 10px; background: var(--brown); color: #fff;}
.page__img .poster__label {bottom: 10px; top: auto;}
.page__img-top {padding: 3px; width: 200px; text-align: center; rotate: -45deg; position: absolute; left: 0; top: 0; 
	background-color: var(--yellow); color: #000; box-shadow: var(--bsh); translate: -76px 10px; font-size: 12px;}
.page__img a {display: block;}

.page__desc h1 {font-size: 18px; font-weight: 600;}
.page__list li > div:first-child {font-weight: 600;}
.page__list a {text-decoration: underline; color: var(--accent);}
.page__list-mb {margin-bottom: 8px;}
.page__list-age .flex-1 {color: #ff7600;}
.page__list-rating span {font-weight: 600; color: var(--accent);}
.page__list-rating .sv {font-size: 12px; gap: 3px; display: flex; align-items: center;}
.page__list-tags a {display: flex; padding: 0 6px; height: 28px; display: flex; align-items: center; text-transform: lowercase;
	background-color: #666; color: #fff; font-size: 12px; position: relative; gap: 5px;
	border-radius: 1em 5px 5px 1em; box-shadow: 0 0 1px #980c3d; text-decoration: none;}
.page__list-tags a::before {content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: var(--bg);}

.page__actors-title {font-weight: 600; color: var(--accent); margin-bottom: 18px;}
.page__actors-title::after, .page__actors-title::before {content: ''; height: 2px; width: 100px; background: var(--accent);}
.page__actors {display: grid; grid-template-columns: repeat(2,1fr); gap: 10px 20px; font-weight: 600;}
.act__img {width: 40px; border-radius: 50%; transition: border-radius 0.15s linear;}
.act__img-zoom {position: absolute; bottom: 130%; left: 50%; translate: -50% 0; box-shadow: var(--bsh); 
	border-radius: 8px; padding: 8px; background-color: var(--bg-black); width: 160px; pointer-events: none;}
.act__img-zoom::before {content: ''; position: absolute; left: 50%; top: 100%; translate: -50% 0; 
	border: 10px solid transparent; border-top-color: var(--bg-black);}
.act__img-zoom img {position: relative; border-radius: 4px;}
.act.bottom .act__img-zoom {top: 130%; bottom: auto;}
.act.bottom .act__img-zoom::before {bottom: 100%; top: auto; border-bottom-color: var(--bg-black); border-top-color: transparent;}

.page__seas-capt {border-radius: 8px 8px 0 0; box-shadow: 0 -1px 1px rgba(0,0,0,.5); display: inline-block;
	background-color: var(--bg); padding: 10px 20px; font-size: 14px; font-weight: 600; position: relative; z-index: 3; bottom: -1px;}
.page__seas-item {font-weight: 600;}
.page__seas-date {color: var(--accent);}
.page__seas-days {font-size: 12px; margin-top: 2px;}
.page__seas-capt + .sect--bg {border-top-left-radius: 0; padding: 20px;}

.page__related .sect__content {display: grid; gap: 20px; grid-template-columns: repeat(auto-fill,minmax(min(50%,560px),1fr));}
.rel__img {float: left; margin: 0 20px 0 0; border-radius: 6px; box-shadow: var(--bsh); width: 100px;}
.rel__title {font-weight: 600; margin-bottom: 3px;}
.rel__text {font-style: italic; color: var(--accent); font-size: 13px;}

.page__player {position: relative; padding: 20px;}
.page__player .tabs-block__select {gap: 5px;}
.page__player .tabs-block__select button, .page__complaint a {background: #000; color: #fff; height: 30px; 
	border-radius: 4px 4px 0 0; font-weight: 600; gap: 8px; padding: 0 10px;}
.page__player .tabs-block__select button.is-active, .page__player .tabs-block__select button:hover {background: var(--accent); color: #fff;}
.page__complaint a {display: flex; align-items: center;}
.nl .page__player-controls + .tabs-block__content {display: block;}
.page__player .tabs-block__select button::before {font-size: 12px;}

.page__tabs {border-radius: 8px; overflow: hidden; background-color: var(--bg-darker);}
.page__tabs-header {background: var(--gr-grey-invert); border-bottom: 5px solid var(--accent); padding-right: 20px;}
.page__tabs-btn {background: none; color: var(--tt-fade-0); text-shadow: 1px 1px 0 hsla(0,0%,100%,.9); border-radius: 0;}
.page__tabs-btn.is-active {background: var(--gr-purple); color: #fff; text-shadow: none;}
.page__tabs-btn + .page__tabs-btn {border-left: 1px solid rgba(255,255,255,0.9);}
.page__tabs-content {border: 1px solid var(--accent); border-top: 0; border-radius: 0 0 8px 8px; padding: 40px;}
.page__tabs-toggle {background: none; color: var(--accent); padding: 0; 
	height: auto; border-bottom: 1px dotted var(--accent); gap: 5px;}
.page__tabs-toggle::before {content: '\25B2'; order: 10;}
.page__comms-info {margin: 0 auto; margin-bottom: 40px; max-width: 800px; border-radius: 6px; 
	border: 2px solid var(--bdc); text-align: center; font-weight: 600; padding: 10px;}
.page__comms-info span {color: var(--accent); text-decoration: underline; cursor: pointer;}
.page__tabs-toggle-2 {cursor: pointer; text-decoration: underline; text-align: center; 
	color: var(--accent); padding: 10px; display: none;}
.page__tabs--revs {background-color: var(--bg);}
.is-hide .page__tabs-toggle-2 {display: block;}
.is-hide .page__tabs-content, .page__related2.is-hide .sect__content {display: none;}
.is-hide .page__tabs-toggle::before {rotate: 180deg;}
.is-hide {background-color: var(--bg);}
.page__related2.is-hide .page__tabs-toggle-2 {margin: -20px 0;}

.page__comms-list {max-width: 900px; margin: 0 auto;padding: 10px;}
.comm {margin-bottom: 16px; gap: 20px;}
.comm__img {width: 50px; border-radius: 5px; box-shadow: var(--bsh); 
	  background-color: var(--bg); border: 1px solid #bbb; padding: 1px;}
.comm__img.prem {padding: 2px; background: #f5b50c; box-shadow: 0 0 5px #f5b50c;}
.comm__img img {height: auto; position: static; aspect-ratio: inherit; border-radius: 4px;}
.comm__desc {border-radius: 6px; background-color: var(--bg); box-shadow: var(--bsh); padding: 12px; position: relative;}
.comm__desc::before, .comm__desc::after {content: ''; border: 9px solid transparent; border-right-color: var(--bg); 
	position: absolute; right: 100%; top: 19px; z-index: 3;}
.comm__desc::after {z-index: 2; margin-right: 1px; border-right-color: rgba(0,0,0,.3);}
.comm__meta::before {opacity: 0.5; margin-right: -2px; font-size: 12px;}
.comm__author, .comm__title, .comm__author a {font-weight: 600; color: var(--accent);}
.comm__comms, .comm__date {font-size: 12px; color: var(--tt-fadest);}
.comm:has(.ratingminus):not(:hover) .comm__desc {opacity: 0.2;}
.comm__rating {font-weight: 600; margin-top: 5px; gap: 3px;}
.comm__rating a {color: green; font-size: 12px; opacity: 0.8;}
.comm__rating a:last-child {color: var(--accent);}
.comm__ctrl {opacity: 0; font-size: 12px; --tt: var(--accent); margin: -11px 0;}
.rev + .rev {padding-top: 20px; margin-top: 20px; border-top: 1px solid var(--accent);}
.rev__img {width: 50px; border-radius: 6px; float: left; margin: 0 10px 10px 0;}
.rev__text {font-size: 13px; margin-top: 5px;}
.rev__author, .rev__author a {font-weight: 600; color: var(--accent); text-decoration: underline;}
.rev__comms, .rev__date {font-size: 12px; color: var(--tt-fade-0);}
.rev__date {text-align: right;}

.page__posters:not(.d-none) {display: grid; grid-template-columns: repeat(4,1fr); gap: 10px;}
.page__posters > * {display: block; justify-self: center;}
.page__posters img {display: block; height: 230px; border-radius: 6px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,.3);}
.page__as-list {flex-direction: column-reverse; counter-reset: n;}
.page__as-caption {font-weight: 600; margin-bottom: 5px;}
.page__as li::before {content: counter(n)'.'; counter-increment: n; font-weight: 600; color: var(--accent); 
	position: absolute; left: 0; top: -2px; font-size: 16px;}
.page__as-list .done span {text-decoration: line-through;}
.page__as-list li {font-size: 13px; color: var(--tt-fade-0); position: relative; padding-left: 20px; margin-left: 30px;}
.page__as-list li span {font-size: 14px; color: var(--tt);}
.page__as-item +  .page__as-item {margin-top: 20px;}
.page__as {padding-left: 200px;}
.page__tabs:has(.page__as:not(.d-none)), .page__tabs:has(.page__posters:not(.d-none)) {background-color: var(--bg);}

.apage__content {padding: 0 20px;}
.spage__caption {margin-bottom: 20px;}
.apage__img {width: 200px; border-radius: 8px; box-shadow: var(--bsh); margin: 0 auto;}
.apage__title {font-size: 14px; font-weight: 600; text-align: center; margin: 10px 0 20px 0;}

.page__related2 .sect__content {padding: 0px 100px; display: grid; gap: 20px; grid-template-columns: repeat(7,1fr);}
.rel2 {display: block; overflow: hidden; position: relative; border-radius: 6px; box-shadow: var(--bsh);}
.rel2__title {position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; padding: 10px;
	background-color: rgba(0,0,0,0.75); color: #fff; text-align: center; gap: 3px;}
.rel2:not(:hover) .rel2__title {translate: 0 100%;}
.page__related2 .page__tabs-toggle {margin-right: 20px;}

.soc-channels__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 5px 20px 0 55px;
    height: 40px;
    overflow: hidden;
    background-color: #2daae1;
    color: #fff !important;
    box-shadow: var(--bsh-2);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    /* border-radius: 4px; */
    display: inline-block;
}

.soc-channels__item::before {content: ''; width: 40px; height: 40px; background-color: rgba(0,0,0,0.2); 
    position: absolute; left: 0; top: 0; background-position: center center; background-size: 20px; background-repeat: no-repeat;}
.telega::before {
    background-size: 17px;background-image: url(../images/tlg.svg);}

.telega__full .telega::before {    width: 35px;
    height: 30px;}

.telega__full{
	position: absolute;
	right: 43%;
	top: 19px;
}
.telega__full .telega {
    height: 30px;
    line-height: 30px;
    padding: 0px 10px 0 45px;
    animation: glowing 1300ms infinite;
}
@keyframes glowing {
      0% { background-color: #2daae1; box-shadow: 0 0 5px #2daae1; }
      50% { background-color: #3dc4ff; box-shadow: 0 0 20px #3dc4ff; }
      100% { background-color: #2daae1; box-shadow: 0 0 5px #2daae1; }
}

/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.page__title {margin-bottom: 30px; font-size: 24px;}
.full-text {line-height: 1.4; font-size: 14px; word-wrap: break-word;}
.full-text a {text-decoration: underline; color: var(--ui-accent);}
.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table {margin-bottom: 25px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text > ul li, .full-text > ol li {padding-left: 60px; position: relative;}
.full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	border: 3px solid var(--accent); position: absolute; top: 6px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #fff; 
	position: absolute; top: -3px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 600;
	display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent); 
	position: absolute; left: 41px; top: -3px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;}
.full-text table, .video-inside > * {width:100%;}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {padding-top: 60%; position: relative; background-color: #000;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px; margin-bottom: 20px;}
.page__poster-continue{display: flex;}
.rating{}
.nums {width: 39px;
    font-size: 14px;
    margin-left: 10px;
    background: #301c19;
    border-radius: 7px;
    padding: 0px 9px;
    font-weight: 700;}

/* COMMENTS
----------------------------------------------- */
.ac-emoji {display: flex ; margin: 5px 0 -5px; list-style: none; user-select: none; overflow: auto; padding: 0 0 5px; scrollbar-color: #777 #ccc; scrollbar-width: thin; background:var(--gr-grey-invert);}
.ac-emoji li {margin: 4px .6% 6px; cursor: pointer; transition: transform .1s; font-size: 20px;}
.ac-emoji li:hover{transform: scale(1.5);}
.page__comments {margin-top: 0px;}
.page__comments-info {color: var(--tt-fade); display: block; margin: 5px 0 20px; font-size: 14px; padding-left: 23px; position: relative;}
.page__comments-info::before {color: var(--red); position: absolute; left: 0; top: 2px;}
.page__ac {margin-bottom: 40px;}
.ac-form {position: relative; margin-bottom: 40px;}
.ac-form__header, .ac-form__editor, .ac-form .message-info {gap: 10px; margin-bottom: 10px;}
.ac-form__btn {padding: 0 60px;}
.ac-form__bottom {gap: 25px;}
.confidential-check {font-size: 14px;}
.ac-form__header > span {margin-left: 15px;}
.ac-form .comments_subscribe {margin-top: 0px;}

.ac-toggle.ac-form {cursor: pointer;}
.ac-form__header input, .ac-form__editor textarea {background-color: rgba(0,0,0,0.2);}
.ac-form__editor .bb-editor textarea {height: 160px; line-height: 1.4; padding-bottom: 40px;font-size:19px;}
.comments_subscribe + br, .ac-form .bb-editor + br {display: none;}
.ac-toggle .has-checkbox {display: none;}
.mass_comments_action {display: none;}
.comm__title a {font-size: 14px; font-weight: 600; color: var(--accent);}

.comm__action {font-size: 12px; --tt: var(--tt-fade);}
.comm__ctrl-btn {font-size: 18px; height: 30px; --tt: var(--accent-2);}
.comm__ctrl-menu li + li {margin-top: 10px;}
body:has(.pwidget) #dropmenudiv {z-index: 1000 !important;}


/* POPUP WIDGET
----------------------------------------------- */
.pwidget {background-color: var(--bg); color: var(--tt); 
	border-radius: 20px; overflow: hidden; z-index: 999; padding: 20px; padding-top: 24px; 
	position: fixed; left: 20px; bottom: 20px; right: 20px; box-shadow: 0 0 60px rgba(0,0,0,0.5);}
.pwidget::before {content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); 
	background-color: rgba(0,0,0,0.2); height: 4px; width: 40px; border-radius: 2px;}
.pwidget .wctrl__content {display: block; margin-bottom: 20px;}
@media screen and (min-width: 760px) {
	.pwidget {left: 50%; bottom: 50%; right: auto; translate: -50% 50%; width: 400px;}
	.pwidget::before {display: none;}
}


/* LOGIN
----------------------------------------------- */
.lgn {position: fixed; z-index: 999; left: 50%; top: 50%; translate: -50% -50%; width: 300px; max-width: calc(100% - 40px); background-color: var(--bg); border-radius: 8px;}
.lgn__content {padding: 20px;}
.lgn__input input {height: 34px; line-height: 34px; border-radius: 5px; padding: 0 10px;}
.lgn__btn button {box-shadow: var(--bsh); font-weight: 600; height: 40px;}
.lgn__social:not(:has(a)) {display: none;}
.lgn__social a {height: 32px; padding-left: 42px; background: url(../images/lgn.png) 0 -192px no-repeat;}
.lgn__ctrl a {text-decoration: underline; color: var(--accent);}

.lgn2__btn {padding-left: 0; overflow: hidden;}
.lgn2__avatar {width: 40px;}
.lgn2__menu {width: 240px; position: absolute; left: 0; top: 100%; z-index: 10; border-radius: 8px;	display: none;
	background-color: rgba(0,0,0,.8); --tt: silver; box-shadow: var(--bsh); padding: 20px; padding-bottom: 40px;}
.lgn2__menu-list a {height: 28px; gap: 10px;}
.lgn2__menu-list a:before {color: var(--yellow); width: 1.2em;}
.lgn2__name {padding-bottom: 12px; margin-bottom: 12px; position: relative; color: var(--yellow);}
.lgn2__name::after {content: ''; position: absolute; left: 0; bottom: -1px; height: 3px; width: 45px; background: var(--yellow);}
.lgn2__exit {position: absolute; right: 0; bottom: 0; border-radius: 8px 0 8px 0; font-size: 14px; padding: 0 10px; 
	background-color: var(--yellow); box-shadow: inset -1px -1px 1px rgba(0,0,0,.5); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.3); height: 30px;}


.fltr__row {gap: 5px;}
.fltr__cell-decor, .fltr__submit button {color: #2b2521; background-color: #eee; border: 1px solid #dedede; 
  background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2)); border-radius: 4px; padding: 0; font-size: 12px;
  box-shadow: 0 0 2px rgba(0,0,0,.4); text-shadow: 1px 1px 1px #fff; height: 30px; position: relative;}
.fltr__cell-square, .fltr__submit .fal {aspect-ratio: 1/1; display: grid; place-items: center; padding: 0; padding-bottom: 1px;}
.fltr__cell-square input, .fltr__radio-group input, .fltr__check-2 input, .fltr__check-1 input {position: absolute; inset: 0; opacity: 0; cursor: pointer;}
.fltr__cell select {height: 30px; line-height: 30px; width: 100%; text-align: center; cursor: pointer; border: 0;
	color: inherit; background: none; text-shadow: inherit; font-size: 12px; padding: 0; padding-right: 15px;}
.fltr__cell-square span {font-size: 24px; display: block; line-height: 1;}
.fltr__radio-group {overflow: hidden;}
.fltr__radio-group .fltr__radio {font-size: 12px; flex-grow: 1; display: grid; place-items: center; 
	background: none; box-shadow: none; border: 0; border-radius: 0; font-weight: 600;}
.fltr__radio-group .fltr__radio:not(:last-child) {border-right: 1px solid rgba(0,0,0,.3);}
.fltr__radio-group .fltr__radio:not(:last-child):has(:checked) {border-right: 1px solid rgba(0,0,0,.1);}
.fltr__check:not(:has(:checked)), .fltr__radio:not(:has(:checked),button) {opacity: 0.4;}
.fltr__select::after {font-weight: 300; font-family:'Font Awesome 5 Pro'; content:"\f107"; 
	position: absolute; top: 50%; right: 10px; translate: 0 -50%;}
.fltr__check2 {font-size: 12px;}
.fltr:not(:has(#zar:checked)) .fltr__check2-opacity {opacity: 0.4;}
.fltr [data-text]::before {content: attr(data-text); box-shadow: var(--bsh); background-color: rgba(0,0,0,.8); color: #fff; 
	font-size: 13px; border-radius: 8px; white-space: nowrap; padding: 10px; position: absolute; 
	left: 50%; bottom: 120%; translate: -50% 0; text-shadow: none;}
.sb__header--select {padding: 0; border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); isolation: isolate; margin: 3px;} 
.sb__header--select select {background: none; color: inherit; padding: 10px 20px; text-align: center; font-size: inherit; 
	height: auto; line-height: 1.5; box-shadow: none; border: 0; cursor: pointer;}
.sb__header--select::before {content: ''; z-index: -1; position: absolute; inset: -3px; background: rgba(0,0,0,.3); border-radius: 6px;}
.sb__header--select::after {border-bottom-right-radius: 4px; border-left: 1px solid hsla(0,0%,40%,.5);
	border-top-right-radius: 4px; color: #fff; content: "\25BC"; display: block; padding: 10px;
	position: absolute; right: 0; top: 0; z-index: 1; pointer-events: none;}
.fltr__dop {cursor: pointer; color: var(--accent); font-size: 12px; text-align: center;}
.fltr__radio-group .fltr__cell-square {font-weight: 400;}
.ltl, .ltl span {font-size: 16px !important;}
.fltr__dop-hdn {padding: 10px;}
.fltr__check-2, .fltr__check-1 {position: relative;}
.fltr__check-1 {text-transform: uppercase; font-style: italic; font-weight: 600; color: var(--tt-fade-0);}
.fltr__check-2 {color: var(--accent); font-size: 18px;}
.fltr__row.c-gap-10 {gap: 10px;}
.fltr__row.c-gap-20 {gap: 20px;}
.fltr__check-1:has(:checked) {color: var(--yellow);}
.fltr__check-2:has(:checked) {color: var(--tt-fade-0);}
.fltr__dop:hover {text-decoration: underline;}
.fltr__submit button:hover {background-image: linear-gradient(360deg,transparent 0,rgba(0,0,0,.2));}
  .sb__header--select select option {color: var(--tt);}
.dt .fltr__cell-decor, .dt .fltr__submit button {color: #ccc; background: var(--bg); border: 0px solid #111; text-shadow: none;}
.dt .filter select {background: none !important;}

/* letter filter loader  */
.lside-serial {padding-top:15px}
.sv-load, #loading-layer {
    color: #980c3d;
    font-size: 5rem;
    height: 5rem;
    line-height: 5rem;
    margin: 1rem auto;
    position: relative;
    text-shadow: 0 0 1px #980c3d;
    vertical-align: middle;
    width: 5rem
}


.sv-load:after, #loading-layer:after {
    font-family: svico;
    font-style: normal;
    font-weight: 400;
    speak: none;
    animation-duration: 3s;
    animation-name: svloadanim;
    animation-timing-function: linear;
    color: #f5b50c;
    color: #fff;
    content: "\e817";
    font-variant: normal;
    overflow: hidden;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    z-index: 2
}

.sv-load, #loading-layer,.sv-load:after, #loading-layer:after,.sv-load:before, #loading-layer:before {
    border-radius: 50%
}

.sv-load:after, #loading-layer:after,.sv-load:before, #loading-layer:before {
    display: inline-block;
    left: 0;
    line-height: 1em;
    position: absolute;
    top: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.sv-load:before, #loading-layer:before {
    animation-duration: 2.5s;
    animation-name: svloadanim2;
    animation-timing-function: linear;
    border-left: 1px solid #980c3d;
    border-top: 1px solid transparent;
    content: " ";
    display: block;
    height: 6rem;
    left: -.5rem;
    top: -.5rem;
    width: 6rem;
    z-index: 1
}

#loading-layer svg {
 	display: none;   
}

@keyframes svloadanim {
    0% {
        height: 100%
    }

    90% {
        color: rgba(152,12,61,.9);
        height: 0
    }

    91% {
        color: #980c3d;
        height: 100%
    }

    to {
        color: #fff;
        height: 100%
    }
}

@keyframes svloadanim2 {
    0% {
        border-left: 2px solid #980c3d;
        transform: rotate(0deg)
    }

    25% {
        border-left: 2px solid #f5b50c
    }

    50% {
        border-left: 2px solid #c01462
    }

    75% {
        border-left: 2px solid #f5b50c
    }

    to {
        border-left: 2px solid #980c3d;
        transform: rotate(1turn)
    }
}


/* full-fav */
.full-fav {
    position: relative;
    margin-left: 5px;
    cursor: pointer;
}
.full-fav--button {
    display: flex;
    align-items: center;
    background: #000;
    color: #fff;
    height: 30px;
    border-radius: 4px 4px 0 0;
    font-weight: 600;
    gap: 8px;
    padding: 0 10px;
}
.full-fav--items {
    position: absolute;
    right: 0;
    width: 200px;
    z-index: 10001;
    color: #fff;
    background: #1a1a1a;
    border: 1px solid #383838;
    border-radius: 4px;
}
.full-fav--item {
    height: 32px;
    display: flex;
    padding: 0px 15px;
    align-items: center;
    border-bottom: 1px solid #383838;
}
.full-fav--item:before {
    margin-right: 10px;
}
.full-fav--item:last-child {
    border-bottom: none;
}
.full-fav--item:hover {
    background: #000000;
}
.full-fav--item.active {
    background: var(--accent);
}
/* end full-fav */

/* userinfo */
.userinfo {
  display: grid;
  grid-template-columns: 220px auto;
}

.userinfo--left {}

.userinfo--right {}

.userinfo--content {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .5);
  margin-bottom: 1em;
}

.userinfo--nav-title-defaults {
  display: flex;
  background-color: var(--ui-bg-btn);
  background-image: linear-gradient(0deg, transparent, hsla(0, 0%, 100%, .2));
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
  color: #f3f3f3;
  font-size: 18px;
  height: 40px;
  align-items: center;
  padding: 0px 1em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

.userinfo--nav-title {
  padding: 0px 1.8em;
  margin: 0px 0px 0px -20px;
}

.userinfo--nav-toggle {
  display: none;
}

.userinfo--nav {
  font-size: 13px;
  background: var(--bg);
  border-radius: 0px 0px 0px 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

.userinfo--nav-link {
  display: block;
  position: relative;
  text-decoration: none;
  transition: all .3s ease;
  padding: .5em 1em;
  border-bottom: 1px dashed #f5b50c;
}

.userinfo--nav-link:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, .5);
  color: var(--accent)
}

.dt .userinfo--nav-link {
  border-color: #694f0c;
}

.userinfo--nav-item.active .userinfo--nav-link {
  font-weight: bold;
}

.userinfo--nav-item:last-child .userinfo--nav-link {
  border-bottom: none;
}

.userinfo--nav-link .sv::before {
  width: 1em;
}

.userinfo--nav-submenu {
  overflow: hidden;
  max-height: 0;
  transition: max-height .5s cubic-bezier(0, 1, .5, 1);
}


.userinfo--nav-item:hover>.userinfo--nav-submenu {
  max-height: 1000px;
}

.userinfo--nav-submenu .userinfo--nav-link {
  padding-left: 2em;
}

@media screen and (max-width: 950px) {
  .userinfo {
    grid-template-columns: auto;
  }

  .userinfo--nav:not(.active) {
    display: none;
  }

  .userinfo--nav-title {
    display: none;
  }

  .userinfo--nav-toggle {
    display: flex;
    font-size: 16px;
  }

  .userinfo--nav-toggle .sv {
    margin-right: 8px;
  }

  .userinfo--nav-submenu {
    max-height: 1000px;
  }
}
/* end userinfo */
.tooltipster-default{box-shadow:0 0 2px 0 rgba(0,0,0,.9);background:rgba(0,0,0,.8);border:0;border-radius:5px;color:#fff;border-top:1px solid #333}
.tooltipster-content,.tooltipster-default{font-size:14px;line-height:16px;padding:8px 10px;overflow:hidden}
.tooltipster-icon{cursor:help;margin-left:4px}
.tooltipster-base{max-width:500px;padding:0;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:9999999;pointer-events:none;width:auto;overflow:visible}
.tooltipster-base .tooltipster-content{overflow:hidden}
.tooltipster-base .tooltipster-content ul{padding-left:1em}
.tooltipster-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}
.tooltipster-arrow span{border-color:rgba(0,0,0,.9)!important}
.tooltipster-arrow-border,.tooltipster-arrow span{display:block;width:0;height:0;position:absolute}
.tooltipster-arrow-top-left span,.tooltipster-arrow-top-right span,.tooltipster-arrow-top span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-top:8px solid;bottom:-7px}
.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-top .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-top:9px solid;bottom:-7px}
.tooltipster-arrow-bottom-left span,.tooltipster-arrow-bottom-right span,.tooltipster-arrow-bottom span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-bottom:8px solid;top:-7px}
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-bottom .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-bottom:9px solid;top:-7px}
.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top span{left:0;right:0;margin:0 auto}
.tooltipster-arrow-bottom-left span,.tooltipster-arrow-top-left span{left:6px}
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{left:5px}
.tooltipster-arrow-bottom-right span,.tooltipster-arrow-top-right span{right:6px}
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{right:5px}
.tooltipster-arrow-left .tooltipster-arrow-border,.tooltipster-arrow-left span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px}
.tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:9px solid;margin-top:-8px}
.tooltipster-arrow-right .tooltipster-arrow-border,.tooltipster-arrow-right span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px}
.tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:9px solid;margin-top:-8px}
.news_i a{
    display:block
}
.sect__content.img .news_i{
    float: left;
    margin: 0 10px 7px 0;
    line-height: 0;
    height: 222px;
    width: 156px;
    background-size: cover;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 40%);
    border-radius: 9px;
}
.sect__content.img .line__left{
display:block;
    overflow: visible;
}
.sect__content.img{    display: flow-root;}
.sect__content.img .news_n{
    max-height:4.5em;
    max-width:100%
}
.sect__content.img .news_n,.news.img .news_s{
    overflow:hidden;
    display:block;
    float:none
}
.sect__content.img .news_s{
    word-break:normal;
    color:#980c3d
}
.sect__content.img.sect__content.img a:nth-child(odd){background-color: transparent;}
.sect__content.img a.line__right{display:none}
.sect__content.img a{
    float: left;
    width: 25%;
    margin: 0 4% 24px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 290px;
    overflow: hidden;
}
.sect__content.img a:nth-child(odd){
    background-color:#fff;
    border-radius:0
}
.sect__content.img a:hover .pst{box-shadow: 0px 0px 4px 1px rgb(171 96 40);
}

.lside-blockg {margin:20px 0}


.serial-r .poster{border-radius:5px;max-width:100px;float:left;margin:0 1em 0 0}
.rside-p .poster:after,.rside-p .poster:before{bottom:auto;top:5px}
.rside-p-new .poster:after,.rside-p-new .poster:before{bottom:auto;top:2em}
.pst{box-shadow:2px 2px 3px 0 rgba(0,0,0,.3);position:relative;display:block;font-size:0}
.pst,.pst img{border-radius:5px}
.pst img{max-width:100%;max-height:100%;z-index:1}
.serial-info{background:#980c3d;padding:.5em;border-radius:5px;margin:0 0 .5em}
.serial-info:first-letter{text-transform:capitalize}
.serial-r{max-width:35em;font-size:12px}
.serial-r img{border-radius:5px}
.serial-r p{margin:0 0 .3em;color:#fff}
.serial-r div{color:silver;padding:0 0 .3em}
.serial-r span{color:#f5b50c;text-shadow:0 1px 0 rgba(0,0,0,.8)}
.serial-r small{color:#fff}
.serial-r small:before{content:" ("}
.serial-r small:after{content:" голосов)"}
.serial-r i{color:#f5b50c;font-weight:700}
.serial-w{display:table;padding:0}
.pgs-marks-txt{color:var(--tt)}

/* 
Модуль рейтинг ожидания премьер
*/
.movie-rate-watchlist .watchlist_btn_success i {
    color: #f60;
}
.movie-rating__green-number {
    color: #093;
}
.movie-rating__grey-number {
    color: #aaa;
}
.movie-rating__red-number {
    color: red;
}
.movie-expected {
    margin-bottom: 35px;
}
.movie-expected__actions {
    display: flex;
    align-items: flex-end;
}
.movie-expected__wrapper {
    display: flex;
}
.movie-expected__percent {
    color: #093;
    font-size: 24px;
    line-height: 27px;
    font-weight: 500;
}
.movie-expected__count {
    color: rgba(31,31,31,.4);
    margin-left: 8px;
    font-size: 18px;
    line-height: 22px;
    align-self: flex-end;
}
.movie-expected__btns {
    margin: 0 0 0 20px;
    align-self: flex-end;
}
.movie-expected__btns button {
    margin-right: 10px;
    padding: 5px 11px 5px 8px;
    border-radius: 3px;
    color: #333;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
    cursor: pointer;
    text-transform: none;
}
.movie-expected__btns button:hover {
    opacity: 0.8;
}
.movie-expected__btns button:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
.movie-expected__wait.success {
    background-color: #093;
    color: white;
}
.movie-expected__nowait.success {
    background-color: #f66600;
    color: white;
}
.movie-expected__wait.success i,
.movie-expected__nowait.success i {
    color: white;
}
.movie-expected__wait i {
    color: #093;
    margin-right: 3px;
}
.movie-expected__nowait i {
    color: #f66600;
    margin-right: 3px;
}
.movie-expected__most {
    margin-top: 9px;
    font-size: 14px;
    text-decoration: none;
    color: rgba(31,31,31,.4);
    margin-left: auto;
}
.movie-expected__most:hover {
    color: #f66600;
}
.movie-expected__bar {
    height: 15px;
    width: 100%;
    color: #fe000b;
    border-radius: 0 2px 2px 0;
    background-color: rgb(255 206 173);
    margin-bottom: 8px;
}
.movie-expected__green {
    height: 15px;
    width: 90%;
    position: relative;
    color: #093;
    border-radius: 2px 0 0 2px;
    background-color: rgb(134 199 156);
}
.movie-expected__green::after {
    display: block;
    width: 2px;
    height: 22px;
    content: "";
    background: #093;
    position: absolute;
    right: 0;
    top: -3px;
}
@media only screen and (max-width:525px){
    .movie-expected__most {
        margin-left: 0;
    }
    .movie-expected__actions {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media only screen and (max-width:480px){
    .movie-expected {
        margin-bottom: 25px;
    }
}
@media only screen and (max-width:360px){
    .movie-expected__percent {
        font-size: 21px;
    }
    .movie-expected__count {
        font-size: 16px;
    }
}

.movie-rated__list {
    margin-bottom: 35px;
}
.movie-rated__list .watchlist_parent {
    border-radius: unset;
    cursor: unset;
    width: unset;
    display: flex;
}
.movie-rated__item {
    display: flex;
    padding: 20px;
    position: relative;
    border-radius: 5px;
}
.movie-rated__list .movie-rated__item.movie-rated__item-is-watching {
    background-color: rgba(255,102,0,0.13);
}
.movie-rated__item .movie-item__rating {
    top: 6px;
    left: -7px;
}
.movie-rated__item::before {
    content: '';
    display: block;
    background: rgba(0,0,0,0.08);
    position: absolute;
    left: 20px;
    right: 20px;
    height: 1px;
    width: calc(100% - 40px);
    top: 0;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
.movie-rated__item:hover::before, .movie-rated__item:hover+.movie-rated__item::before {
    opacity: 0;
}
.movie-rated__item:hover {
    background: var(--exped);
}
.movie-rated__item:last-of-type {
    border-bottom: none;
}
.movie-rated__parent {
    display: flex;
    margin-right: auto;
}
.movie-rated__img {
    height: 95px;
    width: 65px;
    margin-right: 15px;
    position: relative;
    flex-shrink: 0;
}
.movie-rated__parent .movie-rated__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}
.movie-rated__info {
    display: flex;
    flex-direction: column;
}
.movie-rated__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 4px;
    color: var(--tt);
}
.movie-rated__other-names {
    line-height: 18px;
    font-size: 13px;
    color: var(--tt);
    margin-bottom: 3px;
}
.movie-rated__genres {
    font-size: 13px;
    color: #777;
}
.movie-rated__number {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 15px;
    color: #1f1f1f;
    min-width: 28px;
}
.movie-rated__rating {
    margin-right: 20px;
    margin-left: 10px;
    margin-top: 5px;
    flex-shrink: 0;
}
.profile__movie-list .movie-rated-rating {
    text-align: right;
}
.movie-rated-rating__number{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin-right: 6px;
}
.movie-rated-rating__count {
    color: #777;
    font-size: 11px;
}
.movie-rated__buttons {
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.movie-rated__plus,
.movie-rated__minus {
    background-color: #fff;
    height: 28px;
    width: 28px;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    border: 1px solid #cccccc7a;
    font-weight: 500;
}
.movie-rated__plus:hover,
.movie-rated__minus:hover {
    background-color: #f7f7f7;
}
.movie-rated__rating-count {
    margin:0 10px;
    color: #093;
    font-size: 0.8em;
}
.movie-rate-watchlist {
    color: #333;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.23;
    display: flex;
    flex-shrink: 0;
}
.movie-rate-watchlist i {
    font-size: 0.8em;
    color: #333;
}
.movie-rate-watchlist button {
    border: solid 1px rgba(0,0,0,0.1);
    padding: 8px 10px;
    border-radius: 4px;
    cursor: pointer;
    background: #fff;
    height: 33px;
    color: #1f1f1f;
    text-transform: none;
}
.movie-rate-watchlist button:hover {
    background-color: #f7f7f7;
}
.movie-rate-watchlist .movie-rate-watchlist__will {
    border-right-color: rgba(0,0,0,0.1);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
}
.movie-rated__watchlist .movie-rate-watchlist__remove {
    width: 207px;
    border-right: 1px solid rgba(0,0,0,0.1);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

}
.movie-rate-watchlist__will i {
    margin-right: 7px;
}
.movie-rate-watchlist .movie-rate-watchlist__seen {
    margin-right: 7px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
.movie-rated__upcoming .movie-rate-watchlist__remove {
    width: 159px;
}
.movie-rated__upcoming .movie-rate-watchlist__seen {
    margin-right: 0;
}
@media only screen and (max-width:768px){
    .movie-rated__item {
        flex-direction: column;
        padding: 20px 0;
        border-radius: 0;
    }
    .movie-rated__parent {
        display: flex;
        margin-bottom: 10px;
    }
    .movie-rated__item-is-watching {
        margin: 0 -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .movie-rated__item-is-watching .movie-rated__buttons,
    .movie-rated__item-is-watching .movie-rated__number {
        right: 15px;
    }
    .movie-rated__buttons {
        position: absolute;
        bottom: 20px;
        right: 0;
    }
    .movie-rate-watchlist button {
        height: 28px;
        padding: 5px 7px;
    }
    .movie-rated__name {
        padding-right: 35px;
    }
    .movie-rated__number {
        color: #595959;
        background-color: rgba(89,89,89,.05);
        text-align: center;
        position: absolute;
        top: 20px;
        right: 0px;
        font-size: 14px;
        font-weight: 400;
        margin-right: 0;
        border-radius: 3px;
    }
    .movie-rate-watchlist__remove {
        width: 155px;
    }
}
@media only screen and (max-width:320px){
    .movie-rate-watchlist .movie-rate-watchlist__seen {
        margin-right: 5px;
    }
}
.movie-rated__rating__favor {
    display:flex;
}
/* 
Темный стиль для рейтинга ожидания премьер 
*/
.dark .movie-expected__count, .dark .movie-rate-watchlist i {
    color: #868e96;
}
.dark .movie-expected__btns button {
    background-color: #1a1a1a;
    color: #868e96;
    border-color: #191a1a;
}
.dark .movie-rated__item:hover,
.dark .suggestion__item:hover {
    background-color: #272626;
}
.dark .movie-rated__item::before,
.dark .profile__item:hover {
    background: rgb(0 0 0 / 13%);
}
.dark .movie-rate-watchlist button {
    background-color: #1a1a1a;
    color: #868e96;
    border-color: #191a1a;
}
.dark .movie-rated__name, .dark .movie-rated__number, .dark .main-title, .dark .top-description {
    color: #fff;
}