/* -------------------- Настройки -------------------- */


/* Цвета */
:root {

  /*　Основные цвета */

  --c1: 64, 191, 128; /* Основной цвет темы и ссылок */
  --c2: 82, 224, 153; /* Цвет ссылок и некоторых эллементов при наведении */
  --c3: 0, 255, 128; /* Цвет ссылок и некоторых эллементов при нажатии */

  /*　Цвета фона */

  --b1: #f5f5f5; /*　Цвет фона страницы */
  --b2: #fff; /*　Цвет фона блоков */
  --b3: #ddd; /*　Цвет границ блоков */

  /*　Цвета текста */

  --t1: #333; /*　Цвет заголовков и кнопок */
  --t2: #333; /*　Цвет текста */
  --t3: #999; /*　Цвет серого текста */

  /*　Цвета затемнения (используется в некоторых блоках и кнопках) */

  --d1: rgba(0, 0, 0, .1); /*　Цвет сильного затемнения */
  --d2: rgba(0, 0, 0, .06); /*　Цвет слабого затемнения */
}


/* Дополнительные цветные элементы в профиле */

/* Полоска аниме */
.b-stats_bar.anime .bar .first {
  background: linear-gradient(22deg, #40bf80, #bbff99);
}
.b-stats_bar.anime .bar .second {
  background: linear-gradient(22deg, #e6e6e6, #ccc);
}
.b-stats_bar.anime .bar .third {
  background: linear-gradient(112deg, #ccc, #b3b3b3);
}


/* Полоска манги */
.b-stats_bar.manga .bar .first {
  background: linear-gradient(22deg, #ffd400, #ff9);
}
.b-stats_bar.manga .bar .second {
  background: linear-gradient(22deg, #e6e6e6, #ccc);
}
.b-stats_bar.manga .bar .third {
  background: linear-gradient(112deg, #ccc, #b3b3b3);
}


/* Полоска активности */
.b-stats_bar.lifetime .bar .first {
  background: linear-gradient(22deg, #40bf80, #ffee99);
}
.b-stats_bar.lifetime .bar .third {
  background: linear-gradient(22deg, #e6e6e6, #ccc);
}

/* Вертикальные полоски */
.p-profiles-show .profile-content .activity .bar.vertical .line .bar-container .bar {
  background: linear-gradient(0deg, #40bf80, #ffee99) !important;
}


/* Полоски ачивок */
.b-achievement .c-about .progress .bar,
.b-achievement .about .progress .bar {
  background: linear-gradient(22deg, #40bf80, #bbff99);
}



/* Фоновая картинка */
body {
  background-image: url() !important;
}



/* Псевдо аватарка */
.p-profiles .profile-head .c-brief .avatar {
  background-image: url(https://i.ibb.co/TtQh7tb/noimagew.png) !important; /* Ссылка на картинку */
  height: 538px; /* Высота изображения */
}



/* Отступы верхнего меню от краев страницы */
.l-top_menu-v2 {
  padding-left: 4% !important;
  padding-right: 4% !important;
}
/* Отступы верхнего меню от краев страницы */



/* Изменить растояние между графиками аниме и манги (отступы от полоски между ними) */
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.anime:after {
  margin-top: 12px !important; /* Отступ сверху */
  margin-bottom: 20px !important; /* Отступ снизу */
}



/* Переименовывание блоков */

/* Время за аниме и мангой */
.p-profiles-show .lifetime .title .label:before {
  content: 'Время за анмие и мангой';
}
/* Английский вариант */
.p-profiles-show[data-locale='en'] .lifetime .title .label:before {
  content: 'Time spent';
}


/* Активность на сайте */
.p-profiles .profile-head .c-info .c-additionals b:after {
  content: 'Активность';
}
/* Английский вариант */
.p-profiles[data-locale='en'] .profile-head .c-info .c-additionals b:after {
  content: 'Activity';
}


/* Блок "Обо мне" */
.p-profiles-show .profile-content .about.block .subheadline:before {
  content: 'Информация';
}
/* Английский вариант */
.p-profiles-show[data-locale='en'] .profile-content .about.block .subheadline:before {
  content: 'Information';
}



/* Вернуть стандартные эллементы /*
Удалите нужное правило чтобы вернуть определённый эллемент */

/* Клубы */
.p-profiles-show .profile-content .c-right > .cc-2a > .c-column:last-child {
    display: none !important;
}

.p-profiles-show .cc-friends {
  margin: 14px 0 -4px !important;
}
/* Клубы */


/* Избранное */
.p-profiles-show .profile-content .cc-2 > .c-column > .block:last-child {
    display: none !important;
}
/* Избранное */


/* Вертикальные полоски активности */
.p-profiles-show .profile-content .activity {
  display: none !important;
}
.p-profiles-show .profile-content .c-column.c-left {
  padding: 20px;
}
/* Вертикальные полоски активности */

/* -------------------- Настройки -------------------- */








/* cyrillic-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

:focus {
  outline: -webkit-focus-ring-color auto 0;
}

body, input, select, button, textarea {
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  color: var(--t2);
}

body {
  background: var(--b1);
  background-size: cover;
  background-attachment: fixed;
}

.l-page {
  background: transparent;
  margin-top: 12px;
  letter-spacing: .1px;
}

.x1000 .l-page {
  max-width: 1200px;
}

.x1000 .l-content {
  margin-right: 1% !important;
  width: 72.15% !important;
}

.x1000 .l-menu {
  width: 26.85% !important;
}

.x1200 .l-content {
  width: 72% !important;
}

.x1200 .l-menu {
  width: 25% !important;
}

::selection {
background: rgba(var(--c1), .2);
color: rgb(var(--c1));
}

a {
  color: rgb(var(--c1));
}

a:hover {
  text-decoration: none !important;
  color: rgb(var(--c2));
}

a:active {
  color: rgb(var(--c3));
}

.b-catalog_entry-tooltip .inner a.b-link {
  color: rgb(var(--c1)) !important;
}

.b-catalog_entry-tooltip .inner a.b-link:hover {
  color: rgb(var(--c2)) !important;
}

.b-catalog_entry-tooltip .inner a.b-link:active {
  color: rgb(var(--c3)) !important;
}

.b-abuse_request .ban-form .cancel,
.b-bb_codes-examples .example a,
.b-bb_codes-examples .result a,
.b-bracket-actions > div,
.b-bracket-actions > span,
.b-catalog_entry .cover .title,
.b-cosplay-topic > .inner .cosplay-info .line .value a,
.b-cosplay_gallery h3 a,
.b-db_entry > .c-about .additional-links .line-container > .link,
.b-db_entry > .c-about .additional-links .line-container > a,
.b-feedback-inner .about a,
.b-form .variants .variant a,
.b-forums .forum .link-with-input .link,
.b-forums .reload,
.b-header_filters .filter-line a,
.b-js-action,
.b-js-link,
.b-link,
.b-log_entry .moderation a,
.b-person .name,
.b-topic .footer-vote .vote-group .vote,
.b-user.named_avatar .name,
.subheadline .misc-link,
.b-video_variant a,
.b-animes-menu .menu-topics-block .history-entry-tooltip a,
.p-animes-files .l-content a,
.p-mangas-files .l-content a,
.p-contests-edit .grid,
.p-contests .rating .member a,
.p-contests .results a,
.p-contests .suggestion > a,
.p-contests .variant > a,
.b-contests-menu .results,
.b-contests-menu .grid a,
.p-contests-grid .round .match a,
.p-contests-index .contest a,
.p-dashboards .c-my_list .list-type > .title .link,
.p-dashboards .c-my_list .history > .title .link,
.p-dashboards .c-my_list .list-type > .title .switch,
.p-dashboards .c-my_list .history > .title .switch,
.p-dashboards .user_list .list-type > .title .link,
.p-dashboards .user_list .history > .title .link,
.p-dashboards .user_list .list-type > .title .switch,
.p-dashboards .user_list .history > .title .switch,
.p-dashboards-show .midheadline .b-link,
.p-dashboards-show .c-content .options .option,
.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name,
.p-profiles .profile-head .c-brief header .notice a,
.p-profiles .profile-head .c-mobile-actions a,
.p-profiles .profile-head .c-mobile-actions span,
.p-profiles .profile-head .c-info .c-additionals div a,
.p-profiles-edit .list .profile-action a:not(.b-button),
.p-profiles-show .about a,
.p-studios .studio .name,
.p-translations .animes a,
.b-log_entry .comment-block ins,
.p-statistics-index .forum-nav .sections a.selected,
.b-animes-menu .menu-topics-block a.entry .name,
.b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a,
.b-db_entry-note .name-container .name,
.b-club .name,
.b-user.detailed .history .line a .event,
.b-mention,
.b-user16,
.p-animes_collection-index .pagination .link,
.p-mangas_collection-index .pagination .link,
.p-recommendations-index .pagination .link,
.p-userlist_comparer-show .pagination .link,
header.head a.misc,
header.head a.edit,
.b-log_entry a:hover,
.b-log_entry .link:hover,
.b-log_entry a:hover .id-label,
.b-log_entry .link:hover .id-label,
.b-user_rate_log a:hover,
.b-user_rate_log .link:hover, 
.b-user_rate_log a:hover .id-label,
.b-user_rate_log .link:hover .id-label,
.b-user_rate_log .spoiler.collapse span,
.b-user_rate_log .spoiler.collapsed span,
.b-log_entry .spoiler.collapse span,
.b-log_entry .spoiler.collapsed span,
.b-ban a:hover, 
.b-ban .link:hover,
.b-ban .id-label:hover,
.b-ban .abuser,
.b-collection_item,
.b-collection_item .delete:hover:before,
.b-collection_item .drag-handle:hover:before,
.p-characters .item-edit:hover,
.headline > a:hover:before,
.midheadline > a:hover:before,
.subheadline > a:hover:before,
.headline.linkheadline > a:hover,
.linkheadline.midheadline > a:hover,
.linkheadline.subheadline > a:hover,
.headline.linkheadline > a:hover:before,
.linkheadline.midheadline > a:hover:before,
.linkheadline.subheadline > a:hover:before,
.b-catalog_entry .cover:hover,
.b-catalog_entry .cover:hover .title,
.p-user_history-index .history-page .history-interval p .destroy:hover:before,
.p-animes_collection-index .pagination a.link.link-prev:hover,
.p-animes_collection-index .pagination a.link.link-next:hover {
  color: rgb(var(--c1));
}

.b-abuse_request .ban-form .cancel:hover,
.b-bb_codes-examples .example a:hover,
.b-bb_codes-examples .result a:hover,
.b-bracket-actions > div:hover,
.b-bracket-actions > span:hover,
.b-catalog_entry .cover .title:hover,
.b-cosplay-topic > .inner .cosplay-info .line .value a:hover,
.b-cosplay_gallery h3 a:hover,
.b-db_entry > .c-about .additional-links .line-container > .link:hover,
.b-db_entry > .c-about .additional-links .line-container > a:hover,
.b-feedback-inner .about a:hover,
.b-form .variants .variant a:hover,
.b-forums .forum .link-with-input .link:hover,
.b-forums .reload:hover,
.b-header_filters .filter-line a:hover,
.b-js-action:hover,
.b-js-link:hover,
.b-link:hover,
.b-log_entry .moderation a:hover,
.b-person .name:hover,
.b-topic .footer-vote .vote-group .vote:hover,
.b-user.named_avatar .name:hover,
.subheadline .misc-link:hover,
.b-video_variant a:hover,
.b-animes-menu .menu-topics-block .history-entry-tooltip a:hover,
.p-animes-files .l-content a:hover,
.p-mangas-files .l-content a:hover,
.p-contests-edit .grid:hover,
.p-contests .match-day .match-link a:hover,
.p-contests .rating .member a:hover,
.p-contests .results a:hover,
.p-contests .suggestion > a:hover,
.p-contests .variant > a:hover,
.b-contests-menu .results:hover,
.b-contests-menu .grid a:hover,
.p-contests-grid .round .match a:hover,
.p-contests-index .contest a:hover,
.p-dashboards .c-my_list .list-type > .title .link:hover,
.p-dashboards .c-my_list .history > .title .link:hover,
.p-dashboards .c-my_list .list-type > .title .switch:hover,
.p-dashboards .c-my_list .history > .title .switch:hover,
.p-dashboards .user_list .list-type > .title .link:hover,
.p-dashboards .user_list .history > .title .link:hover,
.p-dashboards .user_list .list-type > .title .switch:hover,
.p-dashboards .user_list .history > .title .switch:hover,
.p-dashboards-show .midheadline .b-link:hover,
.p-dashboards-show .c-content .options .option:hover,
.p-dashboards-show .c-content .options .option.selected,
.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover,
.p-profiles .profile-head .c-brief header .notice a:hover,
.p-profiles .profile-head .c-mobile-actions a:hover,
.p-profiles .profile-head .c-mobile-actions span:hover,
.p-profiles .profile-head .c-info .c-additionals div a:hover,
.p-profiles-edit .list .profile-action a:not(.b-button):hover,
.p-profiles-show .about a:hover,
.p-studios .studio .name:hover,
.p-translations .animes a:hover,
.p-statistics-index .forum-nav .sections a:hover,
.b-comment > .inner .was_updated:hover,
.b-comment header .hash:hover,
.b-dialog > .inner .was_updated:hover,
.b-message > .inner .was_updated:hover,
.b-topic > .inner .was_updated:hover,
.p-animes-franchise .sticky-tooltip .close:hover,
.p-mangas-franchise .sticky-tooltip .close:hover,
.p-contests .match-day .match-link.voted-none > .c-column a:hover,
.p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover,
.p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover,
.p-contests .match-day .match-link .c-column.loser a:hover,
.p-contests .match-day .match-link .c-column.created a:hover,
.p-contests-grid .round .match .date a:hover,
.p-topics header h1 a.reload:hover,
.b-video_variant.active a,
.b-animes-menu .menu-topics-block a.entry:hover .name,
.b-animes-menu .menu-topics-block a.entry .name:hover,
.b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a:hover,
.b-db_entry-note .name-container .name:hover,
.b-club .name:hover,
.b-user.detailed .history .line a .event:hover,
.b-mention:hover,
.p-animes_collection-index .pagination .link:hover,
.p-mangas_collection-index .pagination .link:hover,
.p-recommendations-index .pagination .link:hover,
.p-userlist_comparer-show .pagination .link:hover,
header.head a.misc:hover,
header.head a.edit:hover,
.p-profiles-show .about .item-edit:active,
.b-log_entry a:active,
.b-log_entry .link:active,
.b-log_entry a:active .id-label,
.b-log_entry .link:active .id-label,
.b-user_rate_log a:active,
.b-user_rate_log .link:active,
.b-user_rate_log a:active .id-label,
.b-user_rate_log .link:active .id-label,
.b-user_rate_log .spoiler.collapse span:hover,
.b-user_rate_log .spoiler.collapsed span:hover,
.b-log_entry .spoiler.collapse span:hover,
.b-log_entry .spoiler.collapsed span:hover,
.p-topics .l-menu .sticky-topics .topic .title:hover,
.p-topics .l-menu .sticky-topics .topic:hover .title,
.p-topics .l-menu .sticky-topics .topic:hover .title:after,
.b-ban a:active, 
.b-ban .link:active,
.b-ban .id-label:active,
.b-contest_match .prev-match:hover,
.b-contest_match .next-match:hover,
.b-user.detailed .info .image-name .name:hover,
.b-user.moderation .info .image-name .name:hover,
.b-ban .abuser:hover,
.b-collection_item:hover,
.b-collection_item .delete:active:before,
.b-collection_item .drag-handle:active:before,
.b-club .name-logo:hover .name,
.headline > a:active:before,
.midheadline > a:active:before,
.subheadline > a:active:before,
.headline.linkheadline > a:active,
.linkheadline.midheadline > a:active,
.linkheadline.subheadline > a:active,
.headline.linkheadline > a:active:before,
.linkheadline.midheadline > a:active:before,
.linkheadline.subheadline > a:active:before,
.b-catalog_entry .cover:active,
.b-catalog_entry .cover:active .title,
.p-characters .item-edit:active,
.p-user_history-index .history-page .history-interval p .destroy:active:before,
.p-animes_collection-index .pagination a.link.link-prev:active,
.p-animes_collection-index .pagination a.link.link-next:active {
  color: rgb(var(--c2));
}

.b-club .name:hover {
  color: rgb(var(--c2)) !important;
}

.b-header_filters .filter-line a:active,
.b-person .name:active,
.b-animes-menu .menu-topics-block .history-entry-tooltip a:active,
.p-animes-files .l-content a:active,
.p-mangas-files .l-content a:active,
.p-dashboards-show .midheadline .b-link:active,
.p-dashboards-show .c-content .options .option:active,
.p-profiles .profile-head .c-brief header .notice a:active,
.p-profiles .profile-head .c-mobile-actions a:active,
.p-profiles .profile-head .c-mobile-actions span:active,
.p-profiles .profile-head .c-info .c-additionals div a:active,
.p-anime_videos-index .c-videos .video-variant-switcher.active:hover,
.b-db_entry-note .name-container .name:active,
.b-club .name:active,
.b-user.detailed .history .line a .event:active,
.b-mention:active,
.p-animes_collection-index .pagination .link:active,
.p-mangas_collection-index .pagination .link:active,
.p-recommendations-index .pagination .link:active,
.p-userlist_comparer-show .pagination .link:active,
header.head a.misc:active,
header.head a.edit:active,
.b-user_rate_log .spoiler.collapse span:active,
.b-user_rate_log .spoiler.collapsed span:acitve,
.b-log_entry .spoiler.collapse span:acitve,
.b-log_entry .spoiler.collapsed span:active {
  color: rgb(var(--c3));
}

.b-abuse_request .ban-form .cancel:active,
.b-bb_codes-examples .example a:active,
.b-bb_codes-examples .result a:active,
.b-bracket-actions > div:active,
.b-bracket-actions > span:active,
.b-catalog_entry .cover .title:active,
.b-cosplay-topic > .inner .cosplay-info .line .value a:active,
.b-cosplay_gallery h3 a:active,
.b-db_entry > .c-about .additional-links .line-container > .link:active,
.b-db_entry > .c-about .additional-links .line-container > a:active,
.b-feedback-inner .about a:active,
.b-form .variants .variant a:active,
.b-forums .forum .link-with-input .link:active,
.b-forums .reload:active,
.b-header_filters .filter-line a:active,
.b-js-action:active,
.b-js-link:active,
.b-link:active,
.b-log_entry .moderation a:active,
.b-topic .footer-vote .vote-group .vote:active,
.b-user.named_avatar .name:active,
.subheadline .misc-link:active,
.b-video_variant a:active,
.p-contests-edit .grid:active,
.p-contests .match-day .match-link a:active,
.p-contests .rating .member a:active,
.p-contests .results a:active,
.p-contests .suggestion > a:active,
.p-contests .variant > a:active,
.b-contests-menu .results:active,
.b-contests-menu .grid a:active,
.p-contests-grid .round .match a:active,
.p-contests-index .contest a:active,
.p-dashboards .c-my_list .list-type > .title .link:active,
.p-dashboards .c-my_list .history > .title .link:active,
.p-dashboards .c-my_list .list-type > .title .switch:active,
.p-dashboards .c-my_list .history > .title .switch:active,
.p-dashboards .user_list .list-type > .title .link:active,
.p-dashboards .user_list .history > .title .link:active,
.p-dashboards .user_list .list-type > .title .switch:active,
.p-dashboards .user_list .history > .title .switch:active,
.p-dashboards-show .midheadline .b-link:active,
.p-dashboards-show .c-content .options .option:active,
.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active,
.p-profiles .profile-head .c-brief header .notice a:active,
.p-profiles .profile-head .c-mobile-actions a:active,
.p-profiles .profile-head .c-mobile-actions span:active,
.p-profiles .profile-head .c-info .c-additionals div a:active,
.p-profiles-edit .list .profile-action a:not(.b-button):active,
.p-profiles-show .about a:active,
.p-studios .studio .name:active,
.p-translations .animes a:active,
.p-statistics-index .forum-nav .sections a:active,
.b-comment > .inner .was_updated:active,
.b-comment header .hash:active,
.b-dialog > .inner .was_updated:active,
.b-message > .inner .was_updated:active,
.b-topic > .inner .was_updated:active,
.p-animes-franchise .sticky-tooltip .close:active,
.p-mangas-franchise .sticky-tooltip .close:active,
.p-contests .match-day .match-link.voted-none > .c-column a:active,
.p-contests .match-day .match-link.voted-left > .c-column:last-child a:active,
.p-contests .match-day .match-link.voted-right > .c-column:first-child a:active,
.p-contests .match-day .match-link .c-column.loser a:active,
.p-contests .match-day .match-link .c-column.created a:active,
.p-contests-grid .round .match .date a:active,
.p-topics header h1 a.reload:active,
.b-bracket-details:active,
.b-form a.remove:active,
.b-animes-menu .menu-topics-block a.entry .name:active,
.b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a:active,
.b-user_rate_log .spoiler.collapse span:active,
.b-user_rate_log .spoiler.collapsed span:active,
.p-topics .l-menu .sticky-topics .topic .title:active,
.p-topics .l-menu .sticky-topics .topic:active .title,
.p-topics .l-menu .sticky-topics .topic:active .title:after,
.b-contest_match .prev-match:active,
.b-contest_match .next-match:active,
.b-user.detailed .info .image-name .name:active,
.b-user.moderation .info .image-name .name:active,
.b-ban .abuser:active,
.b-collection_item:active,
.b-club .name-logo:active .name {
  color: rgb(var(--c3));
}

.to-top-fix {
  display: none;
}

.b-to-top .slide:before {
  background: rgba(0, 0, 0, .1);
}

.b-to-top .arrow:before {
  content: 'expand_less';
  color: var(--t2);
  margin-left: 18px;
}

.tipsy {
  font-size: 14px;
  color: #fff;
}

.tipsy-inner {
  padding: 8px 14px;
  background-color: rgba(var(--c1), 0.8);
  box-shadow: 0 0 0 0 transparent;
}

.tipsy-s .tipsy-arrow {
  display: none;
}

.tipsy-w .tipsy-arrow {
  display: none;
}

/* Верхнее меню */
.l-top_menu-v2 {
  background: rgb(var(--c1));
}

.l-top_menu-v2 .logo-container {
  margin-right: 10px;
}

.l-top_menu-v2 .logo-container .logo {
  display: none;
}

.l-top_menu-v2 .menu-dropdown.main > span:not(.mobile) {
  max-width: 275px;
  min-width: 140px;
}

.l-top_menu-v2 .menu-dropdown > span {
  background: rgb(var(--c1));
}

.l-top_menu-v2 .menu-dropdown > span:hover,
.l-top_menu-v2 .menu-dropdown > span a:hover {
  background: var(--d1);
}

.l-top_menu-v2 .menu-icon.active,
.l-top_menu-v2 .menu-icon:focus,
.l-top_menu-v2 .menu-dropdown.active > span,
.l-top_menu-v2 .menu-dropdown > span:focus {
  background: var(--d1);
}

.l-top_menu-v2 .active .submenu {
  background: #fff;
  color: rgb(var(--c1));
  border: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 3px 12px 2px rgba(0, 0, 0, .2);
}

.l-top_menu-v2 .submenu > a {
  color: rgb(var(--c1));
}

.l-top_menu-v2 .submenu > a:hover {
  background: rgb(var(--c1));
  color: #fff;
}

.l-top_menu-v2 .submenu > a:active {
  background: rgb(var(--c1));
}

.l-top_menu-v2 .submenu > a.icon-mail span.unread span {
  color: rgb(var(--c1));
}

.l-top_menu-v2 .submenu > a.icon-mail:hover span.unread span {
  color: #fff;
}

.l-top_menu-v2 .global-search {
  color: #fff;
  width: 34px;
  margin-right: auto;
}

.l-top_menu-v2.is-search-focus .global-search {
  width: 100%;
  margin-right: 4%;
}

.l-top_menu-v2 .global-search input {
  background: #fff;
  color: rgb(var(--c1));
  padding: 0;
  border: none;
  width: 0;
  line-height: 32px;
}

.l-top_menu-v2.is-search-focus .global-search input {
  width: 100%;
  border: 1px solid transparent;
  padding: 1px 42px 0 32px;
  line-height: 28px;
}

.l-top_menu-v2 .global-search .hotkey-marker {
  display: none;
}

.l-top_menu-v2 .global-search .search-marker {
  width: 34px;
  line-height: 42px;
}

.l-top_menu-v2.is-search-focus .global-search .search-marker {
  color: rgb(var(--c1));
  line-height: 40px;
}

.l-top_menu-v2 .global-search input.has-value ~ .clear {
  display: none;
}

.l-top_menu-v2.is-search-focus .global-search .clear {
  display: block;
}

.l-top_menu-v2 .global-search .clear {
  color: rgb(var(--c1));
}

.l-top_menu-v2 .global-search .clear:hover {
  color: rgb(var(--c2));
}

.l-top_menu-v2 .global-search .clear:active {
  color: rgb(var(--c3));
}

.l-top_menu-v2 .global-search .search-results {
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  overflow: auto;
  max-height: 790px;
}

.l-top_menu-v2 .global-search .search-results .nothing_found,
.l-top_menu-v2 .global-search .search-results .search-mode {
  color: var(--t2);
  border: none !important;
  padding: 0 !important;
}

.l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item {
  border: none !important;
}

.l-top_menu-v2 .global-search .search-results .nothing_found:before,
.l-top_menu-v2 .global-search .search-results .search-mode:hover:before,
.l-top_menu-v2 .global-search .search-results .search-mode:active:before,
.l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:active:before {
  background: transparent;
}

.l-top_menu-v2 .global-search .search-results .nothing_found.active:before,
.l-top_menu-v2 .global-search .search-results .nothing_found:focus:before,
.l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active:before,
.l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus:before,
.l-top_menu-v2 .global-search .search-results .search-mode.active:before,
.l-top_menu-v2 .global-search .search-results .search-mode:focus:before {
  background: transparent;
  border-color: rgb(var(--c1));
}

.l-top_menu-v2 .global-search .search-results .search-mode:hover,
.l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:hover {
  background: var(--d2);
}

.l-top_menu-v2 .global-search .search-results .search-mode:active,
.l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:active {
  background: var(--d1);
}

.l-top_menu-v2 .global-search .search-results .nothing_found.active,
.l-top_menu-v2 .global-search .search-results .nothing_found:focus,
.l-top_menu-v2 .global-search .search-results .search-mode.active,
.l-top_menu-v2 .global-search .search-results .search-mode:focus {
  background: rgba(var(--c1), .2);
}

.l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active,
.l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus {
  background: var(--d1);
}

.b-entry-info .line .key,
.b-catalog_entry-tooltip .inner .line .key,
.b-db_entry-variant-list_item > .info .line .key {
  color: #999;
}

.l-top_menu-v2 .menu-icon.forum,
.l-top_menu-v2 .menu-icon.contest {
  display: none;
}

.l-top_menu-v2 .menu-icon:hover {
  background: var(--d1);
}

.l-top_menu-v2 .menu-icon:active {
  background: var(--d1);
}

.l-top_menu-v2 .menu-icon.contest:after,
.l-top_menu-v2 .menu-icon.mail:after {
  border: 2px solid rgb(var(--c1));
  color: rgb(var(--c1));
  font-size: 0;
  height: 6px;
  line-height: normal;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 10px;
  width: 6px;
}

.l-top_menu-v2 .menu-dropdown.profile {
  margin-left: 0;
}

.l-top_menu-v2 .menu-dropdown.profile > span img {
  border-radius: 100%;
}

.l-top_menu-v2 .icon-characters:before,
.l-top_menu-v2 .icon-play:before,
.l-top_menu-v2 .icon-people:before,
.l-top_menu-v2 .icon-other:before,
.l-top_menu-v2 .menu-dropdown.main .icon-home:before,
.l-top_menu-v2 .menu-dropdown.main .icon-profile:before,
.l-top_menu-v2 .menu-dropdown.main .icon-anime_list:before,
.l-top_menu-v2 .menu-dropdown.main .icon-manga_list:before,
.l-top_menu-v2 .menu-dropdown.main .icon-mail:before,
.l-top_menu-v2 .menu-dropdown.main .icon-achievements:before,
.l-top_menu-v2 .menu-dropdown.main .icon-settings:before,
.l-top_menu-v2 .menu-dropdown.main .icon-site_rules:before,
.l-top_menu-v2 .menu-dropdown.main .icon-faq:before,
.l-top_menu-v2 .menu-dropdown.main .icon-clubs:before,
.l-top_menu-v2 .icon-anime:before,
.l-top_menu-v2 .icon-manga:before,
.l-top_menu-v2 .icon-ranobe:before,
.l-top_menu-v2 .icon-forum:before,
.l-top_menu-v2 .icon-collections:before,
.l-top_menu-v2 .icon-reviews:before,
.l-top_menu-v2 .icon-users:before,
.l-top_menu-v2 .icon-contests:before,
.l-top_menu-v2 .icon-calendar:before,
.l-top_menu-v2 .icon-info:before,
.l-top_menu-v2 .icon-socials:before,
.l-top_menu-v2 .icon-moderation:before {
  display: none;
}

.l-top_menu-v2 .menu-dropdown.main > span:not(.mobile) span {
  margin-left: 20px;
}

.l-top_menu-v2 .menu-dropdown.main .icon-avatar img {
  margin-right: -10px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.l-top_menu-v2 .menu-dropdown.main .submenu > a {
  padding-left: 20px;
}

.l-top_menu-v2 .menu-icon.mail:before,
.l-top_menu-v2 .global-search .search-marker:before,
.l-top_menu-v2 .icon-profile:before,
.l-top_menu-v2 .icon-anime_list:before,
.l-top_menu-v2 .icon-manga_list:before,
.l-top_menu-v2 .icon-mail:before,
.l-top_menu-v2 .icon-achievements:before,
.l-top_menu-v2 .icon-clubs:before,
.l-top_menu-v2 .icon-settings:before,
.l-top_menu-v2 .icon-site_rules:before,
.l-top_menu-v2 .icon-faq:before,
.l-top_menu-v2 .icon-sign_out:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.l-top_menu-v2 .global-search .search-marker:before {
  content: 'search';
}

.l-top_menu-v2 .menu-icon.mail:before {
  content: 'notifications';
}

.l-top_menu-v2 .icon-profile:before {
  content: 'account_circle';
}

.l-top_menu-v2 .icon-anime_list:before {
  content: 'video_library';
  background: none;
}

.l-top_menu-v2 .icon-manga_list:before {
  content: 'library_books';
  background: none;
}

.l-top_menu-v2 .icon-mail:before {
  content: 'mail';
}

.l-top_menu-v2 .icon-achievements:before {
  content: 'stars';
}

.l-top_menu-v2 .icon-clubs:before  {
  content: 'people';
}

.l-top_menu-v2 .icon-settings:before {
  content: 'settings';
}

.l-top_menu-v2 .icon-site_rules:before {
  content: 'error';
}

.l-top_menu-v2 .icon-faq:before {
  content: 'help';
}

.l-top_menu-v2 .icon-sign_out:before {
  content: 'power_settings_new';
}
/* Верхнее меню */

/* Профиль */
.p-profiles .profile-head {
  margin-top: 7rem;
}

.p-profiles .profile-head .c-brief .avatar {
  position: relative;
  max-width: 1000px;
  width: 36%;
  max-height: 538px;
  background: var(--b2);
  padding: 20px;
  margin: 20px 20px 78px;
  border: 1px solid var(--b3);
  border-radius: 4px 4px 0 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.p-profiles .profile-head .c-brief .avatar img {
  display: none;
}

.p-profiles .profile-head .c-brief .avatar .profile-actions {
  position: absolute;
  bottom: -58px;
  left: -1px;
  right: -1px;
  margin: 0;
  padding: 6px;
  font-size: 24px;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 0 0 4px 4px;
  text-align: center;
}

.profile-actions > a:first-child,
.profile-actions > span:first-child,
.profile-actions > a,
.profile-actions > span,
.profile-actions {
  margin: 10px;
}

.profile-actions .mail:before,
.profile-actions .mail:after,
.profile-actions .settings:before,
.profile-actions .ban:before,
.profile-actions .talk:before,
.profile-actions .fav-add:before,
.profile-actions .ignore-add:before,
.profile-actions .fav-remove:before,
.profile-actions .ignore-remove:before,
.club-actions .edit-club:before,
.club-actions .broadcast:before,
.club-actions .upload:before,
.club-actions .invite:before,
.club-actions .leave:before,
.b-subposter-action.edit-alt:before,
.b-subposter-action.broadcast:before,
.b-subposter-action.upload:before,
.b-subposter-action.invite:before,
.b-subposter-action.leave:before {
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  border-radius: 4px;
}

.b-subposter-action.edit-alt:before {
  content: 'edit';
}

.b-subposter-action.broadcast:before {
  content: 'forum';
}

.b-subposter-action.upload:before {
  content: 'add_photo_alternate';
}

.b-subposter-action.invite:before {
  content: 'person_add';
}

.b-subposter-action.leave:before {
  content: 'exit_to_app';
}

.profile-actions .mail:before {
  content: 'mail';
}

.profile-actions .settings:before {
  content: 'settings';
}

.profile-actions .ban:before {
  content: 'gavel';
}

.profile-actions .talk:before {
  content: 'chat';
}

.profile-actions .fav-add:before {
  content: 'person_add';
}

.profile-actions .ignore-add:before {
  content: 'visibility_off';
}

.profile-actions .fav-remove:before {
  content: 'person';
}

.profile-actions .fav-remove:hover:before {
  content: 'person_outline';
}

.profile-actions .ignore-remove:before {
  content: 'visibility';
}

.profile-actions .mail,
.profile-actions .settings,
.profile-actions .ban,
.profile-actions .talk,
.profile-actions .fav-add,
.profile-actions .ignore-add,
.profile-actions .fav-remove,
.profile-actions .ignore-remove,
.club-actions .edit-club,
.club-actions .broadcast,
.club-actions .upload,
.club-actions .invite,
.club-actions .leave,
.c-actions .new_comment,
.c-actions .new_review,
.c-actions .fav-add,
.c-actions .fav-remove,
.c-actions .edit,
.b-collection_item .delete:before,
.b-collection_item .drag-handle:before,
.b-subposter-action {
  color: var(--t1);
}



.profile-actions .mail:hover,
.profile-actions .settings:hover,
.profile-actions .ban:hover,
.profile-actions .talk:hover,
.profile-actions .fav-add:hover,
.profile-actions .ignore-add:hover,
.profile-actions .fav-remove:hover,
.profile-actions .ignore-remove:hover,
.club-actions .edit-club:hover,
.club-actions .broadcast:hover,
.club-actions .upload:hover,
.club-actions .invite:hover,
.club-actions .leave:hover,
.c-actions .new_comment:hover,
.c-actions .new_review:hover,
.c-actions .fav-add:hover,
.c-actions .fav-remove:hover,
.c-actions .edit:hover,
.b-subposter-action:hover {
  color: rgb(var(--c1));
}

.profile-actions .mail:active,
.profile-actions .settings:active,
.profile-actions .ban:active,
.profile-actions .talk:active,
.profile-actions .fav-add:active,
.profile-actions .ignore-add:active,
.profile-actions .fav-remove:active,
.profile-actions .ignore-remove:active,
.club-actions .edit-club:active,
.club-actions .broadcast:active,
.club-actions .upload:active,
.club-actions .invite:active,
.club-actions .leave:active,
.c-actions .new_comment:active,
.c-actions .new_review:active,
.c-actions .fav-add:active,
.c-actions .fav-remove:active,
.c-actions .edit:active,
.b-subposter-action:active {
  color: rgb(var(--c2));
}

.p-profiles-show .about .item-edit {
  margin-top: -8px;
  display: block;
  padding: 8px;
  font-size: 18px;
  color: var(--t1);
  border-radius: 4px;
  background: transparent;
}

.b-collection-filters .mylist-block .item-sign:hover:before,
.b-collection-filters .mylist-block .item-sign:active:before,
.p-profiles-show .about .item-edit:hover {
  color: rgb(var(--c1));
  background: var(--d2);
}

.p-profiles .profile-head .c-brief header {
  font-family: 'Ubuntu', sans-serif;
  position: absolute;
  top: 0;
  background: var(--b2);
  margin: 20px;
  padding: 20px 40px;
  border: 1px solid var(--b3);
  border-radius: 4px;
  width: 94.1%;
  float: left;
  overflow: hidden;
  margin-bottom: 10px;
  white-space: nowrap;
}

.p-profiles.x1200 .profile-head .c-brief header {
  width: 94%;
}

.p-profiles .profile-head .c-history {
  position: inherit;
  float: right;
  background: var(--b2);
  margin: 20px;
  padding: 20px;
  width: 57%;
  border: 1px solid var(--b3);
  border-radius: 4px;
}

.p-profiles .profile-head .c-history.x3 {
  margin: 20px;
}

.headline,
.midheadline,
.subheadline {
  display: inline-block;
  width: 100%;
  color: var(--t1);
  background: transparent;
  border-left: none;
  border-bottom: 1px solid var(--b3);
  border-radius: 0;
  text-align: center;
  font-size: 18px;
  padding: 0 0 18px 0;
  line-height: normal;
}

.headline > a,
.midheadline > a,
.subheadline > a {
  color: var(--t1);
  padding: 0;
}

.headline > a:before,
.midheadline > a:before,
.subheadline > a:before {
  display: none;
}

.p-profiles .profile-head .c-info {
  overflow: inherit;
}

.p-profiles .profile-head .c-info .c-lists-info {
  display: inline-block;
  overflow: inherit;
  float: right;
  width: 57%;
  margin: 20px;
  padding: 20px;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
}

.p-profiles .profile-head .c-info .c-additionals {
  display: inline-block;
  text-align: center;
  float: left;
  width: 36%;
  margin: 20px;
  padding: 20px;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
}

.p-profiles-show .profile-content .c-column.c-left {
  display: block;
  float: right;
  clear: none;
  width: 57%;
  min-height: 200px;
  height: auto;
  margin: 20px;
  padding: 20px 20px 40px 20px;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
}

.p-profiles-show .lifetime {
  margin-bottom: 0;
}

.p-profiles-show .lifetime .title {
  width: 100%;
}

.p-profiles-show .b-stats_bar .title {
  color: var(--t1);
  display: inline-block;
}

.p-profiles-show .lifetime .title .label {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0;
  text-transform: uppercase;
  border-bottom: 1px solid var(--b3);
  padding-bottom: 12px;
  margin-bottom: 18px;
}

.p-profiles-show[data-locale='en'] .lifetime .title .label {
  padding-bottom: 14px;
}

.p-profiles-show .lifetime .title .value {
  display: block;
  position: absolute;
  width: 100%;
  top: 68px;
  text-align: center;
  font-size: 14px;
  float: right;
  margin-top: 4px;
  border: none;
}

.p-profiles-show .lifetime .bar {
  margin-top: 8%;
  height: 10px;
  line-height: 5px;
}

.p-profiles-show .lifetime .cuts {
  display: none;
}

.p-profiles-show .lifetime .times .time.checked,
.p-profiles-show .lifetime .times .time.checked:before {
  color: rgb(var(--c1));
}

.p-profiles-show .lifetime .times .time {
  color: #b3b3b3;
}

.p-profiles-show .profile-content .activity {
  display: block;
  margin-top: 30px;
}

.p-profiles-show .profile-content .activity .title {
  display: none;
}

.p-profiles-show .profile-content .activity .bar.vertical {
  border-bottom: 1px solid var(--b3);
}

.p-profiles-show .profile-content .activity .bar.vertical .line .x_label,
.p-user_history-index .history-page .history-interval p .destroy:before {
  color: var(--t3);
}

.p-profiles-show .profile-content .activity .bar.vertical .line .bar-container {
  width: 10px;
  margin-left: 6px;
}

.p-profiles-show .profile-content .activity .bar.vertical .line .bar-container .value {
  font-size: 0;
}

.c-column.c-right {
  display: contents;
}

.p-profiles-show .cc-friends .b-user {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-profiles-show .cc-friends .b-user .avatar > img {
  box-shadow: 0 0 0 0;
  filter: opacity(0.3) blur(1px);
  transform: scale(1.3);
  transition: .5s ease;
}

.p-profiles-show .cc-friends .b-user .avatar > img:hover {
  box-shadow: 0 0 0 2px rgb(var(--c1));
  filter: none;
  transform: none;
}

.p-profiles-show .cc-friends {
  margin: 8px 0 -4px;
}

.b-user.avatar img,
.b-user.named_avatar img,
.b-user.avatar_fixed_margin img {
  border-radius: 100%;
  margin-bottom: 10px;
}

.p-profiles-show .profile-content .c-right > .cc-2a {
  display: contents;
}

.p-profiles-show .profile-content .c-right > .cc-2a > .c-column:nth-child(2n+1) {
  display: block;
  float: left;
  text-align: center;
  width: 36%;
  min-height: 200px;
  height: auto;
  margin: 20px;
  padding: 20px;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
  clear: none;
}

.p-profiles-show.x1200 .profile-content .c-right {
  width: 36%;
}

.p-profiles-show.x1200 .profile-content .c-right > .cc-2a > .c-column {
  width: 36%;
}

.p-profiles-show .profile-content > .cc-2.block {
  margin: 0;
}

.p-profiles-show .profile-content .c-right > .cc-2a > .c-column:last-child {
  display: block;
  float: left;
  text-align: center;
  width: 36%;
  min-height: 100px;
  height: auto;
  margin: 20px;
  padding: 20px;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
}

.p-profiles-show .profile-content .c-right > .cc-2a > .c-column:last-child .b-clubs.one-line .b-club {
  float: none;
  margin: 0 5%;
  width: 48px;
}

.p-profiles-show .profile-content .c-right > .cc-2a > .c-column:last-child .b-club .logo {
  border-radius: 4px;
  border: 0 solid;
  transform: scale(1.2);
  filter: opacity(0.3) blur(1px);
  transition: .5s ease;
}

.p-profiles-show .profile-content .c-right > .cc-2a > .c-column:last-child .b-club .logo:hover {
  border: 2px solid rgb(var(--c1));
  transform: scale(1);
  filter: none;
}

.p-profiles-show .profile-content > .cc-2 > .c-column > .block:last-child {
  display: block;
  float: left;
  vertical-align: middle;
  text-align: center;
  width: 96.5%;
  height: auto;
  margin: 20px;
  padding: 20px;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
}

.p-profiles-show .profile-content > .cc-2 > .c-column > .block:last-child .subheadline {
  width: 100%;
}

.p-profiles-show .profile-content > .cc-2 > .c-column > .block:last-child > .cc-favourites {
  display: flex;
  flex-wrap: wrap;
}

.p-profiles-show .profile-content > .cc-2 > .c-column > .block:last-child > .cc-favourites .c-column {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 1%;
  max-width: 100%;
  height: auto;
}

.p-profiles-show .profile-content > .cc-2 > .c-column > .block:last-child > .cc-favourites .c-column .image-cutter {
  max-width: 100% !important;
  max-height: 100% !important;
}

.p-profiles-show .profile-content .block.achievements {
  display: inline-block;
  margin: 20px;
  padding: 20px;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
}

.p-profiles-show .achievements .header .title,
.p-profiles-show .achievements .header .size {
  display: none;
}

.p-profiles-show .profile-content .block.achievements > .cc-3 > .c-column {
  margin-bottom: 0;
}

.p-profiles-show .achievements .cc-franchises .b-badge:before {
  font-size: 10px;
  width: 100%;
}

.b-achievement .c-image .inner a img,
.b-achievement .c-image .inner a .no-image,
.b-achievement .c-image .inner a .border,
.b-badge img,
.b-badge .no-image {
  border-radius: 4px;
}

.b-achievement .c-image .inner a .border {
  border: 2px solid var(--b3) !important;
}

.p-profiles-show .profile-content .about.block {
  display: block;
  position: inherit;
  float: none;
  margin: 20px;
  padding: 20px;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
  line-height: 1.4;
}

.p-profiles-show .profile-content .about.block .subheadline {
  font-size: 0;
}

.p-profiles-show .profile-content .about.block .subheadline:before {
  font-size: 18px;
}

.p-profiles-show .profile-content .subheadline-buttons {
  position: absolute;
  right: 5%;
  margin-top: 0;
}

.p-profiles-show .profile-content .block:last-child {
  margin: 40px 20px 20px;
  padding: 20px;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
}

.l-footer {
  clear: both;
  padding: 14px;
  margin: 0 20px;
  background: transparent;
  border: none;
  border-radius: 4px;
}

.l-footer:before {
  content: 'shi.Modern 1.0.1';
  display: block;
  float: left;
  position: static;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  font-size: 12px;
  color: #b3b3b3;
}

.l-footer .links a {
  color: #b3b3b3;
}

.l-footer .links a:hover {
  color: #808080;
}

.l-footer .links {
  text-align: center;
  font-size: 12px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: normal;
  padding: 0;
}

.p-profiles .profile-head .c-brief header h1 {
  font-family: 'Ubuntu', sans-serif;
  border-bottom: none;
  color: var(--t1);
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}

.p-profiles .profile-head .c-brief header .notice {
  font-size: 14px;
}

.p-profiles .profile-head .c-brief header .misc {
  font-family: inherit;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0 42px 26px 0;
  font-size: 14px;
  color: rgb(var(--c1));
}

.headline > a:hover,
.midheadline > a:hover,
.subheadline > a:hover {
  color: rgb(var(--c1));
}

.headline > a:active,
.midheadline > a:active,
.subheadline > a:active {
  color: rgb(var(--c2));
}

.p-profiles .profile-head .c-history .entry:first-child {
  margin-top: 0;
  padding-top: 10px;
}

.p-profiles .profile-head .c-history .entry {
  text-decoration: none !important;
  border-top: none;
  border-radius: 4px;
  padding: 10px;
  margin: 2px 0;
}

.p-profiles .profile-head .c-history .entry:hover {
  text-decoration: none !important;
  background: var(--d2);
}

.p-profiles .profile-head .b-stats_bar .title {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--t1);
  cursor: pointer;
  margin: 0 10px 10px 0;
  padding: 10px 14px;
  border-radius: 2px;
}

.p-profiles .profile-head .b-stats_bar a.title {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--t1);
  cursor: pointer;
  margin: 0 10px 10px 0;
  padding: 10px 14px;
  border: 1px solid var(--b3);
  border-radius: 2px;
  transition: .25s ease;
}

.p-profiles .profile-head .b-stats_bar a.title:hover,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility span.link-replacement:hover,
.p-profiles .profile-head .b-stats_bar .stat_names .stat_name a:hover,
.p-profiles .profile-head .c-info .c-additionals div a:hover,
.b-db_entry > .c-about .additional-links .line-container > a:hover {
  background: rgba(var(--c1), 0.05);
  border-color: inherit;
  color: rgb(var(--c1));
}

.p-profiles .profile-head .b-stats_bar a.title:active,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility span.link-replacement:active,
.p-profiles .profile-head .b-stats_bar .stat_names .stat_name a:active,
.p-profiles .profile-head .c-info .c-additionals div a:active,
.b-db_entry > .c-about .additional-links .line-container > a:active {
  background: rgba(var(--c2), 0.15);
  border-color: inherit;
  color: rgb(var(--c2));
}

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility span.link-replacement {
  float: right;
  text-transform: uppercase;
  font-size: 10px;
  margin-top: 0;
  padding: 10px 12px;
  border: 1px solid var(--b3);
  border-radius: 2px;
  color: var(--t1);
  transition: .25s ease;
}

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  margin-bottom: 0;
}

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga {
  margin-top: 22px;
}

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.anime:after {
  content: '';
  display: block;
  margin: 12px 0 20px 0;
  border-top: 1px solid var(--b3);
}

.b-stats_bar .bar .first,
.b-stats_bar .bar .second,
.b-stats_bar .bar .third {
  font-size: 0;
}

.p-profiles .profile-head .b-stats_bar .bar {
  height: 10px;
  line-height: 0;
}

.p-profiles .profile-head .b-stats_bar .stat_names:before {
  content: '';
  display: block;
  border-top: 1px solid var(--b3);
  margin: 12px 14px 4px 14px;
}

.p-profiles .profile-head .b-stats_bar .stat_names {
  text-align: center;
}

.p-profiles .profile-head .b-stats_bar .stat_names .stat_name {
  display: inline-block;
  margin-top: 0;
}

.p-profiles .profile-head .b-stats_bar .stat_names .stat_name:after {
  display: none;
}

.p-profiles .profile-head .b-stats_bar .stat_names .stat_name a {
  display: inline-block;
  text-transform: uppercase;
  font-size: 10px;
  color: var(--t1);
  cursor: pointer;
  padding: 4px 8px;
  margin: 6px;
  border: 1px solid var(--b3);
  border-radius: 2px;
  transition: .25s ease;
}

.p-profiles .profile-head .b-stats_bar .stat_names .stat_name .size {
  display: inline-block;
  white-space: normal;
  border-left: 1px solid var(--b3);
  padding-left: 6px;
  margin-left: 3px;
}

.p-profiles .profile-head .b-stats_bar .stat_names .stat_name .size:before,
.p-profiles .profile-head .b-stats_bar .stat_names .stat_name .size:after {
  display: none;
}

.p-profiles .profile-head .c-info .c-additionals b {
  display: block;
  font-size: 0;
  color: var(--t1);
  text-transform: uppercase;
  text-align: center;
  padding: 0 0 16px 0;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--b3);
}

.p-profiles .profile-head .c-info .c-additionals div:after {
  display: none;
}

.p-profiles .profile-head .c-info .c-additionals div span,
.p-profiles .profile-head .c-info .c-additionals div a,
.b-db_entry > .c-about .additional-links .line-container > a {
  display: inline-block;
  padding: 8px 12px;
  margin: 4px;
  font-size: 10px;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid var(--b3);
  border-radius: 2px;
  color: var(--t1);
  cursor: pointer;
  transition: .25s ease;
}

.b-db_entry > .c-about .additional-links .line-container > a {
  padding: 6px 12px;
}

.b-db_entry > .c-about .additional-links .key,
.b-db_entry > .c-about .additional-links .line-container > .link:after,
.b-db_entry > .c-about .additional-links .line-container > a:after {
  display: none;
}

.b-topic > .b-comments {
  margin-top: 16px;
}

.b-topic > .b-comments .b-comment:first-child,
.b-topic > .b-comments .b-message:first-child {
  border-top-width: 0;
  padding-top: 0;
  margin-top: 0;
}

.b-comment {
  margin-top: 16px;
  padding-top: 8px;
  border: none;
}

.b-topic,
.b-topic:first-child {
  background: var(--b2);
  border: 1px solid var(--b3) !important;
  border-radius: 4px;
  padding: 20px !important;
}

.p-profiles  .b-topic,
.p-profiles  .b-topic:first-child {
  background: transparent;
  border: none !important;
  border-radius: 4px;
  padding: 0 !important;
}

.b-comment .inner,
.b-topic > .inner,
.b-dialog > .inner,
.b-message > .inner {
  border-radius: 4px;
  padding: 10px;
  min-height: 72px;
}

.b-replies {
  color: var(--t3);
  font-size: 12px;
  padding: 12px 6px 4px 12px;
}

.b-user16 {
  border: 1px solid var(--b3);
  padding: 0 6px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  margin-left: 0;
  margin-right: 6px;
}

.b-show_more-more .friend-rate .b-user16,
.b-menu-line.friend-rate .b-user16 {
  background: none;
  border: none;
}

.b-menu-line.friend-rate .b-user16 a {
  position: absolute;
  left: 28px;
  right: 0;
}

.b-show_more-more .friend-rate .b-user16 span,
.b-menu-line.friend-rate .b-user16 span {
  font-size: 14px;
  text-decoration: none !important;
}

.b-animes-menu .total-rates {
  color: var(--t3);
}

.b-animes-menu .friend-rate .status {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  margin-top: 2px;
  color: #999;
}

.b-show_more-more .friend-rate .status {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  margin-top: 8px;
}

.b-menu-line.friend-rate {
  display: block;
  border-radius: 4px;
  padding: 0 8px 0 0;
  margin: 4px 0;
}

.b-show_more-more .friend-rate {
  position: relative;
  border-radius: 4px;
  padding: 0 8px 0 0;
  margin: 4px 0;
}

.b-show_more-more .friend-rate:hover,
.b-menu-line.friend-rate:hover {
  background: rgba(var(--c1), .1);
}

.b-show_more-more .friend-rate:hover .status,
.b-menu-line.friend-rate:hover .status{
  color: var(--t2);
}

.b-catalog_entry-tooltip .inner a.name {
  color: inherit;
}

.b-catalog_entry-tooltip .inner .text {
  font-size: 14px;
}

.p-profiles .b-comment .inner:hover {
  background: rgba(0, 0, 0, .03);
}

.tooltip .b-comment .inner:hover {
  background: none;
}

.b-comments .faye-loader,
.b-forum .faye-loader,
.b-comments .comments-loader,
.b-comments .comments-hider,
.b-comments .comments-expander {
  background: rgba(0, 0, 0, .05);
  border: none !important;
  border-radius: 4px;
  color: var(--t1);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  padding: 10px !important;
}

.b-comments .faye-loader:hover,
.b-forum .faye-loader:hover,
.b-comments .comments-loader:hover,
.b-comments .comments-hider:hover,
.b-comments .comments-expander:hover {
  background: rgba(0, 0, 0, .07);
}

.b-comments .faye-loader:active,
.b-forum .faye-loader:active,
.b-comments .comments-loader:active,
.b-comments .comments-hider:active,
.b-comments .comments-expander:active {
  background: rgba(0, 0, 0, .1);
}

.b-comments .comments-collapser {
  color: #ccc;
  border: none !important;
  padding: 4px 6px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  margin: 12px 5px 0 0;
  position: absolute;
  right: 4px;
}

.b-comments .comments-collapser:hover {
  color: var(--t3);
  background: rgb(0, 0, 0, .03);
}

.b-comments .comments-collapser:active {
  color: var(--t2);
  background: rgb(0, 0, 0, .1);
}

.b-comment > .inner header,
.b-dialog > .inner header,
.b-message > .inner header,
.b-topic > .inner header {
  margin-bottom: 0;
}

.b-comment > .inner header img,
.b-dialog > .inner header img,
.b-message > .inner header img,
.b-topic > .inner header img {
  display: block;
  margin: 0px 2% 4px 0;
  width: 48px;
  border-radius: 4px;
}

.b-comment > .inner header .name-date,
.b-dialog > .inner header .name-date,
.b-message > .inner header .name-date,
.b-topic > .inner header .name-date {
  display: block;
  font-size: 18px;
  line-height: 1;
  padding: 12px 0 0 0;
}

.b-comment > .inner header .name-date:after,
.b-dialog > .inner header .name-date:after,
.b-message > .inner header .name-date:after,
.b-topic > .inner header .name-date:after {
  content: '';
  display: block;
  border-top: 1px solid var(--b3);
  margin: 12px 0 10px;
}

.b-comment > .inner header .name-date a.name,
.b-topic > .inner header .name-date a.name,
.b-dialog > .inner header .name-date a.name,
.b-message > .inner header .name-date a.name {
  color: var(--t1);
}

.b-comment > .inner header .name-date a.name:hover,
.b-topic > .inner header .name-date a.name:hover,
.b-dialog > .inner header .name-date a.name:hover,
.b-message > .inner header .name-date a.name:hover {
  color: rgb(var(--c1));
}

.b-comment > .inner header .name-date a.name:active,
.b-topic > .inner header .name-date a.name:active,
.b-dialog > .inner header .name-date a.name:active,
.b-message > .inner header .name-date a.name:active {
  color: rgb(var(--c2));
}

.b-comment > .inner header .name-date .time,
.b-topic > .inner header .name-date .time,
.b-dialog > .inner header .name-date .time,
.b-message > .inner header .name-date .time {
  vertical-align: middle;
  text-transform: uppercase;
  color: #b3b3b3;
  display: inline;
  font-size: 10px;
  padding: 2px 6px;
}

.b-collection-topic footer .footer-vote {
  margin-top: 10px;
}

.b-topic .footer-vote {
  width: 100%;
  text-align: center;
  border: none;
  background: none;
  padding: 14px;
  color: var(--t1);
  display: inline-block;
  font-size: 14px;
}

.b-topic .footer-vote .star {
  vertical-align: middle;
}

.b-topic .footer-vote .vote-group {
  display: block;
}

.b-topic .footer-vote .vote-group .separator {
  display: none !important;
}

.b-topic .footer-vote .vote-group .vote {
  background: var(--d1);
  color: #999 !important;
  padding: 6px 14px;
  border: none !important;
  border-radius: 4px;
  margin: 12px 10px 0;
}

.b-topic .footer-vote .vote-group .vote.yes.selected,
.b-topic .footer-vote .vote-group .vote.yes:hover {
  color: #40bf80 !important;
  background: rgba(64, 191, 128, 0.25);
}

.b-topic .footer-vote .vote-group .vote.no.selected,
.b-topic .footer-vote .vote-group .vote.no:hover {
  color: #ff4136 !important;
  background: rgba(255, 65, 54, .25);
}

.b-topic .footer-vote .vote-group .vote.yes:before {
  display: inline-block;
  vertical-align: middle;
}

.b-topic .footer-vote .vote-group .vote.no:before {
  display: inline-block;
  vertical-align: middle;
}

header.head {
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
  padding: 20px 40px;
}

.p-topics header h1 a.reload {
  color: var(--t1);
  border: none !important;
}

.l-menu .block,
.l-menu .block2,
.l-menu .b-favoured,
.c-generated_news .block,
.c-generated_news .midheadline,
.b-clubs-menu .b-subposter-actions {
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
  padding: 20px;
  margin: 0 0 10px;
}

.c-generated_news .midheadline {
  margin-bottom: 2px;
}

.b-clubs-menu .b-subposter-actions {
  padding: 10px;
}

.l-menu .block:empty,
.b-clubs-menu .b-subposter-actions:empty {
  display: none;
}

.l-menu .block > .block,
.l-menu .block2 > .block,
.c-generated_news .block > .block,
.c-generated_news .block > .midheadline,
.b-menu-links.menu-topics-block.history.m30 > .block {
  border: none;
  padding: 0;
  margin: 0;
  background: none;
}

.l-menu .b-forums,
.b-menu_logo,
.b-menu-links.menu-topics-block.history.m30 {
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
  padding: 20px;
  margin: 0 0 10px !important;
}

.l-menu .subheadline {
  border: 1px solid var(--b3);
  padding: 20px 20px 0;
  background: var(--b2);
  border-width: 1px 1px 0;
  border-radius: 4px 4px 0 0;
}

.l-menu .subheadline:after {
  display: block;
  content: '';
  height: 1px;
  background: var(--b3);
  margin-top: 18px;
}

.b-favoured > .subheadline,
.l-menu .block > .subheadline,
.b-menu-links.menu-topics-block.history.m30 > .subheadline {
  border: none;
  background: none;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--b3);
}

.b-favoured > .subheadline:after,
.l-menu .block > .subheadline:after,
.b-menu-links.menu-topics-block.history.m30 > .subheadline:after {
  display: none;
}

.b-clubs-menu .cc,
.b-clubs-menu .clubs,
.b-clubs-menu .cc-4.admin {
  border: 1px solid var(--b3);
  border-width: 0 1px 1px;
  background: var(--b2);
  padding: 20px;
  margin: -13px 0 10px;
  border-radius: 0 0 4px 4px;
}

.b-clubs-menu .clubs,
.b-clubs-menu .cc-4.admin {
  padding-bottom: 0;
}

.b-show_more,
.b-show_more-more .hide-more {
  background: rgba(0, 0, 0, .05);
  color: #999;
  padding: 4px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 4px;
  font-size: 0;
}

.b-show_more:before {
  content: 'Показать';
  font-size: 10px;
}

body[data-locale='en'] .b-show_more:before {
  content: 'show';
}

.b-show_more-more .hide-more:before {
  content: 'Скрыть';
  font-size: 10px;
}

body[data-locale='en'] .b-show_more-more .hide-more:before {
  content: 'hide';
}

.b-show_more:hover,
.b-show_more-more .hide-more:hover {
  color: rgb(var(--c1));
  background: rgba(var(--c1), .1);
}

.b-forums .forum input {
  display: none;
}

.forum.common:hover {
  background: var(--d2);
}

.forum.common {
  border-radius: 4px;
  margin: 0 -8px 4px;
  padding: 0 8px;
}

.b-height_shortener .expand {
  margin: 8px 0;
  color: var(--t1);
  padding: 4px;
  text-align: center;
  border-radius: 4px;
}

.b-height_shortener .expand:hover {
  color: rgb(var(--c1));
}

.b-height_shortener .expand:after {
  display: none;
}

.b-height_shortener .expand span {
  border: none;
  font-size: 14px;
  padding: 2px 0;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  border-radius: 0;
  transition: .5s ease;
}

.b-height_shortener .expand:hover span {
  background: var(--d2);
  border-radius: 100px;
}

.b-height_shortener .expand span:before,
.b-height_shortener .expand span:after {
  content: 'expand_more';
  font-family: 'Material Icons';
  color: rgb(var(--c1));
  display: inline;
  vertical-align: middle;
  font-size: 24px;
  padding: 10px;
  border-radius: 0;
  text-transform: none;
  font-weight: normal;
  margin: 20px;
  opacity: 0;
  transition: inherit;
}

.b-height_shortener .expand:hover span:before,
.b-height_shortener .expand:hover span:after {
  opacity: 1;
  margin: 0;
  border-radius: 100%;
}

.buttons span:before,
.buttons a:before {
  font-size: 18px !important;
}

.buttons .item-save::before,
.buttons .item-moderation::before,
.buttons .item-preview::before,
.buttons .item-unpreview::before,
.buttons .item-quote::before,
.buttons .item-reply::before,
.buttons .item-edit::before,
.buttons .item-delete::before,
.buttons .item-delete-confirm::before,
.buttons .item-apply::before,
.buttons .item-request-confirm::before,
.buttons .item-cancel::before,
.buttons .item-request-reject::before,
.buttons .item-delete-cancel::before,
.buttons .item-moderation-cancel::before,
.buttons .item-subscribe::before,
.buttons .item-offtopic::before,
.buttons .item-summary::before,
.buttons .item-spoiler::before,
.buttons .item-abuse::before,
.buttons .item-ban::before,
.buttons .item-ignore::before,
.buttons .item-ignore.selected::before {
  font-size: 18px !important;
}

.buttons .item-quote::before {
  content: 'format_quote';
}

.buttons .item-reply::before {
  content: 'reply';
}

.p-profiles-show .about .item-edit:before,
.buttons .item-edit:before {
  content: 'edit';
}

.buttons .item-delete:before {
  content: 'delete';
}

.buttons .item-ignore:before {
  content: 'visibility_off';
}

.buttons .item-moderation:before {
  content: 'new_releases';
}

.buttons .item-abuse:before {
  content: 'announcement';
}

.buttons .item-spoiler:before {
  content: 'error';
}

.buttons .item-offtopic:before {
  content: 'speaker_notes_off'
}

.buttons .item-save,
.buttons .item-moderation,
.buttons .item-preview,
.buttons .item-unpreview,
.buttons .item-quote,
.buttons .item-reply,
.buttons .item-edit,
.buttons .item-delete,
.buttons .item-delete-confirm,
.buttons .item-apply,
.buttons .item-request-confirm,
.buttons .item-cancel,
.buttons .item-request-reject,
.buttons .item-delete-cancel,
.buttons .item-moderation-cancel,
.buttons .item-subscribe,
.buttons .item-offtopic,
.buttons .item-summary,
.buttons .item-spoiler,
.buttons .item-abuse,
.buttons .item-ban,
.buttons .item-ignore,
.buttons .item-ignore.selected {
  padding: 8px;
  margin: 0 0 0 10px;
  border-radius: 4px;
}

.buttons .item-save:hover,
.buttons .item-moderation:hover,
.buttons .item-preview:hover,
.buttons .item-unpreview:hover,
.buttons .item-quote:hover,
.buttons .item-reply:hover,
.buttons .item-edit:hover,
.buttons .item-delete:hover,
.buttons .item-delete-confirm:hover,
.buttons .item-apply:hover,
.buttons .item-request-confirm:hover,
.buttons .item-cancel:hover,
.buttons .item-request-reject:hover,
.buttons .item-delete-cancel:hover,
.buttons .item-moderation-cancel:hover,
.buttons .item-subscribe:hover,
.buttons .item-offtopic:hover,
.buttons .item-summary:hover,
.buttons .item-spoiler:hover,
.buttons .item-abuse:hover,
.buttons .item-ban:hover,
.buttons .item-ignore:hover,
.buttons .item-ignore.selected:hover {
  background: var(--d2);
  color: rgb(var(--c1));
}

.buttons .item-save:active,
.buttons .item-moderation:active,
.buttons .item-preview:active,
.buttons .item-unpreview:active,
.buttons .item-quote:active,
.buttons .item-reply:active,
.buttons .item-edit:active,
.buttons .item-delete:active,
.buttons .item-delete-confirm:active,
.buttons .item-apply:active,
.buttons .item-request-confirm:active,
.buttons .item-cancel:active,
.buttons .item-request-reject:active,
.buttons .item-delete-cancel:active,
.buttons .item-moderation-cancel:active,
.buttons .item-subscribe:active,
.buttons .item-offtopic:active,
.buttons .item-summary:active,
.buttons .item-spoiler:active,
.buttons .item-abuse:active,
.buttons .item-ban:active,
.buttons .item-ignore:active,
.buttons .item-ignore.selected:active {
  background: var(--d2);
  color: rgb(var(--c2));
}

.buttons span,
.buttons a {
  color: var(--t1) !important;
  border-radius: 4px;
  padding: 10px;
}

.buttons span:hover,
.buttons a:hover {
  color: rgb(var(--c1)) !important;
  background: var(--d2);
}

.buttons .editor-bold:before {
  content: 'format_bold';
}

.buttons .editor-italic:before {
  content: 'format_italic';
}

.buttons .editor-underline:before {
  content: 'format_underlined';
}

.buttons .editor-strike:before {
  content: 'strikethrough_s';
}

.buttons .editor-link:before {
  content: 'link';
}

.buttons .editor-image:before {
  content: 'add_photo_alternate';
}

.buttons .editor-quote:before {
  content: 'format_quote';
}

.buttons .editor-spoiler:before {
  content: 'error';
}

.buttons .editor-file:before {
  content: 'attach_file';
}

.buttons .editor-smiley:before {
  content: 'tag_faces';
}

.buttons .item-ignore.selected:before {
  content: 'visibility';
}

.b-status-line .section.created_at time::before,
.b-status-line .section.changed_at time::before,
.b-status-line .section.additional .collection-size::before,
.b-status-line .section.additional .comments::before,
.b-status-line .section.additional .b-review_votes::before {
  display: inline-block !important;
  vertical-align: middle;
}

.b-status-line .section.created_at time:before {
  content: 'create';
}

.b-status-line .section.changed_at time:before {
  content: 'restore';
}

.b-status-line .section.additional .collection-size:before {
  content: 'apps';
}

.b-status-line .section.additional .comments:before { 
  content: 'forum';
}

.b-review_votes:before {
  content: 'poll';
}

.b-topic .footer-vote .star:before {
  content: 'public';
}

.b-topic .footer-vote .vote-group .vote.yes:before {
  content: 'thumb_up_alt';
}

.b-topic .footer-vote .vote-group .vote.no:before {
  content: 'thumb_down_alt';
}

.buttons .editor-file span,
.buttons .editor-file a {
  height: 40px;
  width: 40px;
  top: 0;
  right: 0;
}

.buttons .editor-file span:hover,
.buttons .editor-file a:hover {
  background: transparent;
}

.buttons .editor-file input[type="file"] {
  height: 44px;
  width: 44px;
  left: -4px;
}

.b-form {
  margin-top: 0;
}

.b-shiki_editor aside.buttons {
  margin: 0 0 20px;
}

.b-shiki_editor .links,
.b-shiki_editor .images,
.b-shiki_editor .quotes,
.b-shiki_editor .email,
.b-shiki_editor .upload {
  height: 50px;
}

.b-shiki_editor .links.links p,
.b-shiki_editor .images.links p,
.b-shiki_editor .quotes.links p,
.b-shiki_editor .email.links p,
.b-shiki_editor .upload.links p {
  padding: 0 10px 0;
  overflow: auto;
}

.b-shiki_editor .links label,
.b-shiki_editor .images label,
.b-shiki_editor .quotes label,
.b-shiki_editor .email label,
.b-shiki_editor .upload label {
  padding: 0px 10px;
  border-radius: 2px;
}

.b-shiki_editor .links label:hover,
.b-shiki_editor .images label:hover,
.b-shiki_editor .quotes label:hover,
.b-shiki_editor .email label:hover,
.b-shiki_editor .upload label:hover {
  background: var(--d2);
}

.b-shiki_editor .links input,
.b-shiki_editor .images input,
.b-shiki_editor .quotes input,
.b-shiki_editor .email input,
.b-shiki_editor .upload input {
  vertical-align: middle;
  margin: 4px 2px 4px 0;
}

.b-shiki_editor .links span,
.b-shiki_editor .images span,
.b-shiki_editor .quotes span,
.b-shiki_editor .email span,
.b-shiki_editor .upload span {
  text-transform: uppercase;
  font-size: 12px;
}

.b-shiki_editor .links .link-value,
.b-shiki_editor .images .link-value,
.b-shiki_editor .quotes .link-value,
.b-shiki_editor .email .link-value,
.b-shiki_editor .upload .link-value {
  display: -webkit-inline-box;
  background-color: #fafafa;
  border-color: #ddd;
  color: var(--t1);
  line-height: 16px;
  margin: 2px 6px !important;
  outline: none;
  padding: 6px 10px;
  border-radius: 2px;
}

.b-shiki_editor .links .b-button.ok,
.b-shiki_editor .images .b-button.ok,
.b-shiki_editor .quotes .b-button.ok,
.b-shiki_editor .email .b-button.ok,
.b-shiki_editor .upload .b-button.ok {
  font-family: 'Ubuntu';
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  padding: 6px 20px;
  border-radius: 4px;
  color: var(--t1);
  background: var(--b2);
  border: 2px solid var(--b3);
  transition: .25s ease;
}

.b-shiki_editor .links .b-button.ok:hover,
.b-shiki_editor .images .b-button.ok:hover,
.b-shiki_editor .quotes .b-button.ok:hover,
.b-shiki_editor .email .b-button.ok:hover,
.b-shiki_editor .upload .b-button.ok:hover,
.b-shiki_editor footer .unpreview:not(.link):hover,
.b-shiki_editor footer .cancel:hover,
.b-shiki_editor footer .hide:hover,
.b-shiki_editor footer input[type=submit]:hover,
.b-shiki_editor footer .unpreview:hover,
.b-shiki_editor footer .preview:hover,
.p-clubs-edit a.cancel:hover,
.b-form input[type=submit]:hover,
.buttons a.cancel:hover,
.b-form .cancel:hover {
  background: rgba(var(--c1), 0.05);
  border-color: inherit;
  color: rgb(var(--c1));
}

.b-shiki_editor .links .b-button.ok:active,
.b-shiki_editor .images .b-button.ok:active,
.b-shiki_editor .quotes .b-button.ok:active,
.b-shiki_editor .email .b-button.ok:active,
.b-shiki_editor .upload .b-button.ok:active,
.b-shiki_editor footer .unpreview:not(.link):active,
.b-shiki_editor footer .cancel:active,
.b-shiki_editor footer .hide:active,
.b-shiki_editor footer input[type=submit]:active,
.b-shiki_editor footer .unpreview:active,
.b-shiki_editor footer .preview:active,
.p-clubs-edit a.cancel:active,
.b-form input[type=submit]:active,
.buttons a.cancel:active,
.b-form .cancel:active {
  background: rgba(var(--c2), 0.15);
  border-color: inherit;
  color: rgb(var(--c2));
}

.b-shiki_editor .body .editor textarea {
  background: transparent;
  border: none;
  border-radius: 4px;
  color: var(--t2);
  padding: 6px 10px !important;
  max-height: 360px;
  min-height: 168px;
}

.b-shiki_editor footer .unpreview:not(.link),
.b-shiki_editor footer .cancel,
.b-shiki_editor footer .hide,
.b-shiki_editor footer input[type=submit],
.b-shiki_editor footer .unpreview,
.b-shiki_editor footer .preview,
.p-clubs-edit a.cancel {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: var(--t1);
  background: var(--b2);
  padding: 10px 20px;
  line-height: normal;
  margin-right: 10px;
  border: 2px solid var(--b3);
  border-radius: 4px;
  transition: .25s ease;
}

.b-form input[type=submit]:first-child,
.b-form .cancel:first-child,
.buttons a.cancel:first-child {
  margin-right: 10px;
  margin-left: 10px;
}

.b-form input[type=submit],
.b-form .cancel,
.buttons a.cancel,
.b-form a.remove,
.b-form .buttons+a.remove {
  display: inline;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: var(--t1);
  background: var(--b2);
  padding: 10px 20px;
  line-height: normal;
  border: 2px solid var(--b3);
  border-radius: 4px;
  transition: .25s ease;
}

.b-shiki_editor footer .about-bb_codes a {
  color: inherit;
}

.b-shiki_editor footer .about-bb_codes {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: var(--t3);
  background: var(--b2);
  margin-top: 0;
  padding: 10px 20px;
  border: 2px solid var(--b3);
  border-radius: 4px;
  transition: .25s ease;
}

.b-shiki_editor footer .about-bb_codes:hover {
  background: rgba(var(--c1), 0.05);
  border-color: inherit;
  color: rgb(var(--c1));
  text-decoration: none !important;
}

.b-shiki_editor footer .about-bb_codes:active {
  background: rgba(var(--c2), 0.15);
  border-color: inherit;
  color: rgb(var(--c2));
}

hr {
  border: 0;
  height: 1px;
  background: var(--b3);
  margin: 4px 0;
}

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:before,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after {
  display: none;
}

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate {
  border-left: 1px solid var(--b3);
  margin-left: 5px;
  padding-left: 5px;
}

.tooltip-inner .close {
  background: var(--b2);
}

.b-mention s,
.tooltip-inner .close:hover,
.tooltip-inner .close:active,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active {
  color: inherit;
}

.b-list li {
  line-height: 1.65;
  list-style-image: url();
  list-style-position: outside;
  list-style-type: disc;
  margin-bottom: 10px;
  color: var(--t2);
}

code {
  background: rgba(0, 0, 0, .05);
  padding: 1px 4px;
  border-radius: 2px;
}

.b-code {
  background: #2e3538;
}

.hljs-selector-tag {
  color: #FF5370;
}

.hljs-selector-id {
  color: #FAD430;
}

.hljs-selector-class {
  color: #FFCB6B;
}

.hljs-selector-pseudo,
.hljs-meta {
  color: #C792EA;
}

.hljs-attribute {
  color: #80CBC4;
}

.hljs-built_in {
  color: #89DDFF;
}

.hljs-number {
  color: #F77669;
}

.hljs-string {
  color: #C3E88D;
}

.hljs-comment {
  color: #5C7E8C;
}

.b-quote {
  background: rgba(0, 0, 0, .02);
  border: 1px solid var(--b3);
  border-radius: 2px;
  color: var(--t2);
  font-style: normal;
  margin: 24px 0 12px;
  overflow: hidden;
  padding: 10px;
}

.b-quote .quoteable {
  font-style: normal;
  line-height: normal;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
}

.b-quote .quoteable a {
  margin-right: 4px;
}

.b-quote .quoteable .b-user16 {
  background: none;
  border: none;
  padding-left: 4px;
  margin-left: -6px;
}

.b-quote .quoteable:before {
  font-size: 0;
}

.b-user16 img {
  display: none;
}

.b-user16:hover a {
  color: rgb(var(--c2));
}

.b-user16:hover {
  color: rgb(var(--c2));
  background: rgba(var(--c2), .1);
  border-color: rgb(var(--c2));
}

.b-user16:hover span {
  text-decoration: none;
}

.b-user16:active a {
  color: rgb(var(--c3));
}

.b-user16:active {
  color: rgb(var(--c3));
  background: rgba(var(--c3), .2);
  border-color: rgb(var(--c3));
}

.b-source .contributors .b-user16,
.b-source .mal .b-user16,
.b-source .source .b-user16 {
  margin-right: 6px;
}

.b-source .contributors .b-user16:after,
.b-source .mal .b-user16:after,
.b-source .source .b-user16:after {
  display: none;
}

.tooltip-arrow,
.tooltip-left .tooltip-arrow {
  display: none;
}

.dropshadow-top,
.dropshadow-top-right,
.dropshadow-right,
.dropshadow-bottom-right,
.dropshadow-bottom,
.dropshadow-bottom-left,
.dropshadow-left,
.dropshadow-top-left {
  background: url();
}

.tooltip-inner {
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
  color: var(--t2);
  font-size: 14px;
  padding: 20px;
  box-shadow: 0 0 10px -2px rgba(0, 0, 0, .25);
}

.tooltip .b-comment {
  margin: 0;
  padding: 0px !important;
}

.b-comment header .hash {
  opacity: 0;
}

.b-hot_topics-v2 {
  background-color: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
  padding: 12px;
  width: 100%;
  height: auto;
  margin: 0 0 20px;
}

.b-hot_topics-v2 .topic.subject {
  color: var(--t1);
  font-weight: bold;
  text-transform: uppercase;
}

.b-hot_topics-v2 .subject {
  display: block;
  text-align: center;
  width: 100%;
  color: var(--t1);
  font-weight: bold;
  font-size: 16px !important;
  padding: 0 8px 8px;
  margin-right: 0;
}

.b-hot_topics-v2 .b-link {
  max-width: 130px;
  width: 130px;
  padding: 2px 8px;
  border: 1px solid var(--b3);
  border-radius: 4px;
  transition: .25s ease;
}

.b-hot_topics-v2 .b-link:hover {
  border-color: initial;
  background: rgba(var(--c2), .2);
}

.b-hot_topics-v2 .topic {
  padding: 6px 8px;
  border-radius: 4px;
}

.b-hot_topics-v2 .topic:hover {
  background: var(--d2);
}

.p-dashboards-show .block2 {
  background: var(--b2);
  padding: 20px;
  border: 1px solid var(--b3);
  border-radius: 4px;
  margin-bottom: 20px;
}

.headline.linkheadline > a,
.linkheadline.midheadline > a,
.linkheadline.subheadline > a {
  text-decoration: none;
}

.p-dashboards-show .cc-second {
  margin-bottom: 20px;
}

.p-dashboards-show .cc-second .cc-inner {
  display: none;
}

.p-dashboards-show .cc-second .c-forum:last-child {
  width: 30.3%;
  margin-right: 0;
  float: right;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}

.b-link_button.dark {
  border-radius: 4px;
  background-color: rgb(var(--c1));
  border-color: transparent;
  transition: .25s ease;
}

.b-link_button.dark:hover {
  background-color: rgb(var(--c2));
}

.b-link_button.dark:active {
  background-color: rgb(var(--c3));
}

.p-dashboards-show .cc-news .c-news_topics:nth-child(2n+1) {
  width: 67.95%;
  margin-right: 20px;
}

.p-dashboards-show .cc-news .c-news_topics .b-topic,
.p-dashboards-show .cc-news .c-generated_news .b-topic {
  border: none !important;
  padding: 0 !important;
  background: transparent;
}

.b-abuse_request .marker,
.b-anime_status_tag {
  background-color: transparent !important;
  border: none !important;
  color: transparent !important;
  cursor: default;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px !important;
  line-height: normal !important;
  padding: 0 !important;
  vertical-align: middle;
  border-radius: 2px;
}

.b-abuse_request .marker.b-abuse_marker {
  margin-top: 5px !important;
  vertical-align: top;
  margin-right: 20px !important;
}

.b-abuse_request .marker:before,
.b-anime_status_tag.collection:before,
.b-anime_status_tag.episode:before,
.b-anime_status_tag.anons:before,
.b-anime_status_tag.ongoing:before,
.b-anime_status_tag.released:before,
.b-anime_status_tag.review:before,
.b-anime_status_tag.news:before {
  background-color: transparent;
  border: 2px solid;
  border-radius: 2px;
  content: attr(data-text);
  display: inline-block;
  font-size: 10px;
  line-height: inherit;
  padding: 2px 6px !important;
  text-transform: uppercase;
  text-align: center;
  transition: .25s ease;
}

.b-abuse_request .marker:before {
  border-color: #f00000;
  color: #f00000;
}

.b-anime_status_tag.news:before {
  border-color: #ffbb33;
  color: #ffbb33;
}

.b-anime_status_tag.released:before {
  border-color: #33cc33;
  color: #33cc33;
}

.b-anime_status_tag.ongoing:before {
  border-color: #0db9f2;
  color: #0db9f2;
}

.b-anime_status_tag.collection:before {
  color: #1fd52f;
}

.b-anime_status_tag.episode:before {
  color: #b3b3b3;
}

.b-anime_status_tag.review:before {
  color: #f471aa;
}

.b-anime_status_tag.anons:before {
  color: #ff7f00;
}

.p-comments-show .b-topic > .block .b-topic {
  border: none !important;
  padding: 0 !important;
}

.ac_results {
  width: 360px !important;
}

.ac_results,
.completable-block {
  border: 1px solid var(--b3);
  background: var(--b2);
  color: var(--t1);
  font-size: 14px;
  line-height: 20px;
  max-height: 260px;
  overflow: auto;
}

.ac_results li {
  padding: 6px 10px;
  line-height: 26px;
  border: none;
  margin: 4px 0;
  background: transparent;
  color: var(--t1);
}

.ac_results li:hover {
  background: var(--d1);
}

.ac_results .name,
.completable-block .name {
  color: var(--t1);
}

.p-reviews-index .l-content,
.p-animes-similar .l-content,
.p-animes-videos .l-content,
.p-animes-screenshots .l-content,
.p-animes-staff .l-content,
.p-animes-characters .l-content,
.p-characters-show .l-content,
.p-people-show .l-content,
.p-club_pages-show .l-content,
.p-animes-show .l-content,
.p-animes_collection-index .l-content,
.p-animes-summaries .l-content,
.p-animes-art .l-content,
.p-animes-favoured .l-content,
.p-animes-clubs .l-content,
.p-animes-chronology .l-content,
.p-animes-related .l-content,
.p-characters-index .cc-8,
.p-characters-art .l-content,
.p-characters-favoured .l-content,
.p-characters-clubs .l-content,
.p-characters-animes .l-content,
.p-characters-mangas .l-content,
.p-characters-ranobe .l-content,
.p-characters-seyu .l-content,
.p-people-index .cc-8,
.p-people-favoured .l-content,
.p-people-roles .l-content,
.p-people-works .l-content,
.p-contests-show .l-content .contest.finished,
.p-contests .proposing .block,
.p-animes-cosplay .l-content .subheadline,
.p-characters-cosplay .l-content .subheadline,
.p-pages-about .c-chart,
.p-versions .block,
.p-bans .block,
.p-abuse_requests .block,
.p-anime_video_reports .block,
.p-translations .animes,
.p-users .b-collection_search.block,
.p-genres .b-table,
.p-versions .l-page div:not(.block) > .b-log_entry,
.p-bans div:not(.block) > .b-log_entry,
.p-abuse_requests div:not(.block) > .b-log_entry,
.p-anime_video_reports div:not(.block) > .b-log_entry,
.p-roles .block,
.p-comments-broadcast .l-content,
.p-pages-bb_codes .b-bb_codes-examples,
.p-topics-new .l-content,
.p-topics-edit .l-content,
.p-collections .b-form:not(.new_comment),
.p-reviews .l-content,
.p-animes-edit .l-content .block,
.p-animes-edit_field .l-content .block,
.p-people-edit .l-content .block,
.p-people-edit_field .l-content .block,
.p-characters-edit .l-content .block,
.p-characters-edit_field .l-content .block,
.p-anime_videos-new .b-form,
.p-clubs-members .l-content,
.p-clubs-characters .l-content,
.p-clubs-animes .l-content,
.p-clubs-mangas .l-content,
.p-clubs-ranobe .l-content,
.p-clubs-people .l-content,
.p-clubs .b-form:not(.new_comment),
.p-club_pages-new .l-content,
.p-club_pages-edit .l-content,
.p-clubs-edit .l-content,
.p-clubs-images .l-content,
.p-profiles-friends .block.m0,
.p-profiles-favourites .block.m0,
.p-profiles-moderation .block.m0,
.p-achievements-franchise .block.m0,
.p-achievements-users .block,
.p-profiles-feed .block.m0,
.p-profiles-comments .block.m0,
.p-profiles-summaries .block.m0,
.p-profiles-versions .block.m0,
.p-profiles-clubs .block.m0,
.p-dialogs-index .block.m0,
.p-messages-index .block.m0,
.p-dialogs-show .block.m0,
.p-dashboards-show .c-news_topics.m0,
.p-clubs-index .b-clubs.searchable-collection,
.p-clubs-index .b-clubs.b-search-results,
.p-user_history-index .block.m0,
.p-recommendations-favourites .block,
.p-polls-index .block.m0,
.p-user_history-logs .block.m0,
.p-profiles-collections .block.m0,
.p-profiles-video_uploads .block.m0,
.p-profiles-video_versions .block.m0,
.p-profiles-video_reports .block.m0,
.p-pages-ongoings .block.m0,
.p-contests-index .block,
.p-pages-about .members-block:not(.left),
.p-statistics-index .block,
.p-profiles-edit .block.m0,
.p-contests-show .l-content .contest .contest_round .cc-round_stats,
.p-achievements-index .block2,
.p-achievements-show .b-entry-info,
.p-achievements-show .block,
.p-achievements-index .block,
.p-achievements-index .block[href*="/achievements/author"],
.p-user_rates-index .l-content,
.p-clubs-show .l-content,
.p-animes-files .c-toshokan,
.p-animes-files .c-rutracker,
.p-mangas-files .c-toshokan,
.p-mangas-files .c-rutracker,
.p-animes-collections .l-content .subheadline,
.p-characters-collections .l-content .subheadline,
.p-people-collections .l-content .subheadline,
.p-achievements-group .block {
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
  padding: 20px;
}

.p-translations .animes {
  max-width: 380px;
  margin: 0 5px 20px;
}

.p-genres .b-table {
  padding: 10px;
}

.p-contests-show .l-page header.head+.block {
  border: 1px solid var(--b3);
  background: var(--b2);
  padding: 20px;
  margin-bottom: 12px;
  border-radius: 4px;
}

.p-animes-art .l-content .b-topic,
.p-reviews-index .l-content .b-topic,
.p-characters-show .l-content .b-topic,
.p-people-show .l-content .b-topic,
.p-club_pages-show .l-content .b-topic,
.p-animes-show .l-content .b-topic,
.p-animes-summaries .l-content .b-topic,
.p-versions .block > .block,
.p-bans .block > .block,
.p-abuse_requests .block > .block,
.p-anime_video_reports .block > .block,
.p-users .b-collection_search.block > .block,
.p-roles .block > .block,
.p-animes-edit .l-content .block > .block,
.p-animes-edit_field .l-content .block > .block,
.p-animes-edit_field .l-content .b-form > .block,
.p-people-edit_field .l-content .block > .block,
.p-people-edit_field .l-content .b-form > .block,
.p-characters-edit_field .l-content .block > .block,
.p-characters-edit_field .l-content .b-form > .block,
.p-anime_videos-edit .b-form > .block,
.p-clubs-edit .l-content .block.edit-page > .b-form,
.p-clubs-edit .l-content .block.b-edit_styles .b-form,
.p-clubs .b-comment .b-form {
  background: none;
  border: none !important;
  border-radius: 4px;
  padding: 0 !important;
}

.b-options-floated a,
.b-options-floated .link {
  color: rgb(var(--c1));
  cursor: pointer;
  display: inline;
  padding: 6px 10px;
  margin: 4px;
  border: 1px solid;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 10px;
}

.b-options-floated a:hover,
.b-options-floated .link:hover {
  color: rgb(var(--c2));
  border-color: inherit;
}

.b-options-floated a:active,
.b-options-floated .link:active {
  color: rgb(var(--c3));
  border-color: inherit;
}

.b-options-floated a:after,
.b-options-floated .link:after {
  display: none;
}

.b-options-floated a span.brackets:before,
.b-options-floated a span.brackets:after,
.b-options-floated .link span.brackets:before,
.b-options-floated .link span.brackets:after {
  display: none;
}

.b-options-floated a span.brackets,
.b-options-floated .link span.brackets {
  border-left: 1px solid;
  padding-left: 4px;
}

.p-animes-show .cc-related-authors > .c-column,
.p-mangas-show .cc-related-authors > .c-column,
.p-ranobe-show .cc-related-authors > .c-column {
  width: 100%;
}

.p-animes-show .cc-related-authors > .c-column .b-options-floated,
.p-mangas-show .cc-related-authors > .c-column .b-options-floated,
.p-ranobe-show .cc-related-authors > .c-column .b-options-floated {
  display: inline-block;
  position: relative;
  text-align: center;
  margin: 0 0 20px !important;
  font-size: 10px;
  width: 100%;
}

.p-animes-show .cc-related-authors > .c-column:nth-child(2n+1),
.p-mangas-show .cc-related-authors > .c-column:nth-child(2n+1),
.p-ranobe-show .cc-related-authors > .c-column:nth-child(2n+1) {
  display: flex;
  flex-wrap: wrap;
}

.p-animes-show .cc-related-authors > .c-column:nth-child(2n+1) .subheadline,
.p-mangas-show .cc-related-authors > .c-column:nth-child(2n+1) .subheadline,
.p-ranobe-show .cc-related-authors > .c-column:nth-child(2n+1) .subheadline {
  order: 1;
  width: 100%;
}

.p-animes-show .cc-related-authors > .c-column .b-options-floated,
.p-mangas-show .cc-related-authors > .c-column .b-options-floated,
.p-ranobe-show .cc-related-authors > .c-column .b-options-floated {
  order: 2;
}

.p-animes-show .cc-related-authors > .c-column:nth-child(2n+1) .cc,
.p-mangas-show .cc-related-authors > .c-column:nth-child(2n+1) .cc,
.p-ranobe-show .cc-related-authors > .c-column:nth-child(2n+1) .cc {
  order: 3;
  width: 100%;
}

.p-animes-show .cc-related-authors > .c-column .b-options-floated a,
.p-mangas-show .cc-related-authors > .c-column .b-options-floated a,
.p-ranobe-show .cc-related-authors > .c-column .b-options-floated a {
  border: none;
  color: var(--t3);
  margin: 10px;
  font-weight: bold;
}

.p-animes-show .cc-related-authors > .c-column .b-options-floated a:hover,
.p-mangas-show .cc-related-authors > .c-column .b-options-floated a:hover,
.p-ranobe-show .cc-related-authors > .c-column .b-options-floated a:hover {
  color: var(--t1);
}

.p-animes-show .cc-related-authors > .c-column .b-options-floated a:active,
.p-mangas-show .cc-related-authors > .c-column .b-options-floated a:active,
.p-ranobe-show .cc-related-authors > .c-column .b-options-floated a:active {
  color: rgb(var(--c1));
}

.c-actions .edit:before {
  content: 'create';
}

.c-actions .fav-add:before {
  content: 'favorite';
}

.c-actions .fav-remove:before {
  content: 'favorite_border';
}

.c-actions .new_review:before {
  content: 'rate_review';
}

.c-actions .new_comment:before {
  content: 'insert_comment';
}

.c-actions .new_comment,
.c-actions .new_review,
.c-actions .fav-add,
.c-actions .fav-remove,
.c-actions .edit {
  color: var(--t1);
  padding: 8px;
  height: auto;
  width: auto;
  border: none;
  border-radius: 4px;
  background: transparent;
}

.c-actions .new_comment:hover,
.c-actions .new_review:hover,
.c-actions .fav-add:hover,
.c-actions .fav-remove:hover,
.c-actions .edit:hover {
  background: var(--d2);
  color: rgb(var(--c1));
}

.p-animes-show .b-anime_status_tag,
.p-mangas-show .b-anime_status_tag,
.p-ranobe-show .b-anime_status_tag {
  margin-left: 6px;
  vertical-align: middle;
}

.b-anime_status_tag.studio,
.b-anime_status_tag.other {
  border-radius: 2px;
  background: transparent !important;
  border: 2px solid !important;
  padding: 4px 6px 0px !important;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}

.b-anime_status_tag.studio {
  color: var(--t1) !important;
}

.b-anime_status_tag.studio:hover {
  color: rgb(var(--c1)) !important;
}

.b-anime_status_tag.other {
  color: rgb(var(--c1)) !important;
}

.b-anime_status_tag.other:hover {
  color: rgb(var(--c2)) !important;
}

.p-clubs-edit .subheadline-input[type=text],
.p-clubs-edit .subheadline-input[type=url] {
  background: var(--b1);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 37px;
  width: 100% !important;
  padding: 8px 12px;
  border-radius: 0 0 4px 4px;
  box-shadow: inset 0 0 0 0 rgba(var(--c1), .5);
  transition: .5s ease;
}

.p-clubs-edit .subheadline-input[type=text]:focus,
.p-clubs-edit .subheadline-input[type=url]:focus {
  box-shadow: inset 0 0 0 1px rgb(var(--c1));
}

.p-clubs-edit .block.edit-page .subheadline {
  margin-bottom: 38px !important;
}

.b-entry-info .line .value {
  color: var(--t3);
}

.tag,
.b-tag,
.b-entry-info .line .b-tag {
  padding: 2px 6px 1px !important;
  background: transparent;
  border: 2px solid !important;
  border-radius: 2px;
  color: rgb(var(--c1));
  margin: 2px 4px 3px !important;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}

.tag:hover,
.b-tag:hover,
.b-entry-info .line .b-tag:hover {
  padding: 2px 6px 1px !important;
  background: rgba(var(--c2), 0.1) !important;
  border: 2px solid !important;
  border-radius: 2px !important;
  color: rgb(var(--c2)) !important;
  margin: 2px 4px 3px !important;
}

.b-user_rate .rate-show .rate-number .item-add {
  vertical-align: middle;
}

.b-user_rate .rate-show .rate-number .item-add:before {
  display: inline !important;
  vertical-align: sub;
}

.item-add:before {
  content: 'add';
}

.b-db_entry-variant-list_item > .info .b-user_rate .b-add_to_list .trigger,
.b-db_entry-variant-list_item > .info .b-user_rate .b-add_to_list .option {
  font-size: 12px;
  padding: 0 10px;
  border-left-width: 2px;
  line-height: 2.5;
}

.b-add_to_list .trigger .text,
.b-add_to_list .option .text {
  text-decoration: none !important;
}

.b-add_to_list.planned .trigger,
.b-add_to_list.planned .option,
.b-add_to_list.completed .trigger,
.b-add_to_list.completed .option,
.b-add_to_list.dropped .trigger,
.b-add_to_list.dropped .option,
.b-add_to_list.on_hold .trigger,
.b-add_to_list.on_hold .option,
.b-add_to_list.watching .trigger,
.b-add_to_list.watching .option,
.b-add_to_list.rewatching .trigger,
.b-add_to_list.rewatching .option {
  margin-bottom: 3px;
  border: 2px solid var(--b3);
  color: var(--t1);
  background: transparent;
  padding: 6px 12px; 
  border-radius: 2px;
  text-decoration: none !important;
  transition: .25s ease;
}

.b-add_to_list.planned .option:hover,
.b-add_to_list.completed .option:hover,
.b-add_to_list.dropped .option:hover,
.b-add_to_list.on_hold .option:hover,
.b-add_to_list.watching .option:hover,
.b-add_to_list.rewatching .option:hover {
  color: rgb(var(--c1));
  border-color: initial;
  background: rgba(var(--c1), .1);
}

.b-add_to_list.planned .trigger:hover,
.b-add_to_list.on_hold .trigger:hover {
  color: var(--t1);
  border-color: initial;
  background: rgba(0, 0, 0, .1);
}

.b-add_to_list.completed .trigger:hover {
  color: #419541;
  border-color: initial;
  background: rgba(65, 149, 65, .1);
}

.b-add_to_list.dropped .trigger:hover {
  color: #ff0610;
  border-color: initial;
  background: rgba(255, 0, 0, .1);
}

.b-add_to_list.watching .trigger:hover,
.b-add_to_list.rewatching .trigger:hover {
  color: #176093;
  border-color: initial;
  background: rgba(23, 96, 147, .1);
}

.b-add_to_list .option.remove-trigger:hover {
  color: #f10b0b;
  border-color: initial;
  background: rgba(255, 0, 0, .1);
}

.b-add_to_list .expanded-options .remove-trigger .text {
  color: inherit;
}

.b-add_to_list .plus,
.b-add_to_list .edit {
  display: none;
}

.b-add_to_list .trigger-arrow {
  color: inherit;
  margin-top: 3px;
}

.b-add_to_list.planned .trigger-arrow:hover {
  color: inherit;
}

.b-add_to_list .trigger-arrow:before {
  content: 'arrow_drop_down';
}

.b-add_to_list.expanded .trigger-arrow:before {
  content: 'arrow_left';
}

.bar.horizontal .line .x_label {
  line-height: 20px;
  color: var(--t3);
}

.l-menu #rates_statuses_stats .x_label {
  color: var(--t3);
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 22px;
}

.bar.horizontal .line .bar-container {
  margin-bottom: 4px;
}

.bar.horizontal .line .bar-container .value {
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  padding-right: 4px;
}

.b-rate .score-notice,
.b-rate .text-score {
  color: var(--t3);
}

.b-rate .stars.score {
  color: rgb(var(--c1));
}

.bar.horizontal .line .bar-container .bar {
  background: rgb(var(--c1)) !important;
  height: 22px;
}

.p-profiles-show .lifetime .title .label:before {
  font-size: 16px;
}

.p-profiles-show[data-locale='en'] .lifetime .title .label:before {
  font-size: 16px;
}

.p-profiles .profile-head .c-info .c-additionals b:after {
  font-size: 16px;
}

.subheadline .count:before,
.subheadline .count:after {
  font-size: 0;
}

.subheadline .count {
  border-left: 2px solid var(--b3);
  padding-left: 3px;
}

.buttons .item-save::before,
.buttons .item-moderation:before,
.buttons .item-preview:before,
.buttons .item-unpreview:before,
.buttons .item-quote:before,
.buttons .item-reply:before,
.buttons .item-edit:before,
.buttons .item-delete:before,
.buttons .item-delete-confirm:before,
.buttons .item-apply:before,
.buttons .item-request-confirm:before,
.buttons .item-cancel:before,
.buttons .item-request-reject:before,
.buttons .item-delete-cancel:before,
.buttons .item-moderation-cancel:before,
.buttons .item-subscribe:before,
.buttons .item-offtopic:before,
.buttons .item-summary:before,
.buttons .item-spoiler:before,
.buttons .item-abuse:before,
.buttons .item-ban:before,
.buttons .item-ignore:before,
.buttons .item-ignore.selected:before,
.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus:before,
.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit:before,
.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow:before,
.b-forums .forum input + .link:before,
.p-contests .match-day .match-link .voted:before,
.p-contests .match-day .match-link .winner:before,
.p-contests .match-day .match-link .loser:before,
.p-contests .match-day .match-link .created:before,
.p-contests .match-day .match-link .started:before,
.p-contests .match-day .match-link .finished:before,
.buttons .editor-controls .b-tooltipped:before,
header.head h1 a.back:before,
header.head h2 a.back:before,
.subheadline-buttons .item-edit:before,
.profile-actions > a:before,
.b-collection-filters .mylist-block .item-sign:before,
.b-db_entry .c-actions .b-tooltipped:before,
.b-image .delete:before,
.b-image .confirm:before,
.b-image .cancel:before,
.b-image .mobile-edit:before,
.b-list_switchers .switcher:before,
.b-user_rate .rate-show .rate-number .item-add:before,
.b-video_player .cc-player_controls .c-control .icon:before,
.p-animes_collection-index .pagination .link:before,
.p-recommendations-index .pagination .link:before,
.b-clubs-menu .club-actions .b-tooltipped:before,
.p-dialogs .misc-links > a:before,
.p-messages .mass-actions .action a:before,
.p-profiles-show .about .item-edit:before,
.b-stats_bar .compatibility a[href$='=similar']:before,
.b-stats_bar .compatibility .text:first-child:before,
.p-user_rates-index .list-lines tr.edit-form .remove:before,
.p-user_rates-index .list-posters .user_rate .edit-user_rate:before,
.l-top_menu .to-mobile-forum:before,
.l-top_menu .menu-userbox #sign_in:before,
.l-top_menu .menu-items .submenu-toggler:before,
#toast-container > .toast-error:before,
.tooltip-inner .close:before,
.b-ban .spoiler.collapse:before,
.b-log_entry .spoiler.collapse:before,
.b-add_to_list .plus:before,
.b-add_to_list .edit:before,
.b-add_to_list.planned .edit:before,
.b-add_to_list.on_hold .edit:before,
.b-add_to_list.watching .edit:before,
.b-add_to_list.rewatching .edit:before,
.b-add_to_list.completed .edit:before,
.b-add_to_list.dropped .edit:before,
.b-add_to_list .trigger-arrow:before,
.b-add_to_list.expanded .trigger-arrow:before,
.b-collection-filters .b-block_list li:before,
.b-collection-filters .b-block_list li .b-question:before,
.b-collection_search .field .clear:before,
.b-comments .comments-collapser:before,
.b-height_shortener .expand:before,
.b-rate .stars:before,
.b-review_votes:before,
.b-catalog_entry.planned .image-decor:before,
.b-catalog_entry.watching .image-decor:before,
.b-catalog_entry.completed .image-decor:before,
.b-catalog_entry.rewatching .image-decor:before,
.b-catalog_entry.on_hold .image-decor:before,
.b-catalog_entry.dropped .image-decor:before,
.b-shiki_editor footer .about-bb_codes:before,
.b-status-line .section.created_at time:before,
.b-status-line .section.changed_at time:before,
.b-status-line .section.additional .collection-size:before,
.b-status-line .section.additional .comments:before,
.b-status-line .section.additional .b-review_votes:before,
.b-topic .footer-vote .star:before,
.b-topic .footer-vote .vote-group .vote:before,
.p-profiles .profile-head .c-brief header h1.aliases:before,
.p-profiles .profile-head .c-brief header h1.aliases:after,
.p-user_history-index .history-page .history-interval p .destroy:before,
.p-animes .item-new-review:before,
.p-mangas .item-new-review:before,
.b-subposter-action.edit-alt:before,
.b-subposter-action.broadcast:before,
.b-subposter-action.upload:before,
.b-subposter-action.invite:before,
.b-subposter-action.leave:before,
.b-spoiler .content .before:before,
.b-spoiler .content .after:before,
.b-to-top .arrow:before,
.b-lang_trigger:before {
  display: block;
  width: 1em !important;
  font-family: 'Material Icons' !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: normal;
  text-transform: none;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

.p-profiles .profile-head .c-brief header h1.aliases:after {
  margin: 0 0 0 10px;
  display: inline-block;
  content: 'arrow_drop_down';
}

.headline > a:before,
.midheadline > a:before,
.subheadline > a:before {
  display: none;
}

.p-profiles-edit h2.subheadline.m10,
.p-clubs-edit h2.subheadline.m10 {
  margin-bottom: 76px !important;
}

.p-profiles-edit .b-options-floated.mobile-phone,
.p-clubs-edit .b-options-floated.mobile-phone {
  display: block;
  margin-bottom: 20px;
  position: absolute;
  text-align: center;
  margin-top: 62px;
  right: 0;
  width: 100%;
}

.p-profiles-edit .b-options-floated.mobile-phone:after,
.p-clubs-edit .b-options-floated.mobile-phone:after {
  content: '';
  display: block;
  border-bottom: 1px solid var(--b3);
  margin: 20px;
}

.p-profiles-edit .b-options-floated a,
.p-clubs-edit .b-options-floated a,
.b-options-floated .link {
  color: var(--t3);
  font-size: 14px;
  border: none;
  font-weight: bold;
}

.p-profiles-edit .b-options-floated a:hover,
.p-clubs-edit .b-options-floated a:hover {
  color: var(--t2);
}

.p-profiles-edit .b-options-floated .selected,
.p-clubs-edit .b-options-floated .selected {
  color: rgb(var(--c1)) !important;
}

.b-options-floated .selected:hover {
  color: rgb(var(--c2));
}

.b-options-floated .selected {
  color: var(--t2);
}

header.head h1 a.back,
header.head h2 a.back {
  width: 50px;
}

header.head h1 a.back:after,
header.head h2 a.back:after {
  display: none;
  font-size: 0;
}

header.head h1 a.back:before,
header.head h2 a.back:before {
  color: var(--t1);
  border-radius: 4px;
  padding: 6px;
  top: -28px;
  content: 'arrow_back';
}

header.head h1 a.back:hover:before,
header.head h2 a.back:hover:before,
.b-lang_trigger:hover:before {
  background: var(--d2);
  color: rgb(var(--c1));
}

.b-list_switchers .switcher.popularity:before {
  content: 'bar_chart';
  padding: 8px;
  border-radius: 4px;
  margin: 0 5px 0 0;
}

.b-list_switchers .switcher.alphabet:before {
  content: 'text_format';
  padding: 8px;
  border-radius: 4px;
  margin: 0 5px 0 0;
}

.b-list_switchers .switcher.popularity:hover:before,
.b-list_switchers .switcher.alphabet:hover:before {
  background: var(--d2);
}

.b-list_switchers .switcher.popularity:hover,
.b-list_switchers .switcher.alphabet:hover,
.b-list_switchers .switcher.popularity.selected,
.b-list_switchers .switcher.alphabet.selected {
  color: rgb(var(--c1));
}

.b-list_switchers .switcher.alphabet,
.b-list_switchers .switcher.popularity {
  margin-left: 0;
  width: auto;
  height: auto;
}

.p-achievements-index .subheadline-buttons {
  display: inline-block;
  position: initial;
  float: left;
  right: 5px;
  margin-top: 0;
}

.p-achievements-index .b-options-floated.before-buttons-2 {
  display: inline-block;
  position: initial;
  float: right;
  padding-right: 0;
}

.b-achievement .c-about a.title,
.b-achievement .about a.title {
  color: inherit;
}

.b-achievement .c-about a.title:hover,
.b-achievement .about a.title:hover {
  color: rgb(var(--c1));
}

.b-achievement .c-about a.title:active,
.b-achievement .about a.title:active {
  color: rgb(var(--c2));
}

.b-achievement .gained {
  position: absolute;
  font-size: 0;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  width: auto;
  border-radius: 4px;
  background: none;
  border: 3px solid rgb(var(--c1));
}

.p-achievements-show .cc-2 .b-entry-info,
.p-achievements-show .block .block_m > .block,
.p-achievements-show .b-topic,
.p-achievements-show .b-topic:first-child {
  background: none;
  border: none !important;
  border-radius: 0;
  padding: 0 !important;
}

.p-achievements-index .block:last-child {
  background: none;
  border: none;
  padding: 0;
}

.p-pages-ongoings .block.m0 {
  margin-bottom: 20px !important;
}

.p-statistics-index .subheadline.m3,
.p-pages-about .subheadline.m3,
.p-pages-ongoings .subheadline.m3 {
  padding: 18px 0 0;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  margin-bottom: 0;
}

.p-statistics-index .subheadline.m3:after,
.p-pages-about .subheadline.m3:after,
.p-pages-ongoings .subheadline.m3:after {
  display: block;
  content: '';
  border-top: 1px solid var(--b3);
  height: 1px;
  margin: 18px 20px 0;
}

.p-statistics-index .b-topic,
.p-pages-about .b-topic,
.p-pages-ongoings .b-topic {
  margin-top: -6px;
  padding-top: 0px !important;
  border-top: none !important;
  border-radius: 0 0 4px 4px;
}

.p-user_history-index .history-page:first-child .mischeadline {
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
}

.p-user_history-index .history-page .history-interval p {
  margin: 6px 0 !important;
  padding: 8px;
  border-radius: 4px;
}

.p-user_history-index .history-page .history-interval p:hover {
  background: var(--d2);
}

.p-user_history-index .history-page .history-interval p a {
  color: rgb(var(--c1));
  font-weight: bold;
}

.p-user_history-index .history-page .history-interval p a:hover {
  color: rgb(var(--c2));
}

.p-user_history-index .history-page .history-interval p .date {
  margin-top: 3px;
  color: var(--t3);
}

.p-achievements-franchise .b-options-floated.before-buttons-2 {
  display: inline-block;
  position: initial;
  float: left;
  margin-top: 20px;
  padding: 0 10px;
}

.p-achievements-franchise .subheadline-buttons {
  display: inline-block;
  position: initial;
  float: right;
  right: 0;
  margin-top: 0px;
}

.b-badge:before {
  display: block !important;
  background: rgba(26, 26, 26, 0.5);
  color: #fff;
  content: attr(data-progress) "%";
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

.b-spoiler label {
  color: rgb(var(--c1));
  cursor: pointer;
  border: none !important;
  font-size: inherit;
  letter-spacing: 1.2px;
  padding: 1px 6px 3px;
  border-radius: 4px;
  background: rgba(var(--c1), .14);
}

.b-spoiler label:hover {
  background: rgba(var(--c2), .3);
}

.b-spoiler label:hover,
.b-spoiler .content:hover .before,
.b-spoiler .content:hover .after {
  color: rgb(var(--c2));
}

.b-spoiler label:active {
  color: rgb(var(--c3));
}

.b-spoiler .content {
  background: rgba(var(--c1), .14);
  padding: 1px 2px 3px;
  border-radius: 4px;
}

.b-spoiler .content:hover {
  background: rgba(var(--c2), .3);
}

.b-spoiler .content .inner,
.b-spoiler .content .inner-prgrph {
  border: none;
  padding: 4px;
}

.b-spoiler .content .before,
.b-spoiler .content .after {
  display: none;
}

input.subheadline-input.search {
  display: inline-block;
  position: absolute;
  left: 20px;
  font-size: 14px;
  margin-top: 8px !important;
  background: none;
  border: none;
  border-radius: 2px;
  padding: 6px 12px;
}

.p-user_rates-index .l-content > .subheadline.m10,
.p-user_rates-index .l-content .b-options-floated span:before,
.p-user_rates-index .l-content .b-options-floated span:after {
  display: none;
}

.p-user_rates-index .l-content .b-options-floated span {
  border-left: 1px solid;
  padding-left: 4px;
}

.p-user_rates-index .b-options-floated.mobile-desktop {
  margin-bottom: 0;
  text-align: center;
}

.p-user_rates-index .b-options-floated.mobile-desktop:after {
  content: '';
  display: block;
  border-bottom: 1px solid var(--b3);
  margin: 18px 0;
}

.p-user_rates-index .b-options-floated.mobile-desktop a {
  color: var(--t3);
  border: none;
  font-size: 14px;
  font-weight: bold;
  padding: 6px;
}

.p-user_rates-index .l-content .b-options-floated span {
  display: none;
}

.p-user_rates-index .b-options-floated.mobile-desktop a:hover {
  color: var(--t2);
}

.p-user_rates-index .b-options-floated.mobile-desktop a:active {
  color: rgb(var(--c1));
}

.b-catalog_entry-tooltip .inner a.name:hover {
  color: rgb(var(--c1));
}

.b-catalog_entry-tooltip .inner a.name:active {
  color: rgb(var(--c2));
}

.p-user_rates-index .l-content .b-options-floated.collapse span {
  text-transform: uppercase;
  border: 1px solid;
  padding: 6px 10px;
  border-radius: 2px;
  margin-right: 6px;
  color: rgb(var(--c1)) !important;
}

.p-user_rates-index .l-content .b-options-floated.collapse span:hover {
  color: rgb(var(--c2)) !important;
}

.p-user_rates-index a.b-link.always-active.selected {
  color: rgb(var(--c1));
}

.p-user_rates-index a.b-link.always-active.selected:hover {
  color: rgb(var(--c2));
}

.b-catalog_entry .cover .title {
  color: var(--t1);
}

.p-user_rates-index .l-content .b-options-floated.collapse {
  margin-top: 0;
}

.p-user_rates-index .list-posters .user_rate .edit-user_rate {
  background: none !important;
  width: auto;
  height: auto;
  margin: 4px !important;
}

.p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  content: 'create';
}

.p-user_rates-index .list-posters .user_rate .edit-user_rate:before,
.p-user_rates-index .list-posters .user_rate .edit-user_rate:hover:before,
.p-user_rates-index .list-posters .user_rate .edit-user_rate:active:before {
  width: auto;
  height: auto;
  position: relative;
  content: 'create';
  font-size: 24px !important;
  padding: 6px;
  border-radius: 4px;
}

.p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  background: rgba(0, 0, 0, 0.5);
}

.p-user_rates-index .list-posters .user_rate .edit-user_rate:hover:before {
  background: rgba(var(--c1), 0.8);
}

.p-user_rates-index .list-posters .user_rate .edit-user_rate:active:before {
  background: rgba(var(--c2), 0.8);
}

.p-user_rates-index .list-groups .summary.lines {
  color: var(--t3);
  font-family: 'Ubuntu';
  font-size: 14px;
  text-transform: uppercase;
  border-top: none;
  margin: 15px 0 0 0;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  padding: 12px;
  text-align: center;
}

.p-user_rates-index .b-collection_search .field input {
  line-height: 20px;
  padding: 10px 12px;
  border-radius: 2px;
  box-shadow: inset 0 0 0 0 rgba(var(--c1), 0.2);
  transition: .5s ease;
}

.p-user_rates-index .b-collection_search .field input:focus {
  border-color: rgb(var(--c1));
  box-shadow: inset 0 0 0 1px rgb(var(--c1));
}

.p-user_rates-index .l-content .subheadline-buttons {
  margin-top: 54px;
  z-index: 1;
}

.l-content .subheadline-buttons {
  position: absolute;
  right: 28px;
  margin-top: -12px;
}

.b-list_switchers .switcher.posters {
  margin-left: 4px;
}

.b-list_switchers .switcher.list:before,
.b-list_switchers .switcher.lines:before,
.b-list_switchers .switcher.posters:before {
  padding: 10px;
  border-radius: 4px;
}

.b-list_switchers .switcher.list:before,
.b-list_switchers .switcher.lines:before {
  content: 'reorder';
}

.b-list_switchers .switcher.posters:before {
  content: 'view_module';
}

.b-list_switchers .switcher.list.selected,
.b-list_switchers .switcher.lines.selected,
.b-list_switchers .switcher.posters.selected {
  color: rgb(var(--c1));
}

.b-list_switchers .switcher.list:hover:before,
.b-list_switchers .switcher.lines:hover:before,
.b-list_switchers .switcher.posters:hover:before {
  color: rgb(var(--c1));
  background: var(--d2);
}

.p-user_rates-index .l-content .order-control {
  color: var(--t1);
}

.p-user_rates-index .l-content .order-control.active {
  text-decoration: none;
  color: rgb(var(--c1));
}

.p-user_rates-index .l-content .order-control:hover {
  color: rgb(var(--c2));
  text-decoration: none;
}

.b-modal > .inner {
  border-radius: 4px;
}

.b-user_rate-extended > .cc {
  flex-wrap: wrap;
}

.b-user_rate-extended > .cc .c-column:last-child {
  display: contents;
  width: 100%;
  margin-top: 5px;
  margin: 0 !important;
  padding: 0 !important;
}

.b-user_rate-extended > .cc .c-column:last-child > .b-catalog_entry.cc .cover {
  float: left;
  margin-right: 4%;
  position: relative;
  width: 18%;
}

.b-user_rate-extended > .cc .c-column:last-child > .b-catalog_entry.cc .content {
  width: 77%
}

.b-user_rate-extended > .cc .c-column:first-child {
  margin-right: 0;
  order: 2;
}

.b-user_rate-extended > .cc .c-column:first-child .b-input {
  display: inline-block;
  width: 25%;
  margin: 0 0;
  text-align: center;
  margin-bottom: 15px;
}

.b-user_rate-extended .b-input label {
  font-weight: bold;
  margin-bottom: 6px;
}

.b-user_rate-extended > .cc .c-column:first-child .b-input select,
.b-user_rate-extended > .cc .c-column:first-child .b-input input {
  padding-top: 0;
  border: none;
}

.b-user_rate-extended > .cc .c-column:first-child .b-input input {
  padding: 4px 4px 4px 12px;
  text-align: center;
}

.b-user_rate-extended .rate-edit textarea {
  box-shadow: inset 0 0 0 0 rgb(var(--c1));
  transition: .5s ease;
}

.b-user_rate-extended .rate-edit textarea:focus {
  box-shadow: inset 0 0 0 1px rgb(var(--c1));
}

.b-user_rate-extended > .cc .c-column:first-child .b-input.text.optional.user_rate_text {
  display: block;
  width: 100%;
  height: 200px;
}

.b-user_rate-extended > .cc .c-column:first-child .rate-edit textarea {
  height: 170px;
}

.b-user_rate-extended > .cc .c-column:first-child .buttons {
  margin-top: -6px;
}

.stop.b-button:hover,
.b-form a.remove:hover,
.b-form .buttons + a.remove:hover {
  background: rgba(255, 0, 0, 0.1);
  border-color: initial;
  color: #dc2323 !important;
}

.stop.b-button:active,
.b-form a.remove:active,
.b-form .buttons+a.remove:active {
  background: rgba(255, 0, 0, .2) !important;
  border-color: initial;
  color: #ff0000 !important;
}

.b-table td {
  padding: 10px;
}

td.name {
  font-weight: bold;
}

.p-user_rates-index .list-lines .selectable:hover {
  background: var(--d2);
}

.p-user_rates-index .list-lines tr .index {
  border-radius: 4px 0 0 4px;
}

.p-user_rates-index .list-lines tr .name a {
  color: inherit;
}

.p-user_rates-index .list-lines tr .name a:hover,
.p-user_rates-index .list-lines a.bubbled.b-link {
  color: rgb(var(--c1));
}

.p-user_rates-index[data-locale='en'] .list-lines tr .num[data-order*="kind"] {
  width: 90px;
}

.p-user_rates-index .list-lines tr .num:last-child {
  border-radius: 0 4px 4px 0 !important;
}

.p-user_rates-index .tipsy.tipsy-s {
  margin-top: -20px;
}

.p-user_rates-index .list-lines tr td .rate-text:not(:empty) {
  border-top: 1px solid var(--b3);
  padding-top: 6px;
  margin-top: 2px;
  color: #808080;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
}

.p-user_rates-index .list-lines tr td .new-value .item-add:before {
  font-family: 'Material Icons';
  content: 'add';
  font-size: 18px;
  text-transform: none;
  margin: 4px 0 0 -12px;
}

.p-user_rates-index .list-lines tr td .rate-text:not(:empty):before {
  content: 'Комментарий';
  display: block;
  font-weight: bold;
  margin: 0 0 10px;
}

.p-user_rates-index[data-locale='en'] .list-lines tr td .rate-text:not(:empty):before {
  content: 'Comment';
}

.p-user_rates-index .list-lines tr td .new-value input {
  border: 1px solid var(--b3) !important;
  background: var(--b2);
  color: rgb(var(--c1));
  border-radius: 4px;
  font-size: 14px;
  padding: 2px 10px;
}

.item-add,
.p-animes .item-new-review:before {
  color: var(--t1);
}

.item-add:hover {
  color: rgb(var(--c1));
}

.item-add:active {
  color: rgb(var(--c2));
}

.p-user_rates-index .list-lines tr td .rewatches:not(:empty) {
  border: 2px solid;
  padding: 2px 4px;
  margin-left: 6px;
  vertical-align: text-bottom;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 10px;
  white-space: pre;
  color: rgb(var(--c1));
}

.p-user_rates-index .list-lines tr.edit-form form {
  background: var(--d2);
  border: none !important;
  border-radius: 4px;
}

.b-input input,
.b-input select,
.b-input button,
.b-input textarea {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid var(--b3);
}

.b-input input:focus,
.b-input select:focus,
.b-input button:focus,
.b-input textarea:focus {
  border-color: rgb(var(--c1));
}

.p-user_rates-index .list-lines tr.edit-form .b-input.integer input {
  width: 60px;
  height: 34px;
}

.p-user_rates-index header.head h1,
.p-user_rates-index header.head h2 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 26px;
}

header.head h1,
header.head h2 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 26px;
  color: var(--t1);
}

header.head .notice {
  color: var(--t2);
}

header.head > .b-breadcrumbs > span {
  text-transform: uppercase;
}

header.head > .b-breadcrumbs > span:after {
  content: '·';
}

h3 {
  color: var(--t1)
  padding-bottom: 6px;
  border-bottom: 1px solid var(--b3);
}

.p-user_rates-index header.head a.misc,
.p-user_rates-index header.head a.edit {
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: rgb(var(--c1));
}

.p-user_rates-index header.head a.misc:hover,
.p-user_rates-index header.head a.edit:hover {
  color: rgb(var(--c2));
}

.p-user_rates-index .list-lines tr.edit-form .b-form .buttons {
  margin-top: -8px;
}

.p-user_rates-index .list-groups .summary.posters {
  width: 100%;
  border: none;
  text-align: center;
  background-color: var(--d2);
  padding: 10px;
  border-radius: 4px;
}

.l-menu .avatar img {
  border-radius: 10px;
}

.block.avatar {
  margin-top: 0;
}

.p-user_rates-index .stat-categories .category {
  color: rgb(var(--c1));
}

.p-user_rates-index .stat-categories .category:hover {
  color: rgb(var(--c2));
}

.p-moderations-show .cc-3 > .c-column,
.p-pages-about .cc-2a > .c-column {
  padding: 20px 20px 16px;
  margin: 0 0 20px;
  border: 1px solid var(--b3);
  border-radius: 4px;
  background: var(--b2);
}

.p-pages-about .cc-2a > .c-column:nth-child(2n+1) {
  margin-right: 4%;
}

.p-moderations-show .cc-3 > .c-column {
  margin-right: 4%;
}

.p-moderations-show .cc-3 > .c-column:last-child {
  margin-right: 0;
}

.p-moderations-missing_screenshots .b-list,
.p-moderations-missing_videos .b-list,
.p-roles-index .b-list,
.p-moderations-show .b-list,
.p-pages-about .b-list {
  margin: 0;
}

.p-moderations-missing_screenshots .b-list li,
.p-moderations-missing_videos .b-list li,
.p-roles-index .b-list li,
.p-moderations-show .b-list li,
.p-pages-about .b-list li,
.p-animes_collection-index .b-list li,
.p-user_rates-index .b-list li {
  color: rgb(var(--c1)) !important;
  position: relative;
  margin-bottom: .5rem;
  border: 2px solid;
  border-radius: 2px;
  font-size: 16px;
  font-weight: bold;
  line-height: 2rem;
  text-align: center;
  text-transform: uppercase;
  list-style: none;
  transition: .25s ease;
}

.p-moderations-missing_screenshots .b-list li,
.p-moderations-missing_videos .b-list li {
  border: none;
  line-height: normal;
  margin-bottom: 1.5rem;
  border-radius: 4px;
  padding: 12px 18px;
}

.p-roles-index .b-list li {
  margin-right: 32.5%;
  margin-left: auto;
  border: none;
  color: var(--t2) !important;
  margin-bottom: 1.5rem;
  border-radius: 4px;
  max-width: 400px;
  padding: 12px 18px;
}

.p-moderations-show .b-list li:hover,
.p-pages-about .b-list li:hover,
.p-animes_collection-index .b-list li:hover,
.p-user_rates-index .b-list li:hover {
  color: rgb(var(--c2)) !important;
}

.p-moderations-missing_screenshots .b-list li:hover,
.p-moderations-missing_videos .b-list li:hover,
.p-roles-index .b-list li:hover {
  color: var(--t1);
  background: var(--d2);
}

.p-moderations-show .b-list li:active,
.p-pages-about .b-list li:active,
.p-animes_collection-index .b-list li:active,
.p-user_rates-index .b-list li:active {
  color: rgb(var(--c3)); !important;
}

.p-moderations-missing_screenshots .b-list li:active,
.p-moderations-missing_videos .b-list li:active,
.p-roles-index .b-list li:active {
  color: rgb(var(--c1));
  background: rgba(var(--c1), .3);
}

.p-moderations-show .b-list li a,
.p-pages-about .b-list li a,
.p-animes_collection-index .b-list li a.b-link,
.p-user_rates-index .b-list li a.b-link {
  display: block;
}

.p-moderations-missing_screenshots .b-list li a.b-js-link,
.p-moderations-missing_videos .b-list li a.b-js-link,
.p-roles-index .b-list li a.b-js-link {
  display: block;
  border: none;
}

.p-animes_collection-index .l-menu .b-spoiler label,
.p-user_rates-index .l-menu .b-spoiler label {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
}

.b-collection-filters .b-block_list li {
  font-family: 'Ubuntu';
  text-transform: uppercase;
  position: relative;
  border-radius: 4px;
  padding: 6px;
  margin: 4px 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.8;
  color: #999;
}

.b-collection-filters .b-block_list li:hover {
  color: #333;
  background: var(--d1);
}

.b-collection-filters .b-block_list li::before {
  content: 'check_box_outline_blank';
  display: inline-block;
  vertical-align: top;
  margin: 0 .75rem 0 0;
  color: #757575;
}

.b-collection-filters .b-block_list li.selected::before {
  content: 'check_box';
  color: rgb(var(--c1));
}

.b-collection-filters .b-block_list li.selected {
  color: rgb(var(--c1));
  background-color: rgba(var(--c1), .2);
}

.b-collection-filters .b-block_list li.sub {
  padding-left: 2.75rem;
}

.b-collection-filters .b-block_list li input {
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  margin: .125rem 0 0 -2.125rem;
  opacity: 0;
}

.b-collection-filters .b-block_list li .b-question {
  position: absolute;
  right: .5rem;
}

.b-collection-filters .b-block_list li .b-question::before {
  content: 'help_outline';
  width: 1em;
  height: auto;
  margin: 0;
  background: transparent;
  color: #757575;
}

.b-collection-filters .b-block_list li .filter {
  float: right;
  position: relative;
  right: auto;
  margin: 0 0 0 .5rem;
  color: rgb(var(--c1));
  font-weight: bold;
}

.b-collection-filters .b-block_list li .filter:hover {
  color: var(--t1);
}

.b-collection-filters .b-block_list li .filter::before {
  display: block;
  width: auto;
  font-family: inherit;
  font-size: .75rem;
  line-height: 1.5rem;
  text-transform: lowercase;
}

.b-collection-filters .b-block_list li .filter.item-add::before,
.b-collection-filters .b-block_list li .filter.item-minus::before {
  font-family: 'Material Icons';
  font-size: 24px;
  font-weight: normal;
}

.b-collection-filters .b-block_list li .filter.item-add::before {
  content: 'remove_circle';
}

.b-collection-filters .b-block_list li .filter.item-minus::before {
  content: 'add_circle';
}

.b-collection-filters .b-block_list.orders li::before {
  content: 'radio_button_unchecked';
}

.b-collection-filters .b-block_list.orders li.selected::before {
  content: 'radio_button_checked';
}

.b-collection-filters .b-block_list.ratings .filter, .b-collection-filters .b-block_list.genres .filter,
.b-collection-filters .b-block_list li.sub .filter {
  margin-right: 2rem;
}

.b-collection-filters .mylist-block .item-sign {
  margin-right: 0 !important;
}

.b-collection-filters .mylist-block .item-sign::before {
  content: 'playlist_add_check';
  padding: 8px;
  border-radius: 4px;
}

.b-collection-filters .block > .filter {
  margin-top: 0px;
  top: 10px;
  right: 20px;
}

.b-new_marker:not(:empty),
.b-summary_marker:not(:empty),
.b-offtopic_marker:not(:empty),
.b-offtopic_marker.off:not(:empty) {
  display: inline-block !important;
  float: right;
  margin: 8px 0 0 10px !important;
  width: auto !important;
}

.b-new_marker,
.b-summary_marker,
.b-offtopic_marker,
.b-broadcast_marker {
  margin: 8px 0 0 10px !important;
  width: auto !important;
}

.b-new_marker:before,
.b-summary_marker:before,
.b-offtopic_marker:before,
.b-broadcast_marker:before {
  border: 2px solid !important;
  font-size: 10px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  line-height: normal !important;
  padding: 4px 8px !important;
  position: initial !important;
  width: auto !important;
  border-radius: 2px !important;
}

.b-summary_marker:before {
  background: rgba(64, 191, 128, .2) !important;
  color: #40bf80 !important;
}

.b-summary_marker.off:before,
.b-offtopic_marker.off:before {
  color: #7b8084 !important;
  border-color: #acb1b4 !important;
  background-color: transparent !important;
}

.b-summary_marker.active:hover:before {
  background-color: rgba(64, 191, 128, .1) !important;
  color: #3fbf80 !important;
  border-color: inherit !important;
}

.b-offtopic_marker.off:before:hover {
  background: rgba(247, 110, 169, .2) !important;
  color: #f76ea9 !important;
}

.b-offtopic_marker.active:hover:before {
  background: rgba(247, 110, 169, 0.15) !important;
  color: #ff99c5 !important;
  border-color: inherit !important;
}

.b-offtopic_marker.active:before {
  background: rgba(247, 110, 169, 0.3) !important;
  color: #f76ea9 !important;
  border-color: inherit !important;
}

.b-new_marker.off:before,
.b-offtopic_marker.off:before {
  color: #7b8084 !important;
  border-color: #acb1b4 !important;
  background-color: transparent !important;
}

.b-new_marker:before {
  color: #47c2eb !important;
  border-color: inherit !important;
  background-color: rgba(71, 194, 235, .2) !important;
}

.b-new_marker.active:hover:before {
  color: #80dfff !important;
  border-color: inherit !important;
  background-color: rgba(71, 194, 235, 0.1) !important;
}

.b-broadcast_marker:before {
  color: #bf19d2;
  border-color: inherit;
  background-color: transparent;
}

.b-dialog > .inner:hover aside.markers .b-new_marker.off {
  display: none;
}

.p-dialogs-index .subheadline .misc-links > a {
  font-size: 0;
}

.p-dialogs-index .subheadline .misc-links > a:before {
  font-family: 'Material Icons';
  content: 'wrap_text';
  display: inherit;
  font-size: 24px;
  color: var(--t1);
  padding: 8px;
  border-radius: 4px;
}

.p-dialogs-index .subheadline .misc-links > a:hover:before {
  color: rgb(var(--c1));
  background: var(--d2);
}

.p-dialogs-index .subheadline {
  padding-top: 8px !important;
  padding-left: 22px;
}

.p-dialogs-index .subheadline .misc-links {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}

.b-dialog .to_dialog {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  left: 16px;
  margin: 0 -16px;
  border-radius: 4px;
  font-size: 0;
}

.b-dialog:hover .to_dialog {
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 0;
}

.b-dialog {
  position: relative;
}

.subheadline .b-user16 img {
  display: none;
}

.subheadline .b-user16 {
  padding: 2px 5px 2px 5px;
  margin-left: 4px;
}

.b-dialog,
.b-message {
  border-top: none;
}

.buttons .item-apply:before,
.buttons .item-request-confirm:before,
.buttons .item-delete-confirm:before {
  content: 'check';
}

.buttons .item-cancel:before,
.buttons .item-request-reject:before,
.buttons .item-delete-cancel:before,
.buttons .item-moderation-cancel:before {
  content: 'close';
}

.b-comment > .inner header .name-date .time,
.b-topic > .inner header .name-date .time,
.b-dialog > .inner header .name-date .time,
.b-message > .inner header .name-date .time {
  position: relative;
  margin: 5px 5px 0;
}

.b-comment header .time:hover {
  color: var(--t2) !important;
}

.b-comment.tooltipped > .inner header .name-date .time {
  display: inline-block;
}

.b-comment header .hash {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  z-index: 1;
}

.b-video {
  position: relative;
  margin: 0 auto .25em;
  border-radius: 3px;
  cursor: pointer !important;
}

.b-video:last-child {
  margin: 0 auto;
}

.b-video a.video-link {
  display: block;
  height: 0;
  padding-bottom: 56.25%;
  background: #333;
  color: #fff !important;
  cursor: pointer !important;
}

.b-video a.video-link:hover {
  opacity: 1;
}

.b-video a.video-link::before {
  content: 'play_arrow';
  width: 1em;
  height: 1em;
  padding: .1em;
  margin: auto;
  font-size: 2.5em;
  background: rgba(0, 0, 0, 0.72);
  border-radius: 50%;
  transform: translate3d(-50%, -50%, 0);
  opacity: 0;
  transition: .24s ease-in-out;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

.b-video a.video-link img {
  transition: opacity .25s ease;
  backface-visibility: hidden;
}

.b-video:hover a.video-link::before {
  opacity: 1;
}

.b-video:hover img {
  opacity: .56;
}

.b-video .marker {
  left: auto;
  right: 4px;
  bottom: 4px;
  padding: 0 8px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  color: #fff !important;
  font-size: .75em;
  line-height: 20px;
  backface-visibility: hidden;
  pointer-events: none;
}

.b-video .marker::before {
  display: inline-block;
  vertical-align: top;
  padding-right: inherit;
  font-size: 1em;
  line-height: inherit;
}

.b-video .name {
  left: 0;
  top: 0;
  min-width: 100%;
  padding: 2px 8px 2px;
  background: linear-gradient(rgba(0, 0, 0, 0.50), transparent);
  color: #fff !important;
  line-height: 20px;
  text-align: left;
  backface-visibility: hidden;
}

.b-video.youtube .marker::before {
  content: '▶';
  color: #ed443c;
}

.b-video.vk .marker::before {
  content: '▶';
  color: #5992e8;
}

.b-video.smotret_anime .marker::before {
  content: '▶';
  color: #CDDC39;
}

.b-user_rate .rate-show .note {
  max-height: 212px;
  overflow: auto;
  margin-top: 14px;
}

.p-clubs-show .l-content .b-topic {
  background: transparent;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.p-club_pages-show .l-content .subheadline-buttons {
  margin-top: -12px;
}

.b-user.detailed {
  border: 1px solid var(--b3) !important;
  border-radius: 4px;
  background: var(--b2);
  padding: 20px;
  height: 260px;
  margin: 0 5px 20px;
  display: inline-block;
  width: calc(25% - 10px);
}

.b-user.detailed .info,
.b-user.moderation .info {
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
}

.b-user.detailed .info .image-name,
.b-user.moderation .info .image-name {
  display: block;
  text-align: center;
}

.b-user.detailed .info .image-name .name,
.b-user.moderation .info .image-name .name {
  font-size: 16px;
}

.b-user.detailed .info .image-name .image,
.b-user.moderation .info .image-name .image {
  display: block;
  margin: 8px 34%;
  float: none;
  height: 80px;
  padding: 0;
  vertical-align: middle;
  width: 80px;
  border-radius: 6px;
}

.b-user.detailed .info .last-online,
.b-user.moderation .info .last-online {
  font-size: 12px;
  line-height: normal;
  margin-top: 1px;
  display: block;
  width: 100%;
  text-align: center;
}

.b-user.detailed .history,
.b-user.moderation .history {
  margin-right: 0;
  display: block;
  overflow: hidden;
  white-space: normal;
  position: relative;
  width: 100%;
  float: left;
  margin-top: 6px;
}

.b-catalog_entry.planned .image-decor:before,
.b-catalog_entry.watching .image-decor:before,
.b-catalog_entry.completed .image-decor:before,
.b-catalog_entry.rewatching .image-decor:before,
.b-catalog_entry.on_hold .image-decor:before,
.b-catalog_entry.dropped .image-decor:before {
  font-family: 'Arial', sans-serif !important;
  text-transform: uppercase;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: 12px !important;
  border: none;
  border-radius: 0 !important;
  box-shadow: 0 0 0 0 transparent;
  color: #fff;
  font-size: 9px !important;
  line-height: 1.5 !important;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.b-catalog_entry.planned .image-decor:after,
.b-catalog_entry.watching .image-decor:after,
.b-catalog_entry.completed .image-decor:after,
.b-catalog_entry.rewatching .image-decor:after,
.b-catalog_entry.on_hold .image-decor:after,
.b-catalog_entry.dropped .image-decor:after {
  display: none;
}

.b-catalog_entry.planned .image-decor:before {
  content: 'в планах';
  background: #2b7ae3;
}

.b-catalog_entry.watching .image-decor:before {
  content: 'смотрю';
  background: #4f91e8;
}

.b-catalog_entry.rewatching .image-decor:before {
  content: 'пересматриваю';
  background: #4f91e8;
}

.b-catalog_entry.completed .image-decor:before {
  content: 'просмотрено';
  background: #40bf75;
}

.b-catalog_entry.on_hold .image-decor:before {
  content: 'отложено';
  background: #757575;
}

.b-catalog_entry.dropped .image-decor:before {
  content: 'брошено';
  background: #ef5350;
}

.smiley {
  height: 50px;
  border-radius: 4px;
}

.b-collection_search .field input {
  border-radius: 4px;
}

.b-collection_search .field input:focus {
  border-color: rgb(var(--c1));
}

img.b-poster {
  border-radius: 4px;
}

.b-comments-notifier {
  background: transparent;
  color: rgba(255, 255, 255, .6);
  font-weight: bold;
  border-radius: 100%;
  cursor: pointer;
  height: 25px;
  line-height: 25px;
  margin: 9px 6px !important;
  min-width: 25px;
  padding: 0 4px;
  right: 8px;
  top: 1px !important;
  text-align: center;
  position: fixed !important;
  z-index: 99999;
}

.b-comments-notifier:hover {
  background-color: transparent;
  color: #fff;
}

.b-image .edit:before {
  content: 'edit';
}

.b-image .delete:before {
  content: 'delete';
}

.b-image .confirm:before {
  content: 'check';
}

.b-image .cancel:before {
  content: 'close';
}

.b-image .move-left:before {
  content: 'keyboard_arrow_left';
}

.b-image .move-right:before {
  content: 'keyboard_arrow_right';
}

.b-image .mobile-edit:before{
  content: 'edit';
}

.b-image .edit,
.b-image .delete,
.b-image .confirm,
.b-image .cancel,
.b-image .move-left,
.b-image .move-right,
.b-image .mobile-edit {
  padding: 8px;
  border-radius: 4px;
  color: var(--t1);
  background: none;
}

.b-image .edit:hover,
.b-image .delete:hover,
.b-image .confirm:hover,
.b-image .cancel:hover,
.b-image .move-left:hover,
.b-image .move-right:hover,
.b-image .mobile-edit:hover {
  color: rgb(var(--c1));
  background: var(--d1);
}

.b-image .edit:active,
.b-image .delete:active,
.b-image .confirm:active,
.b-image .cancel:active,
.b-image .move-left:active,
.b-image .move-right:active,
.b-image .mobile-edit:active {
  color: rgb(var(--c1));
  background: rgba(var(--c1), .2);
}

.b-image .marker {
  left: auto;
  right: 6px;
  border-radius: 4px;
  background: #000;
  color: #FFF !important;
}

.b-height_shortener .shade {
  background: none;
}

.p-animes_collection-index .pagination,
.p-mangas_collection-index .pagination,
.p-recommendations-index .pagination,
.p-userlist_comparer-show .pagination {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  margin: 20px 0 !important;
  padding: 20px;
  border: 1px solid var(--b3);
  background: var(--b2);
  text-align: center;
}

.p-animes_collection-index .pagination .no-hover,
.p-mangas_collection-index .pagination .no-hover,
.p-recommendations-index .pagination .no-hover,
.p-userlist_comparer-show .pagination .no-hover {
  text-transform: uppercase;
}

.p-animes_collection-index .pagination a.link.link-prev,
.p-animes_collection-index .pagination a.link.link-next {
  color: var(--t1);
  font-size: 0;
  vertical-align: middle;
}

.p-animes_collection-index .pagination a.link.link-prev:before {
  content: 'arrow_back_ios';
}

.p-animes_collection-index .pagination a.link.link-next:before {
  content: 'arrow_forward_ios';
}

.p-reviews-index .l-content .subheadline-buttons,
.p-animes-art .l-content .subheadline-buttons {
  right: 12px;
}

.p-animes-summaries .b-options-floated .selected {
  display: none;
}

.p-animes-summaries .b-options-floated a {
  color: var(--t1);
  margin: 0 -12px 0 0;
  border: none;
}

.p-animes-summaries .b-options-floated a:hover {
  color: rgb(var(--c1));
}

.p-animes .item-edit:before,
.p-animes .item-new-review:before,
.p-characters .item-edit:before,
.p-club_pages-show .subheadline-buttons .item-edit:before {
  color: var(--t1);
  content: 'create'; 
  padding: 10px;
  border-radius: 4px;
}

.p-animes .item-edit:hover:before,
.p-animes .item-new-review:hover:before,
.p-characters .item-edit:hover:before,
.p-club_pages-show .subheadline-buttons .item-edit:hover:before {
  color: rgb(var(--c1));
  background: var(--d2);
}

.p-animes .item-edit:active:before,
.p-animes .item-new-review:active:before,
.p-characters .item-edit:active:before,
.p-club_pages-show .subheadline-buttons .item-edit:active:before {
  color: rgb(var(--c2));
  background: var(--d1);
}

.b-options-floated.r-edit {
  margin-right: 56px;
}

.p-animes-coub .l-content .subheadline {
  border: 1px solid var(--b3);
  border-bottom: none;
  background: var(--b2);
  padding: 20px;
}

.p-animes-coub .l-content .subheadline:after {
  content: '';
  height: 1px;
  display: block;
  border-bottom: 1px solid var(--b3);
  padding: 18px 0 0;
  border-radius: 4px 4px 0 0;
}

.p-animes-coub .b-coub:first-child {
  border: 1px solid var(--b3);
  border-top: none;
  margin-top: -17px !important;
  background: var(--b2);
  padding: 4px 20px 20px;
  border-radius: 0 0 4px 4px;
}

.p-animes-coub .b-coub {
  border: 1px solid var(--b3);
  background: var(--b2);
  padding: 20px;
  border-radius: 4px;
}

.p-animes-coub .b-options-floated.r-edit {
  margin-top: 26px;
  margin-right: 60px;
}

.p-animes-coub .l-content .subheadline-buttons {
  right: 20px;
  margin-top: 8px;
}

.b-coub .content .footer .author-avatar {
  height: 48px;
}

.b-cosplay_gallery h3 {
  font-size: 14px;
  margin-bottom: 8px;
  text-align: center;
}

.b-cosplay_gallery {
  border: 1px solid var(--b3);
  background: var(--b2);
  padding: 20px;
  border-radius: 4px;
  margin: 0 0 20px;
}

.b-cosplay_gallery .b-gallery {
  margin: 0;
  padding: 0;
}

.p-animes-files .l-content .block > .block {
  border: 1px solid var(--b3);
  background: var(--b2);
  padding: 20px 20px 0;
  border-radius: 4px;
}

.p-animes-collections .b-options-floated,
.p-characters-collections .b-options-floated,
.p-people-collections .b-options-floated {
  margin-top: 24px;
  right: 24px;
}

.p-animes-related .tipsy.tipsy-s,
.p-animes-chronology .tipsy.tipsy-s {
  margin-top: -20px;
}

.p-animes-related .b-options-floated,
.p-animes-chronology .b-options-floated {
  position: absolute;
  text-align: center;
  top: 50px;
  left: 0;
  right: 0;
  padding: 0;
}

.p-animes-related .b-options-floated a,
.p-animes-chronology .b-options-floated a {
  color: #999;
  cursor: pointer;
  display: inline;
  padding: 6px 10px;
  margin: 4px;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

.p-animes-related .b-options-floated a:hover,
.p-animes-chronology .b-options-floated a:hover {
  color: #333;
}

.p-animes-related .b-options-floated .selected,
.p-animes-chronology .b-options-floated .selected {
  color: #333;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none !important;
}

.p-animes-related .b-options-floated .selected:hover,
.p-animes-chronology .b-options-floated .selected:hover {
  color: rgb(var(--c1));
}

.p-animes-related .l-content .subheadline-buttons,
.p-animes-chronology .l-content .subheadline-buttons {
  right: 8px;
}

.p-animes-related .l-content .block > .block,
.p-animes-chronology .l-content .block > .block,
.p-animes-related .l-content .block > .d-cutted_covers,
.p-animes-chronology .l-content .block > .d-cutted_covers {
  margin-top: 36px;
}

.p-messages-index .block.m0,
.p-dialogs-index .block.m0,
.p-dialogs-show .block.m0 {
  margin-top: 80px;
  position: initial;
}

.p-dialogs-index .block.m0 {
  padding-top: 12px;
}

.p-messages-index .block.m0 .b-options-floated,
.p-dialogs-index .block.m0 .b-options-floated,
.p-dialogs-show .block.m0 .b-options-floated {
  position: absolute;
  top: 116px;
  left: 15px;
  right: 15px;
  padding: 20px;
  text-align: left;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
}

.p-messages-index .block.m0 .b-options-floated a,
.p-dialogs-index .block.m0 .b-options-floated a,
.p-dialogs-show .block.m0 .b-options-floated a {
  display: inline;
  border: none;
  font-size: 14px;
  font-weight: bold;
  margin: 4px;
  padding: 6px 12px;
  color: var(--t3);
}

.p-messages-index .block.m0 .b-options-floated a:hover,
.p-dialogs-index .block.m0 .b-options-floated a:hover,
.p-dialogs-show .block.m0 .b-options-floated a:hover {
  color: var(--t2);
}

.p-messages-index .block.m0 .b-options-floated a.selected,
.p-dialogs-index .block.m0 .b-options-floated a.selected,
.p-dialogs-show .block.m0 .b-options-floated a.selected,
.p-messages-index .block.m0 .b-options-floated a.selected:hover,
.p-dialogs-index .block.m0 .b-options-floated a.selected:hover,
.p-dialogs-show .block.m0 .b-options-floated a.selected:hover {
  color: rgb(var(--c1));
}

.p-messages .mass-actions {
  background: none;
  border: none;
  position: absolute;
  top: 154px;
  right: 25px;
  padding: 0;
  text-transform: uppercase;
  z-index: 1;
}

.p-messages .mass-actions .action {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
}

.p-messages .mass-actions a.b-js-link {
  margin: 0 4px;
  font-size: 0;
  border: none;
  color: var(--t3);
}

.p-messages .mass-actions a.b-js-link:hover {
  color: rgb(var(--c1));
  background: var(--d2);
}

.p-messages .mass-actions .action:after {
  display: none;
  content: '·';
}

.p-messages .mass-actions a.b-js-link[href*="/read_all"]:before,
.p-messages .mass-actions a.b-js-link[href*="/delete_all"]:before {
  font-family: 'Material Icons';
  font-size: 24px;
  padding: 8px;
  border-radius: 4px;
}

.p-messages .mass-actions a.b-js-link[href*="/read_all"]:before {
  content: 'cached';
}

.p-messages .mass-actions a.b-js-link[href*="/delete_all"]:before,
.p-user_history-index .history-page .history-interval p .destroy:before {
  content: 'delete';
}

.b-topic-preview > .inner .read_more-link {
  display: block;
  position: relative;
  font-size: 14px;
  line-height: normal;
  padding: 0;
  margin-top: 10px;
}

.p-messages .b-topic > .b-comments .b-message a.right.to-entry.b-link,
.b-topic-preview > .inner .read_more-link a.b-link {
  color: var(--t1);
  display: inline-block;
  padding: 8px 10px 8px 18px;
  border-radius: 100px;
  font-size: 0;
}

.p-messages .b-topic > .b-comments .b-message a.right.to-entry.b-link {
  line-height: normal;
}

.p-messages .b-topic > .b-comments .b-message a.right.to-entry.b-link:hover,
.b-topic-preview > .inner .read_more-link a.b-link:hover {
  color: rgb(var(--c1));
  background: var(--d2);
}

.p-messages .b-topic > .b-comments .b-message a.right.to-entry.b-link:after,
.b-topic-preview > .inner .read_more-link a.b-link:after {
  display: inline;
  font-family: 'Material Icons';
  font-size: 24px;
  opacity: 0;
  margin-left: -8px;
  vertical-align: middle;
  transition: .5s ease;
}

.p-messages .b-topic > .b-comments .b-message a.right.to-entry.b-link:after {
  content: 'chevron_left';
}

.b-topic-preview > .inner .read_more-link a.b-link:after {
  content: 'chevron_right';
}

.p-messages .b-topic > .b-comments .b-message a.right.to-entry.b-link:before,
.b-topic-preview > .inner .read_more-link a.b-link:before {
  display: inline;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle;
  transition: .5s ease;
}

.p-messages .b-topic > .b-comments .b-message a.right.to-entry.b-link:before {
  margin-right: -10px;
  content: 'Новость';
}

.p-messages[data-locale='en'] .b-topic > .b-comments .b-message a.right.to-entry.b-link:before {
  content: 'News';
}

.b-topic-preview > .inner .read_more-link a.b-link:before {
  margin-left: -10px;
  content: 'Читать дальше';
}

.b-topic-preview[data-locale='en'] > .inner .read_more-link a.b-link:before {
  content: 'Read more';
}

.p-messages .b-topic > .b-comments .b-message a.right.to-entry.b-link:hover:before,
.b-topic-preview > .inner .read_more-link a.b-link:hover:before {
  margin-left: 0;
}

.p-messages .b-topic > .b-comments .b-message a.right.to-entry.b-link:hover:after,
.b-topic-preview > .inner .read_more-link a.b-link:hover:after {
  opacity: 1;
}

.p-messages .b-topic > .b-comments .b-message a.right.to-entry.b-link:hover:after {
  margin-left: 8px;
}

.b-topic-preview > .inner .read_more-link a.b-link:hover:after {
  margin-left: 24px;
}

.p-polls-new .c-column,
.p-polls-show .c-column {
  background: var(--b2);
  border: 1px solid var(--b3);
  padding: 20px;
  border-radius: 4px;
}

.p-polls-show .c-column:first-child {
  margin-right: 2%;
}

.p-polls-show .c-column:last-child:not(:first-child) {
  width: 66.6%
}

.b-poll {
  display: block;
  text-align: -webkit-center;
  border: 2px solid var(--b3);
  background: rgba(0, 0, 0, .01);
  padding: 20px;
  margin: 0 auto;
  border-radius: 4px;
}

.b-poll .poll {
  margin-bottom: 20px;
}

.b-poll input[type="radio"]+.radio-label:before {
  display: none;
}

.b-poll .radio-label {
  padding: 10px 20px;
  margin: 0 auto;
  width: auto;
  max-width: 240px;
  border-radius: 4px;
  color: #999;
  font-weight: bold;
  text-transform: uppercase;
}

.b-poll .radio-label:hover {
  color: #333;
  background: var(--d2);
}

.b-radio input[type="radio"]:checked + .radio-label {
  color: rgb(var(--c1));
  background: rgba(var(--c1), .2);
}

.p-polls .start {
  border-bottom: 2px solid var(--b3);
}

.b-button,
.stop.b-button,
.p-clubs-edit .pages .b-button,
.b-poll .poll-actions .vote,
.b-poll .poll-actions .abstain {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  padding: 10px 20px;
  border-radius: 4px;
  text-transform: uppercase;
  color: var(--t1);
  background: var(--b2);
  border: 2px solid var(--b3);
  transition: .25s ease;
}

a.b-button {
  color: var(--t1);
}

.b-button:hover,
.p-clubs-edit .pages .b-button:hover,
.b-poll .poll-actions .vote:hover,
.b-poll .poll-actions .abstain:hover {
  background: rgba(var(--c1), 0.05);
  border-color: inherit;
  color: rgb(var(--c1));
}

.b-button:active,
,.p-clubs-edit .pages .b-button:active,
.b-poll .poll-actions .vote:active,
.b-poll .poll-actions .abstain:active {
  background: rgba(var(--c2), 0.15);
  border-color: inherit;
  color: rgb(var(--c2));
}

.poll-variant.result {
  display: inline-block;
  position: relative;
  padding: 10px;
  background: var(--b2);
  border: 1px solid var(--b3);
  border-radius: 4px;
  margin: 0 10px;
}

.b-poll .poll-variants {
  max-width: 100%;
}

.b-poll .poll-variants .poll-variant.result label .voted-for:before,
.b-poll .poll-variants .poll-variant.result label .voted-for:after {
  display: none;
}

.b-poll .poll-variants .poll-variant.result label .voted-for {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  font-size: 0;
  background: rgba(var(--c1), .1);
  border: 2px solid rgb(var(--c1));
  border-radius: 4px;
}

.b-poll .poll-variants .poll-variant.result .votes-total {
  display: block;
  color: #999;
  float: none;
  margin-left: 0;
  margin-bottom: 10px;
}

.b-poll .poll-variants .poll-variant.result .votes-total:before {
  content: 'Всего проголосовало:';
  margin-right: 3px;
}

.b-poll[data-locale='en'] .poll-variants .poll-variant.result .votes-total:before {
  content: 'Total votes:';
  margin-right: 3px;
}

.b-poll .poll-variants .poll-variant.result .votes-percent {
  position: absolute;
  display: block;
  color: #fff;
  font-size: 10px;
  margin: 0;
  float: none;
  bottom: 7px;
  left: 0;
  right: 0;
  z-index: 1;
}

.b-poll .poll-variants .poll-variant label {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 4px;
  display: block;
}

.b-poll .poll-variants .poll-variant.result .bar .line {
  background: #d9d9d9;
  height: 15px;
  line-height: 15px;
  margin: 0;
  text-align: center;
}

.b-poll .poll-variants .poll-variant.result .bar .bar {
  background: rgb(var(--c1)) !important;
  height: 15px;
  line-height: 15px;
}

.p-user_rate_logs-show .b-user_rate_log {
  background: var(--b2);
  border: 1px solid var(--b3);
  padding: 20px;
}

.b-ban a,
.b-ban .link,
.b-log_entry a,
.b-log_entry .link,
.b-user_rate_log a,
.b-user_rate_log .link {
  font-weight: bold;
  color: var(--t1);
}

.b-ban .id-label,
.b-log_entry .id-label,
.b-user_rate_log .id-label {
  color: inherit;
}

.b-ban > span,
.b-log_entry > span,
.b-user_rate_log > span,
.b-user_rate_log .date {
  font-size: 16px !important;
}

.b-ban .date,
.b-ban .duration,
.b-log_entry .date,
.b-user_rate_log .date {
  color: #ccc;
}

.b-ban .duration,
.b-log_entry .state,
.b-log_entry .kind,
.b-user_rate_log .action {
  font-weight: bold;
}

.b-ban,
.b-log_entry,
.b-user_rate_log {
  position: relative;
  padding: 6px 18px;
  margin: 4px 0;
  border-radius: 4px;
}

.b-ban:hover,
.b-log_entry:hover,
.p-user_history-logs .b-user_rate_log:hover {
  background: rgba(0, 0, 0, .03);
}

.p-versions .l-page div:not(.block) > .b-log_entry:hover,
.p-bans div:not(.block) > .b-log_entry:hover,
.p-abuse_requests div:not(.block) > .b-log_entry:hover,
.p-anime_video_reports div:not(.block) > .b-log_entry:hover {
  background: var(--b2);
}


.b-log_entry .spoiler.collapse span,
.b-log_entry .spoiler.collapsed span,
.b-user_rate_log .spoiler.collapse span,
.b-user_rate_log .spoiler.collapsed span {
  border: none;
  padding: 8px 10px;
}

.b-ban .b-user16 a,
.b-log_entry .b-user16 a,
.b-user_rate_log .b-user16 a {
  color: rbg(var(--c1));
}

.p-profiles-video_reports .block.m0 .b-options-floated .selected,
.p-profiles-video_versions .block.m0 .b-options-floated .selected,
.p-profiles-summaries .block.m0 .b-options-floated .selected {
  display: none;
}


.p-profiles-video_versions .block.m0 .b-options-floated a[href*="/versions"],
.p-profiles-video_versions .block.m0 .b-options-floated a[href*="/reports"],
.b-options-floated a[href*="/comments"],
.b-options-floated a[href*="/summaries"],
.b-options-floated a[href*="-obsuzhdenie"] {
  display: inline-block;
  color: var(--t1);
  height: auto;
  text-align: center;
  font-size: 0;
  border: none;
  padding: 8px;
  border-radius: 4px;
  transition: .5s ease;
}

.p-profiles-video_reports .block.m0 .b-options-floated a[href*="/versions"],
.p-profiles-video_versions .block.m0 .b-options-floated a[href*="/reports"],
.b-options-floated a[href*="/logs"],
.b-options-floated a[href*="/history"] {
  display: block;
  color: var(--t1);
  font-size: 0;
  border: none;
  padding: 0;
  border-radius: 4px;
}

.b-options-floated a[href*="/summaries"] {
  margin: -32px 6px 0 0;
}

.p-profiles-video_reports .block.m0 .b-options-floated a[href*="/versions"],
.p-profiles-video_versions .block.m0 .b-options-floated a[href*="/reports"],
.b-options-floated a[href*="/logs"],
.b-options-floated a[href*="/history"] {
  margin: -2px 12px 0 0;
}


.b-options-floated a[href*="/comments"],
.b-options-floated a[href*="-obsuzhdenie"] {
  margin: -32px 10px 0 0;
}

.p-profiles-video_reports .block.m0 .b-options-floated a[href*="/versions"]:hover:before,
.p-profiles-video_versions .block.m0 .b-options-floated a[href*="/reports"]:hover:before,
.b-options-floated a[href*="/logs"]:hover:before,
.b-options-floated a[href*="/history"]:hover:before {
  color: rgb(var(--c1));
  background: var(--d2);
}

.b-options-floated a[href*="/comments"]:hover,
.b-options-floated a[href*="/summaries"]:hover,
.b-options-floated a[href*="-obsuzhdenie"]:hover {
  color: rgb(var(--c1));
  background: var(--d2);
}

.p-profiles-video_reports .block.m0 .b-options-floated a[href*="/versions"]:before,
.p-profiles-video_versions .block.m0 .b-options-floated a[href*="/reports"]:before,
.b-options-floated a[href*="/logs"]:before,
.b-options-floated a[href*="/history"]:before,
.b-options-floated a[href*="/comments"]:before,
.b-options-floated a[href*="/summaries"]:before,
.b-options-floated a[href*="-obsuzhdenie"]:before {
  font-family: 'Material Icons';
  font-size: 24px;
  text-transform: none;
  vertical-align: text-bottom;
  border-radius: 4px;
}

.p-profiles-video_reports .block.m0 .b-options-floated a[href*="/versions"]:before {
  content: 'flag';
  padding: 8px;
}

.p-profiles-video_versions .block.m0 .b-options-floated a[href*="/reports"]:before {
  content: 'bug_report';
  padding: 8px;
}

.b-options-floated a[href*="/history"]:before {
  content: 'dns';
  padding: 8px;
}

.b-options-floated a[href*="/logs"]:before {
  content: 'code';
  padding: 8px;
}

.b-options-floated a[href*="/comments"]:before,
.b-options-floated a[href*="/summaries"]:before {
  content: 'insert_comment';
}

.b-options-floated a[href*="-obsuzhdenie"]:before {
  content: 'forum';
}

.b-options-floated a[href*="/comments"] span,
.b-options-floated a[href*="/summaries"] span,
.b-options-floated a[href*="-obsuzhdenie"] span {
  color: rgb(var(--c1));
  border: none;
  margin-left: 0;
  margin-top: 8px;
  font-size: 0;
  font-weight: bold;
  opacity: 0;
  padding-left: 0px;
  padding-right: 0;
  transition: .5s ease;
}

.b-options-floated a[href*="/comments"]:hover span,
.b-options-floated a[href*="/summaries"]:hover span,
.b-options-floated a[href*="-obsuzhdenie"]:hover span {
  opacity: 1;
  font-size: 14px;
  padding-left: 4px;
}

.turbolinks-progress-bar {
  background: #fff !important;
  box-shadow: 0 0 0 0 #fff !important;
}

.p-people-edit .l-content .subheadline,
.p-people-edit_field .l-content .subheadline,
.p-characters-edit .l-content .subheadline,
.p-characters-edit_field .l-content .subheadline,
.p-anime_video_reports .subheadline.m10,
.p-moderations-missing_screenshots .subheadline,
.p-moderations-missing_videos .subheadline,
.p-roles-index .subheadline,
.p-user_rate_logs .subheadline,
.p-profiles-reviews .block.m0 .subheadline,
.p-contests-show .l-content .contest .contest_round > .subheadline,
.p-club_topics-index .l-content > .subheadline,
.p-achievements-index .block:last-child > .midheadline.m10 {
  border: 1px solid var(--b3);
  border-bottom: none;
  background: var(--b2);
  padding: 20px 20px 0;
  border-radius: 4px 4px 0 0;
}

.p-people-edit .l-content .subheadline:after,
.p-people-edit_field .l-content .subheadline:after,
.p-characters-edit .l-content .subheadline:after,
.p-characters-edit_field .l-content .subheadline:after,
.p-anime_video_reports .subheadline.m10:after,
.p-moderations-missing_screenshots .subheadline:after,
.p-moderations-missing_videos .subheadline:after,
.p-roles-index .subheadline:after,
.p-user_rate_logs .subheadline:after,
.p-profiles-reviews .block.m0 .subheadline:after,
.p-contests-show .l-content .contest .contest_round > .subheadline:after,
.p-contests-show .l-content > .subheadline:after,
.p-club_topics-index .l-content > .subheadline:after,
.p-achievements-index .block:last-child > .midheadline.m10:after {
  padding-top: 18px;
  display: block;
  content: '';
  height: 1px;
  width: 100%;
  border-bottom: 1px solid var(--b3);
}

.p-profiles-reviews .b-topic,
.p-people-edit .l-content .block.cc-2,
.p-people-edit .l-content .block:last-child,
.p-people-edit_field .l-content .block,
.p-characters-edit .l-content .block.cc-2,
.p-characters-edit .l-content .block:last-child,
.p-characters-edit_field .l-content .block,
.p-anime_video_reports div > .b-brief,
.p-moderations-missing_screenshots .b-list,
.p-moderations-missing_videos .b-list,
.p-roles-index .b-list,
.p-user_rate_logs .block,
.p-profiles-reviews .b-topic:first-child,
.p-contests-show .l-content .contest .contest_round .match-container,
.p-club_topics-index .l-content .b-topic:first-child,
.p-achievements-index .block:last-child > .block {
  border: 1px solid var(--b3) !important;
  border-top: none !important;
  margin-top: -13px !important;
  background: var(--b2);
  padding: 20px !important;
  border-radius: 0 0 4px 4px;
}

.p-achievements-index .block:last-child > .block {
  margin-top: -17px !important;
}


.p-profiles-reviews .b-topic {
  padding: 0px 20px 10px !important;
  border-radius: 4px;
}

.p-contests-show .l-content .contest .contest_round > .subheadline {
  margin-bottom: 10px !important;
}

.p-contests-show .l-content .contest .contest_round .cc-round_stats:last-child {
  margin-top: 30px;
}

.p-contests-show .l-content .contest .contest_round .match-container .voting-warning {
  margin-top: 0;
}

.p-contests-show .l-content > .subheadline {
  border: 1px solid var(--b3);
  border-bottom: none;
  background: var(--b2);
  padding: 20px 20px 0;
  margin-top: 30px;
  border-radius: 4px 4px 0 0;
}

.p-contests-show .l-content .contest_round > .b-options-floated {
  font-size: 11px;
  line-height: normal;
  top: 24px;
  margin-top: 0;
  position: absolute;
  right: 12px;
}

.p-contests-show .l-content .b-topic:first-child {
  border-top: none !important;
  margin-top: -18px;
  border-radius: 0 0 4px 4px;
}

.p-contests .match-day > .date {
  text-align: center;
  line-height: normal;
  padding: 8px 0;
  font-weight: bold;
}

.p-contests .match-day .match-link {
  padding: 2px 8px;
  margin: 4px 0;
  border-radius: 4px;
  cursor: pointer;
}

.p-contests .match-day .match-link.active,
.p-contests .match-day .match-link:hover,
.p-contests .match-day .match-link:active {
  background-color: transparent !important;
}

.p-contests .match-day .match-link .c-column {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  display: block;
  padding: 10px;
  border-radius: 4px;
  line-height: normal;
  font-weight: bold;
}

.p-contests .match-day .matches-num {
  display: block;
  color: #999;
  cursor: pointer;
  font-size: 12px;
  line-height: inherit;
  padding: 0 0 8px;
}

.p-contests .match-day .match-link .winner:before,
.p-contests .match-day .match-link .loser:before,
.p-contests .match-day .match-link .started:before,
.p-contests .match-day .match-link .created:before {
  display: none;
}

.p-contests .match-day .match-link .c-column.winner,
.p-contests .match-day .match-link.voted-right > .c-column:last-child,
.p-contests .match-day .match-link.voted-left > .c-column:first-child {
  background: rgba(63, 191, 128, 0.05);
  border: 2px solid #3fbf80;
}

.p-contests .match-day .match-link .c-column.winner:hover,
.p-contests .match-day .match-link.voted-right > .c-column:hover:last-child,
.p-contests .match-day .match-link.voted-left > .c-column:hover:first-child {
  background: rgba(63, 191, 128, 0.1);
  border-color: #42d78c;
}

.p-contests .match-day .match-link .c-column.winner a,
.p-contests .match-day .match-link.voted-right > .c-column:last-child a,
.p-contests .match-day .match-link.voted-left > .c-column:first-child a {
  color: #3fbf80 !important;
}

.p-contests .match-day .match-link .c-column.winner a:hover,
.p-contests .match-day .match-link .c-column.winner a:active,
.p-contests .match-day .match-link.voted-right > .c-column:last-child a:hover,
.p-contests .match-day .match-link.voted-right > .c-column:last-child a:active,
.p-contests .match-day .match-link.voted-left > .c-column:first-child a:hover,
.p-contests .match-day .match-link.voted-left > .c-column:first-child a:active {
  color: #42d78c !important;
}

.p-contests .match-day .match-link .c-column.loser,
.p-contests .match-day .match-link.voted-right > .c-column:first-child,
.p-contests .match-day .match-link.voted-left > .c-column:last-child {
  background: rgba(191, 63, 63, 0.05);
  border: 2px solid #eb4747;
}

.p-contests .match-day .match-link .c-column.loser:hover,
.p-contests .match-day .match-link.voted-right > .c-column:hover:first-child,
.p-contests .match-day .match-link.voted-left > .c-column:hover:last-child {
  background: rgba(191, 63, 63, 0.1);
  border: 2px solid #ff0000;
}

.p-contests .match-day .match-link .c-column.loser a,
.p-contests .match-day .match-link.voted-right > .c-column:first-child a,
.p-contests .match-day .match-link.voted-left > .c-column:last-child a {
  color: #eb4747;
}

.p-contests .match-day .match-link .c-column.loser a:hover,
.p-contests .match-day .match-link .c-column.loser a:active,
.p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover,
.p-contests .match-day .match-link.voted-right > .c-column:first-child a:active,
.p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover,
.p-contests .match-day .match-link.voted-left > .c-column:last-child a:active {
  color: #ff0000;
}

.p-contests .match-day .match-link a {
  color: var(--t1);
}

.p-contests .match-day .match-link a:hover {
  color: rgb(var(--c1));
}

.p-contests .match-day .match-link a:active {
  color: rgb(var(--c2));
}

.p-contests .match-day .match-link .c-column.started {
  background: rgba(0, 0, 0, 0.05);
  border: 2px solid var(--b3);
}

.p-contests .match-day .match-link.voted-abstain > .c-column {
  background: rgba(0, 0, 0, .1);
  border-color: #333;
}

.b-contest_match .vs .actions {
  margin-top: 20px;
}

.b-contest_match .vs .actions .action span {
  border: none;
  color: #999;
  line-height: normal;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
}

.b-contest_match .vs .actions .action span:hover {
  background: var(--d2);
  color: #333;
}

.b-contest_match .vs .actions .action span:active {
  background: rgba(var(--c1), .1);
  color: rgb(var(--c1));
}

.b-contest_match .vs .label {
  margin-top: -16px;
  color: #999;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.b-contest_match .votes-percents {
  line-height: 24px;
}

.b-contest_match .votes-percents .left-part {
  background-color: #3f8bbf;
  height: 24px;
  border-radius: 4px;
}

.b-contest_match .votes-percents .right-part {
  background-color: #dc5353;
  height: 24px;
}

.b-contest_match .votes-percents .right-part:before {
  border-right: 30px solid #dc5353;
}

.b-contest_match .votes-percents .left-part:hover {
  background-color: #62a8d8;
}

.b-contest_match .votes-percents .left-part:hover .right-part {
  background-color: #ea7a79;
}

.b-contest_match .votes-percents .left-part:hover .right-part:before {
  border-right: 30px solid #ea7a79;
}

.p-contests .proposing .new_contest_suggestion {
  position: relative;
}

.p-contests .proposing .new_contest_suggestion .block .subheadline {
  margin-bottom: 58px !important;
}

.p-contests .proposing .subheadline-input[type=text] {
  display: block;
  position: absolute;
  text-align: center;
  top: 70px;
  left: 20px;
  width: 95% !important;
  font-size: 14px;
  padding: 6px 12px;
  border-radius: 4px;
}

.subheadline-input:focus {
  border-color: rgb(var(--c1));
}

.own-nominants {
  display: inline-block;
  width: 100%;
}

.own-nominants .variant.suggestion {
  border: 2px solid var(--b3);
  text-align: center;
  width: 31.8%;
  padding: 8px 12px;
  margin: 6px;
  border-radius: 4px;
}

.own-nominants .variant.suggestion a.bubbled-processed {
  display: block;
  width: 100%;
  max-width: 100%;
  white-space: pre-wrap;
  font-weight: bold;
}

.own-nominants .variant.suggestion span.b-js-link.delete {
  font-size: 12px;
  border: none;
  text-transform: uppercase;
  padding: 4px 8px;
  margin: 0;
  color: #b50b0b;
  border-radius: 4px;
}

.own-nominants .variant.suggestion span.b-js-link.delete:hover {
  background: rgba(191, 63, 63, 0.1);
  color: #eb4747;
}

.own-nominants .variant.suggestion span.b-js-link.delete:active {
  background: rgba(191, 63, 63, 0.15);
  color: #eb4747;
}

.b-feedback > .hover-activator {
  height: 40px !important;
  background: none;
  top: 170px;
}

.b-feedback>.marker-positioner>.marker-text {
  display: none;
}

.b-feedback > .marker-positioner {
  height: 40px !important;
  background: rgba(255, 0, 0, .2);
  border-radius: 0 50% 50% 0;
  transition: .25s ease;
  top: 170px;
  width: 40px;
}

.b-feedback>.marker-positioner:after {
  position: absolute;
  font-family: 'Material Icons';
  content: 'error_outline';
  font-size: 30px;
  padding: 5px;
  top: 0;
  left: 0;
  color: #e06b6b;
}

.b-feedback > .marker-positioner:hover {
  background: rgba(255, 0, 0, .4) !important;
}

.b-feedback > .marker-positioner:hover:after {
  color: #ce2828;
}

.b-nothing_here {
  color: #da1717;
  font-size: inherit;
  text-align: center;
  font-weight: bold;
}

.b-lang_trigger {
  position: absolute;
  right: 10px;
  top: -66px;
  color: var(--t1);
  font-size: 0;
  line-height: normal;
  margin: 0;
  padding: 0;
}

.b-lang_trigger:before {
  content: 'g_translate';
  font-size: 24px;
  padding: 10px;
  border-radius: 4px;
}




/* -------------------- Прочее -------------------- */

/* Новости и уведомления в два столбца */
.p-messages-index .b-topic > .b-comments {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
}

.p-messages-index .b-comments .b-message {
  display: inline-block;
  width: 48%;
  max-height: 290px !important;
  overflow: auto;
}

.p-messages-index .b-comments .b-message:nth-child(2n+1) {
  margin-right: calc(50% - 46%);
}
/* Новости и уведомления в два столбца */



/* Спойлеры */
/* Оформление плашки спойлера */
.p-profiles .about.block .b-spoiler label {
  background: #e6e6e6;
  border: none;
  letter-spacing: 0.6px;
  font-weight: bold;
  border-radius: 3px;
  color: #666666;
}

.p-profiles .about.block .b-spoiler:hover label {
  background: #d9d9d9;
  color: #000;
}

.p-profiles .about.block .b-spoiler label[style*="none"] {
  background: linear-gradient(6deg, #40bf75, #eeff99);
  border: 0;
  border-radius: 3px;
  color: #fff;
}

/* Настройки размеров */
.p-profiles .about.block .b-spoiler label,
.p-profiles .about.block .b-spoiler .before {
  display: block !important;
  position: relative;
  width: 100%;
  height: 40px; /* Высота */
  padding: 10px 20px;
  font-size: 16px;
  line-height: 20px;
  text-overflow: ellipsis;
  text-transform: none;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
}

/* Невидимая кнопка "Закрыть спойлер" */
.p-profiles .about.block .b-spoiler .before {
  margin-top: -40px; /* должно соответствовать высоте, указанной выше */
}

/* Содержимое спойлера */
.p-profiles .about.block .b-spoiler .content .inner {
  display: block !important;
  background: #fafafa;
  min-height: 0;
  padding: 20px;
  margin-top: 10px;
  border: 1px solid #e8ebef;
  border-radius: 3px;
  word-break: break-word;
  white-space: pre-wrap;
}

/* Надпись Открыть/Закрыть сбоку */
.p-profiles .about.block .b-spoiler label::after {
    content: 'Открыть';
    background: #eeeeee;
    border-radius: 3px;
    padding: 0px 8px;
    float: right;
    font-size: 8px;
    text-transform: uppercase;
}
.p-profiles .about.block .b-spoiler:hover label::after {
  background: #f2f2f2;
  color: #000;
}

.p-profiles .about.block .b-spoiler label[style*="none"]::after {
  content: 'Закрыть';
  background: #47d175;
  color: #fff;
}
.p-profiles .about.block .b-spoiler:hover label[style*="none"]::after {
  content: 'Закрыть';
  background: #39c668;
  color: #fff;
}

/* Скрываем лишнее */
.p-profiles .about.block .b-spoiler .content,
.p-profiles .about.block .b-spoiler .content:hover {
  background: transparent;
  padding: 0;
}

.p-profiles .about.block .b-spoiler .content .before::before,
.p-profiles .about.block .b-spoiler .content .after {
  display: none;
}
/* Спойлеры */



/* Персонажи и аниме в профиле */
/* Анимация картинки */
.p-profiles-show .b-catalog_entry .cover .image-decor img {
  transition: all 0.5s ease;
}

/* Наведение на персонажа или аниме */
.p-profiles-show .b-catalog_entry:hover .cover .image-decor img {
  transform: scale(1.2);
  filter: brightness(70%) blur(1px);
}

/* Имена */
.p-profiles-show .b-catalog_entry .cover .title.two_lined {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 5px;
  margin-top: 0;
  background: rgba(0, 0, 0, 0.5); /* Цвет фона */
  color: #FAFAFA !important; /* Цвет текста */
  font-size: 12px; /* Размер текста */
  line-height: 2;
  text-align: center;
  word-break: break-word;
  white-space: nowrap;
  transition: .5s ease;
  overflow: hidden;
}

/* При наведении */
.p-profiles-show .b-catalog_entry:hover .cover .title.two_lined {
  background: rgba(0, 0, 0, 0);
  text-decoration: none;
  padding: 77.4% 5px;
  line-height: 16px;
  white-space: normal;
  word-break: break-word;
}

/* Отступ у постеров */
.p-profiles-show .cc-9-g15>.c-column,
.p-profiles-show .cc-8-g15>.c-column,
.p-profiles-show .cc-7-g15>.c-column,
.p-profiles-show .cc-6-g15>.c-column {
  margin-bottom: 15px;
}
/* Персонажи и аниме в профиле */



/* Скроллбар */
::-webkit-scrollbar-button {
  background-image: url(''); 
  background-repeat: no-repeat;
  width: 0px;
  height: 0px
}

::-webkit-scrollbar-track {
  background-color: #ddd;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  background-color: rgb(var(--c1));
}

::-webkit-scrollbar-thumb:hover {
  background-color: #b3b3b3;
}

::-webkit-scrollbar-corner {
  background-repeat: no-repeat;
}

::-webkit-resizer {
  background-image: url('');
  background-repeat: no-repeat;
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
/* Скроллбар */



/* -------------------- Ваши наработки -------------------- */