/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative; /*padding-top: 200px;*/}
.wrapper-container {max-width: 960px; margin: 0 auto; position: relative; z-index: 20;}
.wrapper-main {background-color: #111; padding: 0 5px; padding-bottom: 10px;}
.header {padding: 20px 60px; height: 120px; margin: 5px -5px; margin-top: 0;
	background: #000000 url(../images/simp.jpg) 0 center no-repeat;}
.top-block, .nav-block__menu {margin-bottom: 5px; display: grid; gap: 5px; 
	grid-template-columns: repeat(auto-fill,minmax(120px,1fr));}
.columns-block {display: grid; min-height: 80vh; gap: 5px; 
	grid-template-columns: minmax(0,1fr) 298px;}
.column-right {background-color: #181818; padding: 10px 5px 10px 10px;}
.footer {background-color: #181818; color: #777; margin-top: 12px; padding: 10px; gap: 10px;}
#dle-content, .d-grid {display: grid; gap: 4px; grid-template-columns: repeat(auto-fill,minmax(200px,1fr));}
#dle-content > *:not(.grid-item) {grid-column: 1 / -1;}

/* HEADER, NAV, SIDEBAR
----------------------------------------------- */
.header__logo {width: 283px; height: 73px; margin-right: 66px;}
.header__logo img {display: block;}
.header__menu {gap: 10px; margin-top: 9px; padding-left: 2px;}
.header__menu li:not(:last-child) {padding-right: 10px; border-right: 1px solid #4c4c4c;}
.header__menu a:not(:hover) {color: #aaa;}
.header__search {position: relative; margin-top: 13px; margin-right: 20px;}
.header__search input {height: 31px; line-height: 31px; width: 100%; width: calc(100% - 108px); padding: 0 115px 0 5px;}
.header__search button {position: absolute; right: 0; top: 0; text-transform: none; width: 105px; height: 31px;}
.header__search button:not(:hover) {background-color: #333; color: #fff; opacity: 0.5;}

.nav-block__menu a {background-color: #181818; text-align: center; text-transform: uppercase; 
	display: flex; align-items: center; height: 27px; justify-content: center;}

.boka-ctrl {margin-bottom: 5px; gap: 5px;}
.boka-ctrl__btn img {width: 34px; height: 34px; margin-right: 10px;}
.boka-ctrl__btn {height: 38px; min-width: auto; padding: 0 20px;}
.boka-ctrl__btn.logged {padding: 5px; height: 44px; text-transform: none;}
.boka-ctrl__btn.first {width: 147px;}
.boka-ctrl__btn.last {width: 41px; padding: 0; font-size: 14px;}
.boka-ctrl__us {text-transform: none; font-size: 10px; height: 30px; padding: 0 10px;}
.boka {background-color: #222; margin-bottom: 5px; padding: 13px 10px;}
.boka--logo {background: #222 url(../images/sbiglogo.jpg) 25px 44px no-repeat; min-height: calc(100% - 90px);}
.boka__title {margin-bottom: 13px; font-size: 15px; padding-left: 5px;}
.boka__title:after {content: ''; width: 10px; height: 11px; display: inline-block; vertical-align: middle; 
	background: url(../images/arr-r.png) no-repeat; margin-left: 5px; position: relative; top: 0px;}
.boka__grid {display: grid; gap: 5px; grid-template-columns: repeat(auto-fill,minmax(110px,1fr));}
.boka .gobest:not(:hover) {background-color: #292929;}


/* TOP ITEM
----------------------------------------------- */
.gobest {padding: 5px; background-color: #222222; display: block;}
.gobest__title {font-size: 11px; margin-top: 5px; text-align: center; height: 26px;}


/* SECTION
----------------------------------------------- */
.site-desc {padding: 10px 0;}
.filter {background-color: #181818; margin-bottom: 5px; display: flex; flex-wrap: wrap;}
.filter__cell {width: 25%;}
.filter__cell select {background: #181818 !important; height: 22px; box-shadow: none; color: #999; 
	padding: 0 5px; font-size: 12px; text-align: center; width: 100%; transition: color .2s linear;}
.filter__cell select:hover {cursor: pointer; color: #ddd;}
.filter__cell select option {color: #999;}
.top-line {background-color: #181818; margin-bottom: 5px; padding: 3px 5px; gap: 5px; margin-right: -5px; padding-right: 10px;}
.top-line__top-star {display: block;}
.top-line__top-star img {width: 17px; height: 17px;}
.top-line__caption {color: #777; font-size: 11px; padding-left: 112px; 
	background: url(../images/lin.png) 0 8px no-repeat;}
.sorter {gap: 10px 20px;}
.sorter ul {display: flex; align-items: center; flex-wrap: wrap; gap: 15px;}
.sorter1 form {flex: 1 1 0; max-width: 100%; min-width: 50px;}
.sorter ul li:nth-child(6) {display: none;}
.sorter a {display: flex; align-items: center; gap: 5px;}
.sorter li:not(.asc,.desc,:hover) {opacity: 0.6;}
.sorter li:is(.asc,.desc) a::after {content: '>'; rotate: 90deg; scale: 0.6 1;}
.sorter li:is(.desc) a::after {rotate: -90deg;}


/* SHORT STORY
----------------------------------------------- */
.goentry {background-color: #222; position: relative;}
.goentry__link {display: block; color: #bbb; padding: 5px; padding-bottom: 24px; height: 100%;}
.goentry__title {text-align: center; height: 28px; font-size: 13px; margin-top: 3px; line-height: 1.1;}
.goentry__meta {position: absolute; left: 8px; right: 5px; bottom: 4px; pointer-events: none;}
.goentry__year {font-style: italic; font-size: 15px; color: #bf090e; font-weight: bold;}
.goentry__rating {overflow: hidden;}
.goentry__rating .unit-rating li a {width: 15px; height: 15px;}
.goentry__rating .unit-rating li {background-size: 15px 15px !important;}

.th-rate:before {content: attr(data-text); display: inline; margin-right: 3px; text-transform: uppercase; font-weight: 600;}
.th-rate-kp:before {color: #f60;}
.th-rate-imdb:before {color: #fc0;}
/* FOOTER, PAGINATION
----------------------------------------------- */
.footer a:not(:hover), .boka__title a:not(:hover) {color: #fff;}

.pagination {gap: 4px; padding-top: 8px;}
.pagination__pages a, .pagination__pages span {display: flex; align-items: center; justify-content: center; 
	background-color: #333333; border: 1px solid #333; padding: 5px; color: #ccc;}
.pagination__pages span:not(.nav_ext) { border-color: #555; color: #656565; background-color: #000;}


/* INNER PAGE
----------------------------------------------- */
.page {background-color: #181818; padding: 10px;}
.gofull__col-left {width: 204px; margin-right: 10px;}
.gofull__poster {aspect-ratio: 2 / 3;}
.gofull__poster img {display: block; position: absolute; inset: 0;}
.gofull__main-info-item {padding: 10px 10px; color: #dadada;}
.gofull__main-info-item:nth-child(2n+1) {background-color: #222222;}
.gofull__main-info-caption {width: 100px;  color: #a5a5a5;}
.gofull__main-info-descr a:not(:hover) {text-decoration: underline; color: inherit;}
.gofull__title {font-size: 16px; font-weight: normal; color: #dadada;}
.gofull__title::first-letter {font-weight: bold; color: #ff0000;}

.gofull__descr {background-color: #222; margin: 10px 0 3px 0; padding: 10px;}
.gofull__descr-header, .gofull__related .gofull__title, .gofull__comments .gofull__title {margin-bottom: 10px;}
.gofull__descr-ctrl {margin: -5px;}
.gofull__descr-ctrl a {display: flex; height: 30px;  align-items: center; padding: 0 10px; color: #bbb; gap: 5px;}
.gofull__fav {display: flex; height: 100%; align-items: center; gap: 5px;}
.gofull__later::before, .gofull__fav::before {content: ''; width: 20px; height: 20px; 
	background: url(../images/op-icons77.png) 0px -89px no-repeat;}
.gofull__later.added::before {background-position: 0 -118px;}
.gofull__fav::before {background-position: 0 -27px;}
.gofull__fav.added::before {background-position: 0 -57px;}
.text-hidden {overflow: hidden; position: relative;}
.show-text {position: absolute; right: 0; bottom: 0;}
.show-text button {height: 20px; color: #ccc; padding: 0 5px 0 60px; text-transform: none;
	background: linear-gradient(to right, transparent 0%, #222 60px) !important;}
.show-text button:hover {color: #eee;}
.gofull__descr-text.not-ready {max-height: 110px; overflow-y: auto;}

.gofull__rating, .gofull__related {margin-bottom: 3px; background-color: #222; padding: 10px;}
.gofull__rating-info {width: 195px; font-weight: bold; font-size: 15px; color: #777;}
.gofull__rating-votes {font-size: 11px; margin-top: 5px;}
.gofull__rating-stars {position: relative; top: -1px;}

.gofull__player {background-color: #222; padding: 10px; margin-bottom: 3px; padding-bottom: 15px;}
.gofull__player-header {background: #000 url(../images/playh2.png) 0 -5px no-repeat; 
	margin: -5px; margin-bottom: 0; padding: 3px 3px 3px 10px;}
.gofull__player-content {margin-left: -5px; margin-right: -5px;}
.gofull__trailer {height: 30px; text-transform: none; padding: 0 15px;}
.gofull__trailer:not(:hover) {color: #dadada; background-color: #171717;}
.not-loaded::after {border-radius: 50%; content: ''; position: absolute; top: 50%; left: 50%;}
.not-loaded::after {width: 70px; height: 70px; margin: -55px 0 0 -35px; border: 10px solid rgba(255,255,255,0.2); 
	border-left-color: #bf090e; animation: spin 1s infinite linear;}
@keyframes spin { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}

.gofull__player-share {margin: 20px 0;}
.ya-share2 {min-height: 35px;}
.gofull__player-share a {opacity: 0.8; margin-left: 2px; border: #333 5px solid;}
.ya-share2__icon {height: 25px !important; width: 25px !important;}
.gofull__player-subinfo {margin-bottom: 5px; font-weight: bold; font-size: 11px; color: #555;}
.gofull__player-subinfo-caption {width: 100px;}
.gofull__player-subinfo-descr {background-color: #272727; font-size: 12px; border: 1px solid #292929; padding: 1px 8px;}

.gofull__related .gobest:not(:hover) {background-color: #292929;}
.gofull__related .gobest__title {font-size: 12px; height: 30px;}
@media screen and (min-width: 950px) {
	.gofull__related .top-block {margin-bottom: 0; gap: 4px; grid-template-columns: repeat(auto-fill,minmax(100px,1fr));}
	@supports not (display: grid) {
		.gofull__related .top-block {display: flex; gap: 0; flex-wrap: wrap; justify-content: space-between;}
		.gofull__related .top-block .gobest {width: 19.4%; margin-bottom: 4px;}
	}
}

.faq-header {color:#ccc;font-weight:bold;padding:5px;background-color:#333;margin-bottom: 15px;}
.faq-main {font-size: 13px;}
.faq-main span {color: #ccc;}
.faq-page p {margin-left: 20px;}
.faq-page p + .faq-header {margin-top: 20px;}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.full-text {line-height: 1.5; font-size: 12px; color: #a5a5a5; word-wrap: break-word;}
.full-text a {text-decoration: underline; color: #dadada;}
.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: 10px;}
.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: 40px; position: relative;}
.full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	border: 3px solid #bf090e; position: absolute; top: 3px; left: 20px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: #bf090e; color: #fff; 
	position: absolute; top: -2px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 600;
	display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: #bf090e; 
	position: absolute; left: 41px; top: -2px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 5px;}
.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: 14px;}
.full-text iframe {width: 100%; height: 400px; margin-bottom: 20px;}


/* COMMENTS
----------------------------------------------- */
.gofull__comments {margin: 0; background: #222; padding: 10px;}
.gofull__comments .form__row {margin-bottom: 5px;}
.add-comments-form.form {padding: 0; margin-bottom: 20px;}
.add-comments-form .form__input, .add-comments-form__input, .add-comments-form .form__textarea-inside textarea 
{border-radius: 0; background-color: #1c1c1c; border: 0; box-shadow: none;}
.add-comments-form__btn {background-color: #353535; text-transform: none; font-size: 14px; height: 30px; padding: 0 15px;}
.add-comments-form__input {margin-left: 5px;} 
.add-comments-form__input {height: 30px !important; line-height: 30px !important;}
.add-comments-form .d-none, .comments_subscribe + br, .mass_comments_action, 
.comments_subscribe, .bb-editor ~ br {display: none;}

.comment-item__title {font-weight: bold; font-size: 14px; margin-bottom: 10px; padding: 6px; background: #24272c;}
.comment-item {margin-bottom: 15px;}
.comment-item__title, .comment-item__header {width: 100%;}
.comment-item__header {margin-bottom: 15px; font-weight: bold; padding-left: 22px; color: #ccc; background: #333333 url(../images/comment.png) 0 0 no-repeat; font-size: 11px; background-color: #333; display: flex ; line-height: 2em; align-items: center; padding: 0px 23px;}
.comment-item__img {width: 70px; height: 70px; margin: 0 15px 0 5px;}
.ms_item_like_ul { display: flex ; gap: 7px; margin-left: auto; }
.ms_item_like_ul li { float: left; margin-right: 7px; font-size: 13px; line-height: 30px; }
.ms_item_like_ul li a { font-size: 20px; height: 31px; display: block; line-height: 30px; width: 20px; }
.ms_item_like_ul li.like a { color: #289c3a; background: url(../images/like_l_b_g.webp) no-repeat right; }
.ms_item_like_ul li.dislike a { color: #cf3636; background: url(../images/like_l_b_b.webp) no-repeat right; }
.ms_item_like_ul li span.ratingplus {color:#7DC38D;}
.ms_item_like_ul li span.ratingminus {color:#cf3636;}
.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: #454545; margin-bottom: 7px;}
.ac-emoji li {margin: 4px .6% 6px; cursor: pointer; transition: transform .1s; font-size: 15px;}
.ac-emoji li:hover{transform: scale(1.5);}

/* LOGIN
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	background-color: #000; cursor: pointer; display: none;}
.login__header {height: 100px; cursor: pointer;}
.login__wrapper {background-color: #181818; padding-top: 40px; width: 960px; height: calc(100vh - 100px);}
.login__content {background-color: #222222; color: #ccc; width: 320px; margin: 0 auto; padding: 16px;}
.login {position: fixed; z-index: 999; left: 50%; top: 0; transform: translate(-50%,0); overflow: hidden;}
.login__row + .login__row {margin-top: 16px;}
.logo__caption {margin-bottom: 5px;}
.login__row button {height: 33px; padding: 0 10px; text-transform: none; font-weight: bold;}
.login__row input, .login__row button:not(:hover) {background-color: #333333; color: #ddd;}
.login__links {width: 320px; margin: 0 auto; margin-top: 16px; padding-left: 20px; text-decoration: underline;}
.login__links a + a {display: inline-flex; padding-left: 10px; margin-left: 10px; border-left: 1px solid #333;}
.login__menu a {display: block; padding: 5px 10px; margin-top: 5px; background-color: #333;}
.login__avatar {width: 40px; height: 40px; margin-right: 16px;}


/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
@media screen and (max-width: 950px) {
	.wrapper {background-image: none; padding-top: 0;}
	.wrapper-container {max-width:768px;}
	.wrapper::before, .wrapper::after {display: none; background-image: none;}
	.header {height: auto; padding: 5px; background-size: cover;}
	.columns-block {display: block; gap: 0;}
	.header__logo {margin-right: 20px;}
	.header__menu {padding-left: 0;}
	.header__search {margin: 0;}
	.top-block {display: block; gap: 0; white-space: nowrap; overflow-y: hidden; overflow-x: auto; padding-bottom: 5px;}
	.top-block > * {width: 130px; display: inline-block; vertical-align: top; white-space: normal; margin-right: 5px;}
	.scroller__content {scrollbar-width: thin; scrollbar-color: #bf090e #000;}
	.scroller__content::-webkit-scrollbar {width: 12px; height: 8px;}
	.scroller__content::-webkit-scrollbar-thumb {border-radius: 0; background-color: #bf090e; border: 0;}
	.scroller__content::-webkit-scrollbar-track {background-color: #000;}
	.nav-block__menu {display: none;}
	.nav-block__menu.is-active {display: grid;}
	.nav-block__btn {display: flex; width: 100%;}
	.nav-block__btn.is-active {margin-bottom: 10px; background-color: #bf090e; color: #fff;}
	.column-right {margin-top: 10px; padding: 5px; background-image: none;}
	.boka--logo {background-image: none; min-height: 0;}
	#dle-content, .d-grid {grid-template-columns: repeat(auto-fill,minmax(160px,1fr));}
	.top-line {margin-right: 0; padding-right: 5px;}
	.goentry__rating {text-align: center;}
	.goentry__year {position: absolute; right: 0px; top: -60px; background: rgba(0,0,0,0.8); padding: 3px 6px;}
	.login__wrapper {width: 320px; padding: 0 0 20px !important; background: none; height: auto;}
}

@media screen and (max-width: 760px) {
	.wrapper-container {max-width:640px;}
	.header {justify-content: center;}
	.header__right {min-width: 100%; margin-top: 10px;}
	.header__menu {justify-content: center; padding: 10px 0; margin: 0;}
	.footer {justify-content: center;}
	.sorter, .sorter ul, .sorter form {text-align: center; justify-content: center; width: 100%;}

	.gofull__main-info-caption {width: 80px;}
	.gofull__rating-info {width: auto; font-size: 14px;}
	.gofull__rating .unit-rating li a {width: 28px; height: 28px;}
	.gofull__rating .unit-rating li {background-size: 28px 28px !important;}
	
	.add-comments-form__input {min-width: 100%; margin: 0 0 10px 0;}
	.add-comments-form__btn {width: 100%; order: 10;}
	.add-comments-form .form__row--protect .form__caption {width: 100%; margin: 0 0 10px 0;}
}

@media screen and (max-width: 590px) {
	.wrapper-container22 {max-width:480px;}
	
	.gofull__col-left {width: 92px;}
	.gofull__main-info-item {padding: 4px;}
	.gofull__main-info-item h1 {font-size: inherit;}
	.gofull__descr-ctrl {display: block;}
	.gofull__descr-ctrl > * {margin: 0; height: 26px !important;}
	.gofull__rating-stars {text-align: center;}
	.gofull__rating-info {width: 100%; margin-top: 10px; text-align: center;}
	.ya-share2 {min-width: 100%; margin-top: 10px; margin-left: -1px; margin-bottom: -10px;}
	.faq-page p {margin-left: 0px;}
	.gofull__player-share a {margin-left: 0; border: 0;}
	.comment-item__img {width: 40px; height: 40px;}
}

@media screen and (max-width: 470px) {
	.wrapper-container22 {max-width:360px;}
	.wrapper-main {padding-left: 10px; padding-right: 10px;}
	.pagination {padding-bottom: 6px;}
	.pagination, .boka-ctrl {gap: 10px; justify-content: center;}
	.boka__grid, .nav-block__menu, #dle-content, .d-grid {gap: 10px;}
	.boka-ctrl, .top-line, .nav-block, .top-block {margin-bottom: 10px;}
	.top-block > * {margin-right: 10px;}
}

@media screen and (min-width: 950px) {
	@supports not (display: grid) {
		#dle-content, .d-grid, .top-block, .nav-block__menu, .boka__grid, .columns-block 
		{display: flex; flex-wrap: wrap; gap: 0; justify-content: space-between;}
		.column-right {width: 298px; margin-left: 5px;}
		.column-left {flex: 1 1 0; max-width: 100%; min-width: 50px;}
		#dle-content > *:not(.grid-item) {width: 100%;}
		.gobest, .nav-block__menu li {width: 13.8%; margin-bottom: 5px;}
		.goentry {width: 32.75%; margin-bottom: 5px;}
		.boka .gobest {width: 49%; margin-bottom: 5px;}
	}
	@supports not (gap: 10px) {
		.header__menu, .boka-ctrl, .pagination {gap: 0;}
		.header__menu li {margin-right: 10px;}
		.boka-ctrl > * + * {margin-left: 5px;}
		.pagination > * {margin-right: 5px;}
		.gofull__descr-ctrl a::before, .gofull__descr-ctrl span::before {margin-right: 6px;}
	}
}

.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:#eb9a00;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:#f7f7f7}
.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:#1f1f1f}
.movie-rated__other-names{line-height:18px;font-size:13px;color:#333;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:0;border-bottom-right-radius:0;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:0;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}