/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {
min-width:320px;
position:relative
}

.wrapper__container {
max-width:var(--max-width);
margin:0 auto;
position:relative;
z-index:20
}

.header {
background-color:var(--bg-black);
gap:10px 50px;
margin-bottom:160px;
position:relative;
box-shadow:var(--bsh);
z-index:100
}

.wrapper__cols {
display:grid;
gap:var(--indent);
grid-template-columns:320px minmax(0,1fr);
min-height:100vh;
grid-template-areas:"sidebar content";
background-color:var(--bg-darker);
padding:30px var(--indent)
}

.sidebar {
grid-area:sidebar;
display:grid;
align-content:start;
gap:40px
}

.content {
grid-area:content
}

.footer {
padding:25px var(--indent);
background-color:var(--bg);
color:var(--tt-fade);
border-top:1px solid var(--bg-darkest)
}

.wrapper::before {
content:'';
width:100%;
aspect-ratio:3 / 1.2;
position:absolute;
left:0;
top:80px;
background:url(../images/bg.jpg) center -12vw / 100% auto no-repeat;
transform:scale(-1,1);
mask-image:linear-gradient(to bottom,#000 30%,transparent 100%)
}

.scrolltop {
position:fixed;
width:40px;
height:40px;
right:-60px;
bottom:10px;
z-index:990;
border-radius:50%;
font-size:20px;
opacity:0;
transition:right 0.2s,opacity .2s
}

.scrolltop.is-active {
right:10px;
opacity:1
}

/* HEADER
----------------------------------------------- */
.logo {
width:215px;
height:40px;
display:block;
margin-right:auto;
background:url(../images/logo1.svg) 0 center no-repeat;
background-size:contain
}

.header__login::before {
margin-right:3px
}

.header__login > :is(button,a,span) {
font-weight:400;
text-transform:none;
font-size:16px;
height:auto;
color:var(--tt-on-black)
}

.header__login {
height:66px
}

.search-block {
position:absolute;
left:0;
right:0;
top:100%;
background-color:var(--bg-darker-1);
box-shadow:var(--bsh)
}

.search-block__input,.search-block__input:focus {
border-radius:0;
padding:0 15px;
border:0;
box-shadow:none;
background-color:var(--bg);
color:var(--tt);
height:36px;
line-height:36px;
width:calc(100% - 95px)
}

.search-block__input:not(:focus)::placeholder {
color:var(--tt-fade-0);
opacity:1;
font-size:14px
}

.search-block__btn {
position:absolute;
right:0;
top:0;
color:var(--accent-primary);
height:36px
}

/* CAROUSEL
----------------------------------------------- */
.carousel__menu {
margin-right:10px
}

.carousel__menu a {
display:flex;
align-items:center;
justify-content:center;
height:40px;
padding:0 20px;
background-color:var(--bg-black);
color:var(--tt-on-black);
border-right:1px solid #ffffff29
}

.carousel__menu a.is-active {
background-color:var(--blue);
color:#fff;
border-color:var(--blue)
}

.carousel__content {
background-color:var(--bg-black);
padding:25px var(--indent);
position:relative;
background:#313d53 url(../images/blur.jpg) center top / cover no-repeat
}

.carousel__content::after,.page__player::after {
content:'';
width:10px;
position:absolute;
right:0;
top:0;
bottom:0;
background:linear-gradient(to bottom,var(--blue) 33.33%,var(--accent-secondary) 33.33%,var(--accent-secondary) 66.66%,var(--accent-primary) 66.66%)
}

.has-carou:not(.owl-carousel) {
display:flex;
overflow:hidden;
gap:10px
}

.has-carou:not(.owl-carousel) > * {
flex-shrink:0;
width:calc((100% - 60px)/7)
}

.carou {
background-color:#0003;
padding:10px;
border-radius:3px
}

.carou__img {
padding-top:140%;
margin-bottom:10px;
border-radius:2px
}

.carou__title {
color:var(--tt-on-black);
font-size:14px;
line-height:1.3
}

/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {
margin-bottom:50px
}

.sect__header {
margin-bottom:25px;
gap:5px 10px
}

.sect__title {
font-size:20px;
text-transform:uppercase;
font-weight:700
}

.main-title {
padding-bottom:25px;
margin-bottom:25px;
font-size:16px;
border-bottom:1px solid var(--bdc);
margin-right:var(--indent-negative);
padding-right:var(--indent)
}

.main-title .sect__title {
position:relative;
padding-left:30px
}

.main-title:not(:has(.sect__title)) {
position:relative;
padding-left:var(--indent)
}

.main-title:not(:has(.sect__title))::before,.sect__title::before {
position:absolute;
left:0;
top:3px
}

.sect__menu a {
display:flex;
align-items:center;
height:22px;
border-radius:11px;
border:1px solid var(--bdc);
font-size:13px;
padding:0 8px
}

.sect__menu a.is-active {
border-color:var(--accent-primary)
}

.speedbar {
margin-bottom:25px;
font-size:14px;
margin-top:-5px;
padding-left:1px
}

.speedbar a {
color:var(--accent-primary)
}

.speedbar::before {
display:inline-block;
margin-right:5px;
vertical-align:middle
}

.top-items {
counter-reset:num
}

.top-items .upd2::before {
counter-increment:num;
content:counter(num);
display:grid;
place-items:center;
position:absolute;
left:10px;
top:10px;
z-index:10;
width:30px;
height:30px;
color:#fff;
font-size:18px;
font-weight:700;
background:linear-gradient(to right,#e66927,#faaa3b)
}

.descr {
line-height:1.5;
padding:40px var(--indent);
color:var(--tt);
background-color:var(--bg-darker)
}

.descr__top {
background:#313d53 url(../images/blur.jpg) center top / cover no-repeat;
color:#fff;
margin:-40px var(--indent-negative);
margin-bottom:40px;
padding:25px var(--indent);
padding-top:35px;
position:relative;
padding-left:260px;
font-size:14px
}

.descr__top::after {
content:'';
width:100%;
height:10px;
position:absolute;
right:0;
top:0;
left:0;
background:linear-gradient(to right,var(--blue) 33.33%,var(--accent-secondary) 33.33%,var(--accent-secondary) 66.66%,var(--accent-primary) 66.66%)
}

.descr__top::before {
content:'';
width:240px;
height:240px;
position:absolute;
bottom:-30px;
left:20px;
background:url(../images/descr2.png) center center / contain no-repeat;
filter:drop-shadow(0 20px 40px #0003);
z-index:5
}

.descr > * + * {
margin-top:20px
}

.descr img {
width:240px;
height:140px;
float:left;
margin-right:30px;
margin-bottom:15px;
margin-top:15px
}

.descr :is(h1,h2,h3) {
font-size:18px;
text-transform:uppercase;
font-weight:600;
line-height:1.3
}

.descr a {
text-decoration:underline;
color:var(--accent-primary);
font-weight:600
}

/* SHORT STORY
----------------------------------------------- */
.item--short {
display:grid;
gap:10px 25px;
grid-template-columns:200px minmax(0,1fr);
grid-template-areas:"iheader iheader" "iimg idesc" "ifooter ifooter";
padding-right:var(--indent);
margin-right:var(--indent-negative);
border-bottom:1px solid var(--bdc);
padding-bottom:25px;
margin-bottom:25px
}

.item__header {
grid-area:iheader;
padding-bottom:10px;
position:relative
}

.item__desc {
grid-area:idesc
}

.item__img {
grid-area:iimg;
display:block;
height:300px;
width:200px;
border-radius:3px
}

.item__footer {
grid-area:ifooter;
gap:10px 25px
}

.item__title {
display:block;
color:var(--accent-primary);
font-size:24px;
font-weight:600;
line-height:1.2
}

.item__list {
gap:6px;
font-size:14px
}

.item__list li {
padding-left:180px;
position:relative;
min-height:14px
}

.item__list li > span:first-child {
position:absolute;
left:0;
top:0;
display:flex;
align-items:center;
gap:5px;
width:175px;
color:var(--tt-fade)
}

.item__list li > span:first-child::after {
content:'';
flex-grow:1;
border-top:1px dashed var(--tt);
opacity:.2
}

.item__list li a {
color:var(--accent-primary)
}

.item__text {
margin-top:10px;
-webkit-line-clamp:6;
line-height:1.5
}

.item__btn {
width:200px
}

.item__footer-item {
color:var(--tt-fade);
font-size:14px;
gap:5px
}

.item__footer-item--date {
margin-left:auto
}

.item__meta {
padding-right:40px;
min-height:30px
}

.item__fav {
position:absolute;
right:0;
top:0;
z-index:10
}

.item__fav a,.item__fav span {
display:block;
cursor:pointer
}

.item__rates {
position:absolute;
right:0;
top:100%;
margin-top:10px
}

.item__rates-kp::before,.item__rates-imdb::before {
margin-bottom:2px
}

.item__rates-kp,.item__rates-imdb {
display:flex;
flex-direction:column;
align-items:center;
font-size:12px;
color:var(--tt-fade)
}

.item__rating-votes {
position:absolute;
right:0;
top:100%;
font-size:12px;
color:var(--tt-fade)
}

.item__label {
position:absolute;
left:0;
bottom:10px;
background-color:var(--blue);
color:#fff;
font-size:12px;
height:26px;
display:flex;
align-items:center;
padding:0 0 0 10px;
z-index:3
}

.item__label::after {
content:'';
border:13px solid var(--blue);
border-right-color:transparent;
position:absolute;
left:100%;
top:0;
transform:scale(0.6,1);
transform-origin:0 center
}

.item__label-watched {
position:absolute;
left:0;
right:0;
top:0;
text-align:center;
padding:5px;
background-color:var(--blue);
color:#fff;
font-size:12px;
text-transform:uppercase
}

.item__img-inner a {
display:block;
width:100%;
height:100%
}

.item__age-label {
position:absolute;
right:5px;
bottom:9px;
z-index:1;
pointer-events:none;
background-color:var(--red);
color:#fff;
padding:3px 5px
}

.item__label-group {
position:absolute;
z-index:1;
right:5px;
bottom:46px
}

.item__label-group .item__age-label {
position:static
}

.item__age-label.hd {
background-color:var(--yellow);
color:#000
}

.item__age-label.cc {
background-color:var(--grey)
}

.kg .item__img:has(.item__label) .item__age-label {
bottom:35px
}

.kg .item__img:has(.item__label) .item__label-group {
bottom:62px
}

/* SIDEBAR
----------------------------------------------- */
.sb__title {
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:15px;
font-size:15px;
font-weight:700;
text-transform:uppercase;
color:var(--tt-fade-0);
position:relative
}

.sb__title a {
color:var(--accent-primary);
font-weight:400;
text-transform:none;
font-size:16px
}

.sb__title-label {
display:flex;
align-items:center;
height:40px;
padding:0 20px;
margin-right:50px;
background-color:var(--blue);
color:#fff;
position:absolute;
top:0;
right:100%;
transform:rotate(90deg);
transform-origin:right top;
margin-top:47px
}

.sb__menu {
display:grid;
grid-template-columns:48% minmax(0,1fr);
gap:25px;
padding-top:5px
}

.sb__menu-caption {
margin-bottom:15px;
font-weight:700;
text-transform:uppercase;
font-size:13px;
white-space:nowrap
}

.sb__menu-caption a {
color:var(--accent-primary)
}

.sb__menu-caption span {
margin:0 3px
}

.sb__menu-list li {
display:flex;
align-items:center;
justify-content:space-between;
font-size:15px
}

.sb__menu-list a + span {
font-size:11px;
color:var(--tt-fade)
}

.sb__menu-list + .sb__menu-caption,.sb__menu-list + .sb__menu-list {
margin-top:20px
}

.sb__menu-marker::before {
content:'-';
margin-right:5px
}

.sb__menu-list li a {
margin-right:auto
}

.soon {
background-color:var(--bg);
padding:15px;
border-radius:3px;
border:1px solid var(--bg-darkest)
}

.soon__img {
width:83px;
height:123px;
float:left;
margin-right:15px;
border-radius:2px
}

.soon__desc {
font-size:13px;
margin-top:8px;
-webkit-line-clamp:5;
color:var(--tt-fade)
}

.soon__title {
font-weight:600
}

.sb__upd-list {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
border:1px solid var(--bdc);
border-top:0;
border-radius:0 0 3px 3px
}

.sb__upd-caption {
background-color:var(--blue);
color:#fff;
padding:10px 15px;
font-size:13px;
font-weight:700;
text-transform:uppercase;
border-radius:3px 3px 0 0
}

.upd {
padding:10px;
background-color:var(--bg1);
border-bottom:2px dotted var(--bdc);
line-height:1.2
}

.upd__img {
width:40px;
height:60px;
border-radius:3px
}

.upd__meta {
width:120px;
text-align:right
}

.upd__title,.upd2__title {
font-size:15px;
font-weight:600;
display:block
}

.upd__subtitle {
font-size:13px;
color:var(--tt-fade);
margin-top:6px
}

.upd__series {
color:var(--accent-primary);
text-transform:uppercase;
font-size:13px;
font-weight:600
}

.upd__voice {
font-size:12px;
line-height:1;
margin-top:5px
}

.upd:last-child {
border:0
}

.sb__upd2 {
display:grid;
gap:10px;
grid-template-columns:repeat(auto-fill,minmax(140px,1fr))
}

.upd2 {
padding:10px;
background-color:var(--bg-darkest);
border-radius:3px;
font-size:15px
}

.upd2__img {
padding-top:140%;
margin-bottom:10px;
border-radius:2px
}

.sb__comms,.sb__soon {
display:grid;
gap:10px;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr))
}

.lcomm {
padding:15px;
background-color:var(--bg);
border-radius:3px;
border:1px solid var(--bg-darkest)
}

.lcomm__av {
width:30px;
height:30px;
border-radius:50%;
margin-right:5px;
border:2px solid var(--bg-darker);
box-shadow:0 0 0 2px var(--accent-secondary)
}

.lcomm__link {
color:var(--accent-primary);
font-weight:600;
font-size:15px
}

.lcomm__date {
color:var(--tt-fade-0);
font-size:13px;
font-weight:600
}

.lcomm__text {
-webkit-line-clamp:5;
font-size:15px;
margin-top:10px
}

.lcomm__text span {
color:var(--blue)
}

/* FOOTER
----------------------------------------------- */
.footer__menu {
font-weight:700;
font-size:14px;
text-transform:uppercase;
gap:10px 30px;
--tt:var(--tt-fade-0)
}

/* PAGINATION
----------------------------------------------- */
.pagination {
padding-top:5px
}

.pagination > a,.pagination > span,.pagination__pages > a,.pagination__pages > span {
display:grid;
place-items:center;
font-size:26px;
height:32px;
min-width:32px;
padding:0 5px;
border:1px solid var(--bdc);
border-radius:3px
}

.pagination__pages > a,.pagination__pages > span {
font-size:14px
}

.pagination__pages span:not(.nav_ext) {
color:var(--accent-primary);
border-color:var(--accent-primary)
}

.pagination__btn {
position:relative;
top:-4px
}

/* INNER PAGE
----------------------------------------------- */
.page__main,.page__player {
display:grid;
gap:10px 25px;
grid-template-columns:200px minmax(0,1fr);
grid-template-areas:"iheader iheader" "iimg idesc";
background-color:var(--bg);
margin-bottom:25px;
box-shadow:var(--bsh);
position:relative;
isolation:isolate;
padding:25px;
padding-top:20px;
margin-left:-25px;
margin-right:calc(var(--indent-negative) - 10px);
padding-right:calc(var(--indent) + 10px);
border-radius:3px 0 0 3px
}

.page__main::before,.page__player::before {
content:'';
position:absolute;
bottom:100%;
right:0;
z-index:-1;
border:5px solid #c8c8c8;
border-top-color:transparent;
border-right-color:transparent
}

.page__main .item__list-margin {
margin-top:15px
}

.page__main .item__list-colored > span:last-child,.page__main .item__list li > span.item__list-status {
display:inline-flex;
align-items:center;
height:22px;
border-radius:3px;
background-color:var(--ui-green);
color:#fff;
padding:0 8px;
margin-top:-2px
}

.page__main .item__list li > span.item__list-status {
border-radius:11px;
background-color:var(--green)
}

.announce {
background-color:#ff6666b8!important
}

.released {
background-color:#48d34087!important
}

.online {
background-color:#9954d8a8!important
}

.paused {
background-color:#167ac6!important
}

.page__main-title-original {
font-size:14px;
margin-top:2px;
color:var(--tt-fade)
}

.page__main-title-original span:first-child {
display:inline-flex;
align-items:center;
gap:6px
}

.page__main-title-original span:first-child::after {
content:'';
margin-right:6px;
width:4px;
height:4px;
border-radius:50%;
display:block;
background-color:var(--tt-fade)
}

.kg .page__main-title-original {
font-size:13px;
color:var(--tt-kg)
}

.kg .page__main-title-original span:first-child::after {
background-color:var(--tt-kg)
}

.item__list li.item__list-hint {
min-height:21px
}

.item__list-hint div {
position:relative;
display:inline-flex;
align-items:center;
padding:0 5px;
border-radius:2px;
border:1px solid var(--tt);
margin-top:-2px
}

.item__list-hint div 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:280px;
position:absolute;
left:100%;
margin-left:10px;
top:50%;
translate:0 -50%
}

.item__list-hint div:hover span {
display:block
}

.item__list-hint:has(div:hover) {
z-index:10
}

.page__main .item__img {
height:auto!important
}

.item__img-inner {
height:300px
}

.item__label-saw {
width:100%;
font-size:11px;
text-align:center;
text-transform:uppercase;
padding:5px;
background-color:#2c3e50;
color:#fff;
--tt:#fff
}
.saw.position {width:100%;font-size: 12px;text-align:center;text-transform:uppercase;padding: 5px 5px;background-color:#2c3e50;color:#fff;--tt:#fff}
.saw.position a:hover {
   text-decoration: underline; 
}
.item__label-saw {
position:absolute;
left:0;
top:0;
z-index:1
}

.page__list-info {
text-align:center;
margin-top:10px;
font-size:12px
}

.page__lists {
position:relative;
margin-top:10px;
width:100%;
text-align:center;
z-index:20
}

.page__lists-btn {
cursor:pointer;
color:var(--tt);
border-bottom:1px dashed var(--tt)
}

.other-lists {
position:absolute;
right:50%;
top:100%;
margin-top:10px;
background-color:var(--bg);
padding:15px;
width:270px;
box-shadow:var(--bsh);
border-top:3px solid var(--accent-primary);
transform:translateX(50%)
}

.other-lists::before {
content:'';
border:10px solid transparent;
border-bottom-color:var(--accent-primary);
position:absolute;
bottom:100%;
left:50%;
margin-left:-5px
}

.other-lists li + li {
margin-top:10px
}

.other-lists li {
display:flex;
align-items:center
}

.other-lists li.other-lists-all {
display:block;
font-size:13px;
color:var(--tt-fade)
}

.rating-votes {
text-align:right;
order:10;
width:100px;
font-size:12px
}

.bar-container {
position:relative;
height:20px;
background-color:var(--bg-darker);
flex-grow:1
}

.rating-bar {
position:absolute;
left:0;
top:0;
height:100%;
background-color:var(--blue);
color:#fff;
display:flex;
align-items:center;
padding:0 5px;
font-size:12px;
min-width:min-content
}

.kg .other-lists {
--accent:var(--accent-kg);
--tt-fade:var(--tt-kg);
--bg:var(--bg-kg);
--bg-darker:var(--bg-kg-lighter)
}

.page__main h1 a {
display:inline-block;
vertical-align:middle;
width:16px;
height:16px;
margin-left:10px;
background:url(../images/icons/menu.svg) center center / contain no-repeat
}

body:not(.kg) .page__main h1 a {
filter:invert(1);
opacity:.5
}

.page__text {
margin-bottom:25px
}

.page__info {
background-color:var(--bg-colored);
padding:15px 25px;
margin-bottom:25px;
font-size:14px;
border-radius:3px;
border:1px dashed var(--accent-secondary)
}

.page__info li {
position:relative;
padding-left:140px
}

.page__info li > span:first-child {
position:absolute;
left:0;
top:0
}

.page__info li.page__info-red > span:first-child {
color:var(--accent-primary)
}

.page__info li.page__info-yellow {
padding:0;
color:var(--blue)
}

.page__subtitle {
text-align:center;
margin-bottom:25px;
font-size:15px;
text-transform:uppercase;
font-weight:700
}

.page__player {
display:block;
padding-top:25px
}

.page__player::after {
bottom:25px;
top:72px
}

.page__player-controls {margin-bottom:25px;}

.tabs-block__select {gap: 10px 20px;}

.tabs-block__select button {
background:none;
padding:0;
color:var(--tt-fade-0);
height:auto
}

.tabs-block__select button.is-active {
color:var(--tt)
}

.page__player-rating {
position:absolute;
right:calc(var(--indent) + 10px);
top:23px
}

.page__player-rating .item__rating-votes {
position:static;
font-size:14px
}

.page__share {position:absolute;top: 20px;right:calc(var(--indent) + 20px);z-index:10}

.not-loaded .page__player-controls + .tabs-block__content {
display:block
}

.page__tabs-mylists {
background-color:var(--bg-black);
gap:5px;
padding:5px
}

.page__tabs-mylists li {
background-color:var(--bg-black-0);
font-size:12px;
height:30px;
font-weight:600
}

.page__tabs-mylists li.active {
background-color:var(--blue)
}

.page__player-info {
font-size:14px;
margin-bottom:15px;
gap:15px
}

.page__player-info-yellow {
background-color:var(--bg-colored);
padding:15px;
padding-left:90px;
border-radius:3px
}

.page__player-info-yellow::before {
position:absolute;
left:25px;
top:50%;
transform:translateY(-50%)
}

.page__player-info-tlg a {
color:var(--blue);
text-decoration:underline
}

.page__player-info-grey {
font-size:16px
}

.page__player-info-facts {
border:5px solid var(--bg-darkest);
padding:15px 25px;
padding-top:13px;
border-radius:3px
}

.page__player-info-facts-caption {
font-size:13px;
font-weight:700;
text-transform:uppercase;
color:var(--tt-fade-0)
}

.page__player-info-facts li {
position:relative;
padding-left:20px
}

.page__player-info-facts li::before {
content:'';
width:10px;
height:10px;
border-radius:50%;
background-color:var(--accent-secondary);
position:absolute;
left:0;
top:5px
}

.page__player-info-facts li {
display:block;
margin-block-start:1em;
margin-block-end:1em;
margin-inline-start:0;
margin-inline-end:0;
unicode-bidi:isolate
}

.page__related {
background:#313d53 url(../images/blur.jpg) center top / cover no-repeat;
border-radius:3px 0 0 3px;
color:#fff;
padding:25px;
margin-right:var(--indent-negative);
padding-right:var(--indent)
}

.page__related-items {
display:grid;
gap:15px;
grid-template-columns:repeat(5,1fr)
}

.related-item {
display:block;
--tt:var(--tt-on-black);
font-size:14px
}

.related-item__img {
padding-top:150%;
margin-bottom:10px;
border-radius:3px;
box-shadow:var(--bsh)
}

.related-item__subtitle {
font-size:12px;
opacity:.5;
margin-top:3px
}

.related-item:nth-child(5) ~ .related-item {
display:none
}

.page__franchise-title {
font-size:13px;
font-weight:700;
text-transform:uppercase;
padding:10px 15px;
position:relative;
padding-left:45px;
background-color:var(--blue);
color:#fff
}

.page__franchise-title::before {
position:absolute;
left:15px;
top:10px
}

.page__franchise-list {
counter-reset:num;
display:flex;
flex-direction:column-reverse;
border:1px solid var(--bdc);
border-top:0
}

.frch::before {
content:counter(num);
counter-increment:num;
width:30px;
font-size:12px;
display:block;
color:var(--tt-fade)
}

.frch {
position:relative;
padding:5px 10px 5px 15px;
border-bottom:2px dotted var(--bdc)
}

.page__franchise-list li:first-child .fr {
border-bottom:0
}

.frch__category {
margin-top:2px;
font-size:12px;
color:var(--tt-fade)
}

.frch__year {
font-size:12px;
margin-right:15px;
margin-left:5px;
color:var(--tt-fade)
}

.frch__rating {
font-size:12px;
line-height:18px;
padding:0 6px;
background:#2b2b2b;
color:#fff;
border-radius:3px
}

.frch .clrrating-1,.frch .clrrating-2,.frch .clrrating-3,.frch .clrrating-4 {
background-color:#aa051b
}

.frch .clrrating-7,.frch .clrrating-8 {
background-color:#070
}

.frch .clrrating-9,.frch .clrrating-10 {
background-color:#e0c030
}

.frch.is-active {
background-color:var(--bg-darkest);
pointer-events:none
}

.frch.is-active::before {
content:'';
width:20px;
margin-right:10px;
position:relative;
left:-5px
}

.page__footer {
border-bottom:1px solid var(--bdc);
padding-bottom:15px;
margin-bottom:25px
}

.page__btn-comms {
width:auto
}

.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: 25px;width: 25px;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==)
}

/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.page__title {
margin-bottom:30px;
font-size:24px
}

.full-text {
line-height:1.6;
word-wrap:break-word;
font-weight:300
}

.full-text a {
text-decoration:underline;
color:#5278b1
}

.full-text img:not(.emoji),.full-text p,.full-text h1,.full-text h2,.full-text h3,.full-text h4,.full-text h5,.full-text > ul,.full-text > ol,.full-text table {
margin-bottom:25px
}

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

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

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

.full-text > ul li:before {
content:'';
width:8px;
height:8px;
border-radius:50%;
border:3px solid #fcc506;
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:#fcc506;
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:#fcc506;
position:absolute;
left:41px;
top:-3px;
transform:scale(0.66,1.5);
transform-origin:0 0
}

.full-text > ul li + li,.full-text > ol li + li {
margin-top:10px
}

.full-text table,.video-inside > * {
width:100%
}

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

.video-responsive {
padding-top:60%;
position:relative;
background-color:#000
}

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

.full-text h1,.full-text h2,.full-text h3,.full-text h4,.full-text h5 {
font-size:21px;
margin-bottom:20px
}

/* COMMENTS
----------------------------------------------- */
.ac-form {
margin-bottom:25px;
background-color:var(--bg-colored);
border-radius:3px;
padding:25px;
display:none
}

.ac-form__header,.ac-form__editor,.ac-form .message-info {
gap:15px;
margin-bottom:15px
}

.ac-form__bottom {
gap:15px
}

.ac-form .comments_subscribe {
margin-top:0
}

.ac-form__header input,.ac-form__editor textarea {
border-radius:3px;
box-shadow:none;
border:0
}

.ac-form__editor textarea {
height:120px
}

.ac-form .bb-pane {
border-radius:0;
border:0
}

.ac-form .message-info {
border:1px solid var(--accent-primary)
}

.mass_comments_action {
display:none
}

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

.comm {
margin-bottom:25px;
padding-bottom:20px;
border-bottom:1px solid var(--bdc);
position:relative;
padding-left:80px
}

.comm__header::before {
transform:scale(-1,1)
}

.comm__img {
width:60px;
height:60px;
border-radius:50%;
border:3px solid var(--bg-darker);
box-shadow:0 0 0 3px var(--accent-primary);
position:absolute;
left:0;
top:0
}

.comm--online .comm__img {
box-shadow:0 0 0 3px var(--green)
}

.comm__author,.comm__author a {
font-weight:600;
color:var(--accent-primary)
}

.comm__meta {
color:var(--tt-fade);
font-size:14px
}

.comm__main {
margin:10px 0 5px
}

.comm__action {
gap:5px 20px;
font-size:14px;
--tt:var(--accent-primary)
}

.comm__rating > a {
display:flex;
gap:5px;
align-items:center;
font-weight:600;
color:var(--ui-green);
font-size:14px
}

.comm__rating > a + a {
color:var(--ui-red)
}

.comm__rating::before {
content:attr(data-text);
color:var(--tt-fade-0);
font-weight:400;
font-size:14px
}

/* LOGIN
----------------------------------------------- */
.login {
position:absolute;
left:0;
top:100%;
background-color:var(--bg);
display:none;
padding:25px;
width:298px;
z-index:100;
font-size:14px;
box-shadow:var(--bsh-long)
}

.login--logged {
width:268px;
text-align:center
}

.login::before {
content:'';
position:absolute;
left:20px;
bottom:100%;
border:10px solid transparent;
border-bottom-color:var(--bg)
}

.login__content {
gap:25px
}

.login__row-caption a,.login__caption a {
margin-left:10px
}

.login__input input {
box-shadow:none;
height:36px;
line-height:34px
}

.login__row button {
width:100%;
height:36px;
font-size:13px
}

.login__avatar {
margin:0 auto;
width:60px;
height:60px;
border-radius:50%
}

.login__name {
height:30px;
border-radius:15px;
padding:0 15px;
background-color:var(--ui-green);
color:#fff;
font-size:12px;
align-self:center;
margin:-15px 0 -5px
}



.filter-block {
background-color:var(--bg-darkest);
border-radius:3px
}

.filter-block__title {
padding:10px 20px;
background-color:var(--bg-black);
color:#fff;
border-radius:3px 3px 0 0;
font-weight:700;
text-transform:uppercase;
cursor:pointer
}

.filter-block__form {
padding:20px
}

.filter-block__cell {
flex:1 0 280px;
max-width:100%;
min-width:280px
}

.filter-block__cell-capt {
width:100%;
margin-bottom:5px;
font-size:14px
}

.filter-block__range {
height:40px
}

.filter-block__cell--ctrl {
padding-top:10px;
flex:0 0 100%;
min-width:100%
}

.filter-block__cell--ctrl button {
width:32px;
height:32px;
padding:0;
background-color:var(--ui-green);
flex:1 1 0;
max-width:100%;
min-width:50px
}

.filter-block__cell--ctrl [data-dlefilter="reset"] {
background-color:var(--ui-red)
}

.filter-block__cell--ctrl button::before {
width:10px
}

.filter-block__cell select {
height:32px;
box-shadow:none;
background:none!important;
padding:0 10px;
color:var(--tt-fade);
font-size:14px
}

.dt .filter-block__title {
background-color:#ffffff08
}

@media screen and (max-width: 1220px) {
.sidebar .filter-block,.filter-block__form {
display:none
}

.wrapper__cols .filter-block.is-active .filter-block__form {
display:flex
}

body:has(#filter-block) .wrapper__cols:not(:has(> #filter-block)) {
padding-top:72px
}
body.kg:has(#filter-block) .wrapper__cols:not(:has(> #filter-block)) {
	padding-top:34px
}

.wrapper__cols > .filter-block {
border-radius:0;
margin:-30px var(--indent-negative);
margin-bottom:30px
}
.kg .wrapper__cols > .filter-block {margin: 0; padding-bottom: 0;}

.wrapper__cols > .filter-block__form,.wrapper__cols .filter-block__title {
border-radius:0
}
}

@media screen and (max-width: 760px) {
body:has(#filter-block) .wrapper__cols:not(:has(> #filter-block)) {
padding-top:62px
}

.wrapper__cols > .filter-block {
border-radius:0;
margin:-20px var(--indent-negative);
margin-bottom: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;
left:-40px;
top:50%;
margin-top:-35px;
display:flex;
flex-direction:column;
gap:10px
}

.owl-prev,.owl-next {
cursor:pointer;
width:30px;
height:30px;
display:grid;
place-items:center;
border-radius:50%;
border:2px solid var(--accent-primary)
}

.owl-prev {
border-color:var(--accent-secondary);
order:10
}

.owl-prev:hover,.owl-next:hover {
background-color:var(--bg);
border-color:var(--bg)
}

.owl-item > * {
height:100%
}

.tail-select,.tail-select * {
outline:none;
user-select:none
}

.tail-select {
position:relative
}

.tail-select-container,.select-label {
border:1px solid var(--bg-darkest);
background-color:var(--bg);
padding:5px 10px;
min-height:32px;
font-size:14px;
color:var(--tt-fade);
display:flex;
flex-wrap:wrap;
align-items:center;
gap:5px;
padding-right:20px;
position:relative;
cursor:pointer;
border-radius:2px
}

.tail-select .label-inner {
margin-left:0
}

.tail-select .select-label::after {
position:absolute;
top:50%;
right:9px;
transform:translateY(-50%);
content:'';
border:6px solid transparent;
border-top-color:var(--tt);
opacity:.2;
margin-top:3px
}

.tail-select-container .select-handle {
display:flex;
align-items:center;
height:20px;
padding:0 5px;
background-color:var(--accent-primary);
color:#fff;
cursor:pointer;
font-size:12px;
border-radius:2px
}

.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-long);
border-radius:3px
}

.tail-select .select-dropdown .dropdown-inner {
padding:1px 0;
overflow-x:hidden;
overflow-y:auto
}

.tail-select .dropdown-optgroup {
padding:10px
}

.tail-select .select-dropdown .dropdown-empty {
padding:10px;
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:#0000001a;
width:18px;
height:18px;
border-radius:1px;
box-shadow:inset 0 1px 2px #0003;
display:grid;
place-items:center;
flex-shrink:0
}

.tail-select .select-dropdown ul li.dropdown-option.selected {
color:var(--accent-primary)
}

.tail-select .select-dropdown ul li.dropdown-option.selected::before {
background:var(--accent-primary) url(../images/icons/check.svg) center center / 10px no-repeat
}

.tail-select .select-dropdown ul li:hover {
color:var(--accent-primary)
}

.tail-select-container:hover,.select-label:hover {
border-color:var(--accent-primary)
}

.tail-select-container .select-handle:hover {
background-color:var(--accent-secondary)
}

@media screen and (min-width: 760px) {
.item__list li:nth-child(1),.item__list li:nth-child(2),.item__list li:nth-child(3) {
padding-right:90px
}
}

/* ADDED
----------------------------------------------- */
.sect__tabs2 {
margin-bottom:20px;
gap:10px
}

.sect__tabs2 button {
flex:1 0 max-content;
max-width:100%;
min-width:max-content;
background:var(--bg);
color:var(--tt);
border-radius:3px
}

.sect__tabs2 button.is-active {
background:var(--accent-primary);
color:#fff
}

.grid-items:has(.coll) {
display:grid;
gap:20px;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
}

.grid-items:has(.coll) > :not(.grid-item) {
grid-column:1 / -1
}

.coll-title {
margin-top:10px;
font-size:16px
}

.coll-count {
position:absolute;
left:10px;
top:10px;
z-index:5;
display:grid;
place-items:center;
width:40px;
height:40px;
border-radius:50%;
background-color:var(--blue);
color:#fff;
font-size:14px;
font-weight:600
}

.page__actors-carou:not(.owl-carousel) {
display:flex;
overflow:hidden;
gap:10px
}

.page__actors-carou:not(.owl-carousel) > .act {
flex-shrink:0;
width:calc((100% - 50px)/6)
}

.page__actors-carou {
margin-top:20px;
padding-top:20px;
border-top:1px solid var(--bdc)
}

.act__img {
padding-top:100%
}

.act__title {
font-size:12px;
margin-top:8px;
line-height:1.2;
word-wrap:break-word
}

.page__actors-carou .owl-nav {
left:-40px;
right:-40px;
height:1px;
top:50%;
justify-content:space-between;
flex-direction:row-reverse;
margin-top:-15px
}

.page__actors-carou .owl-nav button {
border-width:1px;
background-color:var(--bg);
font-size:14px
}

.page--actors .related-item:nth-child(5) ~ .related-item {
display:block
}

.page__actors-carou .owl-nav .owl-prev {
display:none
}

@media screen and (max-width: 1220px) {
.page__actors-carou .owl-nav {
left:-15px;
right:-15px
}
}

@media screen and (max-width: 760px) {
.page__related-items .act {
flex-shrink:0;
width:80px
}
}

@media screen and (max-width: 590px) {
.page__actors-carou:not(.owl-carousel) > .act {
width:calc((100% - 30px)/4)
}
}

@media screen and (max-width: 470px) {
.page__actors-carou:not(.owl-carousel) > .act {
width:calc((100% - 20px)/3)
}
}

/* UTABS USER LISTS, FAV GUEST
----------------------------------------------- */
.favmod {
cursor:pointer
}

.favmod .favmod-unset,.favmod.active .favmod-add {
display:none
}

.favmod.active .favmod-unset {
display:inline-grid
}

.utabs-profile {
margin-bottom:30px
}

.utabs-profile .tabs__caption {
display:flex;
flex-wrap:wrap;
gap:10px;
border-radius:6px;
padding:10px;
background:var(--bg-black);
color:var(--tt-on-black);
border-bottom:3px solid var(--accent-primary)
}

.utabs-profile .tabs__caption li {
cursor:pointer;
padding:10px 20px;
flex-grow:1;
text-align:center;
background-color:var(--bg-black-0);
color:var(--tt-on-black);
border-radius:4px;
text-transform:uppercase;
font-size:12px
}

.utabs-profile .tabs__caption li.active {
background:var(--blue);
color:#fff
}

.utabs-profile .tabs_content {
display:none
}

.utabs-profile .tabs_content.active {
display:block
}

.utabs-profile .news-list,.utabs-profile .news-list__custom {
display:grid;
gap:5px;
grid-template-columns:repeat(auto-fill,minmax(180px,1fr))
}

.utabs-profile .news-list > :not(.grid-item),.news-list__custom > :not(.grid-item) {
grid-column:1 / -1
}

.utabs-profile .tabs-searchform {
display:flex;
flex-wrap:wrap;
gap:10px;
margin:20px 0;
position:relative;
z-index:105
}

.utabs-profile .clearsearch {
position:relative
}

.utabs-profile .clearsearch input {
padding-right:15px;
height:40px; 
line-height:40px;
box-shadow:none;
border:1px solid var(--bg-darkest);
padding-left:10px
}

.dt .utabs-profile .clearsearch input {
border:1px solid var(--bg-darkest);
background-color:var(--bg)
}

.kg .utabs-profile .clearsearch input {
border:1px solid var(--bg-darkest);
background-color:var(--bg);
font-size:12px;
color:var(--tt-fade); 
border: 1px solid var(--ui-bdc);
box-shadow: var(--ui-bsh-inset); border-radius: 3px; font-size: 14px;
}

.kg .utabs-profile .clearsearch input:not(:focus)::placeholder {
font-size:12px;
color:var(--tt-fade)
}

.utabs-profile .clearsearch .clear {
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
cursor:pointer;
font-size:25px;
color:var(--red);
display:none
}

.utabs-profile .tabs-searchform .column {
flex:1 0 250px;
max-width:100%;
min-width:250px
}

@media screen and (max-width: 470px) {
.utabs-profile .tabs__caption {
border-radius:0;
margin:0 var(--indent-negative);
padding:10px var(--indent)
}

.utabs-profile .news-list,.utabs-profile .news-list__custom {
gap:10px 10px;
grid-template-columns:repeat(2,minmax(100px,1fr))
}
}

.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:var(--bg-darker-2);
box-shadow:inset 0 0 0 1px var(--bdc);
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:14px;
color:var(--tt);
opacity:.7
}

.utabs-profile .news-list .transfer li:hover {
background:var(--blue);
box-shadow:inset 0 0 0 1px var(--blue)
}

.utabs-profile .news-list .transfer li:hover 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
}

.dt .utabs-profile .news-list .transfer li:not(:hover) {
border:1px solid var(--bg-darkest);
background-color:var(--bg)
}

.kg .utabs-profile .news-list .transfer li:not(:hover) {
background-color:#1e2027;
border-color:#0f1014
}

.statlist ul {
list-style:none;
padding:0;
margin:0
}

.statlist-area {
margin-right:0;
position:relative
}

.statlist {
position:absolute;
top:45px;
right:0;
padding:15px;
z-index:9999;
display:none;
border-radius:2px;
min-width:280px;
background-color:var(--bg);
border:1px solid var(--bdc);
box-shadow:var(--bsh);
color:var(--tt)
}

.statlist::before {
content:"";
border-width:8px;
border-style:solid;
border-color:transparent transparent var(--bg);
border-image:initial;
position:absolute;
bottom:100%;
right:24%
}

.statlist tbody tr:first-child {
color:var(--tt);
font-weight:500
}

.statlist tbody tr {
color:var(--tt)
}

.statlist tbody tr td:nth-child(2) {
padding:5px 15px
}

.statlist tbody tr td:nth-child(3) {
width:105px;
white-space:nowrap
}

.statlist tbody tr td .bar {
background:var(--blue);
color:#fff;
text-align:center;
border-radius:2px
}

.my-list-statistics-all {
text-align:center;
padding:9px
}

.statlist tbody tr .my-1 {
width:200px;
position:relative;
background:var(--bg-darker-2);
box-shadow:inset 0 0 0 1px var(--bdc)
}

.statlist.active {
display:block
}

.statlist .bar {
position:relative;
height:24px;
line-height:26px;
font-size:13px
}

.statlist .list-name {
display:inline-block;
vertical-align:middle
}

.statlist .bar .progressz {
position:relative;
height:30px;
background:var(--green)
}

.statlist .bar .number {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}

.bar_count {
position:absolute;
width:100%;
top:0;
text-align:center;
z-index:12;
height:24px;
line-height:27px
}

@media screen and (max-width: 470px) {
.statlist {
width:calc(100vw - (var(--indent)*2))
}

.statlist .my-list-statistics {
width:100%;
white-space:nowrap
}

.statlist tbody tr .my-1 {
width:100%
}

.statlist tbody tr [align="right"] {
font-size:12px;
font-weight:300
}

.statlist tbody tr td:nth-child(2) {
padding:5px 10px
}

.statlist tbody tr td:nth-child(2) {
width:100%
}

.statlist tbody tr td:nth-child(3) {
width:120px
}

.statlist tbody tr:first-child td {
font-weight:500;
font-size:14px
}

.statlist tbody tr:first-child td:first-child {
font-size:0;
text-align:right
}

.statlist tbody tr:first-child td:first-child::after {
font-size:14px;
content:attr(data-text);
display:inline
}
}

.utabs-profile .news-list__custom {
gap:5px
}

.utn {
padding:5px;
padding-right:85px;
gap:5px;
grid-column:1 / -1
}

.utn {
background-color:#00000008
}

.dt .utn,.kg .utn {
background-color:#0000004d
}

.utn__img {
width:50px;
height:70px;
display:block
}

.utn__img::before {
font-size:18px
}

.utn__title {
font-weight:400;
font-size:17px
}

.utn__title:hover {
text-decoration:underline
}

.utn__meta {
margin-top:11px;
gap:10px
}

.utn .item__rating-votes {
position:static
}

.kg .utn .item__rating-votes {
width:auto;
margin:0;
text-align:left;
font-size:11px
}

.utn__meta-item {
font-size:13px;
color:var(--tt-fade);
display:flex;
align-items:center;
gap:10px
}

.kg .utn__meta-item {
color:var(--tt-kg)
}

.utn__meta-item:not(:last-child):after,.utn .item__rating::after {
content:'';
width:4px;
height:4px;
border-radius:50%;
display:block;
background-color:var(--tt-fade)
}

.utn .popular-item__tabs {
position:absolute;
right:0;
top:0;
width:75px;
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
}

.dt-is-active .utn .poster-item__rating,.dt-is-active .utn .poster-item__label--series {
background-color:#0003;
color:#fff
}

@media screen and (max-width: 590px) {
.utn {
padding:5px;
padding-bottom:40px;
margin-left:-5px;
margin-right:-5px
}

.utn .popular-item__tabs {
width:100%;
height:40px;
top:auto;
bottom:0
}

.utabs-profile .news-list .utn .transfer {
grid-template-columns:repeat(4,1fr);
height:30px
}

.utn__title {
font-size:15px
}

.utn__meta {
gap:5px
}

.utabs-profile .news-list .transfer li {
height:30px
}
}

.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:#0000;
z-index:2
}

.irs-disabled {
opacity:.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:40px
}

.irs-line {
height:6px;
top:25px;
background-color:var(--bg);
border-radius:3px;
box-shadow:inset 0 1px 2px #0003
}

.irs-bar {
height:6px;
top:25px;
background-color:var(--blue);
border-radius:3px
}

.irs-bar-edge {
top:25px;
height:8px;
width:11px;
background-color:var(--bg)
}

.irs-handle {
width:20px;
height:20px;
top:18px;
background-color:var(--bg);
border-radius:10px;
border:4px solid var(--blue);
box-shadow:0 1px 3px #0000004d;
cursor:pointer
}

.irs-from,.irs-to,.irs-single {
font-size:10px;
margin-top:-5px;
border:1px solid var(--bdc);
padding:0 5px;
height:22px;
display:flex;
align-items:center;
background:var(--bg);
color:var(--tt);
border-radius:3px
}

.filter-block__check {
position:relative;
cursor:pointer;
padding-left:30px
}

.filter-block__check input {
position:absolute;
opacity:0
}

.filter-block__check::before,.filter-block__check::after {
content:'';
width:20px;
height:20px;
position:absolute;
left:0;
top:50%;
translate:0 -50%;
background-color:var(--bg);
border:1px solid var(--bdc);
box-sizing:border-box
}

.filter-block__check::after {
opacity:0
}

.filter-block__check:has(input:checked)::after {
content:'';
opacity:1;
background:var(--accent-primary) url(../images/icons/check.svg) center center / 10px no-repeat
}

.filter-block__sort {
position:relative
}

.filter-block__sort-direction {
cursor:pointer;
background-color:var(--bg);
width:30px;
height:30px;
position:absolute;
right:1px;
bottom:1px;
display:grid;
place-items:center;
padding-top:3px
}

.filter-block__sort-direction::before {
content:'';
width:20px;
height:20px;
background:url(../images/icons/desc.svg) center center / contain no-repeat
}

.filter-block__sort-direction.asc::before {
background-image:url(../images/icons/asc.svg)
}

.dt .filter-block__sort-direction::before,.kg .filter-block__sort-direction::before {
filter:invert(1)
}

.filter-block__sort-direction [data-balloon] {
position:absolute;
inset:0
}

[data-balloon] {
position:relative;
cursor:pointer
}

[data-balloon]:after {
opacity:0;
pointer-events:none;
transition:all .18s ease-out .18s;
font-family:sans-serif!important;
font-weight:400!important;
font-style:normal!important;
text-shadow:none!important;
font-size:12px!important;
background:#111111e6;
color:#fff;
border-radius:4px;
content:attr(data-balloon);
padding:.5em 1em;
position:absolute;
white-space:nowrap;
z-index:10
}

[data-balloon]:before {
background:no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjEycHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoMCkiIGQ9Ik0yLjY1OCwwLjAwMCBDLTEzLjYxNSwwLjAwMCA1MC45MzgsMC4wMDAgMzQuNjYyLDAuMDAwIEMyOC42NjIsMC4wMDAgMjMuMDM1LDEyLjAwMiAxOC42NjAsMTIuMDAyIEMxNC4yODUsMTIuMDAyIDguNTk0LDAuMDAwIDIuNjU4LDAuMDAwIFoiLz48L3N2Zz4=);
background-size:100% auto;
width:18px;
height:6px;
opacity:0;
pointer-events:none;
transition:all .18s ease-out .18s;
content:'';
position:absolute;
z-index:10
}

[data-balloon]:hover:before,[data-balloon]:hover:after,[data-balloon][data-balloon-visible]:before,[data-balloon][data-balloon-visible]:after {
opacity:1;
pointer-events:auto
}

[data-balloon][data-balloon-break]:after {
white-space:pre
}

[data-balloon][data-balloon-blunt]:before,[data-balloon][data-balloon-blunt]:after {
transition:none
}

[data-balloon][data-balloon-pos=up]:after {
bottom:100%;
left:0;
margin-bottom:11px;
transform:translate(0%,10px);
transform-origin:top;
overflow:visible
}

[data-balloon][data-balloon-pos=up]:before {
bottom:100%;
left:0;
margin-bottom:5px;
transform:translate(0%,10px);
transform-origin:top;
overflow:auto
}

[data-balloon][data-balloon-pos=up]:hover:after,[data-balloon][data-balloon-pos=up][data-balloon-visible]:after {
transform:translate(0%,0)
}

[data-balloon][data-balloon-pos=up]:hover:before,[data-balloon][data-balloon-pos=up][data-balloon-visible]:before {
transform:translate(0%,0);
overflow:auto
}

[data-balloon][data-balloon-pos=up-left]:after {
bottom:100%;
left:0;
margin-bottom:11px;
transform:translate(0,10px);
transform-origin:top
}

[data-balloon][data-balloon-pos=up-left]:before {
bottom:100%;
left:5px;
margin-bottom:5px;
transform:translate(0,10px);
transform-origin:top
}

[data-balloon][data-balloon-pos=up-left]:hover:after,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after {
transform:translate(0,0)
}

[data-balloon][data-balloon-pos=up-left]:hover:before,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before {
transform:translate(0,0)
}

[data-balloon][data-balloon-pos=up-right]:after {
bottom:100%;
right:0;
margin-bottom:11px;
transform:translate(0,10px);
transform-origin:top
}

[data-balloon][data-balloon-pos=up-right]:before {
bottom:100%;
right:5px;
margin-bottom:5px;
transform:translate(0,10px);
transform-origin:top
}

[data-balloon][data-balloon-pos=up-right]:hover:after,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after {
transform:translate(0,0)
}

[data-balloon][data-balloon-pos=up-right]:hover:before,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before {
transform:translate(0,0)
}

[data-balloon][data-balloon-pos=down]:after {
left:50%;
margin-top:11px;
top:100%;
transform:translate(-50%,-10px)
}

[data-balloon][data-balloon-pos=down]:before {
background:no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjEycHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDE4IDYpIiBkPSJNMi42NTgsMC4wMDAgQy0xMy42MTUsMC4wMDAgNTAuOTM4LDAuMDAwIDM0LjY2MiwwLjAwMCBDMjguNjYyLDAuMDAwIDIzLjAzNSwxMi4wMDIgMTguNjYwLDEyLjAwMiBDMTQuMjg1LDEyLjAwMiA4LjU5NCwwLjAwMCAyLjY1OCwwLjAwMCBaIi8+PC9zdmc+);
background-size:100% auto;
width:18px;
height:6px;
left:50%;
margin-top:5px;
top:100%;
transform:translate(-50%,-10px)
}

[data-balloon][data-balloon-pos=down]:hover:after,[data-balloon][data-balloon-pos=down][data-balloon-visible]:after {
transform:translate(-50%,0)
}

[data-balloon][data-balloon-pos=down]:hover:before,[data-balloon][data-balloon-pos=down][data-balloon-visible]:before {
transform:translate(-50%,0)
}

[data-balloon][data-balloon-pos=down-left]:after {
left:0;
margin-top:11px;
top:100%;
transform:translate(0,-10px)
}

[data-balloon][data-balloon-pos=down-left]:before {
background:no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjEycHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDE4IDYpIiBkPSJNMi42NTgsMC4wMDAgQy0xMy42MTUsMC4wMDAgNTAuOTM4LDAuMDAwIDM0LjY2MiwwLjAwMCBDMjguNjYyLDAuMDAwIDIzLjAzNSwxMi4wMDIgMTguNjYwLDEyLjAwMiBDMTQuMjg1LDEyLjAwMiA4LjU5NCwwLjAwMCAyLjY1OCwwLjAwMCBaIi8+PC9zdmc+);
background-size:100% auto;
width:18px;
height:6px;
left:5px;
margin-top:5px;
top:100%;
transform:translate(0,-10px)
}

[data-balloon][data-balloon-pos=down-left]:hover:after,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after {
transform:translate(0,0)
}

[data-balloon][data-balloon-pos=down-left]:hover:before,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before {
transform:translate(0,0)
}

[data-balloon][data-balloon-pos=down-right]:after {
right:0;
margin-top:11px;
top:100%;
transform:translate(0,-10px)
}

[data-balloon][data-balloon-pos=down-right]:before {
background:no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjEycHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDE4IDYpIiBkPSJNMi42NTgsMC4wMDAgQy0xMy42MTUsMC4wMDAgNTAuOTM4LDAuMDAwIDM0LjY2MiwwLjAwMCBDMjguNjYyLDAuMDAwIDIzLjAzNSwxMi4wMDIgMTguNjYwLDEyLjAwMiBDMTQuMjg1LDEyLjAwMiA4LjU5NCwwLjAwMCAyLjY1OCwwLjAwMCBaIi8+PC9zdmc+);
background-size:100% auto;
width:18px;
height:6px;
right:5px;
margin-top:5px;
top:100%;
transform:translate(0,-10px)
}

[data-balloon][data-balloon-pos=down-right]:hover:after,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after {
transform:translate(0,0)
}

[data-balloon][data-balloon-pos=down-right]:hover:before,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before {
transform:translate(0,0)
}

[data-balloon][data-balloon-pos=left]:after {
margin-right:11px;
right:100%;
top:50%;
transform:translate(10px,-50%)
}

[data-balloon][data-balloon-pos=left]:before {
background:no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjM2cHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE4IDE4KSIgZD0iTTIuNjU4LDAuMDAwIEMtMTMuNjE1LDAuMDAwIDUwLjkzOCwwLjAwMCAzNC42NjIsMC4wMDAgQzI4LjY2MiwwLjAwMCAyMy4wMzUsMTIuMDAyIDE4LjY2MCwxMi4wMDIgQzE0LjI4NSwxMi4wMDIgOC41OTQsMC4wMDAgMi42NTgsMC4wMDAgWiIvPjwvc3ZnPg==);
background-size:100% auto;
width:6px;
height:18px;
margin-right:5px;
right:100%;
top:50%;
transform:translate(10px,-50%)
}

[data-balloon][data-balloon-pos=left]:hover:after,[data-balloon][data-balloon-pos=left][data-balloon-visible]:after {
transform:translate(0,-50%)
}

[data-balloon][data-balloon-pos=left]:hover:before,[data-balloon][data-balloon-pos=left][data-balloon-visible]:before {
transform:translate(0,-50%)
}

[data-balloon][data-balloon-pos=right]:after {
left:100%;
margin-left:11px;
top:50%;
transform:translate(-10px,-50%)
}

[data-balloon][data-balloon-pos=right]:before {
background:no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjM2cHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNiA2KSIgZD0iTTIuNjU4LDAuMDAwIEMtMTMuNjE1LDAuMDAwIDUwLjkzOCwwLjAwMCAzNC42NjIsMC4wMDAgQzI4LjY2MiwwLjAwMCAyMy4wMzUsMTIuMDAyIDE4LjY2MCwxMi4wMDIgQzE0LjI4NSwxMi4wMDIgOC41OTQsMC4wMDAgMi42NTgsMC4wMDAgWiIvPjwvc3ZnPg==);
background-size:100% auto;
width:6px;
height:18px;
left:100%;
margin-left:5px;
top:50%;
transform:translate(-10px,-50%)
}

[data-balloon][data-balloon-pos=right]:hover:after,[data-balloon][data-balloon-pos=right][data-balloon-visible]:after {
transform:translate(0,-50%)
}

[data-balloon][data-balloon-pos=right]:hover:before,[data-balloon][data-balloon-pos=right][data-balloon-visible]:before {
transform:translate(0,-50%)
}

[data-balloon][data-balloon-length=small]:after {
white-space:normal;
width:80px
}

[data-balloon][data-balloon-length=medium]:after {
white-space:normal;
width:150px
}

[data-balloon][data-balloon-length=large]:after {
white-space:normal;
width:260px
}

[data-balloon][data-balloon-length=xlarge]:after {
white-space:normal;
width:380px
}

@media screen and (max-width:768px) {
[data-balloon][data-balloon-length=xlarge]:after {
white-space:normal;
width:90vw
}
}

[data-balloon][data-balloon-length=fit]:after {
white-space:normal;
width:100%
}