/* BASIC LAYOUT ----------------------------------------------- */ .jutsu-wrapper {min-width: 320px; position: relative; padding: 0 var(--indent); padding-top: 25px;} .jutsu-wrapper__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;} .jutsu-header {background-color: var(--bg); box-shadow: var(--bsh); border-radius: 15px; margin-bottom: 50px; position: relative; z-index: 110;} .jutsu-header__main {padding: 25px; gap: 10px;} .jutsu-nav {border-radius: 0 0 15px 15px;} .jutsu-content {min-height: 100vh;} .jutsu-footer {padding: 25px 0;} .jutsu-wrapper__bg {width: 100%; height: 700px; position: absolute; left: 0; top: 0; overflow: hidden;} .jutsu-wrapper__bg::before {content: ''; position: absolute; right: 0%; bottom: 0%; z-index: 1; width: 100%; height: 100%; background: radial-gradient(ellipse farthest-side at right 200px top 0px, transparent 60%, var(--bg) 100%);} .jutsu-wrapper__bg {background-size: cover; background-repeat: no-repeat; background-position: center center;} .scrolltop {position: fixed; width: 50px; height: 50px; right: -60px; bottom: 10px; box-shadow: var(--bsh-btn); z-index: 990; border-radius: 50%; font-size: 20px; background: var(--bg); color: var(--tt); opacity: 0; transition: right 0.2s, opacity 0.2s; padding: 0;} .scrolltop.is-active {right: 10px; opacity: 1;} .scrolltop::before {width: 18px; height: 18px; transform: rotate(-90deg);} @view-transition { navigation: auto; } @media (prefers-reduced-motion:reduce) { @view-transition { navigation: none; } } /* HEADER ----------------------------------------------- */ .logo {display: flex; align-items: center; height: 30px; font-size: 16px; font-weight: 800; text-transform: uppercase;} .logo span:last-child {font-size: 12px; text-transform: none; width: 50px; height: 30px; border-radius: 5px; background: var(--gradient); color: #fff; display: flex; align-items: center; justify-content: center; margin-left: 5px;} .jutsu-header__link {background: var(--bg-darker); color: var(--tt);} .jutsu-header__btn-theme-toggle, .jutsu-header__btn-exit {padding: 0; width: 50px; background: var(--bg-darker); color: var(--tt); font-size: 25px;} .jutsu-header__btn-login::before {display: none;} .jutsu-header-login__img {width: 50px; border-radius: 50%;} .jutsu-header-login__name {font-weight: 600; margin-left: -5px;} .jutsu-header__btn-exit {background: var(--gradient-orange-2) !important; color: #fff;} .dt-is-active .jutsu-header__btn-theme-toggle::before {content: "\e916";} .search-block {position: relative; margin-left: 25px; margin-right: 25px;} .search-block__input, .search-block__input:focus {padding: 0 25px 0 43px;} .search-block__btn {position: absolute; left: 0; top: 0; min-width: 43px; color: var(--tt-fade); font-size: 18px; opacity: 0.4;} /* NAV, GENRES ----------------------------------------------- */ .jutsu-nav__menu > li:first-child > a {border-radius: 0 0 0 15px;} .jutsu-nav__menu > li:last-child > a {border-radius: 0 0 15px 0;} .jutsu-nav__menu {gap: 0; position: relative;} .jutsu-nav__menu > li {flex: 1 1 0; font-size: 13px; font-weight: 600;} .jutsu-nav__menu > li > a {display: flex; align-items: center; justify-content: center; height: 50px; position: relative;} .jutsu-nav__menu > li > a.is-active {background: var(--gradient); color: #fff;} .jutsu-main-genres a {display: grid; place-items: center; height: 81px; padding: 10px 20px; border-radius: 15px; border: 1px solid var(--bdc);} .jutsu-main-genres a img {display: block; width: 100%; height: 100%; opacity: 0.5; object-fit: contain;} .jutsu-main-genres.cd-slider:not(.owl-carousel) {gap: 11px;} .cd-slider:not(.owl-carousel) > li {width: calc((100% - 77px)/8);} .header__menu-hidden {border-radius: 10px; background: var(--bg); box-shadow: var(--bsh); overflow: hidden; position: absolute; left: 0; width: 100%; z-index: 100; opacity: 0; visibility: hidden; translate: 0 30px;} .header__menu-hidden-left {width: 300px; background-color: var(--bg-darker); padding: 30px;} .header__menu-hidden-right {padding: 30px; display: grid; gap: 20px; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); align-content: start;} .header__menu-hidden a {display: block;} .header__menu-hidden-left ul:first-child {display: grid; gap: 20px;} .header__menu-hidden-left ul:last-child {gap: 20px; border-top: 1px solid var(--bdc); margin-top: 20px; padding-top: 20px;} .header__menu-hidden-left ul:last-child li {width: 26%;} /* SLIDER ----------------------------------------------- */ .cd-slider:not(.owl-carousel) > .jutsu-slide {width: 100%;} .jutsu-slide__desc {height: 500px; color: #fff; padding: 61px; position: relative; z-index: 2; gap: 25px;} .jutsu-slide__title {font-size: 40px; font-weight: 900; max-width: 500px;} .jutsu-slide__btn-link {padding: 0 27px;} .jutsu-slide__img {border-radius: 25px; aspect-ratio: auto;} .jutsu-slide__img::after {content: ''; position: absolute; inset: 0; background: linear-gradient(to right, #000, transparent);} /* SECTION ----------------------------------------------- */ .jutsu-sect {margin-bottom: 75px;} .jutsu-sect__header {margin-bottom: 25px;} .jutsu-sect__title {font-size: 18px;font-weight: 700;gap: 5px;} .jutsu-sect__title time, .jutsu-sect__title span {color: var(--accent); cursor: pointer;} .jutsu-sect__title time::before {width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; background-color: var(--bg-darker); color: var(--tt-fade); font-size: 8px; margin-left: -5px; padding-top: 3px;} .jutsu-sect__subtitle {color: var(--tt-fade); margin-top: 5px;} .jutsu-sect__btn-link {width: max-content; margin: 24px auto; margin-bottom: 0; height: 45px; border-radius: 25px; gap: 5px; font-size: 10px; text-transform: uppercase; font-weight: 600; background-color: var(--bg-darker); padding: 0 15px;} .jutsu-sect__btn-link::before {font-size: 20px;} .filt__btn {height: 45px; border-radius: 23px; font-size: 10px; text-transform: uppercase; padding: 0 16px; gap: 5px;} .filt {position: relative; z-index: 100;} .filt.is-active {filter: drop-shadow(0 20px 50px rgba(0,0,0,0.25));} .filt.is-active .filt__btn {border-radius: 23px 23px 0 0; background: var(--bg); color: var(--tt); box-shadow: none; transition: none;} .filt.is-active .filt__btn::before {filter: invert(1);} .schedule-items + .jutsu-sect__header {border-top: 2px dashed var(--bdc); padding-top: 25px;} .jutsu-sect__tabs2 {margin-bottom: 20px; gap: 10px;} .jutsu-sect__tabs2 button {flex: 1 0 max-content; max-width: 100%; min-width: max-content; background: var(--bg-darker); color: var(--tt); border-radius: 8px;} .jutsu-sect__tabs2 button.is-active {background: var(--gradient-green); color: #fff;} .jutsu-sect__header .jutsu-page__share {margin: 0;} .descr {padding-top: 21px;padding-bottom: 41px;line-height: 2;color: var(--tt-on-black);background: var(--bg-black);display: block;} .descr > * + * {margin-top: 20px;} .descr :is(h1,h2,h3) {line-height: 1.23; font-size: 20px; font-weight: 700;} .descr a {font-weight: 700; color: var(--accent);} .descr img {display: block;float: left;margin: 0 40px 30px 0;position: relative;} .descr > ul li, .full-text > ol li {padding-left: 60px; position: relative;} .descr > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; border: 3px solid #ff30ac; position: absolute; top: 6px; left: 34px;} .descr > ol {counter-reset: num;} .descr > ol li:before {content: counter(num); counter-increment: num; background-color: #ff30ac; color: #000; 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;} .descr > ol li:after {content: ''; border: 10px solid transparent; border-left-color: #ff30ac; position: absolute; left: 41px; top: -3px; transform: scale(0.66,1.5); transform-origin: 0 0;} .descr > ul li + li, .full-text > ol li + li {margin-top: 10px;} .page__full-text {padding-top: 21px;padding-bottom: 41px;line-height: 2;color: var(--tt-on-black);/* background: var(--bg-black); */display: block;} .page__full-text > * + * {margin-top: 20px;} .page__full-text :is(h1,h2,h3) {line-height: 1.23; font-size: 20px; font-weight: 700;} .page__full-text a {font-weight: 700; color: var(--accent);} .page__full-text img {display: block;float: left;margin: 0 40px 30px 0;} /* ITEM SHORT STORY ----------------------------------------------- */ .cd-slider .jutsu-item {width: 199px;} .jutsu-item__img {border-radius: 15px; margin-bottom: 17px;} .has-overlay-on-img__trg::before {position: absolute; inset: 0; display: grid; place-items: center; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 34px; z-index: 10; opacity: 0; border-radius: inherit;} .jutsu-item__title {font-size: 15px; font-weight: 700; word-wrap: break-word;} .jutsu-item__subtitle {color: var(--tt-fade); margin-top: 3px;} .jutsu-item__subtitle > span:first-child {color: var(--tt);} .jutsu-item__meta {position: absolute; left: 0; top: 0; width: 100%; pointer-events: none; padding: 11px;} .jutsu-item__label { height: 20px; border-radius: 10px; padding: 0 10px; font-size: 14px; font-weight: 600; background-color: var(--bg-darker); color: var(--tt-fade); display: inline-flex; } .jutsu-item__label-rating { align-self: flex-end; background: var(--gradient-orange); color: #fff; font-size: 16px; padding: 0; width: 40px; } .jutsu-item--upd .jutsu-item__subtitle {margin: 11px 0;} .jutsu-item--upd .jutsu-item__desc .jutsu-item__label-series {color: var(--tt);} .jutsu-sect--upd .jutsu-item__meta .jutsu-item__label-series {display: none;} .jutsu-sect--upd .jutsu-sect__header:not(.is-active) + .grid-items {display: none;} .jutsu-sect--upd .jutsu-sect__header:not(.is-active) time::before {transform: rotate(-180deg);} .jutsu-sect--top .grid-items {gap: 35px 64px; counter-reset: num; padding-left: 33px; grid-template-columns: repeat(5,minmax(0,1fr));} .jutsu-sect--top .jutsu-item {isolation: isolate; margin-top: 51px;} .jutsu-sect--top .jutsu-item::before {counter-increment: num; content: counter(num); color: var(--tt-fadest); font-size: 128px; position: absolute; left: -43px; top: -54px; z-index: -1; font-family: 'uni sans'; font-weight: 700; font-style: italic;} .jutsu-sect--top .jutsu-item:nth-child(1):before {background: linear-gradient(to bottom, #FFE5A3, #FFCA10); background-clip: text; color: transparent;} .jutsu-sect--top .jutsu-item:nth-child(2):before {background: linear-gradient(to bottom, #e7e7e7, #9a9a9a); background-clip: text; color: transparent;} .jutsu-sect--top .jutsu-item:nth-child(3):before {background: linear-gradient(to bottom, #FFC4A3, #D2833A); background-clip: text; color: transparent;} .grid-items--count {counter-reset: a;} .grid-items--count .jutsu-item__meta::before {content: "# " counter(a) ""; counter-increment: a; padding: 2px 17px; text-align: center; position: absolute; z-index: 20; top: 10px; font-size: 15px; border-radius: 6px; left: 50%; transform: translateX(-50%); background: var(--gradient-green); color: #fff; font-weight: 600;} .jutsu-item__label-watch {position: absolute; left: 0; bottom: 0; right: 0; font-size: 12px; z-index: 2; text-align: center; background-color: rgba(0,0,0,0.6); border-radius: 0 0 10px 10px; color: #fff; padding: 3px 8px;} .announce {background: #ff6666!important; color: #fff!important;} .released {background: #53bf2b!important; color: #fff!important;} .ongoing {background: #9954d8!important; color: #fff!important;} .watched {background: var(--gradient-green)!important; color: #fff!important;} .watch_now {background: var(--gradient-2)!important; color: #fff!important;} .will-watch {background: var(--gradient-orange-4)!important;color: #fff!important;} /* UPDATES ----------------------------------------------- */ .jutsu-sect--upd {display: grid; gap: 10px; grid-template-columns: repeat(2,1fr);} .jutsu-sect--upd > *:not(.upd2) {grid-column: 1 / -1; margin: 0;} .grid-items + .jutsu-sect__header {margin-top: 25px;} .jutsu-sect__header.is-active + .grid-items + .jutsu-sect__header {margin-top: 35px;} .upd2 {border-radius: 10px; padding: 10px;/* border: 1px solid var(--bdc); */} .upd2__img {aspect-ratio: auto; width: 60px; height: 90px; border-radius: 10px;} .upd2__img::before {font-size: 18px;} .upd2__meta {margin: 10px 0;} .jutsu-item__label-newseries {background: var(--gradient-green); color: #fff;} .jutsu-sect--upd .jutsu-sect__btn-link {justify-self: center;} .jutsu-sect--upd .upd2 + .jutsu-sect__header {margin-top: 25px;} .upd2__newseries {background-color: var(--bg-darker); font-weight: 600; width: 80px; height: 100%; border-radius: 10px; gap: 0px;} .upd2__newseries > div {font-size: 32px; font-weight: 700; color: var(--accent);} body:not(.dt-is-active) .upd2 {background-color: rgba(0,0,0,0.02);} .upd2 .lists-mark {width: 30px; height: 30px; right: 5px; bottom: 5px; font-size: 12px;} .upd2 .lists-mark.icon-eye-slash::before {transform: scale(0.9,0.9);} .upd2 .lists-mark.icon-list {font-size: 16px;} /* COLLECTIONS ----------------------------------------------- */ .grid-coll {display: grid; gap: 20px; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)) !important;} .coll {display: block; font-weight: 600; font-size: 16px;} .coll__img {position: relative; margin-bottom: 10px;} .coll__img::before {border-radius: 10px;} .coll__img img {display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 10px;} .coll__count {position: absolute; left: 10px; bottom: 10px; z-index: 3; font-size: 12px; padding: 3px 6px; border-radius: 6px; background-color: #fff; color: #000; font-weight: 500;} /* FOOTER, PAGINATION ----------------------------------------------- */ .jutsu-footer__text {color: var(--tt-fade); font-size: 15px;} .jutsu-footer__menu a {padding: 0 15px; font-size: 14px; font-weight: 500;} .pagination {gap: 20px 40px;} .pagination a, .pagination span {display: grid; place-items: center; border-radius: 20px; height: 36px; min-width: 36px; padding: 0 10px; border: 1px solid var(--bdc);} .pagination__btn-loader {width: 100%;} .pagination__btn-loader a, .pagination__btn-loader span {height: 50px; border-radius: 25px; background-color: var(--bg-darker); border: 0; color: var(--tt-fade); width: 370px; font-weight: 600;} .pagination__pages {gap: 10px 10px; font-size: 15px;} .pagination__pages span:not(.nav_ext) {background-color: var(--accent); color: #fff; border-color: var(--accent);} .pagination > a, .pagination > span {border-radius: 20px;} .pagination__btn--prev::before {transform: rotate(-180deg);} /* INNER PAGE ----------------------------------------------- */ .jutsu-page__header {position: relative; padding-top: 0px; margin-bottom: 100px; display: grid; gap: 25px; grid-template-columns: 220px minmax(0,1fr); grid-template-rows: auto auto 1fr; grid-template-areas: "pleft ptitle" "pleft pmeta" "pleft plist";} .jutsu-page__left {grid-area: pleft;} .jutsu-page__poster {border-radius: 10px; width: 220px; height: 306px; margin-bottom: 10px;} .jutsu-page__poster .jutsu-item__label-series {position: absolute;left: 10px;bottom: 10px;z-index: 1;background-color: #f0f0f0;color: #838383;} .lists-mark {display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; z-index: 3; background: var(--gradient-2); color: #fff; font-size: 18px; position: absolute; right: 10px; bottom: 10px;} .lists-mark.will-watch {background: var(--gradient-orange-4);} .lists-mark.watched {background: var(--gradient-green);} .lists-mark.lost {background: var(--gradient-red);} .jutsu-page__title-logo img {display: block; margin-bottom: 25px; height: 135px;} .jutsu-page__title-text {gap: 5px 13px; font-size: 16px; font-weight: 600; grid-area: ptitle;} .jutsu-page__title-text h1 {font-size: 21px;font-weight: 600;} .jutsu-page__original {width: 100%; font-size: 14px; font-weight: 400; padding-top: 10px;} .jutsu-page__title-text .jutsu-item__label-rating {height: 25px; width: 50px; font-size: 15px; border-radius: 13px;} .jutsu-page__meta {background-color: var(--bg); box-shadow: 0 0 35px rgba(0,0,0,0.25); gap: 20px; padding: 16px 20px; border-radius: 25px; justify-self: start;} .jutsu-page__meta-item {position: relative; padding-left: 30px; font-weight: 600;} .jutsu-page__meta-item div {font-weight: 400; margin-bottom: 3px;} .jutsu-page__meta-item::before {position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 20px;} .jutsu-page__info {font-weight: 400; grid-area: plist; line-height: 1.6;} .jutsu-page__info li + li {margin-top: 18px;} .jutsu-page__info li > span:first-child {color: #626262;} .jutsu-page__info li a {color: var(--accent); text-decoration: underline;} .jutsu-page__info-label {display: inline-block; vertical-align: middle; padding: 1px 6px; position: relative; top: -1px; border-radius: 6px; font-weight: 500; border: 1px solid var(--tt); margin: 0 6px;} .jutsu-page__info-status .jutsu-page__info-label {border: 0;padding: 2px 6px;color: #fff;background: var(--gradient-orange-4);} .jutsu-page__info-status .jutsu-page__info-label.ongoing {background: var(--gradient-2);} body1:nt(.dt-is-active) .jutsu-page__meta-item.icon::before {filter: invert(1);} .jutsu-page__info-mpaa {min-height: 23px;} .jutsu-page__info-label {position: relative;} .jutsu-page__info-label span {font-size: 12px; color: var(--tt-fade); pointer-events: none; width: max-content; display: block; text-wrap: balance; line-height: 1.2; max-width: 400px; position: absolute; left: 100%; margin-left: 10px; top: 50%; translate: 0 -50%;} .jutsu-page__info-label:hover span {display: block;} .jutsu-page__info-label:hover {z-index: 10;} .jutsu-page__fav {width: 100%;} .jutsu-page__btns button, .jutsu-page__btns a {min-width: 200px; gap: 5px; padding: 0 20px; width: 100%; border-radius: 10px; height: 40px;} .jutsu-page__btns button::before, .jutsu-page__fav .icon::before {font-size: 18px;} .jutsu-page__fav a {background: var(--gradient-green) !important;} .jutsu-page__btn-lists {background: var(--gradient-orange-3) !important;} .jutsu-page__btns .jutsu-page__btn-lists::before {font-size: 20px;} .jutsu-page__subtitle {text-align: center; margin-bottom: 25px; font-size: 18px;} .jutsu-page__scr ul {display: grid; gap: 25px; grid-template-columns: repeat(4,1fr); margin-bottom: 25px;} .jutsu-page__scr ul li:nth-child(4) ~ li {display: none;} .jutsu-page__scr a, .jutsu-page__scr img {display: block; height: auto; width: 100%; border-radius: 25px; aspect-ratio: 300 / 170;} .jutsu-page__scr img {object-fit: cover;} .jutsu-page__text {margin-bottom: 50px;} .jutsu-page__player {display: grid; grid-template-columns: 1fr 425px; margin-bottom: 50px; background-color: #0f0f0f; border-radius: 25px; overflow: hidden;} .jutsu-page__player-ctrl {padding: 25px; color: #fff;} .jutsu-page__player-video {background-color: #000;} .asidead, .load_bclass{margin:15px auto;text-align: center;display: grid;place-items: center;} .tabs-block__select {border: 1px solid #6a6a6a; border-radius: 19px; overflow: hidden; margin-bottom: 25px;} .tabs-block__select button {height: 33px; font-size: 10px; color: #6a6a6a; background: none; border-radius: 0; box-shadow: none;} .tabs-block__select button + button:not(.is-active) {border-left: 1px solid #6a6a6a;} .tabs-block__select button::before {font-size: 16px;} .tabs-block__select button.is-active {background: var(--gradient); color: #fff;} .not-loaded .jutsu-page__player-video .tabs-block__content:first-child {display: block;} .jutsu-page__ratings {gap: 15px;} .jutsu-page__ratings-item {height: 125px; border-radius: 25px; font-weight: 600; background-color: rgb(48,156,255,0.1);} .jutsu-page__ratings-item-count, .jutsu-page__stats-info-rating {font-size: 32px; width: 65px; height: 65px; position: relative; isolation: isolate;} .jutsu-page__ratings-item--imdb {background-color: rgb(255,183,74,0.1);} .jutsu-page__ratings-item-count::before, .jutsu-page__stats-info-rating::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1; height: 111px; width: 121px; margin-top: 5px; background: url(../images/shikimori.svg) center center no-repeat; background-size: contain;} .jutsu-page__ratings-item--imdb .jutsu-page__ratings-item-count::before, .jutsu-page__stats-info-rating::before {background-image: url(../images/imdb.svg); height: 121px; margin-top: 0px;} .jutsu-page__user-rating {text-align: center; font-weight: 600; margin-top: 25px;} .jutsu-page__tabs-mylists {gap: 15px; margin-top: 25px;} .jutsu-page__tabs-mylists li {flex: 1 0 175px; min-width: 175px; gap: 5px;} .jutsu-page__tabs-mylists li::before {font-size: 18px;} .jutsu-page__tabs-mylists li:nth-child(2):before {font-size: 20px;} .jutsu-page__tabs-mylists li:first-child {background: var(--gradient-2);} .jutsu-page__tabs-mylists li:nth-child(2) {background: var(--gradient-orange-4);} .jutsu-page__tabs-mylists li:nth-child(3) {background: var(--gradient-green);} .jutsu-page__tabs-mylists li:last-child {background: var(--gradient-red);} .jutsu-page__tabs-mylists li.active {background: #fff !important;color: #000 !important;} .jutsu-page__share {font-size: 10px; font-weight: 400; margin-top: 25px;} .jutsu-page__stats-box {gap: 30px;} .jutsu-page__stats {height: 200px; border-radius: 25px; background-color: var(--bg-black); overflow: hidden; align-items: stretch; gap: 0; color: #fff;} .jutsu-page__stats-info {width: 200px; background-color: #101010;} .jutsu-page__stats-bars {padding: 0 38px; gap: 30px;} .jutsu-page__stats-info {gap: 20px; padding: 25px;} .jutsu-page__stats-info-item {position: relative; padding-left: 22px; font-weight: 400;} .jutsu-page__stats-info-item::before {width: 15px; height: 15px; border-radius: 50%; content: ''; background-color: #60C764; position: absolute; left: 0; top: 50%; margin-top: -7px;} .jutsu-page__stats-bar {height: 5px; border-radius: 3px; background-color: rgba(255,255,255,0.1); position: relative;} .jutsu-page__stats-bar-fill {background-color: #60C764; border-radius: 3px; width: 50%; height: 100%; position: absolute; left: 0; top: 0;} .jutsu-page__stats-bar:nth-child(2) .jutsu-page__stats-bar-fill, .jutsu-page__stats-info-item:nth-child(2):before {background-color: #FF62B7;} .jutsu-page__stats-bar:nth-child(3) .jutsu-page__stats-bar-fill, .jutsu-page__stats-info-item:nth-child(3):before {background-color: #FF8730;} .jutsu-page__stats-bar:nth-child(4) .jutsu-page__stats-bar-fill, .jutsu-page__stats-info-item:nth-child(4):before {background-color: #C082FF;} .jutsu-page__stats--rates .jutsu-page__stats-info {font-weight: 600; gap: 0px;} .jutsu-page__stats-info-caption {color: #FFB74A; margin-bottom: 5px; margin-top: 10px;} .jutsu-page__stats-info-count::before {font-size: 16px; margin-right: -8px;} .jutsu-page__stats--rates .jutsu-page__stats-bars {counter-reset: num 6; padding-left: 51px; gap: 28px;} .jutsu-page__stats--rates .jutsu-page__stats-bar::before {counter-increment: num -1; content: counter(num); font-weight: 600; position: absolute; left: -13px; top: 50%; transform: translateY(-50%);} .jutsu-page__stats--rates .jutsu-page__stats-bar:nth-child(1) .jutsu-page__stats-bar-fill {background-color: #60C764;} .jutsu-page__stats--rates .jutsu-page__stats-bar:nth-child(2) .jutsu-page__stats-bar-fill {background-color: #96C534;} .jutsu-page__stats--rates .jutsu-page__stats-bar:nth-child(3) .jutsu-page__stats-bar-fill {background-color: #E5C349;} .jutsu-page__stats--rates .jutsu-page__stats-bar:nth-child(4) .jutsu-page__stats-bar-fill {background-color: #F67C48;} .jutsu-page__stats--rates .jutsu-page__stats-bar:nth-child(5) .jutsu-page__stats-bar-fill {background-color: #FF4E4E;} .ui-dialog-content a {color: var(--ui-accent); text-decoration: underline;} #btns-share {height: 30px;} #btns-share ul {display: flex; gap: 5px;} #btns-share li div {height: 30px; width: 30px; border-radius: 50%; cursor:pointer; background-size: 24px !important; background-position: center center !important;} #btns-share li.vkontakte div {background:#48729e url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjc4NSAxNi4yNDFzLjI4OC0uMDMyLjQzNi0uMTk0Yy4xMzYtLjE0OC4xMzItLjQyNy4xMzItLjQyN3MtLjAyLTEuMzA0LjU3Ni0xLjQ5NmMuNTg4LS4xOSAxLjM0MSAxLjI2IDIuMTQgMS44MTguNjA1LjQyMiAxLjA2NC4zMyAxLjA2NC4zM2wyLjEzNy0uMDNzMS4xMTctLjA3MS41ODctLjk2NGMtLjA0My0uMDczLS4zMDgtLjY2MS0xLjU4OC0xLjg3LTEuMzQtMS4yNjQtMS4xNi0xLjA1OS40NTMtMy4yNDYuOTgzLTEuMzMyIDEuMzc2LTIuMTQ1IDEuMjUzLTIuNDkzLS4xMTctLjMzMi0uODQtLjI0NC0uODQtLjI0NGwtMi40MDYuMDE1cy0uMTc4LS4wMjUtLjMxLjA1NmMtLjEzLjA3OS0uMjEyLjI2Mi0uMjEyLjI2MnMtLjM4MiAxLjAzLS44OSAxLjkwN2MtMS4wNyAxLjg1LTEuNDk5IDEuOTQ4LTEuNjc0IDEuODMyLS40MDctLjI2Ny0uMzA1LTEuMDc1LS4zMDUtMS42NDggMC0xLjc5My4yNjctMi41NC0uNTIxLTIuNzMzLS4yNjItLjA2NS0uNDU0LS4xMDctMS4xMjMtLjExNC0uODU4LS4wMDktMS41ODUuMDAzLTEuOTk2LjIwOC0uMjc0LjEzNi0uNDg1LjQ0LS4zNTYuNDU3LjE1OS4wMjIuNTE5LjA5OS43MS4zNjMuMjQ2LjM0MS4yMzcgMS4xMDcuMjM3IDEuMTA3cy4xNDIgMi4xMS0uMzMgMi4zNzFjLS4zMjUuMTgtLjc3LS4xODctMS43MjUtMS44NjUtLjQ4OS0uODU5LS44NTktMS44MS0uODU5LTEuODFzLS4wNy0uMTc2LS4xOTgtLjI3MmMtLjE1NC0uMTE1LS4zNy0uMTUxLS4zNy0uMTUxbC0yLjI4Ni4wMTVzLS4zNDMuMDEtLjQ2OS4xNjFDMy45NCA3LjcyMSA0LjA0MyA4IDQuMDQzIDhzMS43OSA0LjI1OCAzLjgxNyA2LjQwM2MxLjg1OCAxLjk2NyAzLjk2OCAxLjgzOCAzLjk2OCAxLjgzOGguOTU3eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);} #btns-share li.facebook div {background:#3b5998 url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjQyMyAyMHYtNy4yOThoMi40NjRsLjM2OS0yLjg0NWgtMi44MzJWOC4wNDJjMC0uODI0LjIzLTEuMzg1IDEuNDE3LTEuMzg1aDEuNTE1VjQuMTExQTIwLjI1NSAyMC4yNTUgMCAwIDAgMTQuMTQ4IDRjLTIuMTgzIDAtMy42NzggMS4zMjYtMy42NzggMy43NnYyLjA5N0g4djIuODQ1aDIuNDdWMjBoMi45NTN6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K);} #btns-share li.odnoklassniki div {background:#eb722e url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTEuNjc0IDYuNTM2YTEuNjkgMS42OSAwIDAgMC0xLjY4OCAxLjY4OGMwIC45My43NTcgMS42ODcgMS42ODggMS42ODdhMS42OSAxLjY5IDAgMCAwIDEuNjg4LTEuNjg3IDEuNjkgMS42OSAwIDAgMC0xLjY4OC0xLjY4OHptMCA1Ljc2M2E0LjA4IDQuMDggMCAwIDEtNC4wNzYtNC4wNzUgNC4wOCA0LjA4IDAgMCAxIDQuMDc2LTQuMDc3IDQuMDggNC4wOCAwIDAgMSA0LjA3NyA0LjA3NyA0LjA4IDQuMDggMCAwIDEtNC4wNzcgNC4wNzV6TTEwLjAyNSAxNS42MjRhNy42MzMgNy42MzMgMCAwIDEtMi4zNjctLjk4IDEuMTk0IDEuMTk0IDAgMCAxIDEuMjcyLTIuMDIyIDUuMTc1IDUuMTc1IDAgMCAwIDUuNDg5IDAgMS4xOTQgMS4xOTQgMCAxIDEgMS4yNzIgMi4wMjIgNy42NDcgNy42NDcgMCAwIDEtMi4zNjcuOThsMi4yNzkgMi4yOGExLjE5NCAxLjE5NCAwIDAgMS0xLjY5IDEuNjg4bC0yLjIzOC0yLjI0LTIuMjQgMi4yNGExLjE5MyAxLjE5MyAwIDEgMS0xLjY4OS0xLjY4OWwyLjI3OS0yLjI3OSIvPjwvZz48L3N2Zz4=);} #btns-share li.moimir div {background:#168de2 url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguODg5IDkuNjY3YTEuMzMzIDEuMzMzIDAgMSAwIDAtMi42NjcgMS4zMzMgMS4zMzMgMCAwIDAgMCAyLjY2N3ptNi4yMjIgMGExLjMzMyAxLjMzMyAwIDEgMCAwLTIuNjY3IDEuMzMzIDEuMzMzIDAgMCAwIDAgMi42Njd6bTQuNzcgNi4xMDhsLTEuODAyLTMuMDI4YS44NzkuODc5IDAgMCAwLTEuMTg4LS4zMDcuODQzLjg0MyAwIDAgMC0uMzEzIDEuMTY2bC4yMTQuMzZhNi43MSA2LjcxIDAgMCAxLTQuNzk1IDEuOTk2IDYuNzExIDYuNzExIDAgMCAxLTQuNzkyLTEuOTkybC4yMTctLjM2NGEuODQ0Ljg0NCAwIDAgMC0uMzEzLTEuMTY2Ljg3OC44NzggMCAwIDAtMS4xODkuMzA3bC0xLjggMy4wMjhhLjg0NC44NDQgMCAwIDAgLjMxMiAxLjE2Ni44OC44OCAwIDAgMCAxLjE4OS0uMzA3bC42ODMtMS4xNDdhOC40NjYgOC40NjYgMCAwIDAgNS42OTQgMi4xOCA4LjQ2MyA4LjQ2MyAwIDAgMCA1LjY5OC0yLjE4NGwuNjg1IDEuMTUxYS44NzMuODczIDAgMCAwIDEuMTg5LjMwNy44NDQuODQ0IDAgMCAwIC4zMTItMS4xNjZ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);} #btns-share li.twitter div {background:#00aced url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwIDcuNTM5YTYuNTYgNi41NiAwIDAgMS0xLjg4NS41MTcgMy4yOTQgMy4yOTQgMCAwIDAgMS40NDMtMS44MTYgNi41NzUgNi41NzUgMCAwIDEtMi4wODUuNzk2IDMuMjgzIDMuMjgzIDAgMCAwLTUuNTkzIDIuOTk0QTkuMzIgOS4zMiAwIDAgMSA1LjExNCA2LjZhMy4yOCAzLjI4IDAgMCAwIDEuMDE2IDQuMzgyIDMuMjc0IDMuMjc0IDAgMCAxLTEuNDg3LS40MXYuMDQxYTMuMjg1IDMuMjg1IDAgMCAwIDIuNjMzIDMuMjE4IDMuMzA1IDMuMzA1IDAgMCAxLTEuNDgyLjA1NiAzLjI4NiAzLjI4NiAwIDAgMCAzLjA2NiAyLjI4QTYuNTg1IDYuNTg1IDAgMCAxIDQgMTcuNTI0IDkuMjkxIDkuMjkxIDAgMCAwIDkuMDMyIDE5YzYuMDM4IDAgOS4zNC01IDkuMzQtOS4zMzcgMC0uMTQzLS4wMDQtLjI4NS0uMDEtLjQyNUE2LjY3MiA2LjY3MiAwIDAgMCAyMCA3LjUzOHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)} .countdown__text {color: var(--accent); font-size: 17px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 2px;} .countdown {gap: 10px; height: 80px; margin-bottom: 20px;} .countdown-container {text-align: center; background-color: var(--bg-darker); border-radius: 6px; width: 90px;} .countdown-value {font-size: 24px; font-weight: 600; height: 54px; padding-top: 10px;} .countdown-value + div {border-top: 1px solid var(--bdc); font-size: 13px; color: var(--tt-fade); padding: 3px;} .jutsu-page__caption {border-radius: 25px; position: relative; padding: 20px; padding-left: 65px; border: 1px solid var(--bdc); margin-bottom: 25px;} .jutsu-page__caption::before {position: absolute; left: 20px; top: 50%; transform: translateY(-50%);} @media screen and (min-width: 1220px) { #owl-franchise .owl-nav {display: none;} #owl-franchise:has(.owl-item:nth-child(6)) .owl-nav {display: block;} } .jutsu-page__caption a {font-weight: 700; color: var(--accent);} .jutsu-page__caption a:hover {text-decoration: underline;} /* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK ----------------------------------------------- */ .jutsu-page__title {margin-bottom: 20px; font-size: 24px;} .full-text {line-height: 1.5; font-size: 12px; word-wrap: break-word; font-weight: 400;} .full-text a {text-decoration: underline; color: var(--blue);} .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(--yellow); 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(--yellow); color: #000; 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(--yellow); 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%;} .video-responsive {padding-top: 60%; position: relative;} .video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .full-text h2 {font-size: 18px;margin: 10px 0;} /* COMMENTS ----------------------------------------------- */ .ac-form .jutsu-comments_subscribe {margin-top: 0px;} #dle-comments-list .jutsu-comm {margin-bottom: 25px;} .jutsu-sect__content--comms {display: grid; gap: 25px 25px; grid-template-columns: repeat(2,minmax(0,1fr));} .jutsu-comm__title {font-size: 15px; font-weight: 700; width: 100%;} .jutsu-comm__title a {display: block;} .ac-form:not(.ac-toggle) .ac-form__editor::before {display: none;} .ac-form {margin-bottom: 25px;} .ac-toggle .ac-form__bottom, .mass_comments_action, .jutsu-comments_subscribe + br, .ac-form .bb-editor + br, .ac-form__editor .bb-pane .bb-btn {display: none;} .ac-toggle .ac-form__editor textarea {height: 50px; overflow: hidden;} .ac-form__editor textarea {padding: 15px 30px; border-radius: 25px; height: 140px; line-height: 1.4; resize: none;} .ac-form__editor::before {position: absolute; right: 10px; top: 0; color: var(--tt-on-black-fade); font-size: 20px; width: 50px; height: 50px; display: grid; place-items: center; pointer-events: none;} .ac-form__editor .bb-pane {position: absolute; left: 10px; top: 0; display: block; z-index: 1;} .ac-form__editor .bb-pane .bb-btn#b_emo {display: grid; place-items: center; width: 50px; height: 50px; color: var(--tt-on-black-fade); font-size: 26px; border-radius: 50%; cursor: pointer;} .ac-form__editor .bb-pane .bb-btn#b_emo::before {content:"\e913"; font-family:'fa-custom'; font-weight: var(--ui-fw-fa)} .ac-toggle .ac-form__editor::after {content: attr(data-text); position: absolute; left: 30px; top: 0; line-height: 50px; color: var(--tt-on-black-fade); pointer-events: none; z-index: 1;} .ac-form__btn {height: 40px;} /*.ac-form__editor textarea {scrollbar-width: thin; scrollbar-color: var(--accent) var(--tt-on-black-fade);} .ac-form__editor textarea::-webkit-scrollbar {width: 15px; height: 15px;} .ac-form__editor textarea::-webkit-scrollbar-thumb {border-radius: 0; background-color:var(--accent); border: 0;} .ac-form__editor textarea::-webkit-scrollbar-track {background-color:var(--tt-on-black-fade);}*/ .jutsu-comm {background-color: var(--bg-black); border-radius: 25px; padding: 25px; display: grid; height: 100%; color: #fff; --tt: #fff; grid-template-rows: auto 1fr auto; position: relative; grid-template-columns: minmax(0,1fr);} .jutsu-comm > * {position: relative; z-index: 1;} .jutsu-comm--plus::before, .jutsu-comm--minus::before {content: ''; border-radius: inherit; position: absolute; inset: 0; opacity: 0.8;} .jutsu-comm--plus::before {background: linear-gradient(to right, #60C764, transparent 50%);} .jutsu-comm--minus::before {background: linear-gradient(to right, #C76060, transparent 50%);} .jutsu-comm__img {width: 35px; height: 35px; border-radius: 50%;} .jutsu-comm__author, .jutsu-comm__author a {font-size: 16px;} .jutsu-comm__date {color: #bababa; font-size: 10px; margin-top: 1px;} .jutsu-comm__main {margin: 15px 0;} .jutsu-comm__main123 > div {max-height: 200px; overflow-y: auto;} .jutsu-comm__num {height: 30px; border-radius: 15px; background-color: rgba(255,255,255,0.1); padding: 0 10px;} .jutsu-comm__action {font-size: 12px; font-weight: 400; gap: 3px 10px;} .jutsu-comm__rating {gap: 10px; font-weight: 700;} .jutsu-comm__rating > a {display: grid; place-items: center; height: 25px; width: 25px; border-radius: 50%; background-color: rgb(96,199,100,0.25); color: #60C764; font-size: 8px; padding-top: 1px;} .jutsu-comm__rating > a:last-child {background-color: rgb(255,46,46,0.25); color: #FF2E2E;} .jutsu-comm__rating > a:first-child .icon {transform: rotate(180deg); position: relative; top: -1px;} a.jutsu-comm__num {width: 100%; display: block; height: auto; padding: 8px 10px;} a.jutsu-comm__num::before {margin-right: 10px; display: inline-block;} .jutsu-sect__content--comms .jutsu-comm {height: auto;} /* LOGIN ----------------------------------------------- */ .login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: var(--bg); width: 420px; border-radius: 10px; overflow: hidden; box-shadow: 0 15px 45px rgba(0,0,0,1); overflow-y: auto; max-width: calc(100vw - 40px); max-height: calc(100vh - 40px);} .login__header {background-color: var(--bg-darker); gap: 20px; padding-right: 20px; font-size: 18px;} .login__title {background-color: var(--bg); padding: 0 40px; height: 60px; font-weight: 700;} .login__caption {margin-left: 20px; font-weight: 500;} .login__close {font-size: 24px; min-width: 40px; height: 40px;} .login__content {display: grid; gap: 30px; padding: 40px; padding-top: 20px;} .login__row, .login__row.icon, .login__row.icon {position: relative; display: grid; gap: 10px; justify-content: stretch;} .login__row::before {position: absolute; left: 10px; bottom: 0; width: 40px; height: 50px; display: grid; place-items: center; opacity: 0.2; font-size: 12px; transform: rotate(-90deg);} .login__input input {padding-left: 50px; box-shadow: none;} .login__row button {width: 100%;} .jutsu-header-main__img {width: 60px; height: 60px; border-radius: 50%;} .jutsu-header-main__name {font-size: 14px; font-weight: 600;} .jutsu-header-main__group, .jutsu-header-main__group * {margin-top: 5px; font-weight: 500; color: var(--tt-fade);} .login__menu {display: flex; gap: 10px;} .login__menu li {flex-grow: 1;} .login__menu a {background-color: var(--bg-darker); display: block; border-radius: 6px; padding: 15px; text-align: center;} /* ADAPTIVE, MOBILE MENU ----------------------------------------------- */ .overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; display: none; background-color: rgba(0,0,0,0.8); backdrop-filter: blur(9px);} body:has(.mobile-menu--is-generated) .overlay {background: #000;} .mobile-menu {width: 100vw; height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 999; position: fixed; left: 0; top: 0; transition: left 0.4s; display: none;} body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;} .mobile-menu__header.jutsu-header__main {background: none; box-shadow: none; border-radius: 0; color: #fff; --tt: #fff;} .mobile-menu__content, .mobile-menu__login, .mobile-menu__search {padding: 12px var(--indent);} .mobile-menu .jutsu-header__btn-menu {transform: rotate(0deg); opacity: 0; display: flex;} .mobile-menu.is-active .jutsu-header__btn-menu {transform: rotate(45deg); opacity: 1; transition-delay: 0.2s;} .mobile-menu__login > * {font-size: 10px;} .mobile-menu__login .jutsu-header__btn-login {order: 10;} .mobile-menu__search .jutsu-header__search {min-width: 100%; margin: 0; color: #fff; --tt: #fff; --tt-fade: #fff; --ui-tt-fade: #fff;} .mobile-menu__search .jutsu-header__search input {background-color: rgba(255,255,255,0.25);} .mobile-menu__search .search-block__btn {opacity: 1;} .mobile-menu__content .jutsu-nav__menu {display: flex; border-radius: 15px; overflow: hidden; background: var(--bg); text-align: center;} .mobile-menu__content .jutsu-nav__menu > li {width: 50%; flex: 0 0 auto;} .mobile-menu__content .jutsu-nav__menu > li:has(.header__menu-hidden) {width: 100%;} .jutsu-header__btn-menu {width: 50px; padding: 0; font-size: 24px;} .mobile-menu__content .jutsu-nav__menu > li:first-child > a {border-radius: 0;} .mobile-menu__content .jutsu-nav__menu > li:last-child > a {border-radius: 0;} .mobile-menu__content .header__menu-hidden {position: static; border-bottom: 2px solid var(--bdc); translate: 0 0; visibility: visible; opacity: 1; box-shadow: none; border-radius: 0; margin-bottom: 10px;} .mobile-menu__content .header__menu-hidden-left, .header__menu-hidden-right {width: 100%; padding: 20px;} .mobile-menu__content .header__menu-hidden-right {grid-template-columns: repeat(2,minmax(0,1fr));} .mobile-menu__content .header__menu-hidden-left ul:last-child li {width: auto;} .mobile-menu__content .header__menu-hidden-left ul:last-child {gap: 20px 25px; justify-content: center;} @media screen and (min-width: 590px) { .mobile-menu__content, .mobile-menu__login, .mobile-menu__search {max-width: 500px; margin-left: auto; margin-right: auto;} } @media screen and (max-width: 1220px) { :root {--indent-negative: -20px; --indent: 20px;} .jutsu-wrapper {padding-top: 0;} .filter-block { width: 855px !important; } .jutsu-wrapper__container {max-width:1000px;} .jutsu-header .jutsu-header__search, .jutsu-header .jutsu-nav {display: none;} .jutsu-header {border-radius: 0 0 25px 25px; margin: 25px var(--indent-negative); margin-top: 0;} .jutsu-header__logo {margin-right: auto;} .jutsu-header__main {gap: 10px; padding: 15px 20px;} .jutsu-sect {margin-bottom: 50px;} .jutsu-slide__desc {height: 300px; padding: 20px; gap: 20px;} .jutsu-header__btn-menu {display: flex;} .cd-slider:not(.owl-carousel) {gap: 20px;} .jutsu-main-genres.cd-slider:not(.owl-carousel) {gap: 10px;} .cd-slider:not(.owl-carousel) > li {width: calc((100% - 50px)/6);} .jutsu-footer {padding-top: 20px; padding-bottom: 20px; text-align: center; gap: 20px; justify-content: center;} .jutsu-footer__text {min-width: 100%;} .jutsu-main-genres:not(#owl-genres) {flex-wrap: wrap; overflow: visible;} .jutsu-main-genres:not(#owl-genres) li {flex: 1 0 145px; min-width: 150px; max-width: 100%;} .jutsu-item__label-rating {font-size: 14px; width: 30px;} .jutsu-item__label {font-size: 12px;} .grid-items--count .jutsu-item__meta::before {height: 20px; padding: 0; width: 40px; display: flex; align-items: center; justify-content: center; font-size: 12px;} .jutsu-wrapper__bg {height: 500px;} .jutsu-page__info li + li {margin-top: 10px;} .jutsu-page__header {gap: 25px 20px;} .jutsu-page__header, .jutsu-page__text, .jutsu-page__subtitle {margin-bottom: 20px;} .jutsu-page__scr ul {gap: 10px; margin-bottom: 20px;} .jutsu-page__player {display: block;} .jutsu-page__player-ctrl {padding: 20px;} .jutsu-page__player-ctrl > * {margin: 0;} .jutsu-page__player-ctrl > * + * {margin-top: 20px;} .jutsu-page__stats-box {gap: 10px 20px;} #dle-comments-list {gap: 20px; margin: -20px 0;} .jutsu-page__poster:last-child {margin-bottom: 0 !important;} .jutsu-page__title-text .jutsu-page__btns {margin-top: 20px;} #dle-comments-list .jutsu-comm {margin-bottom: 20px;} } @media screen and (min-width: 950px) and (max-width: 1220px) { .jutsu-item--short .lists-mark {width: 34px; height: 34px; font-size: 14px;} .jutsu-item--short .lists-mark.icon-list {font-size: 18px;} } @media screen and (max-width: 950px) { .jutsu-wrapper__container {max-width:768px;} .pagination {gap: 10px;} .pagination__btn-loader a, .pagination__btn-loader span {width: 100%;} .pagination > a, .pagination > span {flex-grow: 1; order: 10;} .pagination__pages {width: 100%;} .pagination__pages a, .pagination__pages span {flex-grow: 1;} .grid-items, #dle-content, .jutsu-sect--top .grid-items {gap: 10px 20px; grid-template-columns: repeat(2,minmax(0,1fr));} .jutsu-item.jutsu-item--short {display: flex; flex-wrap: wrap; align-items: center; gap: 10px;} .jutsu-item--short .jutsu-item__img {width: 65px; height: 82px; aspect-ratio: auto; border-radius: 10px; margin: 0;} .jutsu-item--short .jutsu-item__meta {position: relative; align-items: flex-end; aspect-ratio: auto; width: auto; padding: 0; gap: 5px;} .jutsu-item--short .jutsu-item__desc {flex: 1 1 0; max-width: 100%; min-width: 50px;} .jutsu-item--short .jutsu-item__title .cd-nowrap {font-size: 14px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5px;} .grid-items--count .jutsu-item__meta::before {left: auto; right: 35px; top: 0; transform: none; height: 20px; padding: 0; width: 40px; display: flex; align-items: center; justify-content: center; font-size: 12px;} .jutsu-item--short .lists-mark {width: 30px; height: 30px; right: 5px; bottom: 5px; font-size: 12px;} .jutsu-item--short .lists-mark.icon-eye-slash::before {transform: scale(0.9,0.9);} .jutsu-item--short .lists-mark.icon-list {font-size: 16px;} .grid-items--count .lists-mark, .jutsu-item--short .lists-mark {position: static; width: 30px; height: 20px; border-radius: 15px;} .jutsu-item--short .lists-mark.watched {background: #67c582 !important;} .jutsu-item--short .lists-mark.will-watch {background: #ee9227 !important;} .jutsu-item--short .lists-mark.watch_now {background: #e81eb6 !important;} .jutsu-item--short .lists-mark.lost {background: #eb352d !important;} .jutsu-sect--upd .jutsu-item__subtitle {font-size: 12px; margin-top: 5px; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .jutsu-sect--upd .jutsu-item__meta .jutsu-item__label-series {display: flex;} .jutsu-sect--top .grid-items {gap: 10px; padding-left: 0px;} .jutsu-sect--top .jutsu-item {margin-top: 0; margin-left: 20px;} .jutsu-sect--top .jutsu-item::before {left: -25px; top: 50%; font-size: 64px; transform: translateY(-50%);} .jutsu-sect--upd {grid-template-columns: repeat(1,minmax(0,1fr));} .grid-items + .jutsu-sect__header {margin-top: 20px;} .jutsu-page__stats-info {padding-left: 20px; padding-right: 20px; width: 165px; white-space: nowrap;} .jutsu-page__stats-bars {padding-left: 20px; padding-right: 20px;} .jutsu-page__stats--rates .jutsu-page__stats-bars {padding-left: 33px;} #dle-comments-list, .jutsu-sect__content--comms {display: block; margin: 0;} .jutsu-comm {margin-bottom: 10px !important;} .jutsu-comm__main > div {max-height: none;} } @media screen and (max-width: 760px) { .jutsu-wrapper__container {max-width:640px;} .jutsu-header .jutsu-header__btn-login::before {display: block; color: var(--tt);} .jutsu-header .jutsu-header__btn-login span, .jutsu-header .jutsu-header__link, .jutsu-header-login__name {display: none;} .jutsu-header .jutsu-header__btn-login, .jutsu-header__btn-theme-toggle, .jutsu-header__btn-menu, .jutsu-header__btn-exit, .jutsu-header-login__img, .jutsu-header-login {width: 35px; height: 35px; border-radius: 18px; font-size: 16px; order: 10;} .descr img {text-align: center;display: revert-layer;margin: 0 15px 15px 0;padding: 0 15px 15px 0;} .jutsu-header__btn-theme-toggle {order: 9;} .jutsu-header__logo {height: 25px; font-size: 14px;} .jutsu-header__logo span:last-child {height: 25px; width: 35px; font-size: 12px; border-radius: 5px;} .jutsu-header .jutsu-header__btn-login {background: var(--bg-darker); padding: 0;} .jutsu-slide__desc {height: 200px; gap: 15px;} .jutsu-slide__img {border-radius: 15px;} .jutsu-slide__title {font-size: 18px;} .jutsu-slide__btn-link {height: 35px; border-radius: 18px; padding: 0 15px;} .jutsu-sect, .jutsu-page__player {margin-bottom: 40px;} .jutsu-sect__header {margin-bottom: 20px;} .jutsu-sect__title {font-size: 14px;} .cd-slider:not(.owl-carousel) > li {width: calc((100% - 20px)/3);} .jutsu-main-genres:not(#owl-genres) li {flex: 1 0 96px; min-width: 96px;} .jutsu-main-genres a {height: 50px; border-radius: 10px;} .filt__btn {height: 35px; border-radius: 18px;} .filt.is-active .filt__btn {border-radius: 18px 18px 0 0;} .filt.is-active .filter-block, .filt.is-active .filter__col, .filt.is-active .filter {border-radius: 18px 0 18px 18px;gap: 10px;width: calc(100vw - (var(--indent)*2))!important;} .descr {padding-top: 20px; padding-bottom: 20px;} .descr > * + * {margin-top: 15px;} .descr__logo {margin: 0 auto; width: max-content;} .descr :is(h1,h2,h3) {font-size: 16px;} .jutsu-footer__text, .jutsu-footer__menu a {font-size: 12px;} .jutsu-footer__menu {gap: 20px; width: 100%;} .jutsu-footer__menu li {flex: 1 0 40%;} .jutsu-footer__menu a {display: flex; padding: 0;} .grid-items, #dle-content, .jutsu-sect--top .grid-items {grid-template-columns: repeat(1,minmax(0,1fr));} .jutsu-wrapper__bg {background-image: none!important;} .jutsu-wrapper__bg::before {background: radial-gradient(circle farthest-side at center top, transparent 60%, var(--bg) 100%);} .jutsu-page__header {padding-top: 0px; gap: 20px; grid-template-columns: minmax(0,1fr); grid-template-areas: "ptitle" "pleft" "pmeta" "plist"; grid-template-rows: auto auto auto auto;} .jutsu-page__poster {margin: 0 auto; margin-bottom: 10px;} .jutsu-page__title-logo img {height: 85px; margin-bottom: 20px; margin-left: auto; margin-right: auto;} .jutsu-page__title-text {justify-content: center; text-align: center;} .jutsu-page__meta, .jutsu-page__btns > *, .jutsu-page__fav a, .jutsu-page__stats {width: 100%; min-width: 100%;} .jutsu-page__title-text h1 {width: 100%; text-align: center; order: -1;} .jutsu-page__tabs-mylists {gap: 10px;} .jutsu-page__tabs-mylists li {padding: 0; height: 40px; border-radius: 20px; flex: 1 0 40%; min-width: 40%;} } @media screen and (max-width: 590px) { .jutsu-wrapper__container {max-width:480px;} .login__title {padding: 0 20px;} .login__caption {margin-left: 0px;} .login__content {padding: 20px;} .upd2__newseries {width: 60px;} .upd2__newseries div {font-size: 24px;} .jutsu-page__subtitle {font-size: 16px;} .jutsu-comm__rating {margin-left: auto;} .jutsu-comm__action {min-width: 100%; order: 10;} .jutsu-comm__action li {flex-grow: 1;} .jutsu-comm__action a {height: 30px; border-radius: 15px; background-color: rgba(255,255,255,0.1); padding: 0 10px; display: flex; align-items: center; justify-content: center;} .jutsu-page__info-label span {max-width: calc(100vw - 190px); padding: 10px; background-color: var(--bg); box-shadow: var(--bsh); display: none;} .jutsu-page__info-mpaa .jutsu-page__info-label:not(:has(span)) {height: 23px; max-width: calc(100vw - 180px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .page__fr:not(.owl-carousel) {overflow: visible; flex-wrap: wrap; gap: 20px; counter-reset: n;} .page__fr:not(.owl-carousel) .jutsu-item, .page__fr:not(.owl-carousel) .jutsu-item__desc {display: flex; align-items: center; gap: 20px; flex-wrap: wrap;} .page__fr:not(.owl-carousel) .jutsu-item {width: 100%;} .page__fr:not(.owl-carousel) .jutsu-item__img {width: 60px; margin: 0;} .page__fr:not(.owl-carousel) .jutsu-item__title, .page__fr:not(.owl-carousel) .jutsu-item__desc {flex: 1 1 0; max-width: 100%; min-width: 30px;} .page__fr:not(.owl-carousel) .jutsu-item::before {content: counter(n)'.'; counter-increment: n; font-weight: 700; width: 15px; text-align: center;} .page__fr:not(.owl-carousel) .jutsu-item__subtitle {margin: 0;} .jutsu-page__meta {gap: 10px; padding: 15px 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr));} } @media screen and (max-width: 470px) { .jutsu-wrapper__container123 {max-width:360px;} .cd-slider .jutsu-item {width: 130px;} .jutsu-sect--feed .jutsu-sect__title {padding-left: 30px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .jutsu-sect--feed .jutsu-sect__title::before {position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .jutsu-sect__header .page__share {width: 100%;} .jutsu-page__meta:has(.jutsu-page__meta-item:nth-child(5)) .jutsu-page__meta-item:first-child {width: 100%;} .jutsu-page__scr ul {grid-template-columns: repeat(2,1fr);} .jutsu-page__player {margin-left: var(--indent-negative); margin-right: var(--indent-negative); border-radius: 0;} .unit-rating {margin-right: -5px !important;} .jutsu-page__share {justify-content: center; flex-direction: column; align-items: center;} .descr img {float: none; margin: 0 auto;} .countdown__text {font-size: 13px; letter-spacing: 0px;} .countdown-container {width: 70px; flex-grow: 1;} .countdown-value + div {font-size: 12px;} .ac-form__subscribe {font-size: 12px; line-height: 1.3;} .full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;} } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel {width: 100%; position: relative; z-index: 1;} .owl-stage {position: relative; display:flex; justify-content:flex-start;} .owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);} .owl-item {position: relative; min-height: 10px;} .owl-nav.disabled,.owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;} .owl-carousel.owl-drag .owl-item {user-select: none;} .owl-carousel.owl-grab {cursor: move; cursor: grab;} .owl-nav {position: absolute; right: 0; left: 0; top: 50%;} .owl-prev, .owl-next {cursor: pointer; width: 35px; height: 35px; display: grid; place-items: center; font-size: 18px; border-radius: 50%; background: var(--bg); color: var(--tt); border: 0px solid var(--bdc); box-shadow: var(--bsh-btn); transform: translateX(50%); position: absolute; right: 0; top: 0; margin-top: -17px;} .owl-prev::before {transform: rotate(180deg);} .owl-prev {transform: translateX(-50%); left: 0; right: auto; display: none;} .owl-prev:hover, .owl-next:hover {background: var(--bg-darker); color: var(--tt);} .owl-dots {position: absolute; left: 61px; bottom: 65px; display: flex; gap: 10px; z-index: 10;} .owl-dot {cursor: pointer; width: 15px; height: 15px; border-radius: 50%; background: #fff; opacity: 0.15;} .owl-dot.active, .owl-dot:hover {opacity: 1; background: #fff; box-shadow: none;} #owl-slider .owl-stage-outer {border-radius: 25px;} #owl-popular .owl-nav, #owl-franchise .owl-nav {margin-top: -28px;} #owl-popular .owl-stage-outer::before, #owl-franchise .owl-stage-outer::before {content: ''; pointer-events: none; position: absolute; right: 0; top: 0; background: linear-gradient(to left, var(--bg), transparent); height: 100%; width: 108px; z-index: 1;} @media screen and (max-width: 1220px) { .owl-dots {left: 20px; bottom: 20px;} } @media screen and (max-width: 760px) { #owl-slider .owl-stage-outer {border-radius: 15px;} .owl-dots {right: 10px; top: 10px; bottom: auto; left: auto;} .owl-dot {opacity: 0.5;} } .filter-block { background-color: var(--bg); width: 1255px; position: absolute; right: 0; top: 100%; padding: 25px; border-radius: 25px 0 25px 25px; display: none; } .filter {gap: 20px 20px;} .filter__cell {min-height: 50px;} .filter__cell-caption {font-weight: 600; margin-bottom: 10px;} .filter__col {flex: 1 0 200px; max-width: 100%; min-width: 200px; display: flex; flex-direction: column; gap: 20px;} .filter__col:last-child {padding-left: 10px;} .filter__cell [type="button"] {width: 100%;} [data-dlefilter="reset"] {background: var(--bg-darker); color: var(--tt);} .filter__cell select, .filter__cell [type="text"] {box-shadow: none; background-color: var(--bg-black-lighter);} @media screen and (max-width: 950px) { .filter-block {width: calc(100vw - (var(--indent)*5))!important;padding: 20px;} .filter__col {flex: 1 0 240px; min-width: 240px;} .filter__col:last-child {padding-left: 0px;} } .tail-select, .tail-select * {outline: none; user-select: none;} .tail-select {position: relative;} .tail-select-container, .select-label {border: 1px solid var(--bg-darker); background-color: var(--bg-darker); padding: 5px 5px; min-height: 50px; font-size: 10px; color: var(--tt-fade); display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding-right: 40px; position: relative; cursor: pointer; border-radius: 25px;} .tail-select .label-inner {margin-left: 15px;} .tail-select-container .select-handle {display: flex; align-items: center; height: 38px; padding: 0 10px; background-color: var(--accent); color: #fff; cursor: pointer; font-size: 12px; border-radius: 19px;} .tail-select .select-label::after {position: absolute; top: 50%; right: 18px; font-size: 16px; transform: translateY(-50%); content:"\e903"; font-family:'fa-custom'; font-weight: var(--ui-fw-fa); color: var(--tt-fade);} .tail-select .select-dropdown {top: 100%; left: 0; width: 100%; z-index: 100; display: none; position: absolute; background-color: var(--bg); box-shadow: var(--bsh-btn); border-radius: 25px;} .tail-select .select-dropdown .dropdown-inner {padding: 1px 0; overflow-x: hidden; overflow-y: auto;} .tail-select .dropdown-optgroup {padding: 15px;} .tail-select .select-dropdown .dropdown-empty {padding: 20px; font-size: 12px; text-align: center;} .tail-select .select-dropdown ul li + li {margin-top: 10px;} .tail-select .select-dropdown ul li {display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 12px;} .tail-select .select-dropdown ul li.dropdown-option::before {content: ""; background-color: rgba(0,0,0,0.1); width: 18px; height: 18px; border-radius: 1px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); display: grid; place-items: center; font-size: 14px; color: #fff; flex-shrink: 0;} .tail-select .select-dropdown ul li.dropdown-option.selected {color: var(--accent);} .tail-select .select-dropdown ul li.dropdown-option.selected::before {background-color: var(--accent); content:"\e905"; font-family:'fa-custom'; font-weight: var(--ui-fw-fa); color: #fff;} .tail-select .select-dropdown ul li:hover {color: var(--accent);} .tail-select-container:hover, .select-label:hover {border-color: var(--accent);} .tail-select-container .select-handle:hover {background-color: var(--accent);} .irs {position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .irs-line {position: relative; display: block; overflow: hidden; outline: none !important;} .irs-line-left, .irs-line-mid, .irs-line-right {position: absolute; display: block; top: 0;} .irs-line-left {left: 0; width: 11%;} .irs-line-mid {left: 9%; width: 82%;} .irs-line-right {right: 0; width: 11%;} .irs-bar {position: absolute; display: block; left: 0; width: 0;} .irs-bar-edge {position: absolute; display: block; top: 0; left: 0;} .irs-shadow {position: absolute; display: none; left: 0; width: 0;} .irs-handle {position: absolute; display: block; cursor: default; z-index: 1;} .irs-handle.type_last {z-index: 2;} .irs-min {position: absolute; display: block; left: 0; cursor: default;} .irs-max {position: absolute; display: block; right: 0; cursor: default;} .irs-from, .irs-to, .irs-single {position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap;} .irs-grid {position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px;} .irs-with-grid .irs-grid {display: block;} .irs-grid-pol {position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #ec2828;} .irs-grid-pol.small {height: 4px;} .irs-grid-text {position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #ec2828;} .irs-disable-mask {position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2;} .irs-disabled {opacity: 0.4;} .lt-ie9 .irs-disabled {filter: alpha(opacity=40);} .irs-hidden-input {position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important;} .irs {height: 5px;} .irs-line {height: 5px; top: 0px; background-color: var(--bg-darker); border-radius: 3px;} .irs-bar {height: 5px; top: 0px; background-color:var(--accent); border-radius:3px;} .irs-bar-edge {top: 0px; height: 5px; width: 11px; background-color:var(--bg-darker);} .irs-handle {width: 15px; height: 15px; top: -5px; background-color:var(--bg); border-radius:50%; border: 2px solid var(--accent); cursor: pointer;} .irs-from, .irs-to, .irs-single {font-size: 12px; font-weight: 500; top: 11px;} .dt-is-active .tail-select .select-dropdown ul li.dropdown-option:not(.selected)::before, .dt-is-active .irs-line {background-color: rgba(0,0,0,0.8);} .dt-is-active .filt.is-active {filter: drop-shadow(0 20px 50px rgba(0,0,0,0.8));} /* ADDED FOR THE MODULES ----------------------------------------------- */ .favmod {cursor: pointer;} .favmod .favmod-unset, .favmod.active .favmod-add {display: none;} .favmod.active .favmod-unset {display: flex;} .jutsu-page__fav a > span {display: flex; align-items: center; gap: 5px;} .utabs-profile {background-color: var(--bg-black); color: var(--tt-on-black); border-radius: 15px;} .utabs-profile .tabs__caption {display: flex; flex-wrap: wrap; gap: 0px; border-radius: 15px 15px 0 0; overflow: hidden;} .utabs-profile .tabs__caption li {cursor: pointer; padding: 0 20px; height: 50px; flex-grow: 1; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600;} .utabs-profile .tabs__caption li span {color: var(--tt-fade);} .utabs-profile .tabs__caption li.active {background: var(--gradient); color: #fff;} .utabs-profile .tabs__caption li.active span {color: #fff;} .utabs-profile .tabs_content {display: none;} .utabs-profile .tabs_content.active {display: block;} .utabs-profile .tabs-searchform {padding: 12px 20px; gap: 15px; display: flex; flex-wrap: wrap; position: relative; z-index: 1000;} .utabs-profile .tabs-searchform .column {width: 200px;} .utabs-profile .tabs-searchform .column:nth-child(1) {width: 250px; margin-right: auto; flex-grow: 1;} .utabs-profile .news-list, .utabs-profile .news-list__custom {display: grid; gap: 15px 15px; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); --tt: #fff;} .utabs-profile .news-list__custom {padding: 0 20px;} .utabs-profile .news-list > *:not(.grid-item), .news-list__custom > *:not(.grid-item) {grid-column: 1 / -1;} .utabs-profile .clearsearch {position: relative;} .utabs-profile .clearsearch::before {content:"\e91d"; font-family:'fa-custom'; font-weight: var(--ui-fw-fa); font-size: 18px; opacity: 0.5; position: absolute; left: 0; top: 0; height: 100%; display: grid; place-items: center; width: 43px;} .utabs-profile .clearsearch input {padding-left: 43px; padding-right: 25px;} .utabs-profile .clearsearch .clear {position: absolute; top: 0%; right: 0px; width: 30px; height: 100%; cursor: pointer; font-size: 25px; color: var(--ui-red); display: none;} .utabs-profile .tabs-searchform input, .utabs-profile .tabs-searchform select {background-color: var(--bg-on-black); font-size: 10px; font-weight: 500; color: var(--tt-on-black-fade);} .utabs-profile .tail-select {--bg-darker: var(--bg-on-black); --tt-fade: var(--tt-on-black-fade); --bg: var(--bg-on-black);} @media screen and (max-width: 950px) { .utabs-profile .tabs-searchform .column {flex: 1 1 0; max-width: 100%; min-width: 50px;} .utabs-profile .tabs-searchform .column:nth-child(1) {min-width: 100%;} } @media screen and (max-width: 470px) { .utabs-profile {border-radius: 0; margin: 0 var(--indent-negative);} .utabs-profile .tabs__caption {border-radius: 0; gap: 2px; padding: 2px;} .utabs-profile .tabs__caption li {height: 40px; background-color: rgba(0,0,0,0.5);} .utabs-profile .news-list, .utabs-profile .news-list__custom {gap: 10px 10px; grid-template-columns: repeat(1,minmax(100px,1fr));} .utabs-profile .jutsu-item__label-series {background-color: var(--bg-on-black); color: var(--tt-fade);} .utabs-profile .tabs-searchform .column {min-width: 40%;} } .utabs-profile .news-list .transfer {display: flex; gap: 5px; margin-top: 15px;} .utabs-profile .news-list .transfer li {display: grid; place-items: center; cursor: pointer; background-color: rgba(0,0,0,0.3); flex-grow: 1; border-radius: 3px; height: 33px; font-size: 14px;} .popular-item__tabs {padding: 5px; position: relative; z-index: 100;} .utabs-profile .news-list .transfer li i {font-size: 16px; color: var(--tt); opacity: 0.7;} .utabs-profile .news-list .transfer li:hover, .utabs-profile .news-list .transfer li.active {background: var(--accent); box-shadow: inset 0 0 0 1px var(--accent);} .utabs-profile .news-list .transfer li:hover i, .utabs-profile .news-list .transfer li.active i {color: #fff; opacity: 1;} .utabs-profile .news-list .transfer li:last-child {margin-right: 0;} .utabs-profile .news-list.nomargin {margin: 0; width: 100%;} .utabs-profile input, .utabs-profile select {width: 100%; margin: 0;} .news-list .message-info {margin: 0 20px 20px 20px; --ui-bg-attention: #FFF3E0; --ui-bd-attention: var(--accent); background-color: var(--bg-on-black); color: var(--tt-on-black-fade);} .utabs-profile .news-list__custom {gap: 5px; padding-bottom: 20px;} .utn {padding: 10px; padding-right: 85px; gap: 10px; grid-column: 1 / -1; border-radius: 10px; overflow: hidden;} .utn:nth-child(2n+1) {background-color: var(--bg-on-black);} .utn__img {width: 50px; height: 70px; display: block; border-radius: 8px;} .utn__img::before {font-size: 18px;} .utn__title {font-weight: 700; font-size: 15px;} .utn__title:hover {text-decoration: underline;} .utn__meta {margin-top: 11px; gap: 10px;} .utn__label {display: flex; align-items: center; border-radius: 4px; height: 24px; padding: 0 8px; width: auto; background-color: rgba(255,255,255,0.1); color: #ccc;} .utn__label.jutsu-item__label-rating {color: #000;} .utn .popular-item__tabs {position: absolute; right: 0; top: 0; width: 85px; height: 100%;} .utabs-profile .news-list .utn .transfer {display: grid; margin: 0; grid-template-columns: repeat(2,1fr); height: 100%;} .utabs-profile .news-list .transfer li {height: auto; position: relative;} .utabs-profile .news-list .transfer li:nth-child(5) {grid-column: 1 / -1;} .dt-is-active .utn .poster-item__rating, .dt-is-active .utn .jutsu-item__label-series {background-color: rgba(0,0,0,0.2); color: #fff;} .tabs-searchform-button {width: 50px; height: 50px; border-radius: 50%; background: var(--gradient-green); padding: 0;} .tabs-searchform-button::before {width: 30px; height: 30px;} .utn__label.released {color: #fff;} @media screen and (max-width: 590px) { .utn {padding: 5px;} .utn:has(.transfer) {padding-bottom: 40px;} .utn .popular-item__tabs {width: 100%; height: 40px; top: auto; bottom: 0;} .utabs-profile .news-list .utn .transfer {display: flex; height: 30px;} .utn__title {font-size: 15px;} .utn__meta {gap: 5px;} .utabs-profile .news-list .transfer li {height: 30px; flex-grow: 1;} .tabs-searchform-button {display: flex;} .utabs-profile .tabs-searchform .column:nth-child(1) {min-width: calc(100% - 70px); display: block;} .column {display: none;} }