/* AUTO=page_border */ .l-page:before, .l-page:after, .l-footer:before, .l-footer:after { display: block; }
/**
 * Тема для shikimori.org – shiki-theme v1.4.0-stable
 * MIT License
 * Copyright (c) 2016 grin3671
 *
 * Подробности:
 * https://github.com/grin3671/shiki-theme
 */



/* SPECIAL CODE */
/* Убираем лишние элементы настроек */
.page_background_color {
  display: none;
}

/* SPECIAL CODE | END */










/* Шрифт: Arial */
body, input, select, button, textarea {
  font-family: 'Arial', sans-serif;
}

/* BUGFIX */
/* В превью комментария не отображается заголовок на страницах клубов */
.p-club_pages .new_comment .preview .b-comment .inner header,
.p-club_pages .edit_comment .preview .b-comment .inner header {
  display: block;
}

.edit-page .preview .b-comment > .inner > header {
  display: none;
}

.edit-page .preview .b-comment > .inner > .body {
  padding-left: 0;
}

/* Максимальная ширина элементов */
img {
  max-width: 100%;
}

/* Убираем лишнее пространство под textarea */
textarea {
  vertical-align: top;
}




/* ОСНОВНОЙ ФАЙЛ */
.b-header_filters .filter-line .title,
.b-header_filters .filter-line a.current,
.p-statistics-index .forum-nav .sections a,
.p-userlist_comparer .comparer table .name a {
  color: inherit;
}

/* MAIN BLOCKS */
html {
  height: 100%;
  overflow-x: hidden;
}

body {
  position: relative;
  min-height: 100%;
  background-color: #FAFAFA;
  color: #212121;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  opacity:1 !important;
}

@media (max-width: 1024px) {
  body {
    background-color: #FAFAFA !important;
  }
}

.l-page {
  min-height: 100%;
  padding: 72px 16px 0;
  background: #FAFAFA;
}

@media (min-width: 960px) {
  .l-page {
    padding-right: 24px;
    padding-left: 24px;
  }
}

.l-footer {
  padding: 0;
  margin: 1em 0 0;
  text-align: center;
  line-height: 2em;
  /* НЕ УДАЛЯТЬ! Информация для устранения неполадок */
}

.l-footer::before {
  content: "shiki-theme v1.4.0-stable";
  display: block;
  float: left;
  position: static;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background: none;
  color: #757575;
  font-weight: 700;
}

body[data-user*=':2727,'] .l-footer::before {
  content: "shiki-theme v1.4.0-stable";
}

.l-footer::after {
  display: none;
}

.l-footer::before,
.l-footer .copyright,
.l-footer .links {
  padding: 0;
  font: inherit;
  font-size: .75em;
}

.l-footer .copyright {
  color: #424242;
}

.l-footer .links {
  clear: both;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

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

.l-footer .links a:last-child {
  margin: 0;
}

/* RESET LAYOUT */
@media (max-width: 1024px) {
  .l-page .menu-slide-outer {
    width: auto;
    padding: 0 16px;
    margin: 0 -16px;
  }
  .l-page .menu-slide-outer .menu-slide-inner {
    width: 100% !important;
  }
  .l-page .menu-slide-outer .l-content {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* ОБЩИЕ КЛАССЫ */
.p0,
.m0,
.m1,
.m2,
.m3,
.m4,
.m5,
.m6,
.m7,
.m8,
.m10,
.m12,
.m15,
.m20,
.m25,
.m30,
.m40,
.m50 {
  margin-bottom: .5rem !important;
}

.m10,
.m13 {
  margin-bottom: 0 !important;
}

div.body {
  line-height: inherit;
}

h3 {
  border-color: #DDDDDD;
  color: #424242;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: .5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

hr {
  margin: .5rem 0;
  background-color: #DDDDDD;
  background-image: none;
}

.block, .c-column {
  line-height: inherit !important;
}

.block {
  margin-bottom: .5rem;
}

.b-errors {
  margin-bottom: .5rem;
  line-height: inherit;
}

.b-errors .subheadline {
  margin-bottom: 0;
  border: 0;
}

.red {
  border: 0;
}

.b-mention {
  color: #2196F3;
}

.b-mention:hover {
  color: #FF4081;
}

.b-mention:active {
  color: #F50057;
}

.b-mention s {
  color: inherit;
}

.b-menu-line {
  line-height: 1.5;
}

.b-nothing_here {
  margin-left: 0;
  color: #9E9E9E;
  font-size: .875rem;
  line-height: 2.5rem;
}

.b-nothing_here a {
  color: #2196F3;
}

.b-nothing_here a:hover {
  color: #FF4081;
}

.b-nothing_here a:active {
  color: #F50057;
}

.tooltip-details .b-nothing_here.centered {
  color: inherit;
}

.b-replies {
  padding: 8px 0 0;
  color: #757575;
  font-size: .75rem;
}

.b-separator {
  color: #9E9E9E;
}

.b-prgrph,
.b-spoiler_prgrph {
  margin-bottom: .5rem !important;
}

.b-show_more,
.b-show_more-more .hide-more {
  display: inline-block;
  padding: 0 .5rem;
  margin: .25rem 0;
  border-radius: .625rem;
  color: #424242;
  font-size: .875rem;
  font-weight: bold;
  line-height: 1.25rem;
}

.b-show_more:hover,
.b-show_more-more .hide-more:hover {
  background-color: #E0E0E0;
  color: #424242;
}

.text {
  margin-left: 0 !important;
}

.yellow-fade {
  background: #fd99bb;
  outline-color: #fd99bb;
}

.b-comment-info {
  color: #757575;
  font-size: .875rem;
  text-align: left;
  line-height: 1.5rem;
}

.b-comment-info > span {
  margin-right: .5rem;
}

/* inset dividers */
.b-dialog::before,
.b-message::before,
.b-comment::before,
.b-comments .comments-loaded::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 3.5rem;
  height: 1px;
}

.b-generated_news::before {
  left: 0;
}

.b-comments .comments-loaded .b-comment:last-child {
  margin: 0;
}

.b-dialog:last-child::before,
.b-message:last-child::before,
.b-comment:last-child::before {
  display: none;
}

/* Левый отступ комментариев от края экрана */
.b-comment > .inner > .body,
.b-dialog > .inner > .body,
.b-message > .inner > .body,
.b-topic > .inner > .body,
.b-topic > .inner > footer,
.b-topic-preview > .b-comments,
.b-topic-preview > .inner > .body,
.b-topic-preview > .inner > footer {
  padding-left: 3.5rem;
}

.b-dialog .b-message > .inner > .body,
.b-topic-preview.mini > .inner > header,
.b-topic-minified > .inner > header,
.b-generated_news-topic > .inner > header,
.b-generated_news > .inner > header,
.b-generated_news > .inner > .body,
.p-clubs-show .b-topic-preview.mini > .inner > .body {
  padding-left: 0;
}

.edit_club .b-shiki_editor .b-comment .inner .body,
.new_club_page .b-shiki_editor .b-comment .inner .body {
  padding-left: 0;
}

.p-polls-new .b-comment > .inner > .body {
  padding-left: 0;
}

@media (max-width: 767px) {
  .b-topic-preview > .b-comments {
    padding-left: 0;
  }
  .b-topic-preview > .inner > .body,
  .b-topic-preview > .inner > footer {
    padding-left: 3.5rem;
  }
}

@media (min-width: 767px) {
  .b-news-topic > .b-comments {
    padding-left: 3.5rem;
  }
}

/* END of Левый отступ комментариев от края экрана */
/* Просмотр комментариев во всплывающей подсказке */
.tooltip .b-comment,
.tooltip .b-message {
  padding-top: 0 !important;
  padding-bottom: 0;
}

.tooltip .b-comment::before,
.tooltip .b-message::before {
  display: none;
}

/* Стили Material Icons */
.l-top_menu .menu-items > .entry > a[href*='/forum']::before,
.l-top_menu .menu-items > .entry.calendar > a::before,
.l-top_menu .menu-items > .entry.info > a::before,
.l-top_menu .menu-items > .entry > .contest::before,
.l-top_menu .menu-items > .entry > a::before,
.l-top_menu .menu-items > a::before,
.l-page .menu-toggler .toggler::before {
  font-family: 'Material Icons' !important;
  font-weight: normal !important;
  line-height: 1;
  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';
}

/* TODO: replace */
.b-catalog-entry-embedded .b-catalog_entry {
  margin-bottom: 0 !important;
}

/* TODO: replace */
.b-user_rate-extended > .midheadline {
  overflow: hidden;
}

/* TODO: check it */
/* TODO: check it */
.b-comment .body,
.b-dialog .body,
.b-message .body,
.b-topic .body {
  word-break: break-word;
}

/* НАСТРОЙКА ЦВЕТОВ */
/* Цвет текста ссылки по умолчанию */
a {
  color: #2196F3;
}

/* Цвет ссылки при наведении */
a:hover {
  color: #FF4081;
}

/* Цвет ссылки при нажатии */
@media only screen and (min-width: 1025px) {
  a:active {
    color: #F50057;
  }
}

.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 .match-day .match-link a,
.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 {
  color: #2196F3;
  border-bottom-color: rgba(33, 150, 243, 0.3);
}

.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-catalog_entry .cover:hover,
.b-catalog_entry .cover:hover .title,
.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,
.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,
.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 {
  color: #FF4081;
  border-bottom-color: rgba(255, 64, 129, 0.3);
}

.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,
.headline > a:active:before,
.midheadline > a:active:before,
.subheadline > a:active:before,
.p-anime_videos-index .c-videos .video-variant-switcher.active:hover {
  color: #F50057;
}

@media only screen and (min-width: 1025px) {
  .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-catalog_entry .cover: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,
  .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,
  .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 {
    color: #F50057;
    border-bottom-color: rgba(245, 0, 87, 0.3);
  }
}

.p-contests .b-contest_match .vs .label,
.p-contests .match-day > .date,
.p-animes_collection-index .l-content.ajax_request::before,
.p-mangas_collection-index .l-content.ajax_request::before,
.p-recommendations-index .l-content.ajax_request::before,
.p-userlist_comparer-show .l-content.ajax_request::before,
.b-ajax:before {
  background: #FAFAFA;
}

.l-page:before {
  outline-color: #FAFAFA;
}

@media screen and (max-width: 960px) {
  .p-profiles .profile-head .c-brief header {
    background-color: #FAFAFA;
  }
}

/* BLACK GREY WHITE */
header.head h1,
header.head h2,
.b-input input,
.b-input textarea,
.b-shiki_editor .body .editor textarea,
.subheadline-input,
.b-catalog_entry .cover .title,
.b-forums .forum .link-with-input .link,
.b-modal .subheadline,
.b-pages .b-link,
.b-video_variant .episode-num,
.b-video_variant .video-author,
.b-video_variant .video-id,
.headline,
.p-contests .match-day .match-link.voted-none > .c-column a,
.p-contests .match-day .match-link.voted-left > .c-column:last-child a,
.p-contests .match-day .match-link.voted-right > .c-column:first-child a,
.p-contests .match-day .match-link .c-column.loser a,
.p-contests .match-day .match-link .c-column.created a,
.p-moderations-missing_videos .missing-video > .info span,
.p-profiles .profile-head .c-history .entry .title {
  color: #212121 !important;
}

/* Цвет основного текста в области при наведении */
.b-clubs-menu .b-link:hover,
.b-clubs-menu .actions li:hover,
.b-clubs-menu .actions .upload label:hover,
.b-clubs-menu .actions .invite span:hover,
.b-clubs-menu .actions .join a:hover,
.b-clubs-menu .actions .leave a:hover,
.b-forums .forum:hover .link-with-input .link,
.b-video .marker,
.b-video .name,
.p-profiles .profile-head .c-history .entry:hover .title {
  color: #212121 !important;
}

@media (max-width: 1024px) {
  .l-top_menu .menu-items > .entry > a,
  .l-top_menu .menu-items > .entry > .submenu > a,
  .l-top_menu .inner .sign_out {
    color: #212121 !important;
  }
}

header.head .notice,
.bar.horizontal .line .x_label,
.bar.vertical .line .x_label,
.b-contest_match .vs .hint,
.b-contest_match .vs .invitation,
.b-contest_match .vs .label,
.b-contest_match .vs .thanks,
.b-contest_match .vs .vote-abstained,
.b-contest_match .vs .vote-voted,
.b-stats_bar .stat_names:hover:before,
.p-contests .match-day > .date .from,
.p-contests .match-day > .date .to {
  color: #424242;
}

.midheadline,
.subheadline,
.b-animes-menu .menu-topics-block .date,
.b-catalog_entry .cover .misc span,
.b-forums .forum .link-with-input input + .link,
.b-forums .forum .topics,
.b-log_entry .state.auto_accepted,
.b-pages .title,
.b-stats_bar .stat_names:before,
.b-topic-preview > .inner .status-line .about,
.b-topic-preview > .inner .status-line .from,
.l-top_menu .menu-items .submenu-toggler,
.p-contests .b-contest_match .vs,
.p-contests .match-day .matches-num,
.p-contests .rating .member .position,
.p-db_entries-edit .b-list .field,
.p-profiles .profile-head .c-info .c-additionals b,
.b-video_variant .episode-hostings,
.b-video_variant .video-hosting,
.b-video_variant .video-language {
  color: #757575;
}

.b-db_entry > .c-about .additional-links .key,
.p-profiles .profile-head .c-history .entry .misc,
.p-profiles-show .lifetime .title > .label:before,
.p-profiles-show .profile-content .activity .title {
  color: #757575 !important;
}

header.head a.edit,
header.head .misc,
.b-db_entry > .c-about .additional-links .line-container > a:after,
.b-db_entry > .c-about .additional-links .line-container > .link:after,
.b-video_variant .episode-hostings:after,
.b-video_variant .episode-hostings:before,
.b-video_variant .video-hosting:after,
.b-video_variant .video-hosting:before,
.b-video_variant .video-kind.english:before,
.b-video_variant .video-language:after,
.b-video_variant .video-language:before,
.p-contests-index .contest .date,
.p-moderations-missing_videos .missing-video > .info,
.p-moderations-show .b-list .size:after,
.p-moderations-show .b-list .size:before,
.p-profiles .profile-head .c-brief header .notice span:after,
.p-profiles .profile-head .c-info .c-additionals div:after,
.p-statistics-index .forum-nav .sections a:after {
  color: #9E9E9E;
}

.p-profiles .profile-head .c-history .entry .misc.date {
  color: #9E9E9E !important;
}

/* PRIMARY COLOR */
.p-contests .b-contest_match .votes-percents .right-part,
.p-contests .b-contest_match .votes-percents .left-part:hover .right-part,
.line:nth-child(odd) > .bar-container > .bar,
.line:nth-child(odd) > .bar-container > .bar:hover {
  background-color: #2196F3;
}

.p-contests .b-contest_match .votes-percents .right-part,
.p-contests .b-contest_match .votes-percents .left-part:hover .right-part,
.b-main_search .input:after {
  border-color: #2196F3;
}

.b-forums .forum input:checked + .link:before,
.tooltip-details .ajax-loading {
  color: #2196F3;
}

/* END of PRIMARY COLOR */
/* ACCENT COLOR */
.menu .unread-count,
.menu .entry:hover .unread-count,
.menu .contest,
.menu .entry:hover .contest {
  background-color: #FF4081;
}

.menu .unread-count:hover,
.menu .contest:hover {
  background-color: #FF4081 !important;
}

html.turbolinks-progress-bar:before,
.turbolinks.turbolinks-progress-bar::before {
  background: #FF4081 !important;
  box-shadow: 0 0 10px rgba(255, 64, 129, 0.7) !important;
}

.menu .unread-count,
.menu:hover .unread-count,
.menu .contest,
.menu:hover .contest {
  color: #212121 !important;
}

/* END of ACCENT COLOR */
/* BACKGROUND COLOR */
.b-video .marker,
.b-video .name {
  background: #FFFFFF;
}

.p-topics-new .topic_video,
.p-topics-edit .topic_video,
.p-topics-create .topic_video,
.p-topics-update .topic_video {
  background: #EEEEEE;
}

.b-editable_grid tbody tr:nth-child(odd) td,
.b-pages,
.l-page .menu-toggler .toggler,
.subheadline-input {
  background: #F5F5F5;
}

.editor textarea.b-comment,
.editor textarea.b-message {
  background: #F5F5F5 !important;
}

/* Области наведения */
.b-forums .forum:hover,
.b-stats_bar .stat_names:hover:before,
.p-profiles .profile-head .c-history .entry:hover a {
  background-color: #EEEEEE;
}

/* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */
.b-dialog:before,
.b-message:before,
.b-comment:before,
.b-comments .comments-loaded:before,
.p-contests .match-day:before,
.p-profiles .profile-head .c-history .entry:before {
  background-color: #DDDDDD;
}

.b-pages,
.b-shiki_editor .body .editor textarea,
.b-tooltipped:not(a),
.b-topic,
.l-page .menu-toggler .toggler,
.p-dashboards-show .cc-news .c-generated_news .b-topic,
.p-topics header h1 a.reload,
.p-topics-new .topic_video,
.p-topics-edit .topic_video,
.p-topics-create .topic_video,
.p-topics-update .topic_video,
.subheadline-input {
  border-color: #DDDDDD;
}

/* END of НАСТРОЙКА ЦВЕТОВ */










/**
 * MATERIAL ICON
 * Иконки должны располагаться в псевдоэлементе ::before
 * Стандартный размер иконок 24px, уменьшенный – 20px
 *
 * NOTE: Версия шрифта устарела, поддерживаются не все иконки из каталога
 * BUG: IE doesn't support Materail Icon's font format [.woff2]
 */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.eot) format("eot"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format("truetype");
}

.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, .headline > a::before, .midheadline > a::before, .subheadline > a::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, .item-mobile::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-mobile .menu::before, .l-top_menu .menu-mobile .search::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-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-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-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 {
  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';
}

.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, .headline > a::before, .midheadline > a::before, .subheadline > a::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 {
  font-size: 18px !important;
}

.headline > a, .midheadline > a, .subheadline > a, .b-poll .poll-actions .abstain, .p-profiles-show .b-stats_bar.anime a.title, .p-profiles-show .b-stats_bar.manga a.title, .b-button, .b-form .cancel, .b-button + .b-js-link, .b-shiki_editor footer .unpreview:not(.link), .b-topic-preview > .editor-container .hide, .b-shiki_editor footer .cancel, .b-link_button.dark, .b-poll .poll-actions .vote, .b-shiki_editor .hidden-block .b-button.ok, .p-profiles-edit .account .change-password a, .b-form input[type=submit], .b-contests-menu .results, .b-link_button, .p-dashboards-show .b-forums > .b-link_button.maxi::after {
  display: inline-block;
  vertical-align: top;
  min-width: 92px;
  padding: .375rem 1rem;
  margin: .375rem .5rem .375rem 0;
  background: transparent;
  border: 0;
  border-radius: 3px;
  font-size: .875rem;
  font-weight: bold;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: .3s;
  transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  user-select: none;
}

.headline > a:last-child, .midheadline > a:last-child, .subheadline > a:last-child, .b-poll .poll-actions .abstain:last-child, .p-profiles-show .b-stats_bar.anime a.title:last-child, .p-profiles-show .b-stats_bar.manga a.title:last-child, .b-button:last-child, .b-form .cancel:last-child, .b-button + .b-js-link:last-child, .b-shiki_editor footer .unpreview:last-child:not(.link), .b-topic-preview > .editor-container .hide:last-child, .b-shiki_editor footer .cancel:last-child, .b-poll .poll-actions .vote:last-child, .b-shiki_editor .hidden-block .b-button.ok:last-child, .p-profiles-edit .account .change-password a:last-child, .b-form input[type=submit]:last-child, .b-contests-menu .results:last-child, .b-link_button:last-child, .p-dashboards-show .b-forums > .b-link_button.maxi:last-child::after {
  margin-right: 0;
}

.headline > a, .midheadline > a, .subheadline > a, .b-poll .poll-actions .abstain, .p-profiles-show .b-stats_bar.anime a.title, .p-profiles-show .b-stats_bar.manga a.title, .b-button, .b-form .cancel, .b-button + .b-js-link, .b-shiki_editor footer .unpreview:not(.link), .b-topic-preview > .editor-container .hide, .b-shiki_editor footer .cancel {
  color: #2196F3;
}

.headline > a:hover, .midheadline > a:hover, .subheadline > a:hover, .b-poll .poll-actions .abstain:hover, .p-profiles-show .b-stats_bar.anime a.title:hover, .p-profiles-show .b-stats_bar.manga a.title:hover, .b-button:hover, .b-form .cancel:hover, .b-button + .b-js-link:hover, .b-shiki_editor footer .unpreview:hover:not(.link), .b-topic-preview > .editor-container .hide:hover, .b-shiki_editor footer .cancel:hover, .headline > a:focus, .midheadline > a:focus, .subheadline > a:focus, .b-poll .poll-actions .abstain:focus, .p-profiles-show .b-stats_bar.anime a.title:focus, .p-profiles-show .b-stats_bar.manga a.title:focus, .b-button:focus, .b-form .cancel:focus, .b-button + .b-js-link:focus, .b-shiki_editor footer .unpreview:focus:not(.link), .b-topic-preview > .editor-container .hide:focus, .b-shiki_editor footer .cancel:focus {
  background: rgba(33, 150, 243, 0.12);
  color: #2196F3;
}

.headline > a:active, .midheadline > a:active, .subheadline > a:active, .b-poll .poll-actions .abstain:active, .p-profiles-show .b-stats_bar.anime a.title:active, .p-profiles-show .b-stats_bar.manga a.title:active, .b-button:active, .b-form .cancel:active, .b-button + .b-js-link:active, .b-shiki_editor footer .unpreview:active:not(.link), .b-topic-preview > .editor-container .hide:active, .b-shiki_editor footer .cancel:active {
  background: rgba(33, 150, 243, 0.24);
  color: #2196F3;
}

.b-link_button.dark, .b-poll .poll-actions .vote, .b-shiki_editor .hidden-block .b-button.ok, .p-profiles-edit .account .change-password a, .b-form input[type=submit], .b-contests-menu .results {
  background: #2196F3;
  color: #FAFAFA;
}

.b-link_button.dark:hover, .b-poll .poll-actions .vote:hover, .b-shiki_editor .hidden-block .b-button.ok:hover, .p-profiles-edit .account .change-password a:hover, .b-form input[type=submit]:hover, .b-contests-menu .results:hover, .b-link_button.dark:focus, .b-poll .poll-actions .vote:focus, .b-shiki_editor .hidden-block .b-button.ok:focus, .p-profiles-edit .account .change-password a:focus, .b-form input[type=submit]:focus, .b-contests-menu .results:focus {
  background: #48a8f5;
  color: #FAFAFA;
}

.b-link_button.dark:active, .b-poll .poll-actions .vote:active, .b-shiki_editor .hidden-block .b-button.ok:active, .p-profiles-edit .account .change-password a:active, .b-form input[type=submit]:active, .b-contests-menu .results:active {
  background: #1791f2;
  color: #FAFAFA;
}

.item-mobile, .buttons .editor-controls .b-tooltipped, header.head h1 a.back, header.head h2 a.back, .subheadline-buttons .item-edit, .profile-actions > a, .b-collection-filters .mylist-block .item-sign, .b-db_entry .c-actions .b-tooltipped, .b-image .delete, .b-image .confirm, .b-image .cancel, .b-image .mobile-edit, .b-list_switchers .switcher, .b-user_rate .rate-show .rate-number .item-add, .b-video_player .cc-player_controls .c-control .icon, .p-animes_collection-index .pagination .link,
.p-recommendations-index .pagination .link, .b-clubs-menu .club-actions .b-tooltipped, .p-dialogs .misc-links > a, .p-messages .mass-actions .action a, .p-profiles-show .about .item-edit, .b-stats_bar .compatibility a[href$='=similar'], .b-stats_bar .compatibility .text:first-child, .p-user_rates-index .list-lines tr.edit-form .remove, .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: 4px 8px 4px 0 !important;
  border-radius: 2px;
  transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
}

.item-mobile:last-child, .buttons .editor-controls .b-tooltipped:last-child, header.head h1 a.back:last-child, header.head h2 a.back:last-child, .subheadline-buttons .item-edit:last-child, .profile-actions > a:last-child, .b-collection-filters .mylist-block .item-sign:last-child, .b-db_entry .c-actions .b-tooltipped:last-child, .b-image .delete:last-child, .b-image .confirm:last-child, .b-image .cancel:last-child, .b-image .mobile-edit:last-child, .b-list_switchers .switcher:last-child, .b-user_rate .rate-show .rate-number .item-add:last-child, .b-video_player .cc-player_controls .c-control .icon:last-child, .p-animes_collection-index .pagination .link:last-child,
.p-recommendations-index .pagination .link:last-child, .b-clubs-menu .club-actions .b-tooltipped:last-child, .p-dialogs .misc-links > a:last-child, .p-messages .mass-actions .action a:last-child, .p-profiles-show .about .item-edit:last-child, .b-stats_bar .compatibility a[href$='=similar']:last-child, .b-stats_bar .compatibility .text:last-child:first-child, .p-user_rates-index .list-lines tr.edit-form .remove:last-child, .p-user_rates-index .list-posters .user_rate .edit-user_rate:last-child {
  margin-right: 0 !important;
}

.item-mobile, .buttons .editor-controls .b-tooltipped, header.head h1 a.back, header.head h2 a.back, .subheadline-buttons .item-edit, .profile-actions > a, .b-collection-filters .mylist-block .item-sign, .b-db_entry .c-actions .b-tooltipped, .b-image .delete, .b-image .confirm, .b-image .cancel, .b-image .mobile-edit, .b-list_switchers .switcher, .b-user_rate .rate-show .rate-number .item-add, .b-video_player .cc-player_controls .c-control .icon, .p-animes_collection-index .pagination .link,
.p-recommendations-index .pagination .link, .b-clubs-menu .club-actions .b-tooltipped, .p-dialogs .misc-links > a, .p-messages .mass-actions .action a, .p-profiles-show .about .item-edit, .b-stats_bar .compatibility a[href$='=similar'], .b-stats_bar .compatibility .text:first-child, .p-user_rates-index .list-lines tr.edit-form .remove, .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  color: #757575 !important;
}

.item-mobile:hover, .buttons .editor-controls .b-tooltipped:hover, header.head h1 a.back:hover, header.head h2 a.back:hover, .subheadline-buttons .item-edit:hover, .profile-actions > a:hover, .b-collection-filters .mylist-block .item-sign:hover, .b-db_entry .c-actions .b-tooltipped:hover, .b-image .delete:hover, .b-image .confirm:hover, .b-image .cancel:hover, .b-image .mobile-edit:hover, .b-list_switchers .switcher:hover, .b-user_rate .rate-show .rate-number .item-add:hover, .b-video_player .cc-player_controls .c-control .icon:hover, .p-animes_collection-index .pagination .link:hover,
.p-recommendations-index .pagination .link:hover, .b-clubs-menu .club-actions .b-tooltipped:hover, .p-dialogs .misc-links > a:hover, .p-messages .mass-actions .action a:hover, .p-profiles-show .about .item-edit:hover, .b-stats_bar .compatibility a[href$='=similar']:hover, .b-stats_bar .compatibility .text:hover:first-child, .p-user_rates-index .list-lines tr.edit-form .remove:hover, .p-user_rates-index .list-posters .user_rate .edit-user_rate:hover {
  background-color: #E0E0E0;
  color: #424242 !important;
  text-decoration: none;
}

.b-ban .spoiler.collapse::after,
.b-log_entry .spoiler.collapse::after, .p-dialogs .misc-links > a::after, .p-messages .mass-actions .action a::after, .b-stats_bar .compatibility a[href$='=similar']::after, .b-stats_bar .compatibility .text:first-child::after, .p-achievements-index .b-list_switchers .switcher::after {
  display: block !important;
  position: absolute;
  padding: .375rem .75rem;
  margin: .25rem .75rem;
  background-color: #616161;
  border-radius: .125rem;
  color: #eee;
  font-size: .875rem;
  line-height: 1.25rem;
  white-space: nowrap;
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  transition: .3s;
}

.b-ban .spoiler.collapse:hover::after,
.b-log_entry .spoiler.collapse:hover::after, .p-dialogs .misc-links > a:hover::after, .p-messages .mass-actions .action a:hover::after, .b-stats_bar .compatibility a[href$='=similar']:hover::after, .b-stats_bar .compatibility .text:first-child:hover::after, .p-achievements-index .b-list_switchers .switcher:hover::after {
  opacity: .9;
}

.b-ban .spoiler.collapse::after,
.b-log_entry .spoiler.collapse::after, .p-dialogs .misc-links > a::after, .p-messages .mass-actions .action a::after, .b-stats_bar .compatibility a[href$='=similar']::after, .b-stats_bar .compatibility .text:first-child::after {
  right: 100%;
  bottom: 0;
  transform: translateX(0.75rem);
}

.b-ban .spoiler.collapse:hover::after,
.b-log_entry .spoiler.collapse:hover::after, .p-dialogs .misc-links > a:hover::after, .p-messages .mass-actions .action a:hover::after, .b-stats_bar .compatibility a[href$='=similar']:hover::after, .b-stats_bar .compatibility .text:first-child:hover::after {
  transform: translateX(0);
}

.p-achievements-index .b-list_switchers .switcher::after {
  bottom: 100%;
  transform: translateX(-50%) translateY(0.75em);
}

.p-achievements-index .b-list_switchers .switcher:hover::after {
  transform: translateX(-50%) translateY(0);
}

.b-comment, .b-dialog, .b-message, .b-topic {
  position: relative;
  padding-top: .75rem !important;
  padding-bottom: .75rem;
}

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

.b-comment > .inner header img, .b-dialog > .inner header img, .b-message > .inner header img, .b-topic > .inner header img {
  width: 40px;
  margin: 0 16px 0 0;
  border-radius: 2px;
}

@media (min-width: 1025px) {
  .b-comment > .inner header img, .b-dialog > .inner header img, .b-message > .inner header img, .b-topic > .inner header img {
    margin-top: 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 {
  font-size: inherit;
  line-height: inherit;
}

@media (max-width: 1024px) {
  .b-comment > .inner header .name-date, .b-dialog > .inner header .name-date, .b-message > .inner header .name-date, .b-topic > .inner header .name-date {
    line-height: 1.25rem;
  }
}

.b-comment > .inner header .name-date a.name, .b-dialog > .inner header .name-date a.name, .b-message > .inner header .name-date a.name, .b-topic > .inner header .name-date a.name {
  margin-right: .5rem;
  color: inherit;
  line-height: inherit;
}

.b-comment > .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, .b-topic > .inner header .name-date a.name:hover {
  color: #FF4081;
}

.b-comment > .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, .b-topic > .inner header .name-date a.name:active {
  color: #F50057;
}

.b-comment > .inner header .name-date .time, .b-dialog > .inner header .name-date .time, .b-message > .inner header .name-date .time, .b-topic > .inner header .name-date .time {
  position: relative;
  padding-top: 0;
  padding-left: 0;
  color: #757575;
  font-size: .875rem;
  line-height: 1.25rem;
}

.b-comment > .inner header .name-date .time time, .b-dialog > .inner header .name-date .time time, .b-message > .inner header .name-date .time time, .b-topic > .inner header .name-date .time time {
  font-size: .875rem;
  line-height: inherit;
}

.b-comment > .inner .was_updated, .b-dialog > .inner .was_updated, .b-message > .inner .was_updated, .b-topic > .inner .was_updated {
  padding-left: 3.5rem;
  margin-bottom: 0;
  color: #9E9E9E;
}

.b-comment > .inner .was_updated div, .b-dialog > .inner .was_updated div, .b-message > .inner .was_updated div, .b-topic > .inner .was_updated div {
  vertical-align: top;
  font-size: .75rem;
  line-height: inherit;
}

.b-comment > .inner .was_updated .b-user16, .b-dialog > .inner .was_updated .b-user16, .b-message > .inner .was_updated .b-user16, .b-topic > .inner .was_updated .b-user16 {
  padding-left: 14px;
  margin-left: 4px;
}

.b-comment > .inner .was_updated .b-user16 img, .b-dialog > .inner .was_updated .b-user16 img, .b-message > .inner .was_updated .b-user16 img, .b-topic > .inner .was_updated .b-user16 img {
  margin-top: 2px;
}

.aside-expanded.b-comment > .inner, .aside-expanded.b-dialog > .inner, .aside-expanded.b-message > .inner, .aside-expanded.b-topic > .inner {
  margin-left: 0;
}

.aside-expanded.b-comment > .inner aside.buttons, .aside-expanded.b-dialog > .inner aside.buttons, .aside-expanded.b-message > .inner aside.buttons, .aside-expanded.b-topic > .inner aside.buttons {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: auto;
  height: 100%;
  padding: 8px 16px;
  margin: 0 -16px;
  background-color: rgba(250, 250, 250, 0.9);
  border: 0;
  overflow-y: auto;
  z-index: 3;
}

.b-comment, .b-dialog, .b-message {
  border-top: 0;
  margin-bottom: 0;
}

.b-comment .inner .name-date a.name .normal, .b-dialog .inner .name-date a.name .normal, .b-message .inner .name-date a.name .normal {
  vertical-align: top;
  color: #212121;
  font-size: inherit;
}

.b-comment .inner .body .ban .b-user16, .b-dialog .inner .body .ban .b-user16, .b-message .inner .body .ban .b-user16 {
  margin-right: 0;
}

.b-comment .inner .body .ban .resolution, .b-dialog .inner .body .ban .resolution, .b-message .inner .body .ban .resolution {
  color: #ef8d50;
}

.b-comment .inner .body .ban .resolution a, .b-dialog .inner .body .ban .resolution a, .b-message .inner .body .ban .resolution a {
  color: #ef8d50;
}

.aside-expanded.b-comment aside.buttons, .aside-expanded.b-dialog aside.buttons, .aside-expanded.b-message aside.buttons {
  border-top: 0;
}

.aside-expanded.b-comment aside.markers, .aside-expanded.b-dialog aside.markers, .aside-expanded.b-message aside.markers {
  position: static;
}

.b-anime_status_tag, body[data-locale] .b-abuse_marker, body[data-locale] .b-broadcast_marker, body[data-locale] .b-offtopic_marker, body[data-locale] .b-summary_marker, body[data-locale] .b-spoiler_marker, body[data-locale] .b-new_marker {
  width: auto;
  padding: 2px .5em;
  margin: .25rem 0 .25rem .5rem;
  border: 1px solid;
  border-radius: 2px;
  font-size: .75rem;
  font-weight: bold;
  line-height: 1.5;
  white-space: nowrap;
  transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
}

.b-anime_status_tag::before, body[data-locale] .b-abuse_marker::before, body[data-locale] .b-broadcast_marker::before, body[data-locale] .b-offtopic_marker::before, body[data-locale] .b-summary_marker::before, body[data-locale] .b-spoiler_marker::before, body[data-locale] .b-new_marker::before {
  display: none !important;
}

.b-anime_status_tag::after, body[data-locale] .b-abuse_marker::after, body[data-locale] .b-broadcast_marker::after, body[data-locale] .b-offtopic_marker::after, body[data-locale] .b-summary_marker::after, body[data-locale] .b-spoiler_marker::after, body[data-locale] .b-new_marker::after {
  content: attr(data-text);
  text-transform: capitalize;
}

.off.b-anime_status_tag, body[data-locale] .off.b-abuse_marker, body[data-locale] .off.b-broadcast_marker, body[data-locale] .off.b-offtopic_marker, body[data-locale] .off.b-summary_marker, body[data-locale] .off.b-spoiler_marker, body[data-locale] .off.b-new_marker {
  color: #9E9E9E;
}

.collapsed, .collapsed + .spoiler .hide-expanded, .b-comments .comments-loader, .b-comments .comments-hider, .b-comments .comments-expander, .b-comments .faye-loader, .b-comments .messages-postloader, .b-forum .faye-loader {
  padding: .75rem 1.5rem;
  margin: 0 0 .5rem;
  background-color: #EEEEEE;
  border: 0;
  border-color: #E0E0E0;
  border-radius: 3px;
  color: inherit;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
}

.collapsed:hover, .collapsed + .spoiler .hide-expanded:hover, .b-comments .comments-loader:hover, .b-comments .comments-hider:hover, .b-comments .comments-expander:hover, .b-comments .faye-loader:hover, .b-comments .messages-postloader:hover, .b-forum .faye-loader:hover {
  background-color: #E0E0E0;
  border: 0;
  border-color: #DDDDDD;
  color: inherit;
}

.collapsed:active, .collapsed + .spoiler .hide-expanded:active, .b-comments .comments-loader:active, .b-comments .comments-hider:active, .b-comments .comments-expander:active, .b-comments .faye-loader:active, .b-comments .messages-postloader:active, .b-forum .faye-loader:active {
  background-color: #DDDDDD;
  border: 0;
  border-color: #DDDDDD;
}

.b-catalog_entry-tooltip .inner .line .value .tag, .b-entry-info .line .b-tag, .b-tag {
  padding: 0 8px;
  margin: 0 4px 0 0;
  background-color: #EEEEEE;
  border: 0;
  border-radius: 3px;
  color: #424242;
  font-size: .875rem;
  line-height: 24px;
}

.b-catalog_entry-tooltip .inner .line .value .tag:hover, .b-entry-info .line .b-tag:hover, .b-tag:hover {
  padding: 0 8px;
  margin: 0 4px 0 0;
  background-color: #E0E0E0;
  color: #212121;
}

.b-catalog_entry-tooltip .inner .line .value .tag:active, .b-entry-info .line .b-tag:active, .b-tag:active {
  background-color: #DDDDDD;
}

.l-top_menu {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: auto;
  padding: 4px 0;
  background-color: #333333;
  background-image: none;
  border: none;
  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
  color: #FAFAFA;
  overflow: visible;
}

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

.l-top_menu .inner {
  margin: 0 .375em;
}

@media (min-width: 960px) {
  .l-top_menu .inner {
    margin: 0 .875em;
  }
}

@media (min-width: 1025px) {
  .l-top_menu .inner {
    margin: 0 auto;
    padding: 0 .875em;
  }
}

.l-top_menu .inner > a:first-child {
  float: left;
  padding: calc((48px - 1em) / 2) 0.625rem;
  margin: 0 0 0 32px;
  color: inherit !important;
  font-weight: bold;
  line-height: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

[data-locale='en'] .l-top_menu .inner > a:first-child {
  text-transform: uppercase;
}

@media (min-width: 320px) {
  .l-top_menu .inner > a:first-child {
    margin-left: 40px;
    font-size: 1.25em;
  }
}

@media (min-width: 360px) {
  .l-top_menu .inner > a:first-child {
    margin-left: 56px;
  }
}

@media (min-width: 1025px) {
  .l-top_menu .inner > a:first-child {
    margin-left: 0;
    font-size: 1.125em;
  }
}

.l-top_menu .inner > a:first-child::after {
  content: attr(title);
}

.l-top_menu .inner .logo {
  display: none;
}

/* Цвет текста пунктов меню при наведении */
/* Цвет текста активных пунктов меню */
/* По умолчанию: цвет текста наследуется от меню */
.l-top_menu .menu-items > .entry.selected,
.l-top_menu .menu-items > .entry > a:active {
  color: inherit !important;
}

/* Цвет текста пунктов меню при наведении */
/* По умолчанию: цвет текста наследуется от меню */
.l-top_menu .menu-items > .entry:hover {
  color: inherit;
}

/* ВЫПАДАЮЩЕЕ МЕНЮ */
@media only screen and (min-width: 1025px) {
  /* Цвет фона выпадающего меню при наведении */
  .l-top_menu .submenu,
  .b-main_search ul.popup {
    background: #2D2D2D;
  }
  /* Цвет пунктов выпадающего меню при щелчке */
  /* Цвет активных пунктов выпадающего меню */
  /* По умолчанию: затемненный цвет фона выпадающего меню */
  .l-top_menu .submenu > .entry:active,
  .l-top_menu .submenu > .entry.active {
    background-color: rgba(0, 0, 0, 0.24);
  }
  /* Цвет пунктов выпадающего меню при наведении */
  /* По умолчанию: осветленный цвет фона выпадающего меню */
  .l-top_menu .submenu > .entry:hover {
    background-color: rgba(255, 255, 255, 0.24);
  }
  /* Цвет текста выпадающих меню */
  /* По умолчанию: цвет текста наследуется от меню */
  .l-top_menu .menu-search > .entry,
  .l-top_menu .menu-userbox > .entry,
  .l-top_menu .submenu {
    color: inherit;
  }
  /* Цвет текста выпадающих меню при щелчке */
  /* Цвет текста активных пунктов выпадающего меню */
  /* По умолчанию: цвет текста наследуется от выпадающего меню */
  .l-top_menu .submenu > .entry:active,
  .l-top_menu .submenu > .entry.active,
  .b-main_search .popup li:active,
  .b-main_search .popup li.active {
    color: inherit;
  }
  /* Цвет текста выпадающих меню при наведении */
  /* По умолчанию: цвет текста наследуется от выпадающего меню */
  .l-top_menu .submenu > .entry:hover,
  .b-main_search .popup li:hover {
    color: inherit;
  }
  /* ЦВЕТА ПОИСКА */
  /* Фон строки поиска  */
  .b-main_search .input {
    background: rgba(250, 250, 250, 0.06);
    color: inherit;
  }
  /* Набираемый текст в строке поиска  */
  .b-main_search .input input {
    color: inherit;
  }
  /* Вспомогательный текст в строке поиска  */
  .b-main_search input::-webkit-input-placeholder {
    color: rgba(250, 250, 250, 0.56);
  }
  .b-main_search input:-moz-placeholder {
    color: rgba(250, 250, 250, 0.56);
  }
  .b-main_search input::-moz-placeholder {
    color: rgba(250, 250, 250, 0.56);
  }
  .b-main_search input:-ms-input-placeholder {
    color: rgba(250, 250, 250, 0.56);
  }
}

/* ОБЩИЕ ЦВЕТА ПОИСКА */
.b-main_search .popup li:hover {
  background-color: rgba(255, 255, 255, 0.24);
}

.b-main_search .popup li.active,
.b-main_search .popup li:active {
  background-color: rgba(0, 0, 0, 0.24);
}

.l-top_menu .entry,
.b-main_search .popup li,
.b-main_search .popup li:hover,
.b-main_search .popup li:active {
  color: inherit;
}

/* ЦВЕТ ИКОНОК в меню (для мобильной версии) */
/* По умолчанию: цвет текста наследуется от меню */
.l-top_menu .to-mobile-forum,
.l-top_menu .menu-mobile .search,
.l-top_menu .menu-mobile .menu,
.l-top_menu .menu-mobile #sign_in,
.l-top_menu .menu-userbox .search,
.l-top_menu .menu-userbox .menu,
.l-top_menu .menu-userbox #sign_in {
  color: inherit;
}

/* END of Настройка цветов в меню */
/* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */
@media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) {
  .l-top_menu {
    padding: 0;
  }
  .l-page {
    padding-top: 64px;
  }
}

/* На планшетах и далее, высота меню равна 56px */
@media screen and (min-width: 961px) and (orientation: landscape) {
  .l-top_menu {
    padding: 4px 0;
  }
}

.l-top_menu .to-mobile-forum {
  display: inline-block;
  vertical-align: top;
  position: static;
  left: 138px;
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: 4px !important;
}

.l-top_menu .to-mobile-forum:before {
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  font-size: 24px;
}

.l-top_menu .mobile-menu-toggler,
.l-top_menu .mobile-search-toggler {
  position: absolute;
  top: 0;
}

.l-top_menu .mobile-menu-toggler {
  left: -.125em;
}

.l-top_menu .mobile-search-toggler {
  right: 56px;
}

.l-top_menu .mobile-search-toggler.active {
  background-color: transparent;
}

.l-top_menu .mobile-menu-toggler::after {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.48);
  opacity: 0;
  visibility: hidden;
  transition: 0.24s cubic-bezier(0.4, 0, 0.6, 1);
  z-index: 12;
}

.l-top_menu .mobile-menu-toggler.active::after {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1024px) {
  .l-top_menu .menu-items {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: calc(100% - 56px);
    max-width: 320px;
    padding: 8px 0;
    margin: 0;
    background: #FFFFFF;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
    overflow-y: auto;
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
    transition: 0.24s cubic-bezier(0.4, 0, 0.6, 1);
    z-index: 13;
  }
  .l-top_menu .menu-items.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@media only screen and (min-width: 1025px) {
  .l-top_menu .to-mobile-forum {
    display: none;
  }
  .l-top_menu .menu-items {
    margin-left: 0;
    background-color: transparent;
  }
  .l-top_menu .menu-items > .entry:active {
    background-color: inherit;
  }
  .l-top_menu .menu-items > .entry:active,
  .l-top_menu .submenu > .entry:active,
  .l-top_menu .menu-items > .entry > a {
    color: inherit !important;
  }
  .l-top_menu .menu-items > .entry > .submenu {
    margin-top: 4px;
    margin-left: 0;
  }
  .l-top_menu .submenu.right {
    right: 0px;
    margin-top: 4px;
  }
  .b-main_search ul.popup,
  .b-main_search.hovered .popup {
    margin: 0;
    margin-top: 12px;
  }
  .l-top_menu .submenu > .entry,
  .b-main_search .popup li {
    color: inherit;
  }
  .b-main_search.hovered .popup {
    height: 304px;
  }
  .l-top_menu .menu-items > .entry.calendar > a,
  .l-top_menu .menu-items > .entry.info > a {
    padding: 0.9375rem;
  }
  .l-top_menu .menu-items > .entry.calendar > a:before,
  .l-top_menu .menu-items > .entry.info > a:before {
    display: block !important;
  }
  .l-top_menu .menu-items > .entry.calendar > a:after,
  .l-top_menu .menu-items > .entry.info > a:after {
    display: none;
  }
}

.l-top_menu .menu-items > .entry {
  float: none;
  display: block;
  padding: 0;
  border: 0;
  line-height: inherit;
}

@media (min-width: 1025px) {
  .l-top_menu .menu-items > .entry {
    display: inline-block;
    vertical-align: top;
  }
}

.l-top_menu .inner > a:first-child,
.l-top_menu .menu-items > .entry > a {
  opacity: .87;
  transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1);
}

.l-top_menu .inner > a:first-child:hover,
.l-top_menu .menu-items > .entry > a:hover {
  background-color: transparent !important;
  opacity: 1;
}

.l-top_menu .menu-items > .entry.selected,
.l-top_menu .menu-items > .entry:hover {
  background-color: transparent;
}

.l-top_menu .menu-items > .entry > a,
.l-top_menu .menu-items > .entry.sign_out {
  padding: 1rem;
  margin: 0;
  font-size: inherit;
  line-height: 1rem;
}

.l-top_menu .menu-items > .entry > .contest {
  width: auto;
  height: auto;
  margin: auto;
  background: inherit;
}

.l-top_menu .menu-items > .entry > .contest::before {
  position: static;
  margin: 0;
  color: inherit;
}

@media screen and (min-width: 1025px) {
  .l-top_menu .inner .logo,
  .l-top_menu .menu-items > .entry > a,
  .l-top_menu .menu-items > .entry.sign_out {
    padding: calc((48px - 1rem) / 2) 0.625rem;
  }
}

/* Текст вместо иконок в верхнем меню */
.l-top_menu .menu-items > .entry.calendar > a,
.l-top_menu .menu-items > .entry.info > a {
  padding: 1em;
  margin: 0;
  line-height: 1;
}

.l-top_menu .menu-items > .entry.calendar > a::before,
.l-top_menu .menu-items > .entry.info > a::before {
  display: none !important;
}

@media only screen and (min-width: 1025px) {
  .l-top_menu .menu-items > .entry.calendar > a::before,
  .l-top_menu .menu-items > .entry.info > a::before {
    display: block !important;
  }
}

@media only screen and (min-width: 1025px) {
  .l-top_menu .menu-items > .entry.calendar > a::after,
  .l-top_menu .menu-items > .entry.info > a::after {
    display: none;
  }
}

[data-locale='ru'] .l-top_menu .menu-items > .entry.calendar > a::after {
  content: 'Календарь онгоингов';
}

[data-locale='en'] .l-top_menu .menu-items > .entry.calendar > a::after {
  content: 'Calendar';
}

[data-locale='ru'] .l-top_menu .menu-items > .entry.info > a::after {
  content: 'Информация';
}

[data-locale='en'] .l-top_menu .menu-items > .entry.info > a::after {
  content: 'Info';
}

/* END of Текст вместо иконок в верхнем меню */
/* FIX: BACKFACE VISIBILITY */
.l-top_menu .menu-items > .entry > a {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Уведомления о голосованиях */
.l-top_menu .menu-items > .entry > a.contest {
  position: relative;
}

.l-top_menu .menu-items > .entry > a.contest:hover {
  background-color: transparent !important;
}

.l-top_menu .menu-items > .entry > a.contest:after {
  content: attr(data-count);
  position: absolute;
  top: .125rem;
  right: .125rem;
  width: 1.25rem;
  background-color: #FF4081;
  border-radius: 50%;
  color: #212121;
  font-size: .75rem;
  line-height: 1.25rem;
  text-align: center;
}

@media screen and (min-width: 1025px) {
  .l-top_menu .menu-items > .entry > a.contest {
    margin-left: -0.625rem;
  }
  .l-top_menu .menu-items > .entry > a.contest:after {
    top: 0;
    right: 0;
  }
}

/* END of Уведомления о голосованиях */
.l-top_menu .submenu,
.b-main_search ul.popup {
  min-width: 112px;
  border: 0;
}

.b-main_search .popup li {
  transition: 0s;
}

.l-top_menu .submenu > .entry {
  height: auto;
  padding: 0.5rem 0.625rem;
  background-color: transparent;
  border: 0;
  font-family: inherit;
  font-size: .875rem;
  line-height: 1rem;
}

.l-top_menu .submenu > .entry:first-child,
.b-main_search ul.popup li:first-child {
  margin-top: .5rem;
}

.l-top_menu .submenu > .entry:last-child,
.b-main_search ul.popup li:last-child {
  margin-bottom: .5rem;
}

.l-top_menu .menu-items .submenu-toggler {
  right: 0;
  width: 48px;
  height: 48px;
  padding: .75rem;
  margin: 0;
  z-index: 10;
}

.l-top_menu .menu-items .submenu-toggler:before {
  width: 24px;
  line-height: 24px;
}

@media screen and (min-width: 1025px) {
  .l-top_menu .menu-items .submenu-toggler,
  .l-top_menu .inner .sign_out {
    display: none;
  }
  .l-top_menu .menu-items > .entry {
    color: inherit;
  }
}

@media screen and (max-width: 1024px) {
  .l-top_menu .submenu {
    padding-left: 32px;
  }
}

/* TOPMENU | SEARCH */
.l-top_menu .menu-search {
  padding: 8px 0;
}

@media (max-width: 1024px) {
  .l-top_menu .menu-search {
    clear: left;
  }
}

@media screen and (min-width: 1025px) {
  .l-top_menu .menu-search {
    padding: 0;
  }
  .l-top_menu .menu-search > .entry {
    width: 224px;
    padding: 8px 0 !important;
  }
  .b-main_search {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}

.b-main_search .input {
  position: relative;
  width: auto;
  height: 2rem;
  padding: 0;
  margin: 0;
  border-radius: 2px;
  transition: background .3s;
}

.b-main_search.hovered .popup {
  border: 0;
  font-size: .875rem;
}

.b-main_search ul.popup li {
  width: auto;
  height: 2rem;
  padding: 0.5rem 0.625rem;
  border: 0;
  font-family: inherit;
  font-size: .875rem;
  line-height: 1rem;
}

.b-main_search .input input {
  width: 100%;
  padding: 0 0.625rem;
  font-family: inherit;
  font-size: 1rem;
  line-height: 2rem;
}

.b-main_search .input input.ac_loading {
  width: 100%;
  padding: 0 0.625rem;
}

.b-main_search ul.popup {
  width: inherit;
}

/* END of SEARCH */
/* TOPMENU | SEARCHRESULT */
.ac_results,
.completable-block {
  background: #FFFFFF;
  color: #212121 !important;
  font-size: .75rem;
}

.ac_results.menu-suggest,
.completable-block.menu-suggest {
  margin-top: -17px;
  margin-left: 6px;
  border: 0;
  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
}

.ac_results .name,
.completable-block .name {
  color: inherit;
  font-size: 14px;
}

.ac_odd {
  background-color: #FAFAFA;
}

.ac_even {
  background-color: #F5F5F5;
}

.ac_over {
  background-color: rgba(255, 255, 255, 0.24);
}

.ac_results li {
  padding: 0 .5rem;
  border: none;
  line-height: 2rem;
}

.b-main_search ul.popup,
.b-main_search.hovered .popup {
  margin: 0;
}

.ac_results .name > strong {
  background-color: #ff0;
  color: #111;
}

.ac_results .character-suggest .animes {
  line-height: 1.25rem;
}

.ac_results .character-suggest .animes > div {
  margin: 2px 0 0;
}

.ac_results .character-suggest .avatar {
  width: 40px;
  height: auto;
  max-height: 64px;
  margin: 8px 0 0 8px;
  clip-path: circle(20px at 20px 20px);
}

/* END of SEARCHRESULT */
/* TOPMENU | USERBOX */
.l-top_menu .menu-userbox {
  position: absolute;
  top: 0;
  right: 0;
}

.l-top_menu .menu-userbox > .entry {
  position: relative;
  height: 48px;
  padding: 0 !important;
  margin: 0 .625rem 0 1.25rem !important;
  cursor: default;
}

.entry.userbox > .avatar {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 4px 0;
  border-radius: 100%;
}

.entry.userbox > .avatar:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 100%;
}

.entry.userbox > .avatar > img {
  height: inherit;
}

.userbox > a .graphics-arrow-down,
.l-top_menu .menu-userbox .arrow-container,
.l-top_menu .menu-userbox .arrow-container .arrow-down {
  display: none;
}

@media screen and (max-width: 1024px) {
  .userbox img.avatar,
  .menu .unread-count {
    margin-top: 0;
  }
}

.menu .unread-count {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.25rem;
  height: auto;
  margin: 0;
  border-radius: 100%;
  line-height: 1.25rem;
  z-index: 1;
}

@media screen and (min-width: 1025px) {
  .l-top_menu .menu-userbox {
    position: relative;
  }
}

/* END of USERBOX */
/* TOPMENU | ICON */
.l-top_menu .menu-mobile .search,
.l-top_menu .menu-mobile .menu {
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: 4px;
  margin-left: 4px !important;
}

.l-top_menu .menu-mobile #sign_in,
.l-top_menu .menu-userbox #sign_in {
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: 4px;
  margin-left: 4px !important;
}

@media (min-width: 1025px) {
  .l-top_menu .menu-mobile #sign_in,
  .l-top_menu .menu-userbox #sign_in {
    width: 48px;
    height: 48px;
    padding: 12px;
    margin: 0;
  }
}

@media (max-width: 1024px) {
  .l-top_menu .menu-items > .entry > a.contest {
    padding: .75em !important;
  }
}

@media (min-width: 1025px) {
  .l-top_menu .menu-items > .entry.calendar > a,
  .l-top_menu .menu-items > .entry.info > a,
  .l-top_menu .menu-items > .entry > a.contest {
    padding: .875em;
  }
}

.l-top_menu .menu-items > .entry.calendar > a::before,
.l-top_menu .menu-items > .entry.info > a::before,
.l-top_menu .menu-items > .entry > a.contest::before {
  display: block;
  width: 1em !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

@media (min-width: 1025px) {
  .l-top_menu .menu-items > .entry.calendar > a::before,
  .l-top_menu .menu-items > .entry.info > a::before,
  .l-top_menu .menu-items > .entry > a.contest::before {
    font-size: 20px !important;
  }
}




/**
 * Иконки в меню
 */
.l-top_menu .to-mobile-forum::before {
  content: 'forum';
}

.l-top_menu .menu-mobile .menu::before {
  content: 'menu';
}

.l-top_menu .menu-mobile .search::before {
  content: 'search';
}

.l-top_menu .menu-userbox #sign_in::before {
  content: 'exit_to_app';
}

.l-top_menu .menu-items > .entry > a::before,
.l-top_menu .menu-items > a::before {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  line-height: 1;
}

.l-top_menu .menu-items > .entry.calendar > a::before,
.l-top_menu .menu-items > .entry.info > a::before {
  display: inline-block !important;
}

.l-top_menu .menu-items > .entry > a[href$='/animes']::before {
  content: 'ondemand_video';
}

.l-top_menu .menu-items > .entry.calendar > a::before {
  content: 'today';
}

.l-top_menu .menu-items > .entry > a[href$='/mangas']::before {
  content: 'photo_album';
}

.l-top_menu .menu-items > .entry > a[href$='/ranobe']::before {
  content: 'book';
}

.l-top_menu .menu-items > .entry > a[href$='/contests']::before {
  content: 'equalizer';
  transform: scale(-1, 1);
}

.l-top_menu .menu-items > .entry > .contest::before {
  content: 'poll';
}

.l-top_menu .menu-items > .entry > a[href$='/forum']::before {
  content: 'forum';
}

.l-top_menu .menu-items > .entry.info > a::before {
  content: 'info';
}

.l-top_menu .menu-items > .entry > a[href$='/for_right_holders']::before {
  content: 'copyright';
}

.l-top_menu .menu-items > .entry > a[href='https://shikimori.org/']::before {
  content: 'home';
}

.l-top_menu .menu-items > .entry.sign_out::before {
  content: 'open_in_new';
}

.l-top_menu .menu-items .submenu-toggler::before {
  content: 'arrow_drop_down';
}

.l-top_menu .menu-items .submenu-toggler.active::before {
  content: 'arrow_drop_down';
  transform: rotate(180deg);
}

@media (max-width: 1024px) {
  .l-top_menu .menu-items .submenu {
    padding-left: 3.5em;
  }
  .l-top_menu .menu-items .submenu > .entry {
    display: block;
    padding: .5em 1em;
    margin: 0;
    font-size: 1em;
  }
  .l-top_menu .menu-items > .entry.selected > a,
  .l-top_menu .menu-items .submenu > .entry.active {
    background-color: rgba(0, 0, 0, 0.12);
  }
  .l-top_menu .menu-items > .entry > a,
  .l-top_menu .menu-items > .entry.calendar > a,
  .l-top_menu .menu-items > .entry.info > a,
  .l-top_menu .menu-items > .entry.sign_out {
    padding: .75em 1rem;
    line-height: 1.5;
  }
  .l-top_menu .menu-items > .entry > a::before,
  .l-top_menu .menu-items > a::before {
    margin-right: 32px;
    color: #757575;
    font-size: 24px;
  }
}

@media screen and (min-width: 1025px) {
  .l-top_menu .menu-items > .entry > a::before,
  .l-top_menu .menu-items > a::before {
    display: none;
  }
}




.item-mobile {
  position: relative;
  margin: 4px 0 4px 8px !important;
  border-radius: 100%;
  z-index: 4;
}

.item-mobile::before {
  content: 'more_vert';
}

.item-mobile.selected {
  color: #424242;
}

.item-mobile.selected::before {
  content: 'clear';
}

@media (min-width: 1025px) {
  .item-mobile {
    display: none;
  }
}

.buttons {
  margin-right: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
}

.buttons .editor-controls {
  overflow-x: auto;
}

.buttons .editor-controls .b-tooltipped.selected {
  color: #FF4081 !important;
}

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

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

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

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

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

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

.buttons .item-edit::before {
  content: 'mode_edit';
}

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

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

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

.buttons .item-subscribe::before {
  content: 'star';
}

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

.buttons .item-offtopic.selected {
  color: #ef5350;
}

.buttons .item-summary::before {
  content: 'check_circle';
}

.buttons .item-summary.selected {
  color: #66bb6a;
}

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

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

.buttons .item-ban::before {
  content: 'gavel';
}

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

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

.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: 'insert_link';
}

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

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

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

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

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

.buttons .editor-file {
  position: relative;
}

.buttons .editor-file span,
.buttons .editor-file a {
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: 0 !important;
}

.buttons .editor-file input {
  left: 0;
  width: 40px;
  height: 40px;
  border: 0;
  font-size: 40px;
}

.buttons [class*='item-'] {
  vertical-align: top;
  width: 220px;
  padding: 11px 16px;
  margin-right: auto !important;
  margin-left: auto !important;
  color: #757575 !important;
  line-height: 18px !important;
  transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
}

@media (min-width: 1025px) {
  .buttons [class*='item-'] {
    width: 32px;
    height: 32px;
    padding: 7px;
    margin-left: 8px !important;
    border-radius: 2px;
    line-height: 18px !important;
  }
}

.buttons [class*='item-']:hover {
  background-color: #E0E0E0;
  color: #424242 !important;
}

.buttons [class*='item-']::before {
  display: inline-block;
  vertical-align: top;
}

.buttons [class*='item-']::after {
  vertical-align: top;
  padding-left: 12px;
  font-size: 16px;
  line-height: 18px;
}

/**
 * Headline
 * Изменение подзаголовков разделов и ссылок в них.
 */
header.head {
  margin-bottom: 1.5rem;
}

header.head h1, header.head h2 {
  padding: .5rem 0;
  font-family: inherit;
  font-size: 1.5rem;
  line-height: 2rem;
  color: inherit;
}

header.head h1 a.back:nth-child(n), header.head h2 a.back:nth-child(n) {
  margin: -4px 24px -4px -8px !important;
}

@media (min-width: 1025px) {
  header.head h1 a.back:nth-child(n), header.head h2 a.back:nth-child(n) {
    margin: -4px 16px -4px 0 !important;
  }
}

header.head h1 a.back::before, header.head h2 a.back::before {
  content: 'arrow_back';
  position: static;
  color: inherit;
}

header.head h1 a.back::after, header.head h2 a.back::after {
  display: none;
}

header.head .misc, header.head a.edit {
  color: #9E9E9E;
}

header.head a.misc, header.head a.edit {
  color: #2196F3;
}

header.head a.misc:hover, header.head a.edit:hover {
  color: #FF4081;
}

header.head a.misc:active, header.head a.edit:active {
  color: #F50057;
}

header.head .notice {
  margin: .5rem 0;
  margin-top: -.5rem;
  font-size: .875rem;
  line-height: 1.25rem;
}

.headline {
  padding: 8px 0;
  margin: 8px 0;
  background: none;
  border: 0;
  font-size: 24px;
  font-weight: normal;
  line-height: 32px;
  text-transform: none;
}

.midheadline,
.subheadline,
.mischeadline, .b-stats_bar .title, .p-dashboards-show .c-my_list .title, .p-profiles .lifetime .title, .p-profiles .activity .title {
  padding: 16px;
  margin: 0 -16px;
  background-color: transparent;
  border: 0;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
}

.headline > a, .midheadline > a, .subheadline > a {
  min-width: 0;
  margin: -.625rem -1rem;
}

.headline > a::before, .midheadline > a::before, .subheadline > a::before {
  content: 'chevron_right';
  right: 0;
  left: 0;
  width: auto !important;
  margin-top: -6px;
  text-align: right;
  line-height: 32px !important;
  opacity: 0;
  pointer-events: auto;
}

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

.headline.linkheadline > a, .midheadline.linkheadline > a, .subheadline.linkheadline > a {
  color: #2196F3 !important;
  text-decoration: none;
}

.subheadline .misc-link {
  float: right;
}

.subheadline-input {
  padding: 5px 8px;
  margin-top: 8px !important;
  border-radius: 2px !important;
  font-size: 14px;
  line-height: inherit !important;
}

@media (max-width: 767px) {
  .subheadline-input {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
}

.subheadline-buttons {
  right: 0;
  margin: 0;
}

.subheadline-buttons .item-edit::before {
  content: 'edit';
}

.subheadline-buttons + .subheadline {
  padding-right: 3rem;
}

/* SVG-графики на страницах о сайте и индустрии аниме */
.highcharts-root .highcharts-background {
  fill: #FAFAFA;
}

.highcharts-root .highcharts-yaxis-grid .highcharts-grid-line,
.highcharts-root .highcharts-xaxis .highcharts-tick,
.highcharts-root .highcharts-xaxis .highcharts-axis-line {
  stroke: #DDDDDD;
}

.highcharts-root .highcharts-legend-item text {
  color: #212121 !important;
  fill: #212121 !important;
}

.highcharts-root .highcharts-legend-item.highcharts-legend-item-hidden text {
  color: #424242 !important;
  fill: #424242 !important;
}

.highcharts-root .highcharts-axis-labels text {
  color: #757575 !important;
  fill: #757575 !important;
}

.highcharts-root .highcharts-text-outline {
  display: none;
}

.highcharts-root .highcharts-text-outline ~ tspan {
  color: #212121 !important;
  fill: #212121 !important;
}

.p-statistics-index #total,
.p-statistics-index #by_kind,
.p-statistics-index #by_rating,
.p-statistics-index #by_genre,
.p-statistics-index #by_studio {
  min-width: 0 !important;
  overflow-x: auto;
}

.highcharts-container {
  max-width: 100%;
}

text,
.highcharts-tooltip text tspan:last-child {
  font-weight: bold;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Всплывающая подсказка */
.tipsy {
  padding: .875rem;
  font-size: .875rem;
  opacity: .9 !important;
  pointer-events: none;
}

.tipsy-arrow {
  display: none;
}

.tipsy-inner {
  padding: .375rem 1rem;
  background-color: #616161;
  border-radius: 3px;
  box-shadow: none;
  color: #eee;
  text-align: left;
}

/* TOAST */
.toast-message {
  display: inline-block;
  vertical-align: top;
  line-height: 1.5rem;
}

.toast-top-right {
  top: auto;
  bottom: 0;
  right: 0;
  left: 0;
}

#toast-container {
  line-height: 1.5rem;
}

#toast-container > div {
  width: 100%;
  max-width: 25rem;
  padding: .75rem 1.5rem;
  margin: auto;
  background-size: 0;
  border-radius: 0;
}

#toast-container > .toast-error::before {
  content: 'error_outline';
  float: left;
  margin: 0 1rem 0 -.5rem;
  font-size: 1.5rem !important;
}

.toast,
.toast-success,
.toast-error {
  background-color: #323232;
}

.tooltip-inner {
  min-height: 3.5rem;
  padding: 1rem;
  background: #FFFFFF;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24);
  color: #212121 !important;
  overflow: hidden;
}

.tooltip-arrow {
  display: none;
}

.tooltip-inner .close {
  top: .25em;
  right: .25em;
  width: auto;
  padding: .375em;
  background: transparent;
  border-radius: 50%;
  color: inherit;
  font-size: 1rem;
}

.tooltip-inner .close:hover {
  color: #FF4081;
}

.tooltip-inner .close:active {
  color: #F50057;
}

.tooltip-inner .close::before {
  content: 'close';
  font-size: 20px !important;
}

.tooltip-inner .close::after {
  display: none;
}

/**
 * Simple <paper-spinner>
 * MIT License
 * Copyright (c) 2015 Chris Nager
 * https://github.com/chrisnager/simple-paper-spinner
 */
.tooltip-details .ajax-loading {
  display: block;
  top: 50%;
  left: 50%;
  width: 1.75em;
  height: 1.75em;
  min-height: 0;
  margin: 3em auto;
  background: #FFFFFF;
  background-image: none;
  border-radius: 50%;
  box-shadow: inset 0 0 0 0.1875em;
  overflow: hidden;
  will-change: transform;
  -webkit-animation: spin 2666ms linear infinite;
  animation: spin 2666ms linear infinite;
  -webkit-clip-path: circle(0.875em at center);
  clip-path: circle(0.875em at center);
}

.tooltip-details .ajax-loading::after, .tooltip-details .ajax-loading::before {
  content: '';
  position: absolute;
  width: 7em;
  height: 1.75em;
  background-color: inherit;
}

.tooltip-details .ajax-loading::after {
  -webkit-transform: skewX(-80deg) translate(0.875em, 0.875em);
  transform: skewX(-80deg) translate(0.875em, 0.875em);
  -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

.tooltip-details .ajax-loading::before {
  -webkit-transform: skewX(80deg) translate(0.875em, -0.875em);
  transform: skewX(80deg) translate(0.875em, -0.875em);
  -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

@-webkit-keyframes shape-shift-before {
  to {
    -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em);
    transform: skewX(-45deg) translate(0.875em, -0.875em);
  }
}

@keyframes shape-shift-before {
  to {
    -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em);
    transform: skewX(-45deg) translate(0.875em, -0.875em);
  }
}

@-webkit-keyframes shape-shift-after {
  to {
    -webkit-transform: skewX(45deg) translate(0.875em, 0.875em);
    transform: skewX(45deg) translate(0.875em, 0.875em);
  }
}

@keyframes shape-shift-after {
  to {
    -webkit-transform: skewX(45deg) translate(0.875em, 0.875em);
    transform: skewX(45deg) translate(0.875em, 0.875em);
  }
}

.b-ban,
.b-log_entry {
  position: relative;
  padding: .5rem 0;
  padding-right: 2.5rem !important;
  font-size: .875rem;
  line-height: 1.5rem;
}

@media (min-width: 1025px) {
  .b-ban,
  .b-log_entry {
    padding: .25rem 0;
  }
}

.b-ban > span,
.b-log_entry > span {
  padding-right: 0.375em;
}

.b-ban .date,
.b-log_entry .date {
  color: #757575;
  font-size: inherit;
}

.b-ban a, .b-ban .link,
.b-log_entry a,
.b-log_entry .link {
  color: #2196F3;
}

.b-ban a:hover, .b-ban .link:hover,
.b-log_entry a:hover,
.b-log_entry .link:hover {
  color: #FF4081;
}

.b-ban a:active, .b-ban .link:active,
.b-log_entry a:active,
.b-log_entry .link:active {
  color: #F50057;
}

.b-ban a:hover .id-label, .b-ban .link:hover .id-label,
.b-log_entry a:hover .id-label,
.b-log_entry .link:hover .id-label {
  color: inherit;
}

.b-ban .id-label,
.b-log_entry .id-label {
  color: #9E9E9E;
}

.b-ban .b-user16 span,
.b-log_entry .b-user16 span {
  padding-right: .5rem;
}

.b-ban .spoiler.collapse,
.b-log_entry .spoiler.collapse {
  position: absolute;
  top: 0;
  right: 0;
  padding: .375rem;
  border-radius: 3px;
  color: #757575;
  transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
}

.b-ban .spoiler.collapse:hover,
.b-log_entry .spoiler.collapse:hover {
  background: #E0E0E0 !important;
  color: #424242;
}

.b-ban .spoiler.collapse::before,
.b-log_entry .spoiler.collapse::before {
  content: 'expand_more';
  font-size: 1.25rem !important;
  transition: inherit;
}

.b-ban .spoiler.collapse.triggered::before,
.b-log_entry .spoiler.collapse.triggered::before {
  transform: rotate(180deg);
}

.b-ban .spoiler.collapse::after,
.b-log_entry .spoiler.collapse::after {
  content: 'Показать правку';
  margin: 0 .75rem;
}

[data-locale=en] .b-ban .spoiler.collapse::after, [data-locale=en]
.b-log_entry .spoiler.collapse::after {
  content: 'Show details';
}

.b-ban .spoiler.collapse.triggered::after,
.b-log_entry .spoiler.collapse.triggered::after {
  content: 'Свернуть';
}

[data-locale=en] .b-ban .spoiler.collapse.triggered::after, [data-locale=en]
.b-log_entry .spoiler.collapse.triggered::after {
  content: 'Hide';
}

.b-ban .spoiler.collapsed,
.b-ban .spoiler.collapse .action,
.b-log_entry .spoiler.collapsed,
.b-log_entry .spoiler.collapse .action {
  display: none !important;
}

/* Модерация */
.b-ban .abuser {
  vertical-align: top;
  color: #2196F3;
  font-size: inherit;
}

.b-ban .abuser::before, .b-ban .abuser::after {
  color: #9E9E9E;
}

.b-ban .abuser:hover {
  color: #FF4081;
}

.b-ban .abuser:active {
  color: #F50057;
}

.b-ban .comment-hash {
  color: #9E9E9E;
}

.b-ban .comment-hash:hover {
  color: #FF4081;
}

.b-ban .comment-hash:active {
  color: #F50057;
}

.b-ban .duration {
  color: #757575;
  font-size: inherit;
}

.b-ban .moderator {
  padding-left: 0.375em;
}

.b-ban .moderator > span {
  padding-left: 0.375em;
}

/* Список правок */
.b-log_entry .state + span {
  padding-right: 0;
}

.b-log_entry .change-details {
  margin: .5em 0 0;
}

.b-log_entry .change-details .reason {
  margin-bottom: .5rem;
}

.b-log_entry .change-details .reason span {
  padding-right: 0.375em;
  color: #757575;
}

.b-log_entry .change-details .field-changes .changes .change {
  margin-bottom: .5rem;
}

.b-log_entry .change-details .field-changes .label {
  padding-right: 0.375em;
  color: #757575;
}

/* Жалобы */
.b-abuse_request {
  /* FIX */
}

.b-abuse_request .outdated {
  font-size: inherit;
}

.b-abuse_request .outdated::before, .b-abuse_request .outdated::after {
  color: #757575;
}

.b-abuse_request .remove {
  padding-right: 0.375em;
}

.b-abuse_request .marker {
  vertical-align: baseline !important;
  padding: 0 .375em !important;
  margin: 0 0.5rem 0 0 !important;
}

.b-add_to_list {
  min-width: 0;
  margin-bottom: .5rem;
}

.b-add_to_list .trigger, .b-add_to_list .option {
  padding: .5rem 1rem .5rem 3rem;
  border: 0;
  font-size: .875rem;
  line-height: 1.5rem;
}

.b-add_to_list .trigger {
  border-radius: 3px;
}

.b-add_to_list .option:last-child {
  border-radius: 0 3px 3px 0;
}

.b-add_to_list .plus, .b-add_to_list .edit, .b-add_to_list .trigger-arrow {
  width: 2.5rem;
  height: 2.5rem;
  padding: .5rem;
  margin: -.5rem -1rem -.5rem 0;
  color: inherit !important;
}

.b-add_to_list .plus, .b-add_to_list .edit {
  position: absolute;
  left: 0;
  margin-left: 0 !important;
  margin-right: .5rem !important;
}

.b-add_to_list .plus::before {
  content: 'add';
}

.b-add_to_list.planned .edit::before {
  content: 'event';
}

.b-add_to_list.on_hold .edit::before {
  content: 'query_builder';
}

.b-add_to_list.watching .edit::before {
  content: 'play_arrow';
}

.b-add_to_list.rewatching .edit::before {
  content: 'replay';
}

.b-add_to_list.completed .edit::before {
  content: 'done';
}

.b-add_to_list.dropped .edit::before {
  content: 'delete';
}

.b-add_to_list .trigger-arrow {
  position: relative;
}

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

.b-add_to_list.expanded .trigger-arrow::before {
  content: 'arrow_drop_down';
  transform: rotate(180deg);
}

.b-add_to_list .expanded-options {
  padding-top: 3px;
  margin-top: -3px;
}

.b-add_to_list .expanded-options .option {
  font-size: .875rem;
}

.b-add_to_list .expanded-options .option .text {
  padding-left: 0;
}

.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option {
  padding: 0 1rem 0 2rem;
  line-height: 2rem;
}

.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before {
  color: inherit;
}

.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow {
  width: 2rem;
  height: 2rem;
  padding: .4375rem;
  margin: 0 -1rem 0 .25rem;
}

.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit {
  margin-right: .25rem !important;
}

.b-db_entry-note .name-container .b-user_rate .b-add_to_list .expanded-options {
  padding-top: 0;
  margin-top: 0;
}

.b-catalog_entry-tooltip .b-add_to_list {
  width: auto;
  max-width: 224px;
}

.b-catalog_entry-tooltip .b-add_to_list .trigger, .b-catalog_entry-tooltip .b-add_to_list .option {
  font-size: .875rem;
}

.b-catalog_entry-tooltip .b-add_to_list .trigger {
  line-height: 1.5rem;
}

.b-catalog_entry-tooltip .b-add_to_list .trigger, .b-catalog_entry-tooltip .b-add_to_list .add-trigger, .b-catalog_entry-tooltip .b-add_to_list .remove-trigger {
  max-width: 224px;
}

.b-ajax::before {
  opacity: .75;
}

.b-ajax::after {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -.75rem;
  margin-left: -.75rem;
  background: transparent;
  border: .1875rem solid;
  border-right-color: transparent;
  border-radius: 50%;
  color: #2196F3;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  box-sizing: border-box;
  pointer-events: all;
}

.ajax-loading.vk-like {
  min-height: 1.5rem;
}

.b-anime_status_tag {
  margin: 0;
}

.b-anime_status_tag.released {
  color: #66bb6a;
}

.b-anime_status_tag.anons {
  color: #ef8d50;
}

.b-anime_status_tag.ongoing {
  color: #4f91e8;
}

.b-anime_status_tag.episode {
  color: #4f91e8;
}

.b-anime_status_tag.summary {
  color: #a64fe8;
}

.b-anime_status_tag.news {
  color: #ef8d50;
}

.b-anime_status_tag.review {
  color: #e84fde;
}

.b-anime_status_tag.collection {
  color: #aea593;
}

.b-anime_status_tag.cosplay {
  color: #e8dc4f;
}

.b-anime_status_tag.offtopic {
  color: #f58ebb;
}

.b-anime_status_tag.ignored {
  vertical-align: top;
  color: #ef5350;
}

.b-anime_status_tag.broadcast {
  color: #e84fde;
}

.b-block_list li {
  padding: 0 .5rem;
  margin: 0 -.5rem;
  color: #424242;
  font-family: inherit;
  line-height: 1.5rem;
}

.b-block_list li:hover, .b-block_list li.selected {
  background-color: #EEEEEE;
  color: #212121;
}

.b-block_list li:active {
  background-color: #EEEEEE;
}

.b-block_list li a {
  color: #424242;
}

/* Хлебные крошки */
.b-breadcrumbs {
  margin: 0;
  color: #757575;
  line-height: 1rem;
}

.b-breadcrumbs > span::after {
  content: '»';
  color: #9E9E9E;
}

.b-breadcrumbs a.b-link {
  color: #757575;
}

.b-catalog_entry .image-cutter {
  border-radius: 2px;
}

.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 {
  top: auto !important;
  right: 8px !important;
  bottom: 8px !important;
  width: 1.5em !important;
  height: auto !important;
  border: none;
  border-radius: 100% !important;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.24);
  color: #FFF;
  font-size: 24px !important;
  line-height: 1.5 !important;
  text-align: center;
}

.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: 'event';
  background: #FAFAFA;
  color: #2b7ae3;
}

.b-catalog_entry.watching .image-decor::before {
  content: 'play_arrow';
  background: #4f91e8;
}

.b-catalog_entry.rewatching .image-decor::before {
  content: 'replay';
  background: #4f91e8;
}

.b-catalog_entry.completed .image-decor::before {
  content: 'done';
  background: #66bb6a;
}

.b-catalog_entry.on_hold .image-decor::before {
  content: 'schedule';
  background: #757575;
}

.b-catalog_entry.dropped .image-decor::before {
  content: 'delete';
  background: #ef5350;
}

.b-catalog_entry-tooltip .inner a.name {
  color: #212121 !important;
  font-size: .875rem;
}

.b-catalog_entry-tooltip .inner .text {
  margin-bottom: .5rem;
  font-size: .8125rem;
  line-height: 1.25rem;
}

.b-catalog_entry-tooltip .inner .line {
  font-size: .8125rem;
  line-height: 1.5rem;
}

.b-catalog_entry-tooltip .inner .line.name {
  margin-bottom: 0;
  line-height: 1.5rem;
}

.b-catalog_entry-tooltip .inner .line .key {
  color: #424242;
}

.b-catalog_entry-tooltip .inner .line .value a {
  color: #212121 !important;
}

.b-catalog_entry-tooltip .inner .line .value .tag {
  font-size: 10px;
  line-height: 20px;
  text-transform: uppercase;
}

.b-catalog_entry-tooltip .inner .rating {
  bottom: 0;
  color: #424242;
  font-family: inherit;
  font-size: 1.5rem;
  line-height: 1;
}

.b-catalog_entry-tooltip .inner .rating .text {
  margin: .5rem .5rem 0;
  color: #757575;
  font-size: .75rem;
  line-height: 1rem;
}

.b-catalog_entry-tooltip .inner .additional-images .link .title {
  color: #424242;
}

.b-club .name-logo:hover .name {
  color: inherit;
}

.b-club .name {
  color: #2196F3;
}

.b-club .name:hover {
  color: #FF4081;
}

.b-club .name:active {
  color: #F50057;
}

.b-club .info {
  font-size: .75rem;
  line-height: inherit;
}

.b-club .info .number {
  color: #757575;
}

.b-club .info .value {
  color: #9E9E9E;
}

/* BBCode: CODE */
code {
  vertical-align: middle;
  padding: .5px 4px;
  background-color: rgba(32, 32, 32, 0.05);
  border-radius: 2px;
  font-size: .875rem;
}

pre {
  position: relative;
}

.b-code {
  padding: 1rem;
  margin: .5rem 0;
  background: #263238;
  border-radius: 2px;
  font-size: .875rem;
  font-style: normal;
  font-weight: normal;
  text-align: left;
}

@media (min-width: 960px) {
  .b-code::before {
    content: attr(data-language);
    position: absolute;
    top: 1rem;
    right: .5rem;
    padding: 0 .5rem;
    background-color: #747474;
    border-radius: 2px;
  }
  .tooltip-details .b-code::before {
    display: none;
  }
}

.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-collection-filters .b-block_list li {
  position: relative;
  padding: .25em .5em;
  margin: 0 -.5em;
  font-size: 1rem;
  line-height: 1.5;
}

.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: #2196F3;
}

.b-collection-filters .b-block_list li.selected {
  color: inherit;
}

.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: #2196F3;
  font-weight: bold;
}

.b-collection-filters .b-block_list li .filter:hover {
  color: #FF4081;
}

.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 {
  content: 'Исключить';
}

[data-locale='en'] .b-collection-filters .b-block_list li .filter.item-add::before {
  content: 'Exclude';
}

.b-collection-filters .b-block_list li .filter.item-minus::before {
  content: 'Добавить';
}

[data-locale='en'] .b-collection-filters .b-block_list li .filter.item-minus::before {
  content: 'Include';
}

.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 .subheadline {
  font-size: 0;
  line-height: 0;
}

.b-collection-filters .mylist-block .subheadline::after {
  content: 'Мой список';
  font-size: .875rem;
  line-height: 1rem;
}

[data-locale='en'] .b-collection-filters .mylist-block .subheadline::after {
  content: 'My List';
}

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

.b-collection-filters .mylist-block .item-sign::before {
  content: 'playlist_add_check';
}

.p-user_rates .mylist-block + .block + .block + .block > .b-list,
.b-collection-filters > .block:nth-child(3) > .b-list {
  margin-left: 0 !important;
}

.p-user_rates .mylist-block + .block + .block + .block > .b-list > li,
.b-collection-filters > .block:nth-child(3) > .b-list > li {
  position: relative;
  margin-bottom: .5rem;
  background-color: #2196F3;
  border-radius: 2px;
  font-size: .875rem;
  font-weight: bold;
  line-height: 2rem;
  text-align: center;
  text-transform: uppercase;
  list-style: none;
}

.p-user_rates .mylist-block + .block + .block + .block > .b-list > li::before, .p-user_rates .mylist-block + .block + .block + .block > .b-list > li::after,
.b-collection-filters > .block:nth-child(3) > .b-list > li::before,
.b-collection-filters > .block:nth-child(3) > .b-list > li::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: 0;
  z-index: 0;
  transition: opacity .3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.p-user_rates .mylist-block + .block + .block + .block > .b-list > li::before,
.b-collection-filters > .block:nth-child(3) > .b-list > li::before {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.56);
}

.p-user_rates .mylist-block + .block + .block + .block > .b-list > li::after,
.b-collection-filters > .block:nth-child(3) > .b-list > li::after {
  background-color: rgba(0, 0, 0, 0.12);
}

.p-user_rates .mylist-block + .block + .block + .block > .b-list > li:hover::before, .p-user_rates .mylist-block + .block + .block + .block > .b-list > li:hover::after,
.b-collection-filters > .block:nth-child(3) > .b-list > li:hover::before,
.b-collection-filters > .block:nth-child(3) > .b-list > li:hover::after {
  opacity: 1;
}

.p-user_rates .mylist-block + .block + .block + .block > .b-list > li > a,
.b-collection-filters > .block:nth-child(3) > .b-list > li > a {
  position: relative;
  display: block;
  color: #FAFAFA !important;
  z-index: 1;
}

.p-user_rates .mylist-block + .block + .block + .block > .b-list > li > a:hover,
.b-collection-filters > .block:nth-child(3) > .b-list > li > a:hover {
  color: #FAFAFA !important;
  text-decoration: none;
}

/* Поиск клубов и коллекций */
.b-collection_search .field {
  margin-bottom: 1.5rem;
}

.b-collection_search .field input {
  padding: .75rem 1rem;
  background: #F5F5F5;
  border-color: #DDDDDD;
  border-radius: 2px;
  font-size: 1rem;
}

.b-collection_search .field .clear {
  position: absolute;
  top: 0;
  right: 0;
  padding: .625rem;
  color: #757575;
  font-size: 0;
  line-height: 0;
}

.b-collection_search .field .clear:hover {
  color: #424242;
  text-decoration: none;
}

.b-collection_search .field .clear::before {
  content: 'clear';
  position: static;
}

.b-comment header .time:hover {
  text-decoration: underline;
}

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

.b-comment div.body {
  line-height: 1.25;
}

.b-comments-notifier {
  top: 0 !important;
  width: 2rem;
  height: 2rem;
  margin-top: 4rem;
  background: #4f91e8;
  border-radius: 2px;
  line-height: 2rem;
}

.b-comments {
  line-height: inherit;
}

.b-comments .comments-collapser {
  width: 2.5rem;
  padding: .5rem;
  margin: 0;
  border: 0;
  color: #2196F3;
  font-size: 0;
  line-height: 0;
}

.b-comments .comments-collapser:hover {
  color: #FF4081;
}

.b-comments .comments-collapser:active {
  color: #F50057;
}

.b-comments .comments-collapser::before {
  content: 'expand_less';
  display: block;
}

.b-comments .messages-postloader {
  margin-bottom: .5rem;
}

/* Вывод основных данных из БД */
.b-db_entry {
  line-height: inherit;
}

.b-db_entry > .c-about .c-info-left,
.b-db_entry > .c-about .c-info-right,
.b-db_entry > .c-about .c-info-left:last-child,
.b-db_entry > .c-about .c-info-right:last-child {
  margin-bottom: 8px !important;
}

.b-db_entry > .c-about .contest_winners {
  margin-top: 0;
  margin-bottom: 1em;
}

@media (min-width: 768px) {
  .p-people-show .b-db_entry > .c-about {
    float: none;
    margin-left: 30%;
    overflow: hidden;
  }
}

.b-db_entry > div:last-child .text {
  line-height: 1.5;
}

.p-animes .b-db_entry > div:last-child {
  clear: left;
  padding-top: 0;
  margin-left: 0;
  line-height: inherit;
}

.b-db_entry .c-poster img {
  border-radius: 2px;
}

@media (max-width: 480px) and (orientation: portrait) {
  .b-db_entry .c-actions .b-tooltipped {
    display: table;
    width: 100%;
    margin: 0 0 8px !important;
  }
}

.b-db_entry .c-actions .b-tooltipped::before {
  display: table-cell;
  float: none;
}

.b-db_entry .c-actions .b-tooltipped::after {
  padding-left: .5rem;
  color: inherit;
  font-size: .875rem;
  line-height: 1.125rem;
}

.b-db_entry .c-actions .fav-add:hover {
  color: #FF4081 !important;
}

.b-db_entry .c-actions .fav-remove {
  color: #FF4081 !important;
}

.b-db_entry .c-actions .fav-remove:hover::before {
  color: inherit;
}

/* "Связанное" и "Авторы" аниме и манги */
.b-db_entry-note {
  position: relative;
  padding: 8px 0;
  margin: 0;
  border: 0;
}

.b-db_entry-note::before {
  content: '';
  position: absolute;
  right: -16px;
  top: 0;
  left: 56px;
  height: 1px;
  background-color: #DDDDDD;
}

.b-db_entry-note .name-container {
  padding: .25rem 0;
  margin-left: 64px;
  line-height: inherit;
}

.b-db_entry-note .name-container .name {
  color: #212121;
  font-size: 1rem;
}

.b-db_entry-note .name-container .name:hover {
  color: #FF4081;
}

.b-db_entry-note .name-container .name:active {
  color: #F50057;
}

.b-db_entry-note .name-container .note {
  margin-top: 4px;
  color: #757575;
  font-size: .875rem;
  line-height: 1rem;
}

.b-db_entry-note .name-container .note > span {
  display: inline-block;
  vertical-align: top;
}

.b-db_entry-note .name-container .note > span::after {
  color: #9E9E9E;
}

.b-db_entry-note .name-container .note .relation + .additional::before, .b-db_entry-note .name-container .note .relation + .additional::after {
  color: #9E9E9E;
}

.b-db_entry-note .name-container .b-user_rate {
  margin-top: .375rem;
}

.cc > .b-db_entry-note:first-child::before,
.block_m > .b-db_entry-note:first-child::before {
  display: none;
}

@media only screen and (min-width: 768px) {
  .c-column:first-child:last-child .cc > .b-db_entry-note:nth-child(2)::before {
    display: none;
  }
}

.b-db_entry-note::before {
  right: 0;
  left: 64px;
}

.p-db_entries-related .b-db_entry-note {
  padding: 16px 0;
}

@media (max-width: 1024px) {
  .b-dialog .time {
    display: block !important;
    padding-left: 0 !important;
    font-size: .875em !important;
  }
}

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

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

.b-dialog img:not([alt]),
.b-dialog a,
.b-dialog .buttons,
.b-dialog .b-new_marker,
.b-dialog .b-spoiler {
  position: relative;
  z-index: 2;
}

.b-dialog .b-message {
  position: static;
  margin: 0;
  padding: 0 !important;
  overflow: visible;
}

.b-dialog .b-message .inner header img {
  width: 24px;
  margin: 0 12px 0 0;
}

.b-dialog .b-message .inner header .name-date {
  line-height: inherit;
}

@media (max-width: 1024px) {
  .b-dialog .b-message .inner header .name-date .time {
    display: inline !important;
    padding-left: .5em !important;
  }
}

.b-dropzone {
  padding: .5rem 1rem 3rem;
  background-color: #EEEEEE;
  border: 1px dashed #DDDDDD;
  border-radius: .125rem;
}

.b-dropzone:hover {
  border-color: #2196F3;
}

.b-dropzone:hover::before,
.b-dropzone:hover input[type=file] {
  color: #424242;
}

.b-dropzone::before {
  margin: .5rem 0;
  color: #9E9E9E;
  font-size: 14px;
}

.b-dropzone .thank-you {
  margin-bottom: .5rem;
}

.b-dropzone input[type=file] {
  bottom: 1rem;
  color: #9E9E9E;
}

.b-entry-info {
  margin: 0;
  font-size: .875rem;
}

.b-entry-info .line {
  line-height: 1.5rem;
}

.b-entry-info .line a {
  color: #2196F3;
}

.b-entry-info .line a:hover {
  color: #FF4081;
}

.b-entry-info .line a:active {
  color: #F50057;
}

.b-entry-info .line .b-tag {
  font-size: 10px;
  line-height: 20px;
  text-transform: uppercase;
}

.b-entry-info .line .b-tag > span::after {
  display: none;
}

.b-entry-info .line .key {
  color: #757575;
}

.b-entry-info .line .value {
  color: inherit;
}

/* Формы */
.b-form::after {
  display: block;
}

/* Список топиков */
.b-forums {
  margin-bottom: .5rem;
  line-height: inherit;
}

.b-forums .forum {
  clear: both;
  position: relative;
  min-height: 1.5rem;
  padding: 0 .5rem;
  margin: 0 -.5rem;
  line-height: 1.5rem;
}

.b-forums .forum input {
  position: absolute;
  left: .375rem;
  width: 1.125rem;
  height: 1.125rem;
  margin: .1875rem 1rem .1875rem 0;
  opacity: 0;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.b-forums .forum input:disabled {
  pointer-events: none;
}

.b-forums .forum input + .link {
  padding-left: 2.25rem !important;
}

.b-forums .forum input + .link::before {
  content: 'check_box_outline_blank';
  position: absolute;
  top: 0;
  left: 0.375rem;
  width: 1em;
  margin: 0.1875rem 0;
}

.b-forums .forum input:hover + .link::before {
  opacity: .9;
}

.b-forums .forum input:checked + .link::before {
  content: 'check_box';
}

.b-forums .forum input:disabled + .link::before {
  color: #BDBDBD;
}

.b-forums .forum .link-with-input .link {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  right: 0;
  left: 0;
  padding-left: .5rem;
}

.b-forums .forum .topics {
  margin-left: 8px;
  margin-top: 0;
  font-size: .75rem;
}

.b-gallery .b-image {
  padding: .125rem;
}

.b-gallery .b-image .controls {
  margin: .125rem;
  text-align: right;
}

.b-gallery .grid_sizer .controls {
  margin-top: .375rem !important;
  margin-right: .375rem !important;
}

.b-height_shortener {
  position: relative;
  padding-left: 0;
  cursor: s-resize;
}

.b-height_shortener .shade {
  right: 0;
  left: 0;
  width: auto;
  height: 2.5rem;
  margin-top: -2.5rem;
  background-image: linear-gradient(to bottom, transparent, #FAFAFA);
}

.b-height_shortener .expand {
  display: inline-block;
  vertical-align: top;
  padding: 0 .5rem;
  border-radius: .625rem;
  color: #424242;
  font-size: .875rem;
  line-height: 1.25rem;
  transition: .16s;
  user-select: none;
}

.b-height_shortener .expand:hover, .b-height_shortener .expand:active {
  background: #E0E0E0;
  color: #424242;
}

.b-height_shortener .expand::before {
  content: 'expand_more';
  display: inline-block;
  vertical-align: top;
  margin: 0 .375rem 0 -.375rem;
  font-size: 20px !important;
}

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

.b-height_shortener .expand span {
  border: 0;
  font-weight: bold;
}

.b-comment .b-height_shortener,
.b-dialog .b-height_shortener {
  padding-left: 3.5rem;
}

.b-review-topic .b-height_shortener {
  padding-left: 0;
  cursor: default;
}

/* ТЕМЫ ДНЯ */
.b-hot_topics {
  padding: .5rem 1rem;
  margin: -.5rem -1rem 0 -1rem;
  background-color: initial;
  border: 0;
}

@media (max-width: 767px) {
  .b-hot_topics {
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
  }
  .b-hot_topics::before, .b-hot_topics::after {
    content: '';
    position: absolute;
    left: 0;
    width: 1rem;
    height: 2rem;
    background-image: linear-gradient(-90deg, transparent, #FAFAFA);
    z-index: 1;
  }
  .b-hot_topics::after {
    left: auto;
    right: 0;
    margin-top: -2rem;
    background-image: linear-gradient(90deg, transparent, #FAFAFA);
  }
}

@media (max-width: 1024px) {
  .b-hot_topics {
    padding: 14px 16px;
    margin: -16px -16px 0 -16px;
    border: 0;
  }
}

.b-hot_topics .topic {
  font-size: .875rem;
  line-height: 2rem;
  text-align: left;
}

@media (max-width: 767px) {
  .b-hot_topics .topic {
    float: none;
    vertical-align: top;
    width: auto;
    max-width: 100%;
  }
  .b-hot_topics .topic:nth-child(n) {
    display: inline-block;
    margin-right: 1rem;
  }
  .b-hot_topics .topic:last-child {
    margin-right: 0;
  }
}

@media (min-width: 1025px) {
  .b-hot_topics .topic {
    width: 10.6666%;
    margin-right: .5%;
  }
}

.b-hot_topics .topic.subject {
  color: #212121;
  font-size: .875rem;
  font-weight: bold;
  line-height: 2rem;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.b-hot_topics .topic a {
  padding: 0 .75rem 0 2.5rem;
  background-color: #EEEEEE;
  border-radius: 1rem;
  color: #212121;
}

.b-hot_topics .topic a:hover {
  background-color: #E0E0E0;
  text-decoration: none;
}

.b-hot_topics .topic a .poster {
  width: 2rem;
  height: 2rem;
  margin: 0 0 0 -2.5rem;
  border-radius: 100%;
}

.b-image {
  display: inline-block;
  vertical-align: top;
  margin-bottom: .25rem;
}

.b-image:hover {
  opacity: 1;
}

.b-image img {
  vertical-align: top;
  border-radius: 2px;
}

.b-image .marker {
  right: 4px;
  bottom: 4px;
  left: auto;
  padding: 0 8px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  color: #fff;
  font-size: .75em;
  line-height: 20px;
}

.b-image .controls {
  bottom: 0;
  left: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 40%);
  border-radius: 2px;
}

.b-image.deletable img {
  opacity: 1;
}

.b-image .delete, .b-image .confirm, .b-image .cancel, .b-image .move-left, .b-image .move-right, .b-image .mobile-edit {
  z-index: 8;
}

.b-image .delete, .b-image .confirm, .b-image .cancel, .b-image .mobile-edit {
  background: transparent;
}

.b-image .delete:nth-child(n), .b-image .confirm:nth-child(n), .b-image .cancel:nth-child(n), .b-image .mobile-edit:nth-child(n) {
  margin-right: 4px !important;
}

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

.b-image .confirm {
  display: none;
}

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

.b-image .cancel {
  display: none;
}

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

.b-image .mobile-edit {
  margin-top: .375rem !important;
  margin-right: .375rem !important;
}

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

@media (min-width: 1025px) {
  .b-image .mobile-edit {
    display: none;
  }
}

.b-input {
  margin-bottom: .5rem;
}

.b-input:last-child {
  margin-bottom: 0;
}

.b-input input, .b-input textarea {
  padding: .3125rem 1rem;
  background: #F5F5F5;
  border-color: #DDDDDD;
  border-radius: 2px;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.25rem;
}

.b-input input::-webkit-input-placeholder, .b-input textarea::-webkit-input-placeholder {
  padding: 0;
  color: #9E9E9E;
  line-height: inherit;
}

.b-input input:-moz-placeholder, .b-input textarea:-moz-placeholder {
  padding: 0;
  color: #9E9E9E;
  line-height: inherit;
}

.b-input input::-moz-placeholder, .b-input textarea::-moz-placeholder {
  padding: 0;
  color: #9E9E9E;
  line-height: inherit;
}

.b-input input:-ms-input-placeholder, .b-input textarea:-ms-input-placeholder {
  padding: 0;
  color: #9E9E9E;
  line-height: inherit;
}

.b-input input[type=checkbox] {
  display: inline-block;
  vertical-align: top;
  width: 1.125rem !important;
  height: 1.125rem;
  padding: 0;
  margin: .1875rem 1rem .1875rem 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 1.125rem;
  background-position: -.125rem -.125rem;
  border: 0.125rem solid #757575;
  border-radius: .125rem;
  box-sizing: border-box;
  transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.b-input input[type=checkbox]:disabled {
  border-color: #9E9E9E;
}

.b-input input[type=checkbox]:checked {
  background-color: #2196F3;
  background-image: url("data\:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNOSAxNi4xN0w0LjgzIDEybC0xLjQyIDEuNDFMOSAxOSAyMSA3bC0xLjQxLTEuNDF6Ii8+PC9zdmc+");
  border-color: transparent;
}

.b-input input[type=checkbox]:checked:disabled {
  background-color: #9E9E9E;
  border-color: transparent;
}

.b-input input[disabled] {
  padding: .375rem 0 .25rem;
  background: transparent;
  border-width: 0;
  border-bottom-width: .125rem;
  color: #9E9E9E !important;
}

.b-input textarea {
  padding: .4375rem 1rem;
}

.b-input select {
  height: 2rem;
  padding: 2px .5rem;
  background: #F5F5F5;
  font-family: inherit;
  font-size: .875rem;
  line-height: 2rem;
}

.b-input select:disabled {
  opacity: .5;
}

.b-input label {
  line-height: 1.5;
}

.b-input .hint {
  color: #9E9E9E;
  font-size: .75rem;
  line-height: 1.25rem;
}

/* Переключение языка описания */
.b-lang_trigger {
  position: absolute;
  top: -53px;
  right: 0;
  width: 40px;
  height: 40px;
  margin: 4px;
  background-color: #EEEEEE;
  border-radius: 2px;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
}

.b-lang_trigger:hover {
  background-color: #E0E0E0;
}

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

.b-lang_trigger span {
  border: 0;
  color: #757575;
}

.b-lang_trigger span:hover {
  color: #424242;
}

.b-lang_trigger:hover span {
  color: #424242;
}

/* Еще кнопка */
.b-link_button {
  display: block;
  margin: 0 0 .5em;
  background-color: #EEEEEE;
  color: #212121;
  font-size: 15px !important;
  text-transform: none;
}

.b-link_button:last-child {
  margin-bottom: 0;
}

.b-link_button:hover {
  background-color: #E0E0E0;
}

.b-link_button:active {
  background-color: #DDDDDD;
}

.b-link_button.maxi {
  padding: 0;
  font-size: 1rem;
  line-height: 2.5rem;
}

.b-link_button.dark {
  display: block;
  margin: 0 auto .5em;
  text-transform: none;
}

.b-link_button.dark:disabled {
  background-color: #cccccc;
  color: #9E9E9E;
}

.b-link_button.join-club::before, .b-link_button.watch-online::before, .b-link_button.is-licensed::before, .b-link_button.upload-video::before, .b-link_button.create-topic::before {
  display: none;
}

/* Списки */
.b-list {
  margin: .5rem 0 1rem 2rem;
}

.b-list li {
  margin: 0;
  line-height: 1.5;
  list-style-image: none;
  list-style-type: disc;
}

.b-list li + li {
  margin: .5rem 0 0 0;
}

.b-list .b-list li + li {
  margin: 0;
}

.b-list_switchers .switcher.list::before {
  content: 'view_list';
}

.b-list_switchers .switcher.lines::before {
  content: 'view_headline';
}

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

.b-list_switchers .switcher.popularity::before {
  content: 'trending_up';
}

.b-list_switchers .switcher.alphabet::before {
  content: 'sort_by_alpha';
}

.b-list_switchers .switcher.selected {
  color: #FF4081 !important;
}

.b-message header .broadcast-by {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin-right: .5rem;
  font-size: .875rem;
  line-height: inherit;
}

.b-modal > .inner {
  padding: 1rem 1.5rem;
  background: #FFFFFF;
  border-radius: .125rem;
  box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24);
}

.b-modal .subheadline {
  font-size: 20px;
  font-weight: 400;
  text-transform: none;
}

/* Переключатели для подзаголовков */
.b-options-floated {
  right: 0;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

@media (min-width: 768px) {
  .b-options-floated.before-buttons-2 {
    padding-right: 112px;
  }
}

@media (min-width: 768px) {
  .b-options-floated.r-edit {
    margin-right: 48px;
  }
}

.b-options-floated a, .b-options-floated .link {
  color: #2196F3;
}

.b-options-floated a:hover, .b-options-floated .link:hover {
  color: #FF4081;
}

.b-options-floated a:active, .b-options-floated .link:active {
  color: #F50057;
}

.b-options-floated a::after, .b-options-floated .link::after {
  padding: 0 .375rem;
  color: #9E9E9E;
}

.b-options-floated a span.brackets, .b-options-floated .link span.brackets {
  display: inline-block;
  vertical-align: text-top;
  min-width: 20px;
  height: 16px;
  padding: 0 4px;
  background-color: #FF4081;
  border-radius: 4px;
  color: #212121;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.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.count {
  color: #757575;
}

.b-options-floated .action {
  color: #2196F3;
}

.b-options-floated .action:hover {
  color: #FF4081;
}

.b-options-floated .action:active {
  color: #F50057;
}

.b-options-floated .selected {
  color: #FF4081;
}

.b-options-floated .selected:hover {
  color: #F50057;
}

.b-options-floated .selected.always-active {
  color: inherit;
}

.b-options-floated .selected.always-active:hover {
  color: #FF4081;
}

.b-options-floated .selected.always-active:active {
  color: #F50057;
}

.b-options-floated.mobile-desktop a, .b-options-floated.mobile-phone_portrait a, .b-options-floated.mobile-phone a, .b-options-floated.mobile-tablet a {
  color: #2196F3;
}

.b-options-floated.mobile-desktop a:hover, .b-options-floated.mobile-phone_portrait a:hover, .b-options-floated.mobile-phone a:hover, .b-options-floated.mobile-tablet a:hover {
  color: #FF4081;
}

.b-options-floated.mobile-desktop a:active, .b-options-floated.mobile-phone_portrait a:active, .b-options-floated.mobile-phone a:active, .b-options-floated.mobile-tablet a:active {
  color: #F50057;
}

.b-options-floated.mobile-desktop a.selected, .b-options-floated.mobile-phone_portrait a.selected, .b-options-floated.mobile-phone a.selected, .b-options-floated.mobile-tablet a.selected {
  color: inherit;
}

.b-options-floated.mobile-desktop a.selected:hover, .b-options-floated.mobile-phone_portrait a.selected:hover, .b-options-floated.mobile-phone a.selected:hover, .b-options-floated.mobile-tablet a.selected:hover {
  color: #F50057;
}

/* Опросы */
.b-poll {
  margin: .5rem 0;
  line-height: inherit;
}

.b-poll .poll {
  margin-bottom: .5em;
}

.b-poll .poll-variants {
  padding: .25em 0;
  margin: 0;
}

.b-poll .poll-variants .poll-variant {
  padding: .25em 0;
  line-height: 1.5em;
}

.b-poll .poll-variants .poll-variant label {
  margin-bottom: 0;
  border: 0;
  color: #212121;
}

.b-poll .poll-variants .poll-variant.result {
  margin-bottom: .5em;
}

.b-poll .poll-variants .poll-variant.result .bar .bar, .b-poll .poll-variants .poll-variant.result .bar .line {
  height: 4px;
  margin-bottom: 0;
  border-radius: 2px;
  line-height: 4px;
}

.b-poll .poll-variants .poll-variant.result .bar .bar.s0, .b-poll .poll-variants .poll-variant.result .bar .bar.s1, .b-poll .poll-variants .poll-variant.result .bar .bar.s2, .b-poll .poll-variants .poll-variant.result .bar .bar.s3 {
  background-color: #2196F3;
}

.b-poll .poll-variants .poll-variant.result .bar .line {
  background-color: #DDDDDD;
}

.b-poll .poll-variants .poll-variant.result .votes-percent {
  margin-right: 1em;
  color: #9E9E9E;
  font-size: .75em;
  line-height: inherit;
}

.b-poll .poll-variants .poll-variant.result .votes-total {
  margin-left: 1em;
  color: #757575;
  font-size: .75em;
  line-height: inherit;
}

.b-poll .poll-variants .poll-variant.result label .voted-for {
  padding-left: 1em;
  color: #66bb6a;
}

.b-poll .poll-variants .poll-variant.result label .voted-for::after, .b-poll .poll-variants .poll-variant.result label .voted-for::before {
  display: none;
}

/* Псевдо переключатель */
.b-radio input[type='radio'] {
  pointer-events: none;
}

.b-radio input[type='radio'] + .radio-label::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  margin: 3px 18px 0 0;
  border-radius: 100%;
  border: 1.5px solid #757575;
  box-sizing: border-box;
  box-shadow: 0 0 0 2.75px #FAFAFA inset;
}

.b-radio input[type='radio']:checked + .radio-label::before {
  width: 18px;
  height: 18px;
  background-color: #2196F3;
  border: 1.5px solid #2196F3;
}

/* Цитаты */
.b-quote {
  padding: .5rem 1rem;
  margin: .5rem 0;
  background: #F5F5F5;
  border-color: #DDDDDD;
  border-style: solid;
  border-radius: 2px;
  color: inherit;
}

.b-quote .quoteable {
  margin: 0 0 .5rem;
  line-height: 20px;
}

.b-quote .quoteable::before {
  float: left;
  margin-right: 8px;
  color: #757575;
}

.b-quote .quoteable a {
  padding-right: 0;
  margin-right: .375rem;
}

.b-quote .b-quote {
  margin-left: 0 !important;
  background: #EEEEEE;
}

.b-quote .b-quote .b-quote {
  background: #F5F5F5;
}

.b-quote .b-quote .b-quote .b-quote {
  background: #EEEEEE;
}

/* Звёзды рейтинга */
.b-rate {
  padding: 6px 0;
}

.b-rate:last-child {
  margin-bottom: 15px;
}

.b-rate .text-score {
  vertical-align: top;
  color: inherit;
}

.b-rate .score-notice {
  color: inherit;
  font-size: 10px;
  margin-top: -46px;
  text-transform: uppercase;
}

.b-review-topic .b-rate .score-notice {
  margin-top: -58px;
}

.b-rate .score-value {
  line-height: 36px;
}

.b-rate .stars::before {
  width: auto !important;
  font-size: 36px !important;
  letter-spacing: -6px;
}

.b-rate .stars::after {
  display: none;
}

.b-rate .stars.background {
  color: #DDDDDD;
}

.b-rate .stars.background::before {
  content: 'star_border star_border star_border star_border star_border';
}

.b-rate .stars.hover {
  color: #FF4081;
}

.b-rate .stars.score {
  color: #2196F3;
}

.b-rate .stars.score-1::before {
  content: 'star_half';
}

.b-rate .stars.score-2::before {
  content: 'star';
}

.b-rate .stars.score-3::before {
  content: 'star star_half';
}

.b-rate .stars.score-4::before {
  content: 'star star';
}

.b-rate .stars.score-5::before {
  content: 'star star star_half';
}

.b-rate .stars.score-6::before {
  content: 'star star star';
}

.b-rate .stars.score-7::before {
  content: 'star star star star_half';
}

.b-rate .stars.score-8::before {
  content: 'star star star star';
}

.b-rate .stars.score-9::before {
  content: 'star star star star star_half';
}

.b-rate .stars.score-10::before {
  content: 'star star star star star';
}

.b-review_votes {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.b-review_votes::before {
  content: 'thumbs_up_down';
  display: inline-block;
  vertical-align: top;
  color: #9E9E9E;
  font-size: 1.125rem !important;
}

.b-review_votes span {
  color: #9E9E9E;
}

.b-review_votes .votes-for {
  color: #66BB6A;
}

.b-review_votes .votes-against {
  color: #EF5350;
}

.b-shiki_editor aside.markers {
  height: auto;
  padding: .5rem 0;
}

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

.b-shiki_editor aside.buttons .editor-strike {
  display: inline-block;
}

.b-shiki_editor .hidden-block {
  height: auto;
  line-height: 3em;
}

.b-shiki_editor .hidden-block p {
  padding: 0 !important;
  white-space: nowrap;
  overflow-x: auto;
}

.b-shiki_editor .hidden-block label {
  vertical-align: top;
  margin: 0;
}

.b-shiki_editor .hidden-block label + label {
  margin-left: .5rem;
}

.b-shiki_editor .hidden-block .link-value {
  vertical-align: top;
  width: 16rem !important;
  height: 36px;
  padding: 0 .75rem;
  margin: .375rem 0;
  margin-left: .5rem !important;
  background: #FAFAFA;
  border: 2px solid #2196F3;
  border-right-width: 0;
  border-radius: 4px 0 0 4px;
  color: #212121;
  line-height: 32px;
}

.b-shiki_editor .hidden-block .b-button.ok {
  min-width: 0;
  border-radius: 0 4px 4px 0;
}

.b-shiki_editor .body .editor textarea {
  padding: .5rem 1rem;
  margin: 0;
  background: #F5F5F5;
  border-radius: 2px;
  font-size: 1rem;
  line-height: 1.25rem;
}

.b-shiki_editor .body .editor textarea::-webkit-input-placeholder {
  padding: 0;
  line-height: inherit;
}

.b-shiki_editor .body .editor textarea:-moz-placeholder {
  padding: 0;
  line-height: inherit;
}

.b-shiki_editor .body .editor textarea::-moz-placeholder {
  padding: 0;
  line-height: inherit;
}

.b-shiki_editor .body .editor textarea:-ms-input-placeholder {
  padding: 0;
  line-height: inherit;
}

.b-shiki_editor .body .preview {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
}

.b-shiki_editor.previewed .body .preview .b-comment {
  padding: 0 !important;
}

.b-shiki_editor footer {
  margin-top: .25em;
}

.b-shiki_editor footer input[type=submit],
.b-shiki_editor footer .unpreview,
.b-shiki_editor footer .preview {
  margin: .375rem .5rem .375rem 0;
}

.b-shiki_editor footer .about-bb_codes {
  padding: .5rem;
  margin: .25rem 0;
  border-radius: 3px;
  color: #757575;
  font-size: 0;
  line-height: inherit;
  transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  transition: .3s;
}

.b-shiki_editor footer .about-bb_codes:hover {
  text-decoration: none;
  color: #757575;
}

.b-shiki_editor footer .about-bb_codes:active {
  color: #757575;
}

.b-shiki_editor footer .about-bb_codes::before {
  content: 'help';
  font-size: 1rem;
}

.b-shiki_editor footer .about-bb_codes::after {
  content: 'Справка';
  display: none;
  vertical-align: top;
  font-size: .875rem;
}

[data-locale='en'] .b-shiki_editor footer .about-bb_codes::after {
  content: 'Help';
}

@media (min-width: 768px) {
  .b-shiki_editor footer .about-bb_codes {
    padding: .5rem 1rem;
    margin: .375rem 0;
    font-weight: bold;
    line-height: 1.25rem;
    text-transform: uppercase;
  }
  .b-shiki_editor footer .about-bb_codes:hover {
    background: rgba(117, 117, 117, 0.12);
  }
  .b-shiki_editor footer .about-bb_codes:active {
    background: rgba(117, 117, 117, 0.24);
  }
  .b-shiki_editor footer .about-bb_codes::before {
    display: none;
  }
  .b-shiki_editor footer .about-bb_codes::after {
    display: inline;
  }
}

body[data-locale] .b-abuse_marker {
  color: #ef5350;
}

body[data-locale] .b-broadcast_marker {
  color: #ef8d50;
}

body[data-locale] .b-offtopic_marker {
  color: #f58ebb;
}

body[data-locale] .b-offtopic_marker.active:hover {
  color: #9E9E9E;
}

body[data-locale] .b-offtopic_marker.off:hover {
  color: #f58ebb;
}

body[data-locale] .b-summary_marker {
  color: #66bb6a;
}

body[data-locale] .b-summary_marker.active:hover {
  color: #9E9E9E;
}

body[data-locale] .b-summary_marker.off:hover {
  color: #66bb6a;
}

body[data-locale] .b-spoiler_marker {
  color: #ef8d50;
}

body[data-locale] .b-new_marker {
  display: none;
  color: #4f91e8;
}

body[data-locale] .b-new_marker.active:hover {
  color: #9E9E9E;
}

body[data-locale] .b-new_marker.off:hover {
  color: #4f91e8;
}

/* Источники описаний */
.b-source {
  margin-top: .5rem;
  margin-bottom: 1rem;
  line-height: 1.5rem;
}

.b-source .contributors, .b-source .mal, .b-source .source {
  padding: 0;
}

.b-source .contributors .b-user16, .b-source .mal .b-user16, .b-source .source .b-user16 {
  margin-right: .5rem;
}

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

.b-source .contributors .key, .b-source .mal .key, .b-source .source .key {
  margin-right: .5em;
  color: #757575;
  line-height: inherit;
}

.b-source .contributors .val a, .b-source .mal .val a, .b-source .source .val a {
  color: #2196F3;
}

.b-source .contributors .val a:hover, .b-source .mal .val a:hover, .b-source .source .val a:hover {
  color: #FF4081;
}

.b-source .contributors .val a:active, .b-source .mal .val a:active, .b-source .source .val a:active {
  color: #F50057;
}

/* Спойлеры */
.b-spoiler label {
  color: #2196F3;
  font-size: inherit;
  letter-spacing: initial;
}

.b-spoiler label:hover {
  color: #FF4081;
}

.b-spoiler label:active {
  color: #F50057;
}

.b-spoiler .content .before, .b-spoiler .content .after {
  color: #2196F3;
  font-size: inherit;
  letter-spacing: initial;
}

.b-spoiler .content:hover .before, .b-spoiler .content:hover .after {
  color: #FF4081;
}

.b-stats_bar .title {
  color: #757575;
}

.b-stats_bar a.title {
  color: #2196F3;
}

.b-stats_bar a.title:hover {
  color: #FF4081;
}

.b-stats_bar a.title:active {
  color: #F50057;
}

.b-stats_bar .bar {
  height: auto;
  border-radius: 2px;
}

.b-stats_bar .bar .first, .b-stats_bar .bar .second, .b-stats_bar .bar .third {
  color: inherit;
  font-size: .75rem;
  line-height: 1.25rem;
}

.b-stats_bar .bar .third {
  background: #DDDDDD;
  color: #212121;
}

.b-stats_bar .stat_names {
  font-size: .875rem;
  line-height: 2rem;
}

.b-stats_bar .stat_names .stat_name {
  padding: 0 1rem 0 0;
}

.b-stats_bar .stat_names .stat_name::after {
  display: none;
}

.b-stats_bar .stat_names .stat_name a {
  display: block;
  color: #212121;
}

.b-stats_bar .stat_names .stat_name a:hover {
  color: #FF4081;
}

.b-stats_bar .stat_names .stat_name a:active {
  color: #F50057;
}

.b-stats_bar .stat_names .stat_name .size::before, .b-stats_bar .stat_names .stat_name .size::after {
  color: #9E9E9E;
}

.b-status-line {
  margin-top: .125rem;
  margin-bottom: .5rem;
  font-size: .875rem;
  line-height: 1.25rem;
}

.b-status-line .section {
  vertical-align: top;
  padding-left: .5rem;
  margin-left: .5rem;
  border-color: #DDDDDD;
}

.b-status-line .section.about span.about {
  padding-left: .5rem;
}

.b-status-line .section.about .b-link {
  padding-left: .5rem;
}

.b-status-line .section.about .author {
  padding-left: .5rem;
}

.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;
  vertical-align: top;
  padding: 0;
  margin-right: .375rem;
  color: #9E9E9E;
  font-size: 1.125rem !important;
}

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

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

.b-status-line .section.additional .collection-size {
  margin-right: 1rem;
  color: inherit;
}

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

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

.b-status-line .section.additional .b-review_votes {
  margin-left: 1rem;
}

/* Table */
.b-table td {
  padding: .25em 0;
  line-height: 1.5;
}

.b-table td.num {
  white-space: nowrap;
}

.b-table th {
  color: inherit;
}

.b-table tr.border {
  border-color: #DDDDDD;
}

.b-table a {
  color: #2196F3;
}

.b-table a:hover {
  color: #FF4081;
}

.b-table a:active {
  color: #F50057;
}

.b-to-top .slide::before {
  width: 56px;
  background: #EEEEEE;
}

.b-to-top .slide::before:hover + .arrow::before {
  color: #424242;
}

.b-to-top .arrow {
  top: auto;
  bottom: 4px;
  width: 48px;
  height: 48px;
  padding: .75em;
  margin: 0 4px;
  border-radius: 50%;
  font: inherit;
  pointer-events: none;
}

.b-to-top .arrow::before {
  content: 'arrow_upward';
  color: #757575;
  font-family: 'Material Icons';
  font-size: 24px;
  line-height: 1;
  text-shadow: none;
  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';
}

.b-topic {
  margin-bottom: 0;
  line-height: inherit;
}

.b-topic > .editor-container {
  margin-top: 1rem;
}

.b-topic > .inner > header .name-date a {
  font-size: inherit;
}

.b-topic > .inner > header .about {
  margin-right: .5rem;
}

.b-topic > .inner > header .about > span {
  color: #757575;
  padding: 0 .5rem 0 0;
  font-size: .875rem;
}

.b-topic > .inner > header .about a {
  font-size: 1rem;
  font-weight: bold;
}

.b-topic .footer-vote {
  padding: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  background: transparent;
  border: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.b-topic .footer-vote::after {
  content: '';
  display: block;
  clear: both;
}

.b-topic .footer-vote .star {
  vertical-align: top;
  padding: .5rem;
  line-height: 0;
}

.b-topic .footer-vote .star::before {
  content: 'thumbs_up_down';
  width: 1.5rem;
  padding: 0;
  font-size: 1.5rem;
}

.b-topic .footer-vote .notice {
  margin: 0 1.5rem 0 1rem;
  line-height: 2.5rem;
}

.b-topic .footer-vote .vote-group {
  float: right;
}

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

.b-topic .footer-vote .vote-group .vote {
  min-width: 5.5rem;
  padding: 0 1rem;
  margin: .25rem 0;
  background-color: #DDDDDD;
  border: 0;
  border-radius: .125rem;
  color: inherit;
  font-size: .875rem;
  font-weight: 700;
  line-height: 2rem;
  text-transform: uppercase;
  opacity: 1;
  transition: background-color .24s ease, color .24s ease;
}

.b-topic .footer-vote .vote-group .vote:not(:last-child) {
  margin-right: .5rem;
}

.b-topic .footer-vote .vote-group .vote.yes::before, .b-topic .footer-vote .vote-group .vote.no::before {
  display: inline;
  vertical-align: middle;
  padding: 0;
  margin-right: .875rem;
  font-size: 1.125rem !important;
}

.b-topic .footer-vote .vote-group .vote.yes.selected, .b-topic .footer-vote .vote-group .vote.yes:hover {
  background-color: #4CAF50;
  background-color: #66BB6A;
  color: #FFFFFF;
}

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

.b-topic .footer-vote .vote-group .vote.no.selected, .b-topic .footer-vote .vote-group .vote.no:hover {
  background-color: #F44336;
  background-color: #EF5350;
  color: #FFFFFF;
}

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

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

.b-topic.aside-expanded > .b-comments {
  margin-left: 0;
}

/* Полоса загрузки. thx Dewopalaxy */
.b-upload_progress.active {
  height: 1.5rem;
}

.b-upload_progress .bar {
  min-width: 0;
  height: 4px;
  background-color: #2196F3;
  border-radius: 2px;
  color: #212121;
  font-size: .875rem;
  text-align: left;
  text-indent: 1rem;
  line-height: 2rem;
  overflow: visible;
}

.b-upload_progress .bar::first-letter {
  text-transform: uppercase;
}

.b-user.named_avatar .name {
  margin: auto;
}

/* Плашки пользователей */
.b-user16 {
  margin-right: .375rem;
  margin-left: 0;
  border-radius: 1rem;
  color: #757575;
  font-weight: bold;
  line-height: 1.25rem;
}

.b-user16:hover {
  color: #424242;
}

.b-user16:active {
  color: #F50057;
}

.b-user16 a {
  display: inline-block;
  vertical-align: top;
  color: inherit;
}

.b-user16 a:hover, .b-user16 a:active {
  color: inherit;
  text-decoration: none;
}

.b-user16:hover a {
  color: inherit;
}

.b-user16 img {
  padding: 0;
  margin: 2px 0 2px -12px !important;
  border-radius: 50%;
}

.b-user16 span {
  vertical-align: top;
  padding: 0 .5rem;
  font-size: .875rem;
  line-height: 1.25rem;
}

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

.subheadline .b-user16 {
  margin: -.125rem 0;
  line-height: 1.25rem;
}

.subheadline .b-user16 img {
  margin-top: 2px;
}

.b-user16 a,
a.b-user16 {
  padding-left: 14px;
  background: #EEEEEE;
  border-radius: 1rem;
  transition: .24s ease;
}

.b-user16 a:hover, .b-user16 a:focus,
a.b-user16:hover,
a.b-user16:focus {
  background: #E0E0E0;
}

.b-user16 a:active,
a.b-user16:active {
  background: #DDDDDD;
}

.b-user16 a:focus,
a.b-user16:focus {
  color: #FF4081;
}

/* Форма выставления оценки и редактирования комментария под постером */
.b-user_rate .rate-show {
  margin-bottom: .5rem;
}

.b-user_rate .rate-show .episodes {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 32px;
}

.b-user_rate .rate-show .note {
  padding: .5rem 1rem;
  background: #EEEEEE;
  border-radius: 2px;
  color: #757575;
  font-size: .875rem;
  line-height: 1.25rem;
  max-height: 10rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.b-user_rate .rate-show .note::before {
  content: 'Заметка';
  display: block;
  font-size: 10px;
  font-weight: bold;
}

.b-user_rate .rate-show .rate-number {
  margin-right: 0;
}

.b-user_rate .rate-show .rate-number .current-episodes, .b-user_rate .rate-show .rate-number .b-separator, .b-user_rate .rate-show .rate-number .total-episodes {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
}

.b-user_rate .rate-show .rate-number .item-add {
  margin: -4px 0 0 8px !important;
}

.b-user_rate .rate-show .rate-number .item-add::before {
  content: 'add';
}

.b-user_rate .rate-edit .b-input.integer input {
  width: 7rem;
}

/* Контейнер для видеоплеера */
.b-video_player .cc-player_controls .cc-navigation > .c-control > b,
.b-video_player .cc-player_controls .cc-navigation > .c-control > span {
  display: inline-block;
  vertical-align: top;
  margin: .25rem auto;
  line-height: 2.5rem;
}

@media (max-width: 480px) and (orientation: portrait) {
  .b-video_player .cc-player_controls .cc-navigation > .c-control > b,
  .b-video_player .cc-player_controls .cc-navigation > .c-control > span {
    display: none;
  }
}

.b-video_player .cc-player_controls .cc-navigation > .c-control > b {
  margin-left: .5rem;
}

.b-video_player .cc-player_controls .cc-options > .c-video_stats {
  margin: .25rem auto;
}

.b-video_player .cc-player_controls a.c-control {
  display: block;
  color: #2196F3;
}

.b-video_player .cc-player_controls a.c-control:hover {
  color: #FF4081;
  text-decoration: none;
}

.b-video_player .cc-player_controls a.c-control:active {
  color: #F50057;
}

.b-video_player .cc-player_controls .c-control {
  color: #2196F3;
}

.b-video_player .cc-player_controls .c-control:hover {
  color: #FF4081;
  text-decoration: none;
}

.b-video_player .cc-player_controls .c-control:active {
  color: #F50057;
}

.b-video_player .cc-player_controls .c-control.selected {
  color: #FF4081;
}

.b-video_player .cc-player_controls .c-control.selected:hover {
  color: #F50057;
}

.b-video_player .cc-player_controls .c-control .icon {
  margin: .25rem auto !important;
}

.b-video_player .cc-player_controls .c-control:hover .icon {
  background-color: #E0E0E0;
}

.b-video_player .cc-player_controls .label {
  font-size: .75rem;
}

.b-video_player .cc-player_controls .episode-num {
  color: #424242 !important;
}

.b-video_player .cc-player_controls .episode-num input {
  margin: .75rem .25rem;
}

.b-video_player .cc-player_controls .episode-num .video-link a {
  color: #2196F3;
}

.b-video_player .cc-player_controls .episode-num .video-link a:hover {
  color: #FF4081;
}

.b-video_player .cc-player_controls .episode-num .video-link a:active {
  color: #F50057;
}

.b-video_player .cc-player_controls .episode-title {
  color: #212121 !important;
}

.b-video_player .cc-player_controls .episode-title .video-link {
  font-size: .75rem;
}

.b-video_player .cc-player_controls .episode-title .video-link a {
  display: block;
  border: 0;
  color: #2196F3;
  line-height: inherit;
}

.b-video_player .cc-player_controls .episode-title .video-link a:hover {
  color: #FF4081;
}

.b-video_player .cc-player_controls .episode-title .video-link a:active {
  color: #F50057;
}

.b-video_player .cc-player_controls .next .icon::before {
  content: 'skip_next';
}

.b-video_player .cc-player_controls .prev .icon::before {
  content: 'skip_previous';
}

.b-video_player .cc-player_controls .create-user_rate .icon::before {
  content: 'add';
}

.b-video_player .cc-player_controls .show-options .icon::before {
  content: 'settings';
}

.b-video_player .cc-player_controls .edit .icon::before {
  content: 'build';
}

.b-video_player .cc-player_controls .upload .icon::before {
  content: 'cloud_upload';
}

.b-video_player .cc-player_controls .increment-user_rate .icon::before {
  content: 'done';
}

.b-video_player .cc-player_controls .delete .icon::before {
  content: 'delete';
}

.b-video_player .cc-player_controls .report .icon::before {
  content: 'flag';
}

.b-video_variant {
  margin: 0 0 4px;
  border-radius: 3px;
  transition: .24s ease-out;
}

.b-video_variant:hover {
  background-color: #E0E0E0;
}

.b-video_variant:active, .b-video_variant.active {
  background-color: #2196F3;
}

.b-video_variant:active a, .b-video_variant.active a {
  border: 0;
  color: rgba(250, 250, 250, 0.8);
}

.b-video_variant:active a:hover span, .b-video_variant.active a:hover span {
  color: #FAFAFA;
}

.b-video_variant:active .video-author,
.b-video_variant:active .episode-num,
.b-video_variant:active .video-id, .b-video_variant.active .video-author,
.b-video_variant.active .episode-num,
.b-video_variant.active .video-id {
  color: #FAFAFA !important;
}

.b-video_variant a {
  display: block;
  padding: 8px 12px;
  color: inherit;
  font-size: .875em;
}

.b-video_variant a::after {
  content: '';
  display: block;
  clear: both;
}

.b-video_variant a:hover {
  border: 0;
}

.b-video_variant a.broken::before, .b-video_variant a.wrong::before, .b-video_variant a.rejected::before, .b-video_variant a.banned_hosting::before {
  font-size: 10px;
  font-weight: bold;
  line-height: 16px;
  text-transform: uppercase;
}

.b-video_variant a span {
  float: left;
  color: #757575;
  font-size: 10px;
  font-weight: bold;
  line-height: 16px;
  text-transform: uppercase;
  backface-visibility: hidden;
}

.b-video_variant a span::before, .b-video_variant a span::after {
  color: inherit !important;
}

.b-video_variant a:hover span {
  color: #757575;
}

.b-video_variant .video-author {
  float: none;
  clear: both;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-transform: none;
}

.b-video_variant .video-quality.bd,
.b-video_variant .video-quality.dvd {
  margin: 2px 4px 2px 0;
}

.b-video_variant .video-kind.english::before {
  left: -16px;
  margin-top: 0;
}

.b-video_variant .episode-num {
  display: none;
}

.p-anime_videos-index .same-videos .b-video_variant {
  vertical-align: top;
  margin: 0 4px 0 0;
}

.p-anime_videos-index .same-videos .b-video_variant::after {
  display: none;
}

.c-anime_video_episodes .b-video_variant::before {
  content: attr(data-episode);
  position: absolute;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 8px 12px;
  line-height: 32px;
  background: rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  z-index: 1;
  pointer-events: none;
}

.c-anime_video_episodes .b-video_variant.active::before {
  color: #FAFAFA !important;
}

.c-anime_video_episodes .b-video_variant a {
  padding-left: 56px;
}

.c-anime_video_episodes .b-video_variant a span:last-child {
  clear: both;
}

/* Страница видео */
.p-anime_videos-index .c-videos .video-variant-switcher {
  float: right;
  margin: 0;
  border: 0;
  color: #2196F3;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: capitalize;
}

.p-anime_videos-index .c-videos .video-variant-switcher:hover, .p-anime_videos-index .c-videos .video-variant-switcher.active {
  color: #FF4081;
}

.p-anime_videos-index .c-videos .video-variant-switcher:active, .p-anime_videos-index .c-videos .video-variant-switcher.active:hover {
  color: #F50057;
}

.p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child)::after {
  content: '/';
  padding: 0 .375rem;
  color: #9E9E9E;
  font-weight: normal;
}

.p-anime_videos-index .c-video_stats {
  font-size: .875rem;
}

.p-anime_videos-index .c-video_stats .views_count {
  color: #757575;
}

.p-anime_videos-index .c-video_stats .uploader .b-user16 {
  padding-left: 0;
  line-height: 1.25rem;
}

.p-anime_videos-index .c-video_stats .uploader .b-user16 img {
  margin-top: 0;
}

.p-anime_videos-index .same-videos .title,
.p-anime_videos-index .c-anime_video_episodes .title,
.p-anime_videos-index .c-videos .title {
  padding: 1rem 0;
  margin: 0;
  color: #757575;
  color: inherit;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
}

.p-anime_videos-index.x1000 .c-videos .title {
  font-size: 0;
  line-height: 0;
}

.p-anime_videos-index.x1000 .c-videos .title::after {
  content: 'Варианты';
  font-size: .875rem;
  line-height: 1rem;
}

.p-anime_videos-index.x1000[data-locale='en'] .c-videos .title::after {
  content: 'Variants';
}

.p-animes-show .other-names.click-loader,
.p-mangas-show .other-names.click-loader {
  background-color: #EEEEEE;
  border-color: #E0E0E0;
  color: inherit !important;
}

.p-animes-show .other-names.click-loader:hover,
.p-mangas-show .other-names.click-loader:hover {
  background-color: #E0E0E0;
  border-color: #DDDDDD;
}

.p-animes-show .other-names.click-loader:active,
.p-mangas-show .other-names.click-loader:active {
  background-color: #DDDDDD;
  border-color: #DDDDDD;
}

@media screen and (min-width: 1200px) {
  .p-animes-show .c-image .b-user_rate,
  .p-mangas-show .c-image .b-user_rate {
    margin: 0;
  }
}

.watch-online-placeholer {
  margin: 2rem auto .5rem;
}

.b-animes-menu .friend-rate {
  padding: 2px 0;
  line-height: 1.25rem;
}

.b-animes-menu .friend-rate .status {
  margin-left: .5rem;
  font-size: .75em;
}

.b-animes-menu .total-rates {
  color: inherit;
}

.b-animes-menu .site-icon {
  margin-top: .25rem;
  margin-right: .75rem;
}

.b-animes-menu .menu-topics-block .entry {
  font-size: .875rem;
  line-height: 1.5rem;
}

.b-animes-menu .menu-topics-block .entry .time {
  color: #757575;
  font-size: .75rem;
}

.b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a {
  font-size: .875rem;
}

.b-animes-menu .b-external_link {
  font-size: .875rem;
  line-height: 1.5rem;
}

.b-animes-menu .b-external_link a, .b-animes-menu .b-external_link .linkeable {
  display: block;
  margin-left: 2rem;
  color: #212121 !important;
}

.b-animes-menu .b-external_link a:hover, .b-animes-menu .b-external_link .linkeable:hover {
  text-decoration: underline;
}

.b-animes-menu .b-external_link a::before, .b-animes-menu .b-external_link .linkeable::before {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: .1875rem;
  margin-left: -2rem;
  background-size: 1rem;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 1200px) {
  .p-animes_collection-index.x1200 .cc-entries > .c-column,
  .p-recommendations-index.x1200 .cc-entries > .c-column {
    width: 18.4%;
    margin-right: 2%;
  }
}

.p-animes_collection-index .pagination,
.p-recommendations-index .pagination {
  margin: 8px auto;
  color: inherit;
  font-size: .875em;
  font-weight: normal;
  line-height: 48px;
}

.p-animes_collection-index .pagination:last-child,
.p-recommendations-index .pagination:last-child {
  margin: 8px auto 0;
}

.p-animes_collection-index .pagination .no-hover,
.p-recommendations-index .pagination .no-hover {
  vertical-align: top;
}

.p-animes_collection-index .pagination .link,
.p-recommendations-index .pagination .link {
  font-size: 0;
}

.p-animes_collection-index .pagination .link.disabled,
.p-recommendations-index .pagination .link.disabled {
  color: #9E9E9E !important;
}

.p-animes_collection-index .pagination .link.disabled:hover,
.p-recommendations-index .pagination .link.disabled:hover {
  background: transparent;
  color: #9E9E9E !important;
}

.p-animes_collection-index .pagination .link.link-prev::before,
.p-recommendations-index .pagination .link.link-prev::before {
  content: 'chevron_left';
}

.p-animes_collection-index .pagination .link.link-next::before,
.p-recommendations-index .pagination .link.link-next::before {
  content: 'chevron_right';
}

.p-club_pages .l-content .subheadline,
.p-club_pages .l-content .subheadline > a {
  max-width: 100%;
  white-space: normal;
}

.p-clubs-edit .pages .b-button {
  margin-right: .5rem;
}

.p-clubs-edit .pages .club_page-layout {
  padding-left: 1rem;
  font-size: .875rem;
}

.p-clubs-edit .pages .club_page-actions {
  padding-left: 1rem;
  font-size: .875rem;
}

.p-clubs-edit .pages .club_page-actions .b-js-link {
  margin-right: .5rem;
}

.b-clubs-menu .club-actions {
  margin-bottom: .5rem;
}

.b-clubs-menu .club-actions .b-tooltipped {
  width: auto;
  height: auto;
  line-height: 0;
}

@media (max-width: 480px) and (orientation: portrait) {
  .b-clubs-menu .club-actions .b-tooltipped {
    display: block;
    margin: 0 !important;
  }
  .b-clubs-menu .club-actions .b-tooltipped::after {
    padding-left: 1.5rem;
    color: #212121;
    font-size: inherit;
    line-height: 1.5;
  }
}

.b-clubs-menu .club-actions .edit-club::before {
  content: 'build';
}

.b-clubs-menu .club-actions .broadcast::before {
  content: 'speaker_notes';
}

.b-clubs-menu .club-actions .upload::before {
  content: 'attach_file';
}

.b-clubs-menu .club-actions .join::before,
.b-clubs-menu .club-actions .invite::before {
  content: 'person_add';
}

.b-clubs-menu .club-actions .leave::before {
  content: 'directions_run';
}

/**
 * ТУРНИРЫ
 */
.p-contests .match-container.b-ajax::after {
  z-index: 10;
}

.p-contests .b-contest_match {
  padding: 16px 0;
  margin-bottom: 0;
}

.p-contests .b-contest_match .current-match .match-members:last-child {
  margin-bottom: 0 !important;
}

.p-contests .match-day {
  position: relative;
  margin-bottom: 16px;
  text-align: center;
}

.p-contests .match-day::before {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  height: 1px;
}

.p-contests .match-day > .date {
  position: relative;
  display: inline-block;
  padding: 0 16px;
  margin-bottom: 4px;
  text-align: center;
  text-transform: uppercase;
}

.p-contests .match-day > .date .from,
.p-contests .match-day > .date .to {
  margin-right: 8px;
}

.p-contests .match-day > .date .to {
  margin-left: 8px;
}

.p-contests .match-day .match-link {
  padding-left: 0;
  text-align: left;
}

.p-contests .match-day .match-link:hover, .p-contests .match-day .match-link.active {
  background: #F5F5F5;
}

.p-contests .match-day .match-link:active {
  background-color: #EEEEEE;
}

.p-contests .match-day .match-link .c-column {
  line-height: 32px !important;
}

.p-contests .match-day .match-link .draw {
  padding-left: 0;
}

.p-contests .match-day .match-link .draw::before {
  position: static;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  margin: 10px 4px;
  margin-right: 16px;
}

.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 {
  display: inline-block;
  vertical-align: top;
  padding-right: 0;
  padding-left: 0;
  margin: 7px 0;
  margin-right: 14px;
}

.p-contests .match-day .match-link .created::before {
  content: 'lock';
  color: #9E9E9E;
  padding-right: 0;
}

.p-contests .match-day .match-link .winner::before {
  content: 'thumb_up';
}

.p-contests .match-day .match-link .loser::before {
  content: 'thumb_down';
  padding-right: 0;
}

.p-contests .match-day .match-link .started::before,
.p-contests .match-day .match-link.voted-abstain .started::before {
  content: 'check_box_outline_blank';
  color: #757575;
}

.p-contests .match-day .match-link.voted-abstain .started::before {
  color: #9E9E9E;
}

.p-contests .match-day .match-link.voted-left .started:first-child::before,
.p-contests .match-day .match-link.voted-right .started:last-child::before {
  content: 'check_box';
}

.p-contests .match-day .match-link.voted-left .started:last-child::before,
.p-contests .match-day .match-link.voted-right .started:first-child::before {
  content: 'indeterminate_check_box';
}

.p-contests .match-day .match-link.voted-left .started:first-child::before,
.p-contests .match-day .match-link.voted-right .started:last-child::before,
.p-contests .match-day .match-link .winner::before {
  color: #66BB6A;
}

.p-contests .match-day .match-link.voted-left .started:last-child::before,
.p-contests .match-day .match-link.voted-right .started:first-child::before,
.p-contests .match-day .match-link .loser::before {
  color: #EF5350;
}

.p-contests .match-day .matches-num {
  display: inline-block;
  width: 56px;
  padding-right: 0;
  font-size: 16px;
}

.p-contests-show .cc-round_stats > .c-column:first-child:last-child > .block:last-child {
  padding: 4px 0;
}

.p-contests-show .warning {
  margin-top: 0;
  margin-bottom: 16px;
}

.p-contests .rating .member {
  height: auto;
}

.p-contests-users .subheadline a:hover {
  background: none;
}

.p-contests .b-contest_match .votes-percents {
  border-radius: 4px;
  font-size: 14px;
  line-height: 24px;
}

.p-contests .b-contest_match .votes-percents span {
  float: left;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}

.p-contests .b-contest_match .votes-percents .left-part {
  position: relative;
  border-radius: inherit;
  padding-left: 8px;
  background-color: #FF4081;
}

.p-contests .b-contest_match .votes-percents .left-part:hover {
  background-color: #FF4081;
}

.p-contests .b-contest_match .votes-percents .left-part > span {
  color: #212121;
}

.p-contests .b-contest_match .votes-percents .right-part {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 8px;
}

.p-contests .b-contest_match .votes-percents .right-part span {
  float: right;
}

.p-contests .b-contest_match .votes-percents .left-part,
.p-contests .b-contest_match .votes-percents .right-part {
  height: auto;
}

.p-contests .b-contest_match .votes-percents .right-part::before {
  left: -24px;
  border-right-width: 24px;
  border-top-width: 48px;
}

.p-contests .b-contest_match .votes-percents .left-part:hover .right-part::before {
  border-right-width: 24px;
}

.p-contests .b-contest_match .votes-percents .right-part::before,
.p-contests .b-contest_match .votes-percents .left-part:hover .right-part::before {
  border-right-color: inherit;
}

.p-contests .results .cc-result .c-rounds .label {
  color: #424242;
  font-size: .875rem;
}

.p-contests .results .cc-result .c-rounds .match-day::before {
  display: none;
}

.p-contests .results .cc-result .c-rounds .match-day .match {
  padding-bottom: 0;
  line-height: 32px;
  text-align: left;
}

.p-contests .results .cc-result .c-rounds .match-link {
  display: inline-block;
}

/* Кнопки турнира */
.b-contest_match .vs .action {
  display: inline-block;
  vertical-align: top;
  min-width: 112px;
  padding: 0;
  margin: .25rem 0;
  background-color: transparent;
  border-radius: 2px;
  font-size: .875rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  user-select: none;
}

.b-contest_match .vs .action:hover {
  background-color: rgba(33, 150, 243, 0.12);
}

.b-contest_match .vs .action:active {
  background-color: rgba(33, 150, 243, 0.24);
}

/* Текст внутри кнопки */
.b-contest_match .vs .actions .action span {
  padding: 0 1rem;
  line-height: 2rem;
}

.b-contest_match .vs .actions .action span,
.b-contest_match .vs .actions .action span:hover,
.b-contest_match .vs .actions .action span:active {
  color: #2196F3;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}

/* Убираем желтое свечение постеров */
.b-contest_match .current-match .match-members .match-member > .b-catalog_entry.yellow-fade {
  background: transparent;
  outline-color: transparent;
}

.p-contests .b-contest_match .prev-match, .p-contests .b-contest_match .next-match {
  color: #757575 !important;
}

.p-contests .b-contest_match .prev-match:hover, .p-contests .b-contest_match .next-match:hover {
  background-color: #E0E0E0;
  color: #424242 !important;
}

@media (min-width: 481px) {
  .p-contests .b-contest_match .prev-match:hover, .p-contests .b-contest_match .next-match:hover {
    background-color: transparent;
  }
}

/* BUG: font-size нужно указать внутри соответствующего элемента */
@media (min-width: 768px) {
  .b-contest_match .vs {
    font-size: inherit;
  }
  .b-contest_match .vs .label {
    font-family: inherit;
    font-size: 64px;
  }
}

/* Мобильная версия */
@media (max-width: 480px) {
  .p-contests .b-contest_match .prev-match, .p-contests .b-contest_match .next-match {
    position: absolute;
    left: 0;
    width: auto;
    padding: 8px;
    border-radius: 2px;
    line-height: 32px;
    z-index: 2;
  }
  .p-contests .b-contest_match .next-match {
    right: 0;
    left: auto;
  }
  .p-contests .b-contest_match .next-match::before {
    margin: 0;
  }
  .p-contests .b-contest_match .prev-match::before,
  .p-contests .b-contest_match .next-match::before {
    display: block;
    font-family: 'Material Icons';
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    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-contests .b-contest_match .prev-match::before {
    content: 'chevron_left';
  }
  .p-contests .b-contest_match .next-match::before {
    content: 'chevron_right';
  }
  .p-contests .b-contest_match .current-match {
    clear: both;
    padding: 0;
  }
  .p-contests .b-contest_match .current-match .match-members {
    padding-top: 96px;
    margin-bottom: 4px;
  }
  .p-contests .b-contest_match .current-match .match-member {
    position: relative;
    width: 48%;
    z-index: 2;
  }
  .p-contests .b-contest_match .current-match .match-member:first-child {
    float: left;
  }
  .p-contests .b-contest_match .current-match .match-member:last-child {
    float: right;
  }
  .p-contests .b-contest_match .match-losers {
    display: block;
    padding: 0;
  }
  /* Контейнер подсказок и кнопок турнира */
  .p-contests .b-contest_match .vs {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 3rem 0 0;
    margin: 0;
    font-size: inherit;
  }
  /* Блок кнопок турнира */
  .b-contest_match .vs .actions {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: inherit;
  }
  /* Кнопка "К следующей паре" */
  .b-contest_match .vs .action:nth-child(2) {
    display: none;
  }
  /* Подсказка: "Кликните по одному из двух вариантов" */
  /* Подсказка: "Ваш голос учтён!" */
  /* Подсказка: "Вы воздержались в этом голосовании" */
  /* Подсказка: "На сегодня всё! Спасибо за участие!" */
  /* Подсказка: "Голосование ещё не началось" */
  .b-contest_match .vs .invitation,
  .b-contest_match .vs .vote-voted,
  .b-contest_match .vs .vote-abstained,
  .b-contest_match .vs .thanks,
  .b-contest_match .vs .hint {
    font-size: 1rem;
    line-height: 40px;
    margin: 0;
  }
  /* Подсказка: "На сегодня всё! Спасибо за участие!" */
  .b-contest_match .vs .thanks {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .b-contest_match .vs .vote-abstained[style='display: none;'] ~ .thanks {
    display: none !important;
  }
  /* Иконка VS */
  .b-contest_match .vs .label {
    display: inline-block;
    position: absolute;
    top: 192px;
    right: 0;
    left: 0;
    width: 72px;
    height: 72px;
    margin: auto;
    border-radius: 100%;
    font-size: 24px;
    line-height: 72px;
    text-transform: uppercase;
    z-index: 6;
  }
}

@media (max-width: 1024px) {
  .p-contests .match-day .match-link .c-column {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .p-contests .match-day .match-link .draw::before,
  .p-contests .match-day .match-link .loser::before,
  .p-contests .match-day .match-link .winner::before {
    display: none;
  }
  .p-contests .match-day .matches-num {
    width: auto;
    padding: 0 4px;
    margin-right: 8px;
    border-radius: 2px;
    color: #FFF;
    font-size: 12px;
    line-height: 20px;
  }
  .p-contests .match-day .draw .matches-num {
    background-color: #4f91e8;
  }
  .p-contests .match-day .loser .matches-num {
    background-color: #ef5350;
  }
  .p-contests .match-day .winner .matches-num {
    background-color: #66bb6a;
  }
}

.p-contests .contest-match .vs .refrain,
.p-contests .contest-match .votes-percents,
.p-contests .contest-match .vs > div:first-child,
.p-contests .contest-match .vs .next {
  font-weight: bold;
}

/**
 * Dashboard Layout
 * Изменение положения блоков на главной странице
 */
.p-dashboards-show .cc-second .cc-inner {
  display: none;
}

@media (max-width: 767px) and (orientation: landscape) {
  .p-dashboards-show .cc-second > .c-forum {
    width: 100%;
  }
  .p-dashboards-show .cc-second > .c-forum .b-forums,
  .p-dashboards-show .cc-second > .c-forum .contests {
    float: left;
    width: 48%;
  }
  .p-dashboards-show .cc-second > .c-forum .b-forums {
    margin-right: 4%;
  }
}

@media (min-width: 768px) {
  .p-dashboards-show .cc-second {
    float: right;
    width: 30.33333%;
    margin-bottom: 0;
  }
  .p-dashboards-show .cc-second > .cc-inner {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
  }
  .p-dashboards-show .cc-second > .cc-inner > .c-content,
  .p-dashboards-show .cc-second > .cc-inner > .c-my_list {
    float: none;
    width: 100%;
    padding: 0;
  }
  .p-dashboards-show .cc-second > .c-forum {
    float: none;
    width: 100%;
  }
  .p-dashboards-show .cc-second > .c-forum > .b-forums,
  .p-dashboards-show .cc-second > .c-forum > .block:last-child {
    margin-bottom: 1.5rem;
  }
  .p-dashboards-show .cc-second .cc-inner {
    display: none;
  }
}

@media (max-width: 767px) {
  .p-dashboards-show .cc-second {
    margin-bottom: .5rem;
  }
}

/* END of Dashboard Layout */
/**
 * INDEX
 * Изменения главной страницы.
 */
.p-dashboards-show .c-my_list {
  padding: 0;
  background: initial;
  border: none;
}

.p-dashboards-show .c-my_list .title .switch, .p-dashboards-show .c-my_list .title .link {
  float: right;
}

/* Изменение новостей на главной */
.p-dashboards-show .cc-news {
  /* FIX: исправление стандартного правила */
}

.p-dashboards-show .cc-news .c-news_topics .b-topic {
  padding: 1rem 0 1.5rem;
  margin-bottom: 0;
  border-top-width: 1px;
}

.p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a {
  padding: 0 0 .25rem;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1.65;
  white-space: normal;
}

.p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag {
  display: none;
}

.p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a {
  font-size: 16px !important;
}

/* Change Forum Button */
/* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */
.p-dashboards-show .b-forums > .b-link_button.maxi {
  position: relative;
  margin-bottom: 0;
  background-color: transparent;
  font-size: 0 !important;
  line-height: 0;
  text-align: left;
  text-transform: uppercase;
  overflow: visible;
}

.p-dashboards-show .b-forums > .b-link_button.maxi::after {
  content: 'Форум';
  min-width: 0;
  margin-left: -1rem;
  color: #2196F3 !important;
}

.p-dashboards-show .b-forums > .b-link_button.maxi:hover::after, .p-dashboards-show .b-forums > .b-link_button.maxi:focus::after {
  background-color: rgba(33, 150, 243, 0.12);
}

.p-dashboards-show .b-forums > .b-link_button.maxi:active::after {
  background-color: rgba(33, 150, 243, 0.24);
}

.p-dashboards-show[data-locale='en'] .b-forums > .b-link_button.maxi::after {
  content: 'Forum';
}

/* Ссылки на текущие турниры */
.p-dashboards-show .contests .contest {
  margin: 0 -.5rem;
}

.p-dashboards-show .contests .contest:hover {
  background-color: #EEEEEE;
}

.p-dashboards-show .contests .contest a {
  display: block;
  padding: 0 .5rem;
  color: #212121 !important;
  font-size: .875rem;
  line-height: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.p-dashboards-show .contests .contest a:hover {
  text-decoration: none;
}

.block2,
.contests.block {
  margin-bottom: 1.5rem;
  line-height: 1.5rem;
}

.p-dialogs .misc-links {
  position: absolute;
  top: 56px;
  right: 0;
  margin: 0;
}

.p-dialogs .misc-links > a {
  position: relative;
  font-size: 0;
  line-height: 0;
}

.p-dialogs .misc-links > a::before {
  content: 'low_priority';
  transform: scale(-1, 1);
}

.p-dialogs .misc-links > a::after {
  content: 'Непрочитанные начиная со старых';
}

.p-dialogs[data-locale='en'] .misc-links > a::after {
  content: 'Unread messages from oldest one';
}

.p-messages .mass-actions {
  position: absolute;
  top: 56px;
  right: 0;
  margin: 0;
}

.p-messages .mass-actions .action {
  vertical-align: top;
}

.p-messages .mass-actions .action + .action {
  margin-left: 8px;
}

.p-messages .mass-actions .action::after {
  display: none;
}

.p-messages .mass-actions .action a {
  position: relative;
  border: 0;
  font-size: 0;
  line-height: 1;
}

.p-messages .mass-actions .action:nth-child(1) > a::before {
  content: 'done_all';
}

.p-messages .mass-actions .action:nth-child(1) > a::after {
  content: 'Прочитать всё';
}

.p-messages .mass-actions .action:nth-child(2) > a::before {
  content: 'delete_sweep';
}

.p-messages .mass-actions .action:nth-child(2) > a::after {
  content: 'Удалить всё';
}

.p-messages[data-locale='en'] .mass-actions .action:nth-child(1) > a::after {
  content: 'Mark all messages as read';
}

.p-messages[data-locale='en'] .mass-actions .action:nth-child(2) > a::after {
  content: 'Remove all messages';
}

/**
 * PROFILE
 * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ
 */
.p-profiles-show .profile-content {
  overflow: visible;
}

.p-profiles .profile-content .cc-2,
.p-profiles .profile-content .about,
.p-profiles .profile-content .cc-2 .c-right .cc-2a {
  margin-bottom: 1rem !important;
}

@media screen and (max-width: 767px) {
  .cc-2 > .c-column {
    margin-bottom: 1rem;
  }
  .p-profiles-show .profile-content .activity:last-child {
    margin-bottom: 1.25rem !important;
  }
}

.line:nth-child(even) > .bar-container > .bar,
.line:nth-child(even) > .bar-container > .bar:hover {
  background-color: #5eb2f5;
}

/* Столбики активности */
.bar.vertical {
  padding: 0;
  border: none;
}

.bar.vertical .line {
  border: none;
}

.bar.vertical .line .bar-container .value {
  font-size: .75rem;
  line-height: 1.25rem;
}

/* Горизонтальные полосы */
.bar.horizontal .line {
  padding: 0;
  margin: 0;
  line-height: 1.25em;
}

.bar.horizontal .line .bar-container .bar {
  height: 1.25em;
  text-align: right;
}

.bar.horizontal .line .bar-container .value {
  float: none;
  display: inline-block;
  vertical-align: top;
  padding-right: .25em;
  color: #FAFAFA;
  font-size: .75em;
  line-height: inherit;
}

.bar.horizontal .line .x_label {
  font-size: .75em;
  font-weight: normal;
  line-height: inherit;
}

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

/* FIX: update 2017-03-19 */
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after {
  clear: none;
}

/* Выпадающий список аниме/манги в профиле */
@media (max-width: 599px) {
  .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
    position: relative;
  }
  .b-stats_bar .stat_names {
    position: absolute;
    top: 0;
    min-width: 165px;
    border-radius: .125rem;
  }
  .b-stats_bar .stat_names:hover {
    padding: 3rem 0 .5rem;
    background-color: #FFFFFF;
    z-index: 10;
  }
  .b-stats_bar .stat_names::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.32);
    z-index: -1;
  }
  .b-stats_bar .stat_names::before {
    content: 'arrow_drop_down';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
    padding: .25rem;
    margin: .5rem .25rem;
    border-radius: 100%;
    font-size: 1.5rem;
    font-family: 'Material Icons';
    line-height: 1;
    box-sizing: border-box;
    pointer-events: auto;
    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-stats_bar .stat_names:hover .stat_name {
    display: block;
  }
  .b-stats_bar .stat_names .stat_name {
    display: none;
    padding: 0 1rem;
  }
  .b-stats_bar .stat_names .stat_name a {
    display: block;
    padding: 0 1rem;
    margin: 0 -1rem;
  }
  .b-stats_bar .stat_names .stat_name a:hover {
    background-color: rgba(0, 0, 0, 0.24);
    text-decoration: none;
  }
}

.p-profiles .profile-head .c-brief header h1 {
  vertical-align: top;
  font-size: 1.5em;
  line-height: 1;
}

.p-profiles .profile-head .c-brief header h1.aliases {
  cursor: help;
}

.p-profiles .profile-head .c-brief header h1.aliases::before {
  content: 'label';
  display: inline-block;
  vertical-align: top;
  float: right;
  margin-left: .5rem;
  opacity: .5;
}

.p-profiles .profile-head .c-brief header h1.aliases::after {
  display: none;
}

.p-profiles .profile-head .c-brief header .misc {
  vertical-align: top;
  padding: .5rem 1rem;
  margin: 0;
  font-size: .875rem;
  line-height: 1.5rem;
}

.p-profiles .profile-head .c-brief header .notice {
  font-size: .75em;
  line-height: 1.25rem;
}

@media (min-width: 768px) {
  .p-profiles .profile-head .c-brief .avatar {
    margin: .5rem 2rem 3rem 1rem;
  }
}

.p-profiles .profile-head .c-brief .avatar .profile-actions {
  margin-top: 1rem;
  margin-right: -.75rem;
  margin-left: -.75rem;
}

.p-profiles .profile-head .c-brief .avatar img {
  display: block;
  margin: auto;
}

@media (min-width: 768px) {
  .p-profiles .profile-head .c-brief .avatar img {
    width: 160px;
    height: 160px;
  }
}

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

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after {
  clear: none;
}

.p-profiles .profile-head .c-info .c-additionals {
  margin-top: 8px;
  margin-bottom: 8px;
}

.p-profiles .profile-head .c-info .c-additionals b {
  padding-right: 8px;
  font-size: 0;
}

.p-profiles .profile-head .c-info .c-additionals b::after {
  content: 'Активность на сайте:';
  font-size: 14px;
}

.p-profiles[data-locale='en'] .profile-head .c-info .c-additionals b::after {
  content: 'Activity:';
}

/* USER PROFILE |> HISTORY ENTRY */
.p-profiles .profile-head .c-history .entry {
  position: relative;
  padding: .5rem 0;
  margin: 0;
  border: 0;
  overflow: initial;
}

.p-profiles .profile-head .c-history .entry,
.p-profiles .profile-head .c-history .entry:first-child {
  padding-top: .5rem;
  margin-top: 0;
}

.p-profiles .profile-head .c-history .entry::before {
  content: '';
  display: block;
  position: absolute;
  right: -.5rem;
  bottom: 0;
  left: 3.5rem;
  height: 1px;
  pointer-events: none;
}

.p-profiles .profile-head .c-history .entry:last-child::before {
  display: none;
}

/* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */
.p-profiles .profile-head .c-history .entry a {
  display: block;
  padding: .5rem .5rem;
  margin: -.5rem;
}

@media (min-width: 960px) {
  .p-profiles .profile-head .c-history .entry a {
    padding: .75rem .5rem;
  }
}

.p-profiles .profile-head .c-history .entry a::after {
  content: '';
  clear: both;
  display: block;
}

.p-profiles .profile-head .c-history .entry:hover .title {
  text-decoration: none;
}

/* END of FULLENTRY LINK */
.p-profiles .profile-head .c-history .entry img {
  margin: 0 16px 0 0;
  max-height: 72px;
  max-width: 40px;
  border-radius: 2px;
}

.p-profiles .profile-head .c-history .entry .misc {
  font-size: .75em;
}

.p-profiles-show .b-stats_bar.anime a.title {
  margin-left: -1rem;
}

.p-profiles-show .b-stats_bar.anime .bar {
  color: #FAFAFA;
}

.p-profiles-show .b-stats_bar.anime .bar .first {
  background: #2196F3;
}

.p-profiles-show .b-stats_bar.anime .bar .second {
  background: #5eb2f5;
}

.p-profiles-show .b-stats_bar.manga a.title {
  margin-left: -1rem;
  color: #FF4081;
}

.p-profiles-show .b-stats_bar.manga a.title:hover, .p-profiles-show .b-stats_bar.manga a.title:focus {
  background: rgba(255, 64, 129, 0.12);
  color: #FF4081;
}

.p-profiles-show .b-stats_bar.manga a.title:active {
  background: rgba(255, 64, 129, 0.24);
  color: #FF4081;
}

.p-profiles-show .b-stats_bar.manga .bar {
  color: #212121;
}

.p-profiles-show .b-stats_bar.manga .bar .first {
  background: #FF4081;
}

.p-profiles-show .b-stats_bar.manga .bar .second {
  background: #fe74a3;
}

.p-profiles-show .b-stats_bar.lifetime .title {
  display: block;
  width: auto;
}

.p-profiles-show .b-stats_bar.lifetime .bar {
  height: .5rem;
}

.p-profiles-show .b-stats_bar.lifetime .bar .first {
  background: #2196F3;
}

.p-profiles-show .b-stats_bar.lifetime .cuts .cut {
  width: 0;
  height: 0;
  margin: 0 -.25rem;
  background: transparent;
  border: .25rem solid transparent;
  border-bottom-color: #FAFAFA;
  z-index: 1;
}

.p-profiles-show .b-stats_bar.lifetime .times {
  line-height: 0;
}

.p-profiles-show .b-stats_bar.lifetime .times .time {
  color: #9E9E9E;
  font-size: .625rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}

.p-profiles-show .b-stats_bar.lifetime .times .time.checked {
  color: #2196F3;
  font-weight: bold;
}

.p-profiles-show .b-stats_bar.lifetime .times .time.checked::before {
  display: none;
  color: #2196F3;
  opacity: .72;
}

/* Иконки совместимости для профиля */
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  position: relative;
  overflow: visible;
}

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a {
  font-size: 0;
}

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover {
  text-decoration: none;
}

.b-stats_bar .compatibility a[href$='=similar'] {
  position: relative;
  font-size: 0;
  line-height: 0;
  margin: 4px 0 !important;
}

.b-stats_bar .compatibility a[href$='=similar']::before {
  content: 'compare_arrows';
}

.b-stats_bar .compatibility a[href$='=similar']::after {
  content: 'Найти похожих пользователей';
}

[data-locale='en'] .b-stats_bar .compatibility a[href$='=similar']::after {
  content: 'Find similar users';
}

.b-stats_bar .compatibility a[href^='/comparer']::before {
  display: none;
}

.b-stats_bar .compatibility .text:first-child {
  position: relative;
  font-size: 0;
  line-height: 0;
  margin: 4px 0 !important;
}

.b-stats_bar .compatibility .text:first-child::before {
  content: 'people';
}

.b-stats_bar .compatibility .text:first-child.zero::before {
  content: 'people_outline';
}

.b-stats_bar .compatibility .text:first-child.zero::after {
  content: 'Нет совместимости';
}

[data-locale='en'] .b-stats_bar .compatibility .text:first-child.zero::after {
  content: 'No compatibility';
}

.b-stats_bar .compatibility .text:first-child.weak {
  background-color: #F9FBE7;
  color: #CDDC39 !important;
}

.b-stats_bar .compatibility .text:first-child.weak:hover {
  background-color: #F0F4C3;
  color: #C0CA33 !important;
}

.b-stats_bar .compatibility .text:first-child.weak::after {
  content: 'Низкая совместимость';
}

[data-locale='en'] .b-stats_bar .compatibility .text:first-child.weak::after {
  content: 'Low compatibility';
}

.b-stats_bar .compatibility .text:first-child.moderate {
  background-color: #F1F8E9;
  color: #8BC34A !important;
}

.b-stats_bar .compatibility .text:first-child.moderate:hover {
  background-color: #DCEDC8;
  color: #7CB342 !important;
}

.b-stats_bar .compatibility .text:first-child.moderate::after {
  content: 'Средняя совместимость';
}

[data-locale='en'] .b-stats_bar .compatibility .text:first-child.moderate::after {
  content: 'Medium compatibility';
}

.b-stats_bar .compatibility .text:first-child.high {
  background-color: #E8F5E9;
  color: #4CAF50 !important;
}

.b-stats_bar .compatibility .text:first-child.high:hover {
  background-color: #C8E6C9;
  color: #43A047 !important;
}

.b-stats_bar .compatibility .text:first-child.high::after {
  content: 'Высокая совместимость';
}

[data-locale='en'] .b-stats_bar .compatibility .text:first-child.high::after {
  content: 'High compatibility';
}

.b-stats_bar .compatibility .text:first-child.full {
  background-color: #E1F5FE;
  color: #03A9F4 !important;
}

.b-stats_bar .compatibility .text:first-child.full:hover {
  background-color: #B3E5FC;
  color: #039BE5 !important;
}

.b-stats_bar .compatibility .text:first-child.full::after {
  content: 'Полная совместимость';
}

[data-locale='en'] .b-stats_bar .compatibility .text:first-child.full::after {
  content: 'Full compatibility';
}

.b-stats_bar .compatibility .link-replacement {
  cursor: help;
}

.b-stats_bar .compatibility .link-replacement .text:first-child,
.b-stats_bar .compatibility .link-replacement:hover .text:first-child {
  background-color: transparent !important;
}

.b-stats_bar .compatibility .text + .text {
  display: none;
}

.b-stats_bar .compatibility .rate {
  position: absolute;
  top: -.125rem;
  right: -.5rem;
  padding: 0 .25rem;
  background-color: #FF4081;
  border-radius: 2px;
  color: #212121;
  font-size: .75rem;
  line-height: 1rem;
}

.b-stats_bar .compatibility .rate::before, .b-stats_bar .compatibility .rate::after {
  display: none;
}

.p-dialogs .l-page > div > header.head,
.p-messages .l-page > div > header.head,
.p-profiles-edit .l-page > div > header.head {
  margin-bottom: 0;
}

.p-dialogs header.head,
.p-messages header.head,
.p-profiles-edit header.head {
  padding: 16px 16px 8px;
  margin: -16px -16px 0;
  background-color: #E0E0E0;
}

@media (min-width: 481px) {
  .p-dialogs header.head,
  .p-messages header.head,
  .p-profiles-edit header.head {
    padding: 0;
    margin: 0;
    background-color: transparent;
  }
}

.p-dialogs .b-options-floated,
.p-messages .b-options-floated,
.p-profiles-edit .b-options-floated {
  position: static;
  padding: 0;
  margin: 0 -16px 8px;
  background-color: #E0E0E0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}

@media (min-width: 481px) {
  .p-dialogs .b-options-floated,
  .p-messages .b-options-floated,
  .p-profiles-edit .b-options-floated {
    position: initial;
    padding: 0;
    margin: 0 -16px 8px;
    background-color: transparent;
    text-align: right;
  }
}

.p-dialogs .b-options-floated > a,
.p-messages .b-options-floated > a,
.p-profiles-edit .b-options-floated > a {
  display: inline-block;
  width: auto;
  min-width: 88px;
  height: 48px;
  padding: 0 12px;
  color: #424242;
  font-size: 14px;
  font-weight: 700;
  line-height: 48px;
  text-align: center;
  text-transform: uppercase;
}

.p-dialogs .b-options-floated > a:hover,
.p-messages .b-options-floated > a:hover,
.p-profiles-edit .b-options-floated > a:hover {
  text-decoration: none;
}

.p-dialogs .b-options-floated > a::after,
.p-messages .b-options-floated > a::after,
.p-profiles-edit .b-options-floated > a::after {
  display: none;
}

.p-dialogs .b-options-floated > a.selected,
.p-messages .b-options-floated > a.selected,
.p-profiles-edit .b-options-floated > a.selected {
  border-bottom: 2px solid #FF4081;
  color: #212121 !important;
}

/* Страница редактирования аккаунта */
.p-profiles-edit .account .c-column .block:not(:last-child) {
  margin-bottom: 3rem;
}

.p-profiles-edit .account .change-password {
  max-width: 375px;
  margin-top: .25em;
  margin-bottom: 2em;
}

.p-profiles-edit .account .change-password::after {
  content: '';
  clear: both;
  display: block;
}

.p-profiles-edit .account .change-password a {
  float: right;
  font-size: 0;
}

.p-profiles-edit .account .change-password a:hover {
  text-decoration: none;
}

.p-profiles-edit .account .change-password a::after {
  content: 'Изменить';
  vertical-align: top;
  font-size: .875rem;
}

.p-profiles-edit[data-locale=en] .account .change-password a::after {
  content: 'Change';
}

.p-profiles-edit .edit_user_preferences .about-options {
  position: absolute;
  right: 0;
  margin: .75rem 0;
  background: transparent !important;
  text-align: right;
  z-index: 1;
}

.p-profiles-edit .edit_user_preferences .about-options .b-input label {
  line-height: 1.5rem;
}

/* MENU ENTRY REVIEW & CLUBS */
.p-topics header h1 a.reload {
  color: #424242 !important;
}

.p-topics header h1 a.reload:hover::after {
  position: static;
}

.p-topics .l-menu .b-forums {
  margin-bottom: 1.5rem;
  line-height: 1.5rem;
}

.p-topics .l-menu .calendar .entry, .p-topics .l-menu .clubs .entry, .p-topics .l-menu .reviews .entry {
  position: relative;
  padding: 8px 0;
  margin: 0;
  border: 0;
  overflow: initial;
}

.p-topics .l-menu .calendar .entry:first-child, .p-topics .l-menu .clubs .entry:first-child, .p-topics .l-menu .reviews .entry:first-child {
  padding-top: 8px;
  margin-top: 0;
}

.p-topics .l-menu .calendar .entry::before, .p-topics .l-menu .clubs .entry::before, .p-topics .l-menu .reviews .entry::before {
  content: '';
  position: absolute;
  right: -8px;
  bottom: 0;
  left: 56px;
  height: 1px;
  background-color: #DDDDDD;
  pointer-events: none;
}

.p-topics .l-menu .calendar .entry:last-child::before, .p-topics .l-menu .clubs .entry:last-child::before, .p-topics .l-menu .reviews .entry:last-child::before {
  display: none;
}

.p-topics .l-menu .calendar .entry a, .p-topics .l-menu .clubs .entry a, .p-topics .l-menu .reviews .entry a {
  display: block;
  padding: 8px;
  margin: -8px;
  color: #212121;
}

.p-topics .l-menu .calendar .entry a::after, .p-topics .l-menu .clubs .entry a::after, .p-topics .l-menu .reviews .entry a::after {
  content: '';
  clear: both;
  display: block;
}

.p-topics .l-menu .calendar .entry:hover a, .p-topics .l-menu .clubs .entry:hover a, .p-topics .l-menu .reviews .entry:hover a {
  background-color: #EEEEEE;
  color: #212121;
}

.p-topics .l-menu .calendar .entry:hover .title, .p-topics .l-menu .clubs .entry:hover .title, .p-topics .l-menu .reviews .entry:hover .title {
  text-decoration: none;
}

.p-topics .l-menu .calendar .entry .misc, .p-topics .l-menu .clubs .entry .misc, .p-topics .l-menu .reviews .entry .misc {
  color: #757575 !important;
}

.p-topics .l-menu .calendar .entry .misc.date, .p-topics .l-menu .clubs .entry .misc.date, .p-topics .l-menu .reviews .entry .misc.date {
  color: #9E9E9E !important;
}

.p-topics .l-menu .clubs .entry img {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin: 2px 16px 2px 0;
  border-radius: 2px;
}

.p-topics .l-menu .reviews .entry img {
  min-width: 40px;
  max-height: 64px;
  margin: 2px 16px 2px 0;
  border-radius: 2px;
}

.p-topics .l-menu .sticky-topics .topic,
.p-topics .l-menu .contests .contest {
  padding: 8px;
  margin: 0 -8px;
  border: 0;
}

.p-topics .l-menu .sticky-topics .topic:first-child,
.p-topics .l-menu .contests .contest:first-child {
  padding-top: 8px;
  margin-top: 0;
}

.p-topics .l-menu .sticky-topics .topic:hover,
.p-topics .l-menu .contests .contest:hover {
  background-color: #EEEEEE;
}

.p-topics .l-menu .sticky-topics .topic .title,
.p-topics .l-menu .contests .contest .title {
  color: #212121;
  line-height: 20px;
}

.p-topics .l-menu .sticky-topics .topic .title::after,
.p-topics .l-menu .contests .contest .title::after {
  display: none;
}

.p-topics .l-menu .sticky-topics .topic:hover .title,
.p-topics .l-menu .contests .contest:hover .title {
  color: #212121;
  text-decoration: none;
}

.p-topics .l-menu .sticky-topics .topic:active .title,
.p-topics .l-menu .contests .contest:active .title {
  color: #212121;
}

.p-topics .l-menu .sticky-topics .topic .notice,
.p-topics .l-menu .contests .contest .notice {
  margin-top: 2px;
  color: #757575;
  line-height: 18px;
}

/* Страница истории пользователя */
.p-user_history-index .history-page .mischeadline {
  margin-bottom: 0;
}

.p-user_history-index .history-page .history-interval {
  margin-bottom: .5rem;
}

.p-user_history-index .history-page .history-interval p {
  margin-bottom: 0;
  line-height: 1.5rem;
}

.p-user_history-index .history-page .history-interval p:hover {
  background-color: #EEEEEE;
}

.p-user_history-index .history-page .history-interval p a {
  color: #2196F3;
}

.p-user_history-index .history-page .history-interval p a:hover {
  color: #FF4081;
}

.p-user_history-index .history-page .history-interval p a:active {
  color: #F50057;
}

.p-user_history-index .history-page .history-interval p .date {
  color: #757575;
}

/* Пользовательские списки */
.p-user_rates-index .l-content .b-options-floated span::before, .p-user_rates-index .l-content .b-options-floated span::after {
  color: #9E9E9E;
}

.p-user_rates-index .l-content .order-control {
  color: #212121;
}

.p-user_rates-index .l-content .order-control:hover {
  background-color: #EEEEEE;
  color: #212121;
}

.p-user_rates-index .l-content .order-control:active {
  color: #F50057;
}

.p-user_rates-index .stat-categories .category {
  height: 20px;
  color: #2196F3;
}

.p-user_rates-index .stat-categories .category:hover, .p-user_rates-index .stat-categories .category.active {
  color: #FF4081;
}

.p-user_rates-index .stat-categories .category:active, .p-user_rates-index .stat-categories .category.active:hover {
  color: #F50057;
}

.p-user_rates-index .list-lines thead tr {
  font-size: 13px;
  line-height: 2rem;
}

.p-user_rates-index .list-lines .selectable:hover {
  background-color: #EEEEEE;
}

.p-user_rates-index .list-lines tr td .anime-remove:hover, .p-user_rates-index .list-lines tr td .anime-remove.selected {
  color: #FF4081;
}

.p-user_rates-index .list-lines tr td .anime-remove:active {
  color: #F50057;
}

.p-user_rates-index .list-lines tr td .anime-status:hover {
  color: #FF4081;
}

.p-user_rates-index .list-lines tr td .anime-status:active {
  color: #F50057;
}

.p-user_rates-index .list-lines tr td .rate-text {
  color: #424242;
  font-size: .875rem;
  line-height: 1.25rem;
}

.p-user_rates-index .list-lines tr td .episodes_total {
  color: #424242;
}

.p-user_rates-index .list-lines tr td .new-value input {
  height: 1.5rem;
  background: #F5F5F5;
  border-color: #DDDDDD;
  border-radius: 2px;
  color: #212121 !important;
  font-size: 1rem;
  line-height: 1.5rem;
}

.p-user_rates-index .list-lines tr.edit-form form {
  padding: 1rem;
  margin: .5rem 0;
  background: #EEEEEE;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
}

.p-user_rates-index .list-lines tr.edit-form .b-input {
  vertical-align: top;
}

.p-user_rates-index .list-lines tr.edit-form .b-input.integer input {
  width: 7rem;
}

.p-user_rates-index .list-lines tr.edit-form .b-input.text textarea {
  font-size: .875rem;
  resize: vertical;
}

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

.p-user_rates-index .list-lines tr.edit-form .remove {
  border: 0;
  font-size: 0;
}

.p-user_rates-index .list-lines tr.edit-form .remove::before {
  content: 'delete';
}

.p-user_rates-index .list-lines tr .index {
  width: 2em;
  padding-right: .5em;
  color: #757575;
}

.p-user_rates-index .list-lines tr .name a {
  color: #2196F3;
}

.p-user_rates-index .list-lines tr .name a:hover {
  color: #FF4081;
}

.p-user_rates-index .list-lines tr .name a:active {
  color: #F50057;
}

.p-user_rates-index .list-posters .user_rate .b-catalog_entry::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 40%);
  border-radius: .125rem;
  opacity: 0;
  pointer-events: none;
}

.p-user_rates-index .list-posters .user_rate:hover .b-catalog_entry::after {
  opacity: 1;
}

.p-user_rates-index .list-posters .user_rate.b-ajax::after {
  margin-top: -1.5rem;
}

.p-user_rates-index .list-posters .user_rate .edit-user_rate {
  background-color: transparent;
  color: #fff !important;
}

.p-user_rates-index .list-posters .user_rate .edit-user_rate:last-child {
  margin-right: .25rem !important;
}

.p-user_rates-index .list-posters .user_rate .edit-user_rate:hover {
  background-color: #2196F3;
  color: #FAFAFA !important;
}

.p-user_rates-index .list-posters .user_rate .edit-user_rate::before {
  content: 'edit';
  position: static;
  height: auto;
  background: transparent;
}

.p-user_rates-index .list-posters .user_rate > .text {
  padding: .5rem;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0 0 2px 2px;
}

.p-user_rates-index .list-posters .user_rate > .text::before {
  display: none;
}

.p-user_rates-index .list-groups .summary.posters {
  padding: .5em 1em;
  background: #F5F5F5;
  border-color: #DDDDDD;
  border-radius: 2px;
}

.p-user_rates-index .list-groups .summary.lines {
  font: inherit;
  font-size: .875em;
  color: inherit;
}

.p-user_rates-index .list-groups .summary .stat-value::after {
  padding: 0 3px;
  color: #9E9E9E;
}

/* Страница сравнения списков */
.p-userlist_comparer .comparer table .selectable:hover {
  background-color: #E0E0E0;
}

.p-userlist_comparer .comparer table a {
  color: inherit;
}

.p-userlist_comparer .comparer table .name a {
  color: #2196F3;
}

.p-userlist_comparer .comparer table .name a:hover {
  color: #FF4081;
}

.p-userlist_comparer .comparer table .name a:active {
  color: #F50057;
}

.p-userlist_comparer .notice span {
  padding: 1.5px 4px !important;
  border-radius: 2px;
}

.p-userlist_comparer .notice span:nth-child(6) {
  background: rgba(244, 67, 54, 0.5) !important;
}

.p-userlist_comparer .notice span:nth-child(4) {
  background: rgba(255, 138, 128, 0.5) !important;
}

.p-userlist_comparer .notice span:nth-child(3) {
  background: rgba(185, 246, 202, 0.5) !important;
}

.p-userlist_comparer .notice span:nth-child(5) {
  background: rgba(76, 175, 80, 0.5) !important;
}

.p-userlist_comparer .comparer table .abslt-difr,
.p-userlist_comparer .legend .abslt-difr {
  background: rgba(244, 67, 54, 0.5) !important;
}

.p-userlist_comparer .comparer table .slightly-difr,
.p-userlist_comparer .legend .slightly-difr {
  background: rgba(255, 138, 128, 0.5) !important;
}

.p-userlist_comparer .comparer table .almost-same,
.p-userlist_comparer .legend .almost-same {
  background: rgba(185, 246, 202, 0.5) !important;
}

.p-userlist_comparer .comparer table .exact-same,
.p-userlist_comparer .legend .exact-same {
  background: rgba(76, 175, 80, 0.5) !important;
}

a.b-button {
  color: #2196F3;
}

.b-form input[type=submit][disabled], .b-form input[type=submit].disabled {
  background-color: #E0E0E0;
  box-shadow: none;
  color: #9E9E9E !important;
}

.b-form .cancel:hover {
  text-decoration: none;
}

.buttons > div,
.buttons a {
  line-height: 1.5rem !important;
}

.b-shiki_editor footer .unpreview:not(.link) {
  font-size: 0;
}

.b-shiki_editor footer .unpreview:not(.link)::after {
  content: 'Редактировать';
  vertical-align: top;
  font-size: .875rem;
}

[data-locale=en] .b-shiki_editor footer .unpreview:not(.link)::after {
  content: 'Edit';
}

.b-contests-menu .results {
  display: block;
  float: none;
  margin: .5rem 0;
  border-radius: 2px;
  font-size: 0;
}

.b-contests-menu .results:hover {
  text-decoration: none;
}

.b-contests-menu .results::after {
  content: attr(title);
  vertical-align: top;
  font-size: .875rem;
}

@media (max-width: 1024px) {
  .l-menu {
    position: fixed !important;
    top: 0;
    right: 0;
    width: 25rem !important;
    max-width: calc(100% - 3.5rem);
    height: 100%;
    background-color: #FFFFFF;
    padding: 4.5rem 1rem 1.5rem;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24);
    overflow-y: auto;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    transition: .25s ease;
    z-index: 9;
  }
  .l-page.menu-expanded .l-menu {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .menu-slide-outer .l-content {
    margin-left: 0 !important;
  }
}

.l-page .menu-toggler {
  position: fixed;
  top: 74px;
  right: 0;
  width: auto;
  height: auto;
  padding: 8px 0;
  transform: rotate(270deg);
  transform-origin: bottom right;
  z-index: 10;
}

.l-page .menu-toggler .toggler {
  border-radius: 4px;
  padding: 0 .25em;
  line-height: 24px;
}

.l-page .menu-toggler .toggler::before {
  content: 'chevron_right' !important;
  display: inline-block;
  vertical-align: top;
  width: 1em;
  margin: 0;
  font-size: 1.5em;
  opacity: .72;
  transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
}

.l-page .menu-toggler .toggler::after {
  margin: 0 .25em;
  color: inherit;
  font: inherit;
}

.l-page.menu-expanded .menu-toggler .toggler::before {
  transform: rotate(90deg);
}

[data-locale='ru'] .l-page .menu-toggler .toggler::after {
  content: 'меню';
}

[data-locale='en'] .l-page .menu-toggler .toggler::after {
  content: 'sidebar';
}

@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
  .l-page .menu-toggler.ipad-expanded {
    display: block;
  }
}

/**
 * List of User
 * Список пользователей меняется на карточки пользователей
 */
.p-users .b-user.detailed {
  display: inline-block;
  vertical-align: top;
  float: none;
  position: relative;
  width: 48%;
  height: auto;
  min-height: 261px;
  padding: 8px;
  margin-bottom: 4%;
  margin-right: 4%;
  background-color: #FFFFFF;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  backface-visibility: hidden;
}

.p-users .b-user.detailed:nth-child(2n+2) {
  margin-right: 0;
}

.p-users .b-user.detailed::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16);
  opacity: 0;
  transition: .3s all;
}

.p-users .b-user.detailed:hover::before {
  opacity: 1;
}

.p-users .b-user.detailed .info,
.p-users .b-user.detailed .history {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
}

.p-users .b-user.detailed .info .image-name {
  display: block;
  padding: 16px 0;
  margin: auto;
  color: #2196F3;
  text-align: center;
}

.p-users .b-user.detailed .info .image-name:hover {
  color: #FF4081;
}

.p-users .b-user.detailed .info .image-name:active {
  color: #F50057;
}

.p-users .b-user.detailed .info .image-name .name {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 97px 0 0;
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.p-users .b-user.detailed .info .image-name .image {
  clear: both;
  float: none;
  display: block;
  padding: 0;
  margin: auto auto 24px;
  border-radius: 100%;
}

.p-users .b-user.detailed .info .last-online {
  color: #757575;
  text-align: center;
}

.p-users .b-user.detailed .history {
  padding-top: 8px;
  margin-top: 0;
  font-size: 12px;
  line-height: 20px;
}

.p-users .b-user.detailed .history .line .event {
  color: inherit;
}

.p-users .b-user.detailed .history .line .date {
  color: #9E9E9E;
}

.p-users .b-user.detailed .history .line a .event {
  color: #2196F3;
}

.p-users .b-user.detailed .history .line a .event:hover {
  color: #FF4081;
}

.p-users .b-user.detailed .history .line a .event:active {
  color: #F50057;
}

@media (min-width: 540px) {
  .p-users .b-user.detailed {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .p-users .b-user.detailed:nth-child(2n+2) {
    margin-right: 2%;
  }
  .p-users .b-user.detailed:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .p-users .b-user.detailed {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .p-users .b-user.detailed:nth-child(2n+2) {
    margin-right: 2%;
  }
  .p-users .b-user.detailed:nth-child(3n+3) {
    margin-right: 2%;
  }
  .p-users .b-user.detailed:nth-child(4n+4) {
    margin-right: 0;
  }
}

@media (min-width: 960px) {
  .p-users .b-user.detailed {
    width: 18.4%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .p-users .b-user.detailed:nth-child(2n+2) {
    margin-right: 2%;
  }
  .p-users .b-user.detailed:nth-child(3n+3) {
    margin-right: 2%;
  }
  .p-users .b-user.detailed:nth-child(4n+4) {
    margin-right: 2%;
  }
  .p-users .b-user.detailed:nth-child(5n+5) {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .p-users.x1200 .b-user.detailed {
    width: 15%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .p-users.x1200 .b-user.detailed:nth-child(2n+2) {
    margin-right: 2%;
  }
  .p-users.x1200 .b-user.detailed:nth-child(3n+3) {
    margin-right: 2%;
  }
  .p-users.x1200 .b-user.detailed:nth-child(4n+4) {
    margin-right: 2%;
  }
  .p-users.x1200 .b-user.detailed:nth-child(5n+5) {
    margin-right: 2%;
  }
  .p-users.x1200 .b-user.detailed:nth-child(6n+6) {
    margin-right: 0;
  }
}

/* END of List of User */
/**
 * PROFILE HEAD
 * Adaptive profile header includes: avatar, history, information, anime/manga bars.
 */
.p-profiles .profile-head {
  position: relative;
  min-height: 15.5rem;
  padding-top: 3rem;
  margin-top: -1rem;
  overflow: visible;
}

@media (min-width: 600px) {
  .p-profiles .profile-head {
    background-color: inherit;
  }
}

@media (min-width: 960px) {
  .p-profiles .profile-head {
    padding-top: 0;
    margin-top: 0;
  }
}

.p-profiles .profile-head .c-info {
  margin-bottom: .5rem;
  overflow: visible;
}

@media (min-width: 600px) {
  .p-profiles .profile-head .c-info {
    margin-left: 11.5rem;
  }
}

@media (min-width: 768px) {
  .p-profiles .profile-head .c-info {
    margin-left: 12.5rem;
  }
}

@media (min-width: 960px) {
  .p-profiles .profile-head .c-info {
    margin-left: 13.5rem;
    margin-right: calc(23% + 3.5rem);
    margin-bottom: 1.5rem;
  }
}

.p-profiles .profile-head .c-brief {
  position: relative;
  margin: -3rem -1rem 1rem;
  overflow: hidden;
}

@media (min-width: 600px) {
  .p-profiles .profile-head .c-brief {
    margin: -3rem -1rem 0;
    overflow: visible;
  }
}

@media (min-width: 768px) {
  .p-profiles .profile-head .c-brief {
    overflow: visible;
  }
}

@media (min-width: 960px) {
  .p-profiles .profile-head .c-brief {
    max-height: 504px;
    margin: 0;
    overflow: visible;
  }
}

.p-profiles .profile-head .c-brief::before {
  content: '';
  display: block;
  height: 0;
  padding-bottom: 0;
}

@media (min-width: 320px) {
  .p-profiles .profile-head .c-brief::before {
    padding-bottom: 48px;
  }
}

@media (min-width: 600px) {
  .p-profiles .profile-head .c-brief::before {
    padding-bottom: 56px;
  }
}

@media (min-width: 960px) {
  .p-profiles .profile-head .c-brief::before {
    padding-bottom: 0;
  }
}

@media (min-width: 320px) {
  .p-profiles .profile-head .c-brief .avatar {
    float: none;
    max-width: 100%;
    margin: 1rem auto 0;
  }
}

@media (min-width: 320px) and (max-width: 599px) {
  .p-profiles .profile-head .c-brief .avatar {
    position: relative;
    height: 160px;
  }
}

@media (min-width: 600px) {
  .p-profiles .profile-head .c-brief .avatar {
    position: absolute;
    max-width: 160px;
    margin: 1rem 1rem 1rem .5rem;
  }
}

@media (min-width: 960px) {
  .p-profiles .profile-head .c-brief .avatar {
    margin: 1rem 2rem 1rem 0;
  }
}

@media (min-width: 320px) {
  .p-profiles .profile-head .c-brief .avatar img {
    display: block;
    width: 36%;
    max-width: 160px;
    margin: auto;
  }
}

@media (min-width: 320px) and (max-width: 599px) {
  .p-profiles .profile-head .c-brief .avatar img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@media (min-width: 600px) {
  .p-profiles .profile-head .c-brief .avatar img {
    width: 160px;
  }
}

@media (min-width: 320px) {
  .p-profiles .profile-head .c-brief header {
    clear: both;
    margin: 0;
    text-align: center;
  }
}

@media (min-width: 320px) and (max-width: 599px) {
  .p-profiles .profile-head .c-brief header {
    background-color: inherit !important;
  }
}

@media (min-width: 600px) {
  .p-profiles .profile-head .c-brief header {
    clear: none;
    padding: 1rem 0 .5rem;
    margin-left: 12.5rem;
    text-align: left;
  }
}

@media (min-width: 768px) {
  .p-profiles .profile-head .c-brief header {
    margin-left: 13.5rem;
  }
}

@media (min-width: 320px) and (max-width: 599px) {
  .p-profiles .profile-head .c-brief header .notice {
    padding: .5rem 1rem;
  }
}

@media (min-width: 320px) {
  .p-profiles .profile-head .c-mobile-actions {
    display: none;
  }
}

.p-profiles .profile-head .c-history {
  margin-bottom: 3rem;
}

.p-profiles .profile-head .c-history.x3 {
  margin-bottom: 2rem;
}

@media (min-width: 320px) and (max-width: 959px) {
  .p-profiles .profile-head .c-history {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    padding: 0 1rem;
    margin: 0 -1rem;
    background-color: rgba(0, 0, 0, 0.48);
    white-space: nowrap;
    overflow-x: auto;
    z-index: 1;
  }
  .p-profiles .profile-head .c-history .subheadline {
    display: inline-block;
    vertical-align: top;
  }
  .p-profiles .profile-head .c-history .subheadline a {
    color: #eee !important;
  }
  .p-profiles .profile-head .c-history .subheadline a::before {
    display: none;
  }
  .p-profiles .profile-head .c-history .b-block_list {
    display: inline-block;
    vertical-align: top;
    padding: .5rem;
    margin-left: .5rem;
  }
  .p-profiles .profile-head .c-history .entry {
    display: inline-block !important;
    vertical-align: top;
    min-width: 112px;
    height: 2rem;
    padding-right: .5rem;
    padding-left: .5rem;
    margin-left: .5rem;
    border-radius: 1rem;
    overflow: hidden;
  }
  .p-profiles .profile-head .c-history .entry .image-name {
    float: left;
    width: 32px;
    height: 32px;
    margin: -8px 8px -8px -8px;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
  .p-profiles .profile-head .c-history .entry::before,
  .p-profiles .profile-head .c-history .entry span.misc {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  .p-profiles .profile-head .c-history {
    padding: .25rem 1rem;
  }
}

@media (min-width: 960px) {
  .p-profiles .profile-head .c-history {
    display: block;
    position: relative;
    top: 1rem;
    margin-left: 3.5rem;
    z-index: 1;
  }
}

@media (min-width: 320px) and (max-width: 600px) {
  .p-profiles .profile-head .c-brief .avatar .profile-actions a:first-child {
    margin-right: 0 !important;
  }
}

@media (min-width: 320px) {
  .p-profiles .profile-head .c-brief .avatar .profile-actions {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    padding: .75rem 1rem;
    margin: 0 auto;
    text-align: left;
  }
  .p-profiles .profile-head .c-brief .avatar .profile-actions a:first-child,
  .p-profiles .profile-head .c-brief .avatar .profile-actions .fav-add,
  .p-profiles .profile-head .c-brief .avatar .profile-actions .fav-remove {
    float: right;
  }
}

@media (min-width: 600px) {
  .p-profiles .profile-head .c-brief .avatar .profile-actions {
    position: static;
    width: auto;
    padding: 0;
    margin-top: 1rem;
    margin-right: -12px;
    margin-left: -12px;
    text-align: center;
  }
  .p-profiles .profile-head .c-brief .avatar .profile-actions a:first-child {
    float: none;
    margin: 0;
  }
  .p-profiles .profile-head .c-brief .avatar .profile-actions .fav-add,
  .p-profiles .profile-head .c-brief .avatar .profile-actions .fav-remove {
    float: none;
  }
}

/* END of PROFILE HEAD */



/**
 * Profile Content
 */
/* Lifetime */
.p-profiles .lifetime {
  margin-bottom: 0;
  min-height: 0;
}

.p-profiles .lifetime .bar,
.p-profiles .lifetime .times {
  display: none;
}

.p-profiles .lifetime .title .value {
  height: 16px;
  margin-top: 0;
  line-height: 16px;
}

.p-profiles .lifetime .title > .label {
  font-size: 0;
  line-height: 0;
}

.p-profiles .lifetime .title > .label::before {
  content: 'Активность';
  display: block;
  font-size: 0.875rem;
  line-height: 1rem;
}

.p-profiles[data-locale='en'] .lifetime .title > .label::before {
  content: 'Time spent';
}

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

/* Layout */
.p-profiles .profile-content > .cc-2 .c-right .cc-2a {
  margin-bottom: 16px !important;
}

@media (min-width: 768px) {
  .p-profiles .profile-content .graph {
    height: 155px;
  }
  .p-profiles .profile-content > .cc-2 > .c-column {
    width: 100%;
    margin-bottom: 1rem;
  }
  .p-profiles .profile-content > .cc-2 .activity {
    padding-bottom: 1rem;
  }
}

@media (min-width: 960px) {
  .p-profiles .profile-content > .cc-2 {
    position: relative;
  }
  .p-profiles .profile-content > .cc-2 .c-left {
    position: relative;
    width: calc(77% - 16px);
    min-height: 220px;
    padding-right: 40px;
    margin-right: 0;
    margin-bottom: 1.5rem;
    z-index: 1;
  }
  .p-profiles .profile-content > .cc-2 .c-right .cc-2a {
    width: calc(23% + 16px);
    padding-left: 16px;
    margin-left: -16px;
    overflow: hidden;
  }
  .p-profiles .profile-content > .cc-2 .c-right .cc-2a > .c-column {
    clear: both;
    width: 100%;
    margin: 0;
  }
  .p-profiles .profile-content .c-right:last-child {
    float: none;
  }
  .p-profiles .profile-content .c-right > .block:last-child {
    clear: both;
  }
}

/* Achievements */
.p-profiles-show .achievements .header {
  align-items: baseline;
}

.p-profiles-show .achievements .header .title {
  color: #757575;
  font-size: .875em;
}

.p-profiles-show .achievements .header .size {
  font-size: .75em;
}

/* END of Profile Content */
/* Круглые аватарки */
.b-comment > .inner header img,
.b-dialog > .inner header img,
.b-message > .inner header img,
.p-user_rates-index .l-menu .avatar img,
.avatar > img {
  border-radius: 100%;
}

.p-achievements-index .cc-achievements {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
}

.p-achievements-index .cc-achievements .b-achievement {
  display: inline-flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  float: none;
  background: #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: box-shadow .16s ease;
}

.p-achievements-index .cc-achievements .b-achievement:hover {
  box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 768px) {
  .p-achievements-index .cc-achievements .b-achievement:nth-child(n) {
    width: calc(25% - (16px * 3 / 4));
    margin-right: 16px;
    margin-bottom: 16px;
  }
  .p-achievements-index .cc-achievements .b-achievement:nth-child(4n+4) {
    margin-right: 0;
  }
  .p-achievements-index .cc-franchises-genres .c-genres .b-achievement:nth-child(n) {
    margin-right: 16px;
    margin-bottom: 16px;
  }
  .p-achievements-index .cc-franchises-genres .c-genres .b-achievement:nth-child(4n+4) {
    margin-right: 0;
  }
  .p-achievements-index .cc-franchises-genres .c-genres,
  .p-achievements-index .cc-franchises-genres .c-franchises {
    width: 100%;
  }
}

.b-achievement .c-image,
.b-achievement .c-about {
  width: 100%;
}

.b-achievement .c-image {
  padding-top: 50%;
}

.b-achievement .c-image .inner .border {
  border: 0;
}

.b-achievement .c-about {
  padding: 16px;
  white-space: normal;
}

.b-achievement .c-about .title {
  margin: 0 0 8px;
  line-height: 20px;
}

.b-achievement .c-about .hint {
  color: #757575;
}

.b-achievement .c-about .percent {
  color: #757575;
}

.b-achievement .c-about .progress {
  margin: 0 0 8px;
  background-color: #DDDDDD;
}

.b-achievement .c-about .progress .bar {
  background-color: #2196F3;
}

.b-achievement .c-about .text {
  margin: 0;
  font-size: 14px;
}

.b-achievement .c-about a.title {
  color: #212121;
}

.b-achievement .c-about a.title:hover {
  color: #FF4081;
}

.b-achievement .c-about a.title:active {
  color: #F50057;
}

.p-achievements-index .tipsy {
  display: none !important;
}

.p-achievements-index .c-franchises .b-badge {
  position: relative;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  overflow: hidden;
}

.p-achievements-index .c-franchises .b-badge,
.p-achievements-index .c-franchises .b-badge img {
  transition: .24s ease;
}

.b-badge .no-image,
.p-achievements-index .c-franchises .b-badge img {
  border-radius: inherit;
}

.p-achievements-index .c-franchises .b-badge::after,
.p-achievements-index .c-franchises .b-badge::before {
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 12px 12px 6px;
  border-radius: 0 0 3px 3px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-shadow: 0 0 1px black, 0 1px 5px rgba(0, 0, 0, 0.32);
  backface-visibility: hidden;
  transition: .24s ease;
  opacity: 1;
  z-index: 1;
}

.p-achievements-index .c-franchises .b-badge:hover::after,
.p-achievements-index .c-franchises .b-badge:hover::before {
  transform: translate3d(0, 100%, 0);
}

.p-achievements-index .c-franchises .b-badge[original-title]::before {
  content: attr(original-title);
}

.p-achievements-index .c-franchises .b-badge[title]::before {
  content: attr(title);
}

.p-achievements-index .c-franchises .b-badge::before {
  padding-right: 48px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.32));
  text-align: left;
}

.p-achievements-index .c-franchises .b-badge::after {
  content: attr(data-progress) "%";
  background: none;
  text-align: right;
}

.p-achievements-index .c-franchises .b-badge .no-image {
  transition: .24s ease;
}

.p-achievements-index .c-franchises .b-badge.level-0.unavailable:not(:hover) .no-image {
  opacity: 0.2;
}

.p-achievements-index .c-franchises .b-badge.level-0:not(:hover) .no-image,
.p-achievements-index .c-franchises .b-badge.unavailable:not(:hover) .no-image {
  opacity: 0.5;
}

.b-list_switchers .switcher.popularity:before {
  content: 'trending_up';
}

.b-list_switchers .switcher.alphabet:before {
  content: 'sort_by_alpha';
}

.p-achievements-index .b-list_switchers .switcher[title]::after {
  content: attr(title);
}

.p-achievements-index .b-list_switchers .switcher[original-title]::after {
  content: attr(original-title);
}

@media screen and (max-width: 767px) {
  .p-achievements-index .cc-franchises-genres .c-franchises {
    padding: 0 16px;
    margin: 0 -16px;
    overflow: hidden;
  }
}











/* МОИ НАСТРОЙКИ */
/* Фон страницы */
body {
  background-attachment: fixed;
  background-image: url(https://pp.userapi.com/c846020/v846020203/1680b3/SKTg61Z7qvY.jpg);
  background-position: top center;
  background-size: cover;
}