Профиль

.p-profiles .about.block .b-spoiler label {
    border: none;
    display: inline-block !important;
    font-weight: bold; /* толщина шрифта, можно убрать, если не нужно */
    color: #000; /* цвет текста спойлера */
    background: #e8ebef; /* цвет фона спойлера */
    height: 30px; 
    width: 100%;
    font-size: 12pt; /* размер шрифта текста на спойлере */
    padding-top: 3px; 
    text-align: center;
    margin-bottom: 5px;
}

.p-profiles .about.block .b-spoiler .after:before, .about.block .b-spoiler .before:before {
    content: '';
}

.p-profiles .about.block .b-spoiler .before {
    width: 100%; 
    height: 50px;
    display: inline-block !important;
    margin-top: -50px;
}
/**
 * Shikimori.org – CSS Theme v1.2.68 (stable)
 * MIT License
 * Copyright (c) 2016 grin3671
 *
 * Подробности:
 * https://github.com/grin3671/shiki-theme
 */



/* SPECIAL CODE */
/* Широкое полотно стиля */
.b-edit_styles > .c-column {
  width: 100%;
}

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

/* SPECIAL CODE | END */










/* FONT COLLECTION */
body, input, select, button, textarea {
  font-family: 'Arial', sans-serif;
}

.b-show_more,
.b-show_more-more .hide-more,
.l-footer:before,
.b-sponsors_block_3:before,
.l-top_menu .inner .logo:before,
.b-user_rate .rate-show .note:before,
.button,
.buttons,
.b-contests-menu .results,
.b-link_button,
input[type=submit],
.p-animes_collection-index .pagination,
.p-mangas_collection-index .pagination,
.p-recommendations-index .pagination,
.p-userlist_comparer-show .pagination,
.mischeadline,
.c-my_list .title,
.subheadline,
.midheadline,
.b-stats_bar .title,
.profile-content .activity .title,
.lifetime .title,
.midheadline > a,
.subheadline > a,
.b-form .cancel,
.b-shiki_editor footer .unpreview,
.b-shiki_editor footer .preview,
.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,
.b-lang_trigger,
.b-topic > .inner > header .about a,
.b-topic-preview > .inner .status-line .b-link,
.b-hot_topics .topic.subject,
div.compatibility > a > span.rate,
div.compatibility > span.link-replacement > span.rate,
.b-abuse_marker:before,
.b-broadcast_marker:before,
.b-new_marker:before,
.b-offtopic_marker:before,
.b-summary_marker:before,
.b-options-floated,
.p-profiles-edit .b-options-floated > a,
.p-dialogs .b-options-floated > a,
.p-messages .b-options-floated > a,
.b-options-floated a span.brackets,
.b-options-floated .link span.brackets,
.p-user_rates .mylist-block + .block > .b-list > li,
.b-collection-filters > .block:first-child > .b-list > li,
.b-collection-filters > .block:first-child > .b-list > li,
.b-collection-filters .block-list .filter,
.b-collection-filters .b-block_list .filter,
.edit-page a.cancel,
.b-topic-preview > .editor-container .hide,
.b-button,
.p-clubs-edit .pages .b-button,
.p-profiles-show .lifetime .times .time.checked,
.p-anime_videos-index .c-videos .video-variant-switcher {
  font-weight: 700;
}

.b-topic .name-date .name,
.b-comment .name-date .name,
.b-dialog .name-date .name,
text,
.highcharts-tooltip text tspan:last-child {
  font-weight: 700 !important;
}

@media only screen and (min-width: 768px) {
  .about-bb_codes:before {
    font-weight: 700 !important;
  }
}

@media screen and (min-width: 1025px) {
  .b-entry-info .line .value {
    font-weight: 400 !important;
  }
}

/* END of FONT COLLECTION */










/* НАСТРОЙКА ЦВЕТОВ */
/* Цвет текста ссылки по умолчанию */
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-ban .abuser,
.b-bb_codes-examples .example a,
.b-bb_codes-examples .result a,
.b-bracket-actions > div,
.b-bracket-actions > span,
.b-catalog_entry-tooltip .inner a.name,
.b-catalog_entry-tooltip .inner .line .value a,
.b-catalog_entry-tooltip .inner .line.works .value a,
.b-catalog_entry .cover .title,
.b-club .name,
.b-comment > .inner header .name-date a.name,
.b-comments .comments-collapser,
.b-cosplay-topic > .inner .cosplay-info .line .value a,
.b-cosplay_gallery h3 a,
.b-db_entry-note .name-container .name,
.b-db_entry > .c-about .additional-links .line-container > .link,
.b-db_entry > .c-about .additional-links .line-container > a,
.b-dialog > .inner header .name-date a.name,
.b-entry-info .line a,
.b-feedback-inner .about a,
.b-form .variants .variant a,
.b-form .cancel,
.b-forums .forum .link-with-input .link,
.b-forums .reload,
.b-header_filters .filter-line a,
.b-height_shortener .expand,
.b-js-action,
.b-js-link,
.b-lang_trigger span,
.b-link,
.b-log_entry a,
.b-log_entry .link,
.b-log_entry .moderation a,
.b-log_entry .spoiler.collapsed,
.b-log_entry .spoiler.collapse,
.b-log_entry .spoiler.collapse span,
.b-log_entry .spoiler.collapsed span,
.b-mention,
.b-message > .inner header .name-date a.name,
.b-nothing_here a,
.b-options-floated a,
.b-options-floated .link,
.b-options-floated .action,
.b-options-floated.mobile-desktop a,
.b-person .name,
.b-shiki_editor footer .unpreview,
.b-shiki_editor footer .unpreview:not(.link),
.b-shiki_editor footer .cancel,
.b-shiki_editor footer .hide,
.b-shiki_editor footer .about-bb_codes,
.b-source .contributors .val a,
.b-source .mal .val a,
.b-source .source .val a,
.b-spoiler .content .before,
.b-spoiler .content .after,
.b-spoiler label,
.b-stats_bar a.title,
.b-table a,
.b-topic > .inner header .name-date a.name,
.b-topic .footer-vote .vote-group .vote,
.b-user.named_avatar .name,
.b-user.detailed .info .image-name,
.b-user.detailed .history .line a .event,
.b-user16,
header.head h1 a.back,
header.head h2 a.back,
header.head a.misc,
header.head a.edit,
.headline > a,
.midheadline > a,
.subheadline > a,
.subheadline .misc-link,
.b-video_player .cc-player_controls a.c-control,
.b-video_player .cc-player_controls .episode-title .video-link a,
.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,
div.history .block-list li .tooltip-inner a,
div.history .b-block_list li .tooltip-inner a,
.p-animes_collection-index .pagination .link,
.p-mangas_collection-index .pagination .link,
.p-recommendations-index .pagination .link,
.p-userlist_comparer-show .pagination .link,
.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 .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a,
.p-profiles-edit .account .change-password a,
.p-profiles-edit .misc .profile-action a,
.p-profiles-edit .misc .profile-action .link,
.p-profiles-edit .misc .nickname-changes a,
.p-profiles-edit .misc .nickname-changes .link,
.p-profiles-edit .list .profile-action a,
.p-profiles-edit .list .profile-action .link,
.p-profiles-edit .list .nickname-changes a,
.p-profiles-edit .list .nickname-changes .link,
.p-profiles-edit .list #import_form .link,
.p-profiles-show .about a,
.p-studios .studio .name,
.p-translations .animes a,
.p-user_history-index .history-page .history-interval p a,
.p-user_rates-index .list-lines tr .name a,
.p-userlist_comparer .comparer table .name a,
.b-log_entry .comment-block ins,
.p-statistics-index .forum-nav .sections a.selected,
.p-anime_videos-index .c-videos .video-variant-switcher,
.p-user_rates-index .stat-categories .category,
.b-video_player .cc-player_controls .episode-num .video-link a,
.b-video_player .cc-player_controls .c-control,
.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);
}

@media screen and (max-width: 480px) and (orientation: portrait) {
  .b-options-floated.mobile-phone_portrait a {
    color: #2196F3;
  }
}

@media screen and (max-width: 767px) {
  .b-options-floated.mobile-phone a {
    color: #2196F3;
  }
}

@media screen and (max-width: 1024px) {
  .b-options-floated.mobile-tablet a {
    color: #2196F3;
  }
}

.b-abuse_request .ban-form .cancel:hover,
.b-ban .abuser: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-tooltip .inner a.name:hover,
.b-catalog_entry-tooltip .inner .line .value a:hover,
.b-catalog_entry-tooltip .inner .line.works .value a:hover,
.b-catalog_entry .cover .title:hover,
.b-club .name:hover,
.b-comment > .inner header .name-date a.name:hover,
.b-comments .comments-collapser:hover,
.b-cosplay-topic > .inner .cosplay-info .line .value a:hover,
.b-cosplay_gallery h3 a:hover,
.b-db_entry-note .name-container .name:hover,
.b-db_entry > .c-about .additional-links .line-container > .link:hover,
.b-db_entry > .c-about .additional-links .line-container > a:hover,
.b-dialog > .inner header .name-date a.name:hover,
.b-entry-info .line a:hover,
.b-feedback-inner .about a:hover,
.b-form .variants .variant a:hover,
.b-form .cancel:hover,
.b-forums .forum .link-with-input .link:hover,
.b-forums .reload:hover,
.b-header_filters .filter-line a:hover,
.b-height_shortener .expand:hover,
.b-js-action:hover,
.b-js-link:hover,
.b-lang_trigger span:hover,
.b-link:hover,
.b-log_entry a:hover,
.b-log_entry .link:hover,
.b-log_entry .moderation a:hover,
.b-log_entry .spoiler.collapsed:hover,
.b-log_entry .spoiler.collapse:hover,
.b-log_entry .spoiler.collapse span:hover,
.b-log_entry .spoiler.collapsed span:hover,
.b-mention:hover,
.b-message > .inner header .name-date a.name:hover,
.b-nothing_here a:hover,
.b-options-floated a:hover,
.b-options-floated .link:hover,
.b-options-floated .action:hover,
.b-options-floated.mobile-desktop a:hover,
.b-person .name:hover,
.b-shiki_editor footer .unpreview:hover,
.b-shiki_editor footer .unpreview:not(.link):hover,
.b-shiki_editor footer .cancel:hover,
.b-shiki_editor footer .hide:hover,
.b-shiki_editor footer .about-bb_codes:hover,
.b-source .contributors .val a:hover,
.b-source .mal .val a:hover,
.b-source .source .val a:hover,
.b-spoiler label:hover,
.b-spoiler .content:hover .before,
.b-spoiler .content:hover .after,
.b-stats_bar a.title:hover,
.b-table a:hover,
.b-topic > .inner header .name-date a.name:hover,
.b-topic .footer-vote .vote-group .vote:hover,
.b-user.named_avatar .name:hover,
.b-user.detailed .info .image-name:hover,
.b-user.detailed .history .line a .event:hover,
.b-user16:hover,
header.head h1 a.back:hover,
header.head h2 a.back:hover,
header.head a.misc:hover,
header.head a.edit:hover,
.headline > a:hover,
.midheadline > a:hover,
.subheadline > a:hover,
.subheadline .misc-link:hover,
.b-video_player .cc-player_controls a.c-control:hover,
.b-video_player .cc-player_controls .episode-title .video-link a: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,
div.history .block-list li .tooltip-inner a:hover,
div.history .b-block_list li .tooltip-inner a:hover,
.p-animes_collection-index .pagination .link:hover,
.p-mangas_collection-index .pagination .link:hover,
.p-recommendations-index .pagination .link:hover,
.p-userlist_comparer-show .pagination .link:hover,
.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 .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover,
.p-profiles-edit .account .change-password a:hover,
.p-profiles-edit .misc .profile-action a:hover,
.p-profiles-edit .misc .profile-action .link:hover,
.p-profiles-edit .misc .nickname-changes a:hover,
.p-profiles-edit .misc .nickname-changes .link:hover,
.p-profiles-edit .list .profile-action a:hover,
.p-profiles-edit .list .profile-action .link:hover,
.p-profiles-edit .list .nickname-changes a:hover,
.p-profiles-edit .list .nickname-changes .link:hover,
.p-profiles-edit .list #import_form .link:hover,
.p-profiles-show .about a:hover,
.p-studios .studio .name:hover,
.p-translations .animes a:hover,
.p-user_history-index .history-page .history-interval p a:hover,
.p-user_rates-index .list-lines tr .name a:hover,
.p-userlist_comparer .comparer table .name a:hover,
.p-statistics-index .forum-nav .sections a:hover,
.block-list-alt a:hover,
.b-block_list-alt 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-options-floated .selected,
.b-options-floated .selected.always-active:hover,
.b-show_more:hover,
.b-show_more-more .hide-more:hover,
.b-stats_bar .stat_names .stat_name a: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,
.tooltip-inner .close:hover,
.p-animes-franchise .sticky-tooltip .close:hover,
.p-mangas-franchise .sticky-tooltip .close:hover,
.p-contests .b-contest_match .prev-match:hover,
.p-contests .b-contest_match .next-match: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-dashboards-show .contests .contest:hover .title,
.p-dashboards-show .contests .contest:hover .title:after,
.p-dashboards-show .contests .contest .title:hover,
.p-dashboards-show .contests .contest .title:hover:after,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover,
.p-topics .l-menu .sticky-topics .topic:hover .title,
.p-topics .l-menu .sticky-topics .topic:hover .title:after,
.p-topics .l-menu .sticky-topics .topic .title:hover,
.p-topics .l-menu .sticky-topics .topic .title:hover:after,
.p-topics .l-menu .contests .contest:hover .title,
.p-topics .l-menu .contests .contest:hover .title:after,
.p-topics .l-menu .contests .contest .title:hover,
.p-topics .l-menu .contests .contest .title:hover:after,
.p-topics header h1 a.reload:hover,
.p-user_rates-index .l-content .order-control:hover,
.p-user_rates-index .list-lines tr td .anime-status:hover,
.p-user_rates-index .list-lines tr td .anime-remove:hover,
.p-user_rates-index .list-lines tr td .anime-remove.selected,
.p-anime_videos-index .c-videos .video-variant-switcher:hover,
.p-user_rates-index .stat-categories .category:hover,
.b-options-floated.mobile-desktop a.selected,
.p-user_rates-index .stat-categories .category.active,
.p-anime_videos-index .c-videos .video-variant-switcher.active,
.b-video_player .cc-player_controls .episode-num .video-link a:hover,
.b-video_player .cc-player_controls .c-control:hover,
.b-video_variant.active a,
.b-video_player .cc-player_controls .c-control.selected,
.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);
}

@media screen and (max-width: 480px) and (orientation: portrait) {
  .b-options-floated.mobile-phone_portrait a:hover {
    color: #FF4081;
  }
}

@media screen and (max-width: 767px) {
  .b-options-floated.mobile-phone a:hover {
    color: #FF4081;
  }
}

@media screen and (max-width: 1024px) {
  .b-options-floated.mobile-tablet a:hover {
    color: #FF4081;
  }
}

.b-header_filters .filter-line a:active,
.b-person .name:active,
.b-source .contributors .val a:active,
.b-source .mal .val a:active,
.b-source .source .val a: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,
div.history .block-list li .tooltip-inner a:active,
div.history .b-block_list li .tooltip-inner a:active,
.p-dashboards-show .midheadline .b-link:active,
.p-dashboards-show .c-content .options .option:active,
.p-profiles .profile-head .c-brief header .notice a:active,
.p-profiles .profile-head .c-mobile-actions a:active,
.p-profiles .profile-head .c-mobile-actions span:active,
.p-profiles .profile-head .c-info .c-additionals div a:active,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active,
.block-list-alt a:active,
.b-block_list-alt a:active,
.b-options-floated .selected:hover,
.b-show_more:active,
.b-show_more-more .hide-more:active,
.headline > a:active:before,
.midheadline > a:active:before,
.subheadline > a:active:before,
.p-dashboards-show .contests .contest:active .title,
.p-dashboards-show .contests .contest:active .title:after,
.p-dashboards-show .contests .contest .title:active,
.p-dashboards-show .contests .contest .title:active:after,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active,
.p-topics .l-menu .sticky-topics .topic:active .title,
.p-topics .l-menu .sticky-topics .topic:active .title:after,
.p-topics .l-menu .sticky-topics .topic .title:active,
.p-topics .l-menu .sticky-topics .topic .title:active:after,
.p-topics .l-menu .contests .contest:active .title,
.p-topics .l-menu .contests .contest:active .title:after,
.p-topics .l-menu .contests .contest .title:active,
.p-topics .l-menu .contests .contest .title:active:after,
.p-user_rates-index .stat-categories .category:active,
.b-options-floated.mobile-desktop a.selected:hover,
.p-user_rates-index .stat-categories .category.active:hover,
.p-anime_videos-index .c-videos .video-variant-switcher.active:hover,
.b-video_player .cc-player_controls .c-control.selected:hover {
  color: #F50057;
}

@media only screen and (min-width: 1025px) {
  .b-abuse_request .ban-form .cancel:active,
  .b-ban .abuser: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-tooltip .inner a.name:active,
  .b-catalog_entry-tooltip .inner .line .value a:active,
  .b-catalog_entry-tooltip .inner .line.works .value a:active,
  .b-catalog_entry .cover .title:active,
  .b-club .name:active,
  .b-comment > .inner header .name-date a.name:active,
  .b-comments .comments-collapser:active,
  .b-cosplay-topic > .inner .cosplay-info .line .value a:active,
  .b-cosplay_gallery h3 a:active,
  .b-db_entry-note .name-container .name:active,
  .b-db_entry > .c-about .additional-links .line-container > .link:active,
  .b-db_entry > .c-about .additional-links .line-container > a:active,
  .b-dialog > .inner header .name-date a.name:active,
  .b-entry-info .line a:active,
  .b-feedback-inner .about a:active,
  .b-form .variants .variant a:active,
  .b-form .cancel:active,
  .b-forums .forum .link-with-input .link:active,
  .b-forums .reload:active,
  .b-header_filters .filter-line a:active,
  .b-height_shortener .expand:active,
  .b-js-action:active,
  .b-js-link:active,
  .b-lang_trigger span:active,
  .b-link:active,
  .b-log_entry a:active,
  .b-log_entry .link:active,
  .b-log_entry .moderation a:active,
  .b-log_entry .spoiler.collapsed:active,
  .b-log_entry .spoiler.collapse:active,
  .b-log_entry .spoiler.collapse span:active,
  .b-log_entry .spoiler.collapsed span:active,
  .b-mention:active,
  .b-message > .inner header .name-date a.name:active,
  .b-nothing_here a:active,
  .b-options-floated a:active,
  .b-options-floated .link:active,
  .b-options-floated .action:active,
  .b-options-floated.mobile-desktop a:active,
  .b-shiki_editor footer .unpreview:active,
  .b-shiki_editor footer .unpreview:not(.link):active,
  .b-shiki_editor footer .cancel:active,
  .b-shiki_editor footer .hide:active,
  .b-shiki_editor footer .about-bb_codes:active,
  .b-spoiler label:active,
  .b-stats_bar a.title:active,
  .b-table a:active,
  .b-topic > .inner header .name-date a.name:active,
  .b-topic .footer-vote .vote-group .vote:active,
  .b-user.named_avatar .name:active,
  .b-user.detailed .info .image-name:active,
  .b-user.detailed .history .line a .event:active,
  .b-user16:active,
  header.head h1 a.back:active,
  header.head h2 a.back:active,
  header.head a.misc:active,
  header.head a.edit:active,
  .headline > a:active,
  .midheadline > a:active,
  .subheadline > a:active,
  .subheadline .misc-link:active,
  .b-video_player .cc-player_controls a.c-control:active,
  .b-video_player .cc-player_controls .episode-title .video-link a:active,
  .b-video_variant a:active,
  .p-animes_collection-index .pagination .link:active,
  .p-mangas_collection-index .pagination .link:active,
  .p-recommendations-index .pagination .link:active,
  .p-userlist_comparer-show .pagination .link:active,
  .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 .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active,
  .p-profiles-edit .account .change-password a:active,
  .p-profiles-edit .misc .profile-action a:active,
  .p-profiles-edit .misc .profile-action .link:active,
  .p-profiles-edit .misc .nickname-changes a:active,
  .p-profiles-edit .misc .nickname-changes .link:active,
  .p-profiles-edit .list .profile-action a:active,
  .p-profiles-edit .list .profile-action .link:active,
  .p-profiles-edit .list .nickname-changes a:active,
  .p-profiles-edit .list .nickname-changes .link:active,
  .p-profiles-edit .list #import_form .link:active,
  .p-profiles-show .about a:active,
  .p-studios .studio .name:active,
  .p-translations .animes a:active,
  .p-user_history-index .history-page .history-interval p a:active,
  .p-user_rates-index .list-lines tr .name a:active,
  .p-userlist_comparer .comparer table .name 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-options-floated .selected.always-active:active,
  .b-stats_bar .stat_names .stat_name a: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,
  .tooltip-inner .close:active,
  .p-animes-franchise .sticky-tooltip .close:active,
  .p-mangas-franchise .sticky-tooltip .close:active,
  .p-contests .b-contest_match .prev-match:active,
  .p-contests .b-contest_match .next-match: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,
  .p-user_rates-index .l-content .order-control:active,
  .p-user_rates-index .list-lines tr td .anime-status:active,
  .p-user_rates-index .list-lines tr td .anime-remove:active,
  .b-bracket-details:active,
  .b-form a.remove:active,
  .p-anime_videos-index .c-videos .video-variant-switcher:active,
  .p-anime_videos-index .c-videos .video-variant-switcher.active,
  .b-video_player .cc-player_controls .episode-num .video-link a:active,
  .b-video_player .cc-player_controls .c-control: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);
  }
}

@media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) {
  .b-options-floated.mobile-phone_portrait a:active {
    color: #F50057;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1025px) {
  .b-options-floated.mobile-phone a:active {
    color: #F50057;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 1025px) {
  .b-options-floated.mobile-tablet a:active {
    color: #F50057;
  }
}

body {
  background-color: #303030;
}

.l-page,
.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: #303030;
}

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

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

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

.b-height_shortener .shade {
  background-image: linear-gradient(to bottom, transparent, #303030);
}

.b-topic.aside-expanded > .inner aside.buttons,
.b-dialog.aside-expanded > .inner aside.buttons,
.b-message.aside-expanded > .inner aside.buttons,
.b-comment.aside-expanded > .inner aside.buttons {
  background-color: rgba(48, 48, 48, 0.9);
}

/* BLACK GREY WHITE */
body,
header.head h1,
header.head h2,
.ac_results,
.tooltip-inner,
.b-input input,
.b-input textarea,
.b-shiki_editor .body .editor textarea,
.b-shiki_editor .links .link-value,
.b-shiki_editor .images .link-value,
.b-shiki_editor .quotes .link-value,
.b-shiki_editor .email .link-value,
.b-shiki_editor .upload .link-value,
.p-user_rates-index .list-lines tr td .new-value input,
.p-user_rates-index .l-content .filter input,
.subheadline-input,
.b-catalog_entry-tooltip .inner a.name,
.b-catalog_entry .cover .title,
.b-catalog_entry-tooltip .inner .line .value a,
.b-clubs-menu .block-list li:hover,
.b-clubs-menu .block-list li:hover a,
.b-clubs-menu .block-list li a:hover,
.b-clubs-menu .b-block_list li:hover,
.b-clubs-menu .b-block_list li:hover a,
.b-clubs-menu .b-block_list li a:hover,
.b-db_entry > .c-image .c-actions > a:after,
.b-db_entry-note .name-container .name,
.b-dialog > .inner header .name-date a.name,
.b-entry-info .line .b-tag,
.b-forums .forum .link-with-input .link,
.b-height_shortener .expand,
.b-hot_topics .topic.subject,
.b-hot_topics .topic a:hover,
.b-message > .inner header .name-date a.name,
.b-modal .subheadline,
.b-link_button,
.b-link_button:hover,
.b-link_button:active,
.block-list li:hover,
.block-list-alt li:hover,
.b-block_list li:hover,
.b-block_list-alt li:hover,
.b-pages .b-link,
.b-show_more:hover,
.b-show_more-more .hide-more:hover,
.b-stats_bar .stat_names .stat_name a,
.b-video_player .cc-player_controls .episode-title,
.b-video_variant .episode-num,
.b-video_variant .video-author,
.b-video_variant .video-id,
.headline,
.b-catalog_entry-tooltip .inner .line .value .tag:hover,
.b-entry-info .line .b-tag:hover,
.b-tag:hover,
.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-dashboards-show .contests .contest .title,
.p-dialogs .b-options-floated > a.selected,
.p-moderations-missing_videos .missing-video > .info span,
.p-messages .b-options-floated > a.selected,
.p-profiles-edit .b-options-floated > a.selected,
.p-profiles .profile-head .c-history .entry .title,
.p-topics .l-menu .calendar .entry a,
.p-topics .l-menu .clubs .entry a,
.p-topics .l-menu .contests .contest .title,
.p-topics .l-menu .reviews .entry a,
.p-topics .l-menu .sticky-topics .topic .title,
.p-user_rates-index .l-content .order-control,
.p-user_rates-index .l-content .order-control:hover,
.b-external_link .linkeable,
.b-external_link a {
  color: #FFFFFF !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-hot_topics .topic a,
.b-forums .forum:hover .link-with-input .link,
.b-image .marker,
.b-video .marker,
.b-video .name,
.p-dashboards-show .contests .contest:hover .title,
.p-profiles .profile-head .c-history .entry:hover .title,
.p-topics .l-menu .calendar .entry:hover a,
.p-topics .l-menu .clubs .entry:hover a,
.p-topics .l-menu .contests .contest:hover .title,
.p-topics .l-menu .reviews .entry:hover a,
.p-topics .l-menu .sticky-topics .topic:hover .title {
  color: #FFFFFF !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: #FFFFFF !important;
  }
}

h3,
header.head .notice,
.bar.horizontal .line .x_label,
.bar.vertical .line .x_label,
.b-entry-info .line .b-tag,
.b-catalog_entry-tooltip .inner .line .key,
.b-catalog_entry-tooltip .inner .line .value .tag,
.b-catalog_entry-tooltip .inner .rating,
.b-collection-filters .block > .filter.item-sign:hover,
.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-height_shortener:hover .expand,
.b-lang_trigger:hover span,
.b-lang_trigger span:hover,
.b-show_more,
.b-show_more-more .hide-more,
.b-stats_bar .stat_names:hover:before,
.b-tag,
.block-list li,
.block-list-alt li,
.block-list li a,
.block-list-alt li a,
.b-block_list li,
.b-block_list li a,
div.compatibility > a:hover:before,
div.compatibility > a:hover > span:first-child:before,
.item-add:hover,
.l-footer .copyright,
.p-characters .item-edit:hover,
.p-characters .item-edit:active,
.p-contests .match-day > .date .from,
.p-contests .match-day > .date .to,
.p-profiles-edit .b-options-floated > a,
.p-dialogs .b-options-floated > a,
.p-messages .b-options-floated > a,
.p-user_rates-index .list-lines tr td .episodes_total,
.p-user_rates-index .list-lines tr td .rate-text,
.b-collection_search .field .clear:hover {
  color: #EEEEEE;
}

header.head h1 > a.back:hover,
header.head h2 > a.back:hover,
header.head h1 > a.back:active,
header.head h2 > a.back:active,
.b-video_player .cc-player_controls .c-control:hover .icon,
.p-animes_collection-index .pagination .link:hover,
.p-mangas_collection-index .pagination .link:hover,
.p-recommendations-index .pagination .link:hover,
.p-userlist_comparer-show .pagination .link:hover,
.b-clubs-menu .block-list li,
.b-clubs-menu .block-list li a,
.b-clubs-menu .b-block_list li,
.b-clubs-menu .b-block_list li a,
.b-list_switchers > .switcher:hover,
.c-actions > *:hover,
.editor-controls > span:hover,
.profile-actions > a:hover,
.p-animes .item-edit:hover,
.p-contests .b-contest_match .prev-match:hover,
.p-contests .b-contest_match .next-match:hover,
.p-mangas .item-edit:hover,
.p-profiles-show .about .item-edit:hover,
.p-messages .mass-actions .action > a:hover,
.p-topics header h1 a.reload,
.delete-controls > span,
.delete-controls > span:hover,
.main-controls > span,
.main-controls > span:hover,
.main-controls > a,
.main-controls > a:hover,
.buttons .item-edit,
.buttons .item-edit:hover,
.moderation-controls > span,
.moderation-controls > span:hover,
.b-video_player .cc-player_controls .episode-num {
  color: #EEEEEE !important;
}

.midheadline,
.subheadline,
.b-animes-menu .menu-topics-block .date,
.b-breadcrumbs,
.b-breadcrumbs a.b-link,
.b-catalog_entry .cover .misc span,
.b-catalog_entry-tooltip .inner .rating .text,
.b-club .info .number,
.b-comment-info,
.b-comment .inner .name-date a.name .normal,
.b-comment > .inner header .name-date .time,
.b-collection-filters .block > .filter.item-sign,
.b-db_entry-note .name-container .note,
.b-entry-info .line .key,
.b-forums .forum .link-with-input input + .link,
.b-forums .forum .topics,
.b-lang_trigger span,
.b-log_entry .id-label,
.b-log_entry .state.auto_accepted,
.b-options-floated.count,
.b-pages .title,
.b-quote .quoteable:before,
.b-replies,
.b-replies:before,
.b-stats_bar .title,
.b-stats_bar .stat_names:before,
.b-source .contributors .key,
.b-source .mal .key,
.b-source .source .key,
.b-topic > .inner header .name-date .time,
.b-topic-preview > .inner .status-line .about,
.b-topic-preview > .inner .status-line .from,
.b-collection-filters .block-list li:before,
.b-collection-filters .block-list .b-question:before,
.b-collection-filters .b-block_list li:before,
.b-collection-filters .b-block_list .b-question:before,
div.compatibility > a:before,
div.compatibility > span.link-replacement > span:first-child:before,
div.compatibility > a > span:first-child:before,
.item-add,
.item-mobile,
.item-mobile:hover,
.item-mobile:active,
.l-footer:before,
.l-footer .links a,
.l-top_menu .menu-items .submenu-toggler,
.p-animes_collection-index .pagination .link,
.p-mangas_collection-index .pagination .link,
.p-recommendations-index .pagination .link,
.p-userlist_comparer-show .pagination .link,
.p-characters .item-edit,
.p-contests .b-contest_match .vs,
.p-contests .match-day .matches-num,
.p-contests .rating .member .position,
.p-dashboards-show .contests .contest .notice,
.p-db_entries-edit .b-list .field,
.p-profiles .profile-head .c-info .c-additionals b,
.p-topics .l-menu .sticky-topics .topic .notice,
.b-user.detailed .info .last-online,
.b-video_variant .episode-hostings,
.b-video_variant .video-hosting,
.b-video_variant .video-language,
.p-anime_videos-index .c-video_stats .views_count,
.p-anime_videos-index .same-videos .title,
.p-anime_videos-index .c-anime_video_episodes .title,
.p-anime_videos-index .c-videos .title,
.b-collection_search .field .clear {
  color: #BDBDBD;
}

header.head h1 a.back,
header.head h2 a.back,
.about-bb_codes:before,
.b-db_entry > .c-about .additional-links .key,
.b-list_switchers > .switcher,
.b-user_rate .rate-show .note,
.c-actions > *,
.editor-controls > span,
.profile-actions > a,
.p-animes .item-edit,
.p-animes_collection-index .pagination .link,
.p-clubs-index header.head a.misc,
.p-contests .b-contest_match .prev-match,
.p-contests .b-contest_match .next-match,
.p-mangas .item-edit,
.p-mangas_collection-index .pagination .link,
.p-messages .mass-actions > .action > a,
.p-profiles .profile-head .c-history .entry .misc,
.p-profiles-show .about .item-edit,
.p-profiles-show .lifetime .title > .label:before,
.p-profiles-show .profile-content .activity .title,
.p-recommendations-index .pagination .link,
.p-topics .l-menu .calendar .entry .misc,
.p-topics .l-menu .reviews .entry .misc,
.p-topics .l-menu .clubs .entry .misc,
.p-userlist_comparer-show .pagination .link,
.p-user_rates-index .list-lines tr.edit-form .remove,
.p-user_rates-index .list-lines tr.edit-form .remove:hover,
.p-user_history-index .history-page .history-interval p .date {
  color: #BDBDBD !important;
}

@media only screen and (min-width: 1025px) {
  .delete-controls > span,
  .moderation-controls > span,
  .main-controls > span,
  .main-controls > a,
  .buttons .item-edit {
    color: #BDBDBD !important;
  }
}

header.head a.edit,
header.head .misc,
.b-ban .comment-hash,
.b-ban .duration,
.b-breadcrumbs > span:after,
.b-club .info .value,
.b-comment header a.hash,
.b-comment > .inner header .name-date .time > time,
.b-comment > .inner .was_updated,
.b-db_entry > .c-about .additional-links .line-container > a:after,
.b-db_entry > .c-about .additional-links .line-container > .link:after,
.b-db_entry-note .name-container .note span:after,
.b-db_entry-note .name-container .note .relation + .additional:after,
.b-db_entry-note .name-container .note .relation + .additional:before,
.b-input .hint,
.b-log_entry .date,
.b-message > .inner header .name-date .time > time,
.b-nothing_here,
.b-options-floated a:after,
.b-options-floated .link:after,
.b-review_votes span,
.b-separator,
.b-stats_bar .stat_names .stat_name .size:after,
.b-stats_bar .stat_names .stat_name .size:before,
.b-topic > .inner header .name-date .time,
.b-topic > .inner header .name-date .time > time,
.b-topic-preview > .inner .status-line .additional .comments:before,
.b-topic-preview > .inner .status-line .additional .likes:before,
.b-topic-preview > .inner .status-line .time,
.b-user.detailed .history .line .date,
.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-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after,
.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,
.p-topics .l-menu .contests .contest .notice,
.p-user_rates-index .l-content .b-options-floated span:after,
.p-user_rates-index .l-content .b-options-floated span:before,
.p-user_rates-index .list-groups .summary .stat-value:after {
  color: #9E9E9E;
}

.b-video_player .cc-player_controls .c-control .icon,
.p-animes_collection-index .pagination .link.disabled,
.p-mangas_collection-index .pagination .link.disabled,
.p-recommendations-index .pagination .link.disabled,
.p-userlist_comparer-show .pagination .link.disabled,
.p-animes_collection-index .pagination .link.disabled:hover,
.p-mangas_collection-index .pagination .link.disabled:hover,
.p-recommendations-index .pagination .link.disabled:hover,
.p-userlist_comparer-show .pagination .link.disabled:hover,
.p-profiles .profile-head .c-history .entry .misc.date,
.p-topics .l-menu .calendar .entry .misc.date,
.p-topics .l-menu .reviews .entry .misc.date,
.p-topics .l-menu .clubs .entry .misc.date {
  color: #9E9E9E !important;
}

/* PRIMARY COLOR */
input[type=submit],
.button,
.b-button,
.b-contests-menu .results,
.b-form input[type=submit],
.b-link_button.dark,
.btn-primary,
.b-shiki_editor .links .button.ok,
.b-shiki_editor .images .button.ok,
.b-shiki_editor .quotes .button.ok,
.b-shiki_editor .email .button.ok,
.b-shiki_editor .upload .button.ok,
.p-contests .b-contest_match .votes-percents .right-part,
.p-contests .b-contest_match .votes-percents .left-part:hover .right-part,
.p-user_rates .mylist-block + .block > .b-list > li,
.b-collection-filters > .block:first-child > .b-list > li,
.b-collection-filters > .block:first-child > .b-list > li,
.b-stats_bar.anime .bar .first,
.line:nth-child(odd) > .bar-container > .bar,
.line:nth-child(odd) > .bar-container > .bar:hover,
.b-image .cancel,
.b-image .cancel:hover,
.b-image .cancel:active,
.b-image .confirm,
.b-image .confirm:hover,
.b-image .confirm:active,
.b-image .delete,
.b-image .delete:hover,
.b-image .delete:active,
.b-image .mobile-edit,
.b-image .mobile-edit:hover,
.b-image .mobile-edit:active,
.b-image.deletable .confirm:hover,
.b-image.deletable .cancel:hover,
.p-user_rates-index .list-posters .user_rate .edit-user_rate,
.p-user_rates-index .list-posters .user_rate .edit-user_rate:hover {
  background-color: #2196F3;
}

@media screen and (max-width: 1024px) {
  .p-user_rates-index .list-posters .user_rate .edit-user_rate {
    background: #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;
}

.subheadline > a:hover,
.midheadline > a:hover,
.edit-page a.cancel:hover,
.b-form .cancel:hover,
.b-shiki_editor footer .unpreview:hover,
.b-shiki_editor footer .preview:hover,
.b-topic-preview > .editor-container .hide:hover,
.p-dashboards-show .b-forums > .b-link_button.maxi:hover:after,
.p-profiles-show .b-stats_bar a.title:hover {
  background-color: rgba(33, 150, 243, 0.12);
}

input[type=submit]:hover,
.button:hover,
.b-button:hover,
.b-contests-menu .results:hover,
.b-form input[type=submit]:hover,
.b-link_button.dark:hover {
  background-color: #1d84d6;
}

.b-contests-menu .results,
.b-link_button.dark,
.btn-submit {
  color: #FAFAFA !important;
}

.b-rate .stars.score,
.b-forums .forum input:checked + .link:before,
.b-collection-filters .block-list .filter,
.b-collection-filters .block-list li.selected:before,
.b-collection-filters .b-block_list .filter,
.b-collection-filters .b-block_list li.selected:before,
.tooltip-details .ajax-loading {
  color: #2196F3;
}

.headline > a,
.headline > a:hover,
.headline.linkheadline > a,
.midheadline > a,
.midheadline > a:hover,
.midheadline.linkheadline > a,
.subheadline > a,
.subheadline > a:hover,
.subheadline.linkheadline > a,
.edit-page a.cancel,
.p-dashboards-show .b-forums > .b-link_button.maxi:after,
.b-form .cancel,
.b-shiki_editor footer .unpreview,
.b-shiki_editor footer .unpreview:not(.link):hover,
.b-shiki_editor footer .preview,
.b-stats_bar a.title,
.b-topic-preview > .editor-container .hide {
  color: #2196F3 !important;
}

/* END of PRIMARY COLOR */
/* ACCENT COLOR */
.menu .unread-count,
.menu:hover .unread-count,
.menu .contest,
.menu:hover .contest,
.p-contests .b-contest_match .votes-percents .left-part,
.p-contests .b-contest_match .votes-percents .left-part:hover,
.b-options-floated a span.brackets,
.b-options-floated .link span.brackets,
.b-stats_bar.manga .bar .first,
div.compatibility > a > span.rate,
div.compatibility > span.link-replacement > span.rate {
  background-color: #FF4081;
}

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

.p-profiles-show .b-stats_bar.manga a.title:hover {
  background-color: rgba(255, 64, 129, 0.12);
}

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;
}

.p-profiles-edit .b-options-floated > a.selected,
.p-dialogs .b-options-floated > a.selected,
.p-messages .b-options-floated > a.selected {
  border-bottom: 2px solid #FF4081;
}

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

.b-rate .stars.hover,
.c-actions .fav-add:hover:before,
.c-actions .fav-remove:before,
.profile-actions .fav-remove:before {
  color: #FF4081;
}

.b-list_switchers > .switcher.selected,
.editor-controls > span.selected,
.p-profiles-show .b-stats_bar.manga a.title {
  color: #FF4081 !important;
}

/* END of ACCENT COLOR */
/* BACKGROUND COLOR */
.ac_results,
.b-image .marker,
.b-modal > .inner,
.b-video .marker,
.b-video .name,
.l-top_menu .menu-items,
.tooltip-inner,
.tooltip-details .ajax-loading {
  background: #424242;
}

@media screen and (max-width: 599px) {
  .b-stats_bar .stat_names:hover {
    background-color: #424242;
  }
}

.b-link_button,
.b-comments .comments-loader,
.b-comments .comments-hider,
.b-comments .comments-expander,
.b-comments .messages-postloader,
.b-comments .faye-loader,
.b-forum .faye-loader,
.p-animes-show .other-names.click-loader,
.p-mangas-show .other-names.click-loader,
.collapsed {
  background-color: #616161;
  border-color: #424242;
}

.b-link_button:hover,
.b-comments .comments-loader:hover,
.b-comments .comments-hider:hover,
.b-comments .comments-expander:hover,
.b-comments .messages-postloader:hover,
.b-comments .faye-loader:hover,
.b-forum .faye-loader:hover,
.p-animes-show .other-names.click-loader:hover,
.p-mangas-show .other-names.click-loader:hover,
.collapsed:hover {
  background-color: #424242;
  border-color: #212121;
}

.b-link_button:active,
.b-comments .comments-loader:active,
.b-comments .comments-hider:active,
.b-comments .comments-expander:active,
.b-comments .messages-postloader:active,
.b-comments .faye-loader:active,
.b-forum .faye-loader:active,
.p-animes-show .other-names.click-loader:active,
.p-mangas-show .other-names.click-loader:active,
.collapsed:active {
  background-color: #212121;
  border-color: #757575;
}

.b-quote, .b-quote .b-quote .b-quote {
  background: #424242;
}

.b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote {
  background: #616161;
}

.b-user_rate .rate-show .note,
.p-topics-new .topic_video,
.p-topics-edit .topic_video,
.p-topics-create .topic_video,
.p-topics-update .topic_video,
.p-user_rates-index .list-lines tr.edit-form form {
  background: #616161;
}

input,
select,
.b-editable_grid tbody tr:nth-child(odd) td,
.b-input input,
.b-input textarea,
.b-pages,
.b-shiki_editor .body .editor textarea,
.b-shiki_editor .links .link-value,
.b-shiki_editor .images .link-value,
.b-shiki_editor .quotes .link-value,
.b-shiki_editor .email .link-value,
.b-shiki_editor .upload .link-value,
div.compatibility > a:before,
div.compatibility > span.link-replacement > span:first-child:before,
div.compatibility > a > span:first-child:before,
.l-page .menu-toggler .toggler,
.p-contests .match-day .match-link:hover,
.p-contests .match-day .match-link.active,
.p-user_rates-index .list-groups .summary.posters,
.p-user_rates-index .list-lines tr td .new-value input,
.p-user_rates-index .l-content .filter input,
.subheadline-input {
  background: #424242;
}

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

/* Области наведения */
.b-collection-filters .block > .filter.item-sign,
.b-lang_trigger,
.b-tag,
.block-list li:hover,
.block-list-alt li:hover,
.block-list li.selected,
.block-list-alt li.selected,
.b-block_list li:hover,
.b-block_list li.selected,
.b-entry-info .line .b-tag,
.b-catalog_entry-tooltip .inner .line .value .tag,
.b-hot_topics .topic a,
.b-forums .forum:hover,
.b-show_more:hover,
.b-show_more-more .hide-more:hover,
.b-stats_bar .stat_names:hover:before,
.history-interval p:hover,
.p-profiles .profile-head .c-history .entry:hover a,
.p-topics .l-menu .sticky-topics .topic:hover,
.p-dashboards-show .contests .contest:hover,
.p-topics .l-menu .calendar .entry:hover a,
.p-topics .l-menu .clubs .entry:hover a,
.p-topics .l-menu .contests .contest:hover,
.p-topics .l-menu .reviews .entry:hover a,
.p-user_rates-index .list-lines .selectable:hover,
.p-user_rates-index .l-content .order-control:hover,
.p-animes_collection-index .pagination .link:hover,
.p-mangas_collection-index .pagination .link:hover,
.p-recommendations-index .pagination .link:hover,
.p-userlist_comparer-show .pagination .link:hover {
  background-color: #616161;
}

.block-list li:active,
.block-list-alt li:active,
.b-block_list li:active,
.p-contests .match-day .match-link:active {
  background-color: #616161 !important;
}

.p-dialogs header.head,
.p-messages header.head,
.p-profiles-edit header.head,
.p-profiles-edit .b-options-floated,
.p-dialogs .b-options-floated,
.p-messages .b-options-floated,
.b-hot_topics .topic a:hover {
  background-color: #424242;
}

.p-userlist_comparer .comparer table .selectable:hover {
  background-color: #424242 !important;
}

/* Кнопки при наведении */
div.compatibility > a:hover:before,
div.compatibility > a:hover > span:first-child:before,
.b-video_player .cc-player_controls .c-control:hover .icon,
.p-animes_collection-index .pagination .link:hover,
.p-mangas_collection-index .pagination .link:hover,
.p-recommendations-index .pagination .link:hover,
.p-userlist_comparer-show .pagination .link:hover,
.b-collection-filters .block > .filter.item-sign:hover,
.b-lang_trigger:hover,
.b-list_switchers > .switcher:hover,
.b-tag:hover,
.b-entry-info .line .b-tag:hover,
.b-catalog_entry-tooltip .inner .line .value .tag:hover,
.b-user_rate .rate-show .rate-number .item-add:hover,
.p-animes .item-edit:hover,
.p-characters .item-edit:hover,
.p-contests .b-contest_match .prev-match:hover,
.p-contests .b-contest_match .next-match:hover,
.p-mangas .item-edit:hover,
.p-profiles-show .about .item-edit:hover,
.p-messages .mass-actions .action > a:hover,
.p-user_rates-index .list-lines tr.edit-form .remove:hover,
.delete-controls > span:hover,
.moderation-controls > span:hover,
.main-controls > span:hover,
.main-controls > a:hover,
.buttons .item-edit:hover,
.editor-controls > span:hover,
.c-actions > *:hover,
.about-bb_codes:hover,
.profile-actions > *:hover,
.item-mobile:hover,
.item-mobile:active,
header.head h1 > a.back:hover,
header.head h2 > a.back:hover {
  background-color: #424242;
}

/* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */
hr,
.b-db_entry-note:before,
.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,
.p-topics .l-menu .calendar .entry:before,
.p-topics .l-menu .reviews .entry:before,
.p-topics .l-menu .clubs .entry:before {
  background-color: #757575;
}

input,
h3,
select,
.b-input input,
.b-input textarea,
.b-pages,
.b-quote,
.b-shiki_editor .body .editor textarea,
.b-shiki_editor .links .link-value,
.b-shiki_editor .images .link-value,
.b-shiki_editor .quotes .link-value,
.b-shiki_editor .email .link-value,
.b-shiki_editor .upload .link-value,
.b-tooltipped:not(a),
.b-topic,
.b-topic-preview > .inner .status-line .additional,
.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,
.p-user_rates-index .list-groups .summary.posters,
.p-user_rates-index .list-lines tr.edit-form form,
.p-user_rates-index .list-lines tr td .new-value input,
.p-user_rates-index .l-content .filter input,
.subheadline-input {
  border-color: #757575;
}

/* ОСОБЫЕ ЦВЕТА */
.b-entry-info .line .b-tag:active,
.b-catalog_entry-tooltip .inner .line .value .tag:active {
  background-color: #757575;
}

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

.b-stats_bar .bar .third {
  background: #757575;
}

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










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

/* Ссылки в превью новостей не переносятся на новую строку */
.b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a {
  display: block;
}

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




/* ОСНОВНОЙ ФАЙЛ */
header.head h1,
header.head h2,
input {
  font-family: inherit;
}

.buttons,
.ac_results .name,
.b-animes-menu .total-rates,
.b-comment > .inner header .name-date a.name,
.b-comments .comments-expander,
.b-comments .comments-expander:hover,
.b-comments .comments-hider,
.b-comments .comments-hider:hover,
.b-comments .comments-loader,
.b-comments .comments-loader:hover,
.b-comments .faye-loader,
.b-comments .faye-loader:hover,
.b-comments .messages-postloader,
.b-comments .messages-postloader:hover,
.b-entry-info .line .value,
.b-forum .faye-loader,
.b-forum .faye-loader:hover,
.b-header_filters .filter-line .title,
.b-header_filters .filter-line a.current,
.b-mention s,
.b-options-floated .selected.always-active,
.b-quote,
.b-rate .score-notice,
.b-rate .text-score,
.b-table th,
.b-topic > .inner header .name-date a.name,
.b-user.detailed .history .line .event,
.collapsed,
.completable-block .name,
.l-page .menu-toggler .toggler:after,
.p-anime_videos-index .c-anime_video_episodes .title,
.p-anime_videos-index .c-videos .title,
.p-anime_videos-index .same-videos .title,
.p-statistics-index .forum-nav .sections a,
.p-user_rates-index .list-groups .summary.lines,
.p-userlist_comparer .comparer table .name a,
.tooltip-details .b-nothing_here.centered {
  color: inherit;
}

.b-comments .comments-expander:active,
.b-comments .comments-hider:active,
.b-comments .comments-loader:active,
.b-forum .faye-loader:active,
.block-list li.selected,
.block-list-alt li.selected,
.b-block_list li.selected,
.p-animes-show .other-names.click-loader,
.p-mangas-show .other-names.click-loader {
  color: inherit !important;
}

@media screen and (max-width: 767px) {
  .b-options-floated.mobile-phone a.selected {
    color: inherit;
  }
}

/* MAIN BLOCKS */
body {
  position: relative;
  min-height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  overflow-x: hidden;
}

.l-page {
  min-height: 100%;
  padding-top: 4.5rem;
  padding-right: 1rem;
  padding-bottom: 4.5rem;
  padding-left: 1rem;
  background-color: inherit;
}

.l-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: inherit;
  padding: 0 1rem;
  margin: auto;
  text-align: center;
}

.l-footer:before {
  content: 'Theme by grin3671';
  display: block;
  float: left;
  position: static;
  left: auto;
  bottom: auto;
  width: auto;
  height: auto;
  background: none;
  font-size: .6875rem;
}

/* DO NOT DELETE */
/* Информация для устранения неполадок */
body[data-user*=":2727,"] .l-footer:before {
  content: "Theme by grin3671 v1.2.68 (stable)";
}

.l-footer:before,
.l-footer .copyright {
  padding: .5rem 0 0;
  font-family: inherit;
  line-height: 1rem;
}

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

.l-footer .links {
  clear: both;
  display: inline-block;
  padding: .5rem 0;
  font: inherit;
  font-size: .75rem;
  line-height: 1rem;
  text-align: center;
}

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

@media (min-width: 960px) {
  .l-page,
  .l-footer {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

/* END of MAIN BLOCKS */
/* ВЫСОТА СТРОКИ */
.cc-2a > .c-column,
.block,
.b-db_entry,
.p-animes .b-db_entry > *:last-child {
  line-height: inherit;
}

@media only screen and (min-width: 768px) {
  .cc-2 > .c-column,
  .p-animes-show .cc-related-authors > .c-column,
  .p-mangas-show .cc-related-authors > .c-column {
    line-height: inherit;
  }
}

.cc-3-flex > .c-column {
  line-height: inherit;
}

/* ЗАКРУГЛЕНИЕ */
.b-comments .comments-loader,
.b-comments .comments-hider,
.b-comments .comments-expander,
.b-comments .messages-postloader,
.b-forum .faye-loader,
.collapsed,
.tipsy-inner,
.button,
.b-button,
.b-contests-menu .results,
.b-link_button,
input[type=submit],
.btn,
.b-comments-notifier,
.p-animes_collection-index .pagination .link,
.p-mangas_collection-index .pagination .link,
.p-recommendations-index .pagination .link,
.p-userlist_comparer-show .pagination .link,
.subheadline-buttons .item-edit,
.p-characters .item-edit,
.b-catalog_entry .image-cutter,
.b-main_search .input,
.b-lang_trigger,
.b-user_rate .rate-show .note,
.c-poster img,
.c-actions > *,
.b-user_rate .rate-show .rate-number .item-add,
.p-animes-show .watch-online,
.p-animes-show .upload-video,
.p-mangas-show .watch-online,
.p-mangas-show .upload-video,
.b-tag,
.b-entry-info .line .b-tag,
.b-catalog_entry-tooltip .inner .line .value .tag,
.b-topic > .inner header img,
.b-quote,
.p-clubs-index header.head a.misc,
.b-list_switchers > .switcher,
.p-user_rates-index .l-content .filter input,
.p-user_rates-index .list-lines tr td .new-value input,
.p-user_rates-index .list-lines tr.edit-form form,
.p-user_rates-index .list-lines tr.edit-form .remove,
.p-profiles-show .b-stats_bar a.title,
.b-stats_bar .bar,
.profile-actions > a,
.l-page .b-anime_status_tag:before,
.p-profiles .profile-head .c-history .entry img,
.p-profiles-show .about .item-edit,
header.head h1 a.back,
header.head h2 a.back,
.edit-page a.cancel,
.editor-controls > span,
.tooltip-inner,
.b-topic-preview > .editor-container .hide,
.b-input,
.b-input input {
  border-radius: .125rem;
}

/* LAYOUT */
@media screen and (max-width: 480px) and (orientation: portrait) {
  .l-page .menu-slide-outer .menu-slide-inner {
    width: 100%;
  }
  .menu-slide-outer.x199 .l-content,
  .menu-slide-outer.x240 .l-content {
    float: none;
    width: 100%;
    margin: 0;
  }
}

@media screen and (min-width: 481px) and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape) {
  .l-page .menu-slide-outer .menu-slide-inner {
    width: 100%;
  }
  .menu-slide-outer.x199 .l-content,
  .menu-slide-outer.x240 .l-content {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .l-page.menu-expanded .x240 .l-content {
    margin-left: 0;
  }
  .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner,
  .l-page .menu-slide-outer:not(.ipad-expanded) .menu-slide-inner {
    width: 100%;
  }
  .menu-slide-outer.x199 .l-content,
  .menu-slide-outer.x240 .l-content {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .l-page .menu-slide-outer {
    overflow: hidden;
  }
}

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

h3 {
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: .5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

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

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

.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;
}

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

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

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

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

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

.buttons .cancel {
  vertical-align: top;
  margin-right: .5rem;
  border: 0;
}

.b-form .cancel {
  margin-left: 0;
}

.b-form .cancel:hover {
  text-decoration: none;
}

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

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

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

.b-height_shortener .shade {
  right: 0;
  left: 0;
  width: auto;
  height: 2.5rem;
  margin-top: -2.5rem;
}

.b-height_shortener .expand {
  font-size: .875rem;
}

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

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

.b-comments .comments-loader,
.b-comments .comments-hider,
.b-comments .comments-expander,
.b-comments .messages-postloader,
.b-forum .faye-loader,
.collapsed {
  padding: .4375rem 2.5rem;
  margin: 0;
  margin-bottom: .5rem;
  line-height: 1.5rem;
}

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

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

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

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

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

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

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

.b-forum .faye-loader {
  padding: .4375rem .5rem;
}

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

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

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

/* Кнопки управления изображениями */
.b-image img {
  vertical-align: top;
  border-radius: .125rem;
}

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

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

/* Кнопки */
.b-image .mobile-edit,
.b-image .delete,
.b-image.deletable .confirm,
.b-image.deletable .cancel,
.p-user_rates-index .list-posters .user_rate .edit-user_rate {
  width: auto;
  height: auto;
  padding: .5rem;
  margin-top: .25rem !important;
  margin-right: .25rem !important;
  border-radius: .125rem;
}

@media screen and (min-width: 1024px) {
  .b-image .mobile-edit,
  .b-image .delete,
  .b-image.deletable .confirm,
  .b-image.deletable .cancel,
  .p-user_rates-index .list-posters .user_rate .edit-user_rate {
    background-color: transparent;
  }
}

.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 .mobile-edit,
.b-gallery .grid_sizer .controls {
  margin-top: .375rem !important;
  margin-right: .375rem !important;
}

@media screen and (min-width: 767px) {
  .p-user_rates-index .list-posters .user_rate .edit-user_rate {
    background-color: transparent;
  }
}

/* Настройки иконок */
.b-image .mobile-edit:before,
.b-image .delete:before,
.b-image.deletable .confirm:before,
.b-image.deletable .cancel:before,
.p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  width: 1.5rem;
  font-size: 1.5rem;
}

.p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  position: static;
  height: auto;
  background: transparent;
}

/* Затемнение */
.b-gallery .b-image .controls,
.user_rate .b-catalog_entry:after {
  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;
}

.user_rate .b-catalog_entry:after {
  content: '';
  opacity: 0;
  pointer-events: none;
}

.b-image:hover,
.b-image.deletable img,
.b-image.deletable:after,
.b-image.mobile-editing:after,
.p-user_rates-index .list-posters .user_rate:hover .b-catalog_entry:after {
  opacity: 1;
}

/* Вид иконки */
.b-image .mobile-edit:before,
.p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  content: 'edit';
}

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

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

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

/* END of Кнопки управления изображениями */
.b-modal > .inner {
  padding: 1rem 1.5rem;
  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-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;
  font-size: .875rem;
}

.b-source {
  margin-top: .5rem;
  margin-bottom: 1rem;
}

.b-spoiler label {
  font-size: inherit;
  letter-spacing: initial;
}

.b-spoiler .content .before,
.b-spoiler .content .after {
  font-size: inherit;
  letter-spacing: initial;
}

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

header.head h1,
header.head h2 {
  font-family: inherit;
}

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

header.head h1 ~ .notice,
header.head h2 ~ .notice {
  margin-top: -.5rem;
}

.b-breadcrumbs {
  margin: 0;
  line-height: 1rem;
}

.b-breadcrumbs > span:after {
  content: '»';
}

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

.tipsy-arrow {
  display: none;
}

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

input {
  font-family: inherit;
  font-size: inherit;
}

/* Кнопки */
.button,
.b-button,
.b-form input[type=submit],
.b-topic-preview > .editor-container .hide,
.edit-page a.cancel {
  display: inline-block;
}

input[type=submit],
.button,
.b-button,
.b-form input[type=submit],
.b-contests-menu .results,
.b-link_button,
.b-shiki_editor .links .b-button.ok,
.b-shiki_editor .images .b-button.ok,
.b-shiki_editor .quotes .b-button.ok,
.b-shiki_editor .email .b-button.ok,
.b-shiki_editor .upload .b-button.ok,
.edit-page a.cancel {
  min-width: 5.5rem;
  padding: 0 1rem;
  margin-right: .5rem;
  font-size: .875rem;
  line-height: 2rem !important;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
}

input[type=submit]:last-child,
.b-button:last-child,
.b-form input[type=submit]:last-child {
  margin-right: 0;
}

input[type=submit]:hover {
  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.24);
}

/* TODO: new variable $btn_disabled_color (L: #9E9E9E; D: #757575) */
.b-button[disabled],
.b-button.disabled,
.b-button[disabled]:hover,
.b-button.disabled:hover,
.b-form input[type=submit][disabled],
.b-form input[type=submit].disabled,
.b-form input[type=submit][disabled]:hover,
.b-form input[type=submit].disabled:hover {
  background-color: #424242;
  box-shadow: none;
  color: #9E9E9E !important;
}

.b-shiki_editor .links .b-button.ok,
.b-shiki_editor .images .b-button.ok,
.b-shiki_editor .quotes .b-button.ok,
.b-shiki_editor .email .b-button.ok,
.b-shiki_editor .upload .b-button.ok {
  min-width: auto;
  margin-left: 1rem;
}

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

.edit-page a.cancel,
.b-topic-preview > .editor-container .hide {
  background-color: transparent;
}

.b-topic-preview > .editor-container .hide {
  vertical-align: top;
  border: 0;
}

.b-topic {
  overflow: visible;
}

.b-topic > .inner {
  overflow: visible;
}

.b-topic-preview > .inner > footer {
  overflow: hidden;
}

/* Чекбоксы */
/* TODO: L: border-color normal #757575 disabled #BDBDBD */
/*       D: border-color normal #FFFFFF disabled rgba(255,255,255,.3) */
input[type=checkbox],
.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 #BDBDBD;
  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;
}

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

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

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

/* Формы */
.b-form {
  overflow: visible;
}

.b-form:after {
  content: '';
  display: block;
  clear: both;
}

.b-input input,
.b-input textarea {
  padding: .3125rem 1rem;
  line-height: 1.25rem;
}

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

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

/* TODO: check moz & ms browsers */
.b-input input::-webkit-input-placeholder,
.b-input textarea::-webkit-input-placeholder,
.b-shiki_editor .body .editor textarea::-webkit-input-placeholder {
  padding: 0;
  line-height: inherit;
}

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

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

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

select {
  max-width: 100%;
  height: 2rem;
  padding: 2px .5rem;
  font-size: .875rem;
  line-height: 2rem;
}

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

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

.buttons {
  font-family: inherit;
  font-size: inherit;
}

.b-form .buttons {
  margin-top: .5rem;
}

.btn {
  line-height: 2rem;
}

.b-contests-menu .results {
  float: none;
  display: block;
  margin: .5rem 0;
}

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

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

.b-contests-menu .results,
.b-forums > .b-link_button.maxi,
.b-link_button.create-topic {
  margin-right: 0;
}

.l-page .menu-toggler {
  top: 64px;
  z-index: 9;
}

.l-page.menu-expanded .menu-toggler {
  z-index: 10;
}

@media (max-width: 1024px) {
  .l-menu {
    z-index: 9;
  }
}

.p-user_rates-index .l-page .menu-toggler {
  top: -96px;
}

[data-locale="ru"] .l-page .menu-toggler .toggler:before {
  content: 'меню';
}

[data-locale="en"] .l-page .menu-toggler .toggler:before {
  content: 'sidebar';
}

.history-interval,
.mischeadline,
.b-input,
.prgrph,
.spoiler-prgrph,
.review-votes_count {
  margin-bottom: .5rem !important;
}

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

.tooltip-inner .close {
  top: 0;
  right: 0;
  width: 2rem;
  padding: .4375rem;
  background: transparent;
  border-radius: 50%;
  color: inherit;
  font-size: 1.125rem;
}

.tooltip-inner .close:after {
  content: 'close';
}

.block-list li,
.block-list-alt li {
  line-height: 1.5rem;
  margin: 2px -.5rem;
  padding: 0 .5rem;
}

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

.b-comments-notifier {
  top: 0 !important;
  width: 2rem;
  height: 2rem;
  margin-top: 4rem;
  line-height: 2rem;
}

.block,
.b-topic .body {
  line-height: 1.25;
}

.b-pages-container,
.b-topic > .inner > .body,
.b-db_entry > div:last-child .text {
  line-height: 1.5;
}

.b-user.named_avatar .name {
  margin: auto;
}

/* FIX: BACKFACE VISIBILITY */
.b-collection-filters > .block:first-child > .b-list > li:after,
.b-collection-filters > .block:first-child > .b-list > li:before,
.b-collection-filters > .block:first-child > .b-list > li:after,
.b-collection-filters > .block:first-child > .b-list > li:before,
.l-top_menu .inner > a:first-child,
.l-top_menu .menu-items > .entry > a,
.p-user_rates .mylist-block + .block > .b-list > li:after,
.p-user_rates .mylist-block + .block > .b-list > li:before {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/**
 * TOPMENU
 * Изменение верхнего меню сайта.
 * Меню закреплено и увеличено.
 */
/* НАСТРОЙКА ЦВЕТОВ МЕНЮ */
/* ОСНОВНОЕ МЕНЮ */
/* Фон меню */
.l-top_menu:before {
  background-color: #212121;
}

/* Цвет текста в меню */
.l-top_menu {
  color: #FAFAFA;
}

/* Цвет текста пунктов меню при наведении */
/* Цвет текста активных пунктов меню */
/* По умолчанию: цвет текста наследуется от меню */
.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: #424242;
  }
  /* Цвет пунктов выпадающего меню при щелчке */
  /* Цвет активных пунктов выпадающего меню */
  /* По умолчанию: затемненный цвет фона выпадающего меню */
  .l-top_menu .submenu > .entry:active,
  .l-top_menu .submenu > .entry.active,
  .b-main_search .popup li:active,
  .b-main_search .popup li.active {
    background-color: rgba(0, 0, 0, 0.24);
  }
  /* Цвет пунктов выпадающего меню при наведении */
  /* По умолчанию: осветленный цвет фона выпадающего меню */
  .l-top_menu .submenu > .entry:hover,
  .b-main_search .popup li: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(242, 242, 242, 0.32);
  }
  /* Набираемый текст в строке поиска  */
  .b-main_search .input input {
    color: #fff;
  }
  /* Вспомогательный текст в строке поиска  */
  .b-main_search input::-webkit-input-placeholder {
    color: #ddd;
  }
  .b-main_search input:-moz-placeholder {
    color: #ddd;
  }
  .b-main_search input::-moz-placeholder {
    color: #ddd;
  }
  .b-main_search input:-ms-input-placeholder {
    color: #ddd;
  }
}

/* ЦВЕТ ИКОНОК в меню (для мобильной версии) */
/* По умолчанию: цвет текста наследуется от меню */
.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: Что это за элемент? */
.to-top-fix {
  height: 0;
  background: none;
  border: 0;
}

.l-top_menu:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  transition: .3s;
}

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

/* Высота меню на мобильном телефоне в портретном режиме */
/* Если вы меняете высоту меню, необходимо изменить верхний отступ страницы: */
/* .l-page padding-top: 64px цифра равна высоте меню + 16px */
/* Скопируйте правило и вставьте его в блоке МОИ НАСТРОЙКИ в конце файла. */
.l-top_menu {
  padding: 4px 0;
}

/* 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;
  }
}

@media (min-width: 960px) {
  .l-top_menu .inner {
    padding: 0 .5rem;
  }
}

/* MENUTOP > LOGO */
.l-top_menu .inner > a:first-child {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 32px;
  color: inherit !important;
}

.l-top_menu .inner .logo {
  float: none;
  position: static;
  width: auto;
  height: auto;
  padding: .8125rem 1rem;
  margin: 0;
  background: none;
}

.l-top_menu .inner .logo:before {
  content: 'Главная';
  display: block;
  color: inherit;
  font-size: 16px;
  line-height: 22px;
}

@media only screen and (min-width: 320px) {
  .l-top_menu .inner .logo:before {
    content: 'Shikimori';
    font-size: 20px;
    text-transform: uppercase;
  }
}

@media only screen and (min-width: 480px) {
  .l-top_menu .inner .logo:before {
    content: 'Shikimori';
    font-size: 20px;
    text-transform: uppercase;
  }
}

.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;
  z-index: 10;
}

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

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

/* Перерисовываем меню сайта под Material */
.l-top_menu .mobile-menu-toggler.active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  background-color: #000;
  z-index: 12;
  opacity: .48;
}

.l-top_menu .menu-items {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 56px);
  max-width: 320px;
  height: calc(100vh + 16px);
  padding: 8px 0;
  margin: -8px 0;
  overflow-y: auto;
  z-index: 13;
}

/* EXPERIMENTAL > ANIMATED MOBILE MENU */
.l-top_menu .menu-items {
  display: block;
  -webkit-transform: translate(-110%, 0);
  -ms-transform: translate(-110%, 0);
  transform: translate(-110%, 0);
  transition: 240ms ease-out;
}

.l-top_menu .menu-items.active {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* END of EXPERIMENTAL */
@media only screen and (min-width: 320px) {
  .l-top_menu .inner > a:first-child {
    margin: 0 0 0 40px;
  }
}

@media only screen and (min-width: 360px) {
  .l-top_menu .inner > a:first-child {
    margin: 0 0 0 48px;
  }
}

@media only screen and (min-width: 1025px) {
  .l-top_menu .inner > a:first-child {
    margin: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .l-top_menu .to-mobile-forum {
    display: none;
  }
  .l-top_menu .menu-items {
    display: inline-block;
    vertical-align: top;
    position: static;
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    margin-left: 0;
    background-color: transparent;
    color: inherit;
    overflow: initial;
    overflow-y: visible;
    transform: translate(0, 0);
  }
  .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 > a.contest {
  width: 3rem;
  height: 3rem;
  padding: .75rem !important;
  background: inherit;
}

.l-top_menu .menu-items > .entry > a.contest:before {
  width: 1.5rem !important;
  font-size: 1.5rem !important;
  color: #EEEEEE;
}

@media only screen and (min-width: 1025px) {
  .l-top_menu .menu-items > .entry > a.contest {
    width: 3rem;
    height: 3rem;
    padding: .9375rem !important;
    margin: 0;
    background: transparent;
    border-radius: .125rem;
  }
  .l-top_menu .menu-items > .entry > a.contest:before {
    position: static;
    width: 18px !important;
    margin: 0;
    color: inherit;
    font-size: 18px !important;
  }
}

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

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

[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';
}

@media only screen and (min-width: 1025px) {
  .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;
  }
}

/* END of Текст вместо иконок в верхнем меню */
/* Уведомления о голосованиях */
.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:after {
    top: 0;
    right: 0;
  }
}

/* END of Уведомления о голосованиях */
/* Уменьшение ширины пунктов меню */
/* Уменьшение ширины "Сообщество" */
@media screen and (min-width: 1025px) {
  .l-top_menu .menu-items > .entry > a[href*="/forum"] {
    padding: .875rem;
    font-size: 0;
    line-height: 0;
  }
  .l-top_menu .menu-items > .entry > a[href*="/forum"]:before {
    content: 'people';
    font-size: 1.125rem;
  }
}

/* Уменьшение ширины всех пунктов меню */
.x1000 .l-top_menu .menu-items > .entry > a,
.x1000 .l-top_menu .menu-items > .entry.sign_out {
  padding: 1rem 0.75rem;
}

/* 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: 2rem;
  padding: .5rem 1rem;
  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 screen and (min-width: 1025px) {
  .l-top_menu .menu-search {
    padding: 0;
  }
  .l-top_menu .menu-search > .entry {
    width: 234px;
    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;
  transition: background .3s;
}

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

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

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

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

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

/* END of SEARCH */
/* TOPMENU | SEARCHRESULT */
.ac_results.menu-suggest,
.completable-block.menu-suggest {
  border: 0;
  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
}

.ac_results,
.completable-block {
  font-size: .75rem;
}

.ac_odd {
  background-color: rgba(0, 0, 0, 0.24);
}

.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.menu-suggest,
.completable-block.menu-suggest {
  margin-top: -17px;
  margin-left: 6px;
}

.ac_results .name {
  font-size: 14px;
}

.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 .5rem 0 1rem !important;
  cursor: default;
}

.entry.userbox > .avatar {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 32px;
  height: 32px;
  margin: 8px;
  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-search .arrow-container,
.l-top_menu .menu-userbox .arrow-container,
.l-top_menu .menu-search .arrow-container .arrow-down,
.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,
.l-top_menu .menu-userbox .search,
.l-top_menu .menu-userbox .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;
  }
}

/* END of ICON */
/* ************** */
/* END of TOPMENU */
/* ************** */
/**
 * PAGINATION
 *
 */
/* Делаем пагинацию более удобной */
.p-animes_collection-index .pagination,
.p-mangas_collection-index .pagination,
.p-recommendations-index .pagination,
.p-userlist_comparer-show .pagination {
  margin: 8px 0;
  color: inherit;
  font-size: 14px;
  line-height: 32px;
}

/* Добавляем разной ерунды */
.p-animes_collection-index .pagination > *,
.p-mangas_collection-index .pagination > *,
.p-recommendations-index .pagination > *,
.p-userlist_comparer-show .pagination > * {
  vertical-align: top;
}

.p-animes_collection-index .pagination .link,
.p-mangas_collection-index .pagination .link,
.p-recommendations-index .pagination .link,
.p-userlist_comparer-show .pagination .link {
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: -4px 8px;
  font-size: 0;
}

.p-animes_collection-index .pagination .link:first-child,
.p-mangas_collection-index .pagination .link:first-child,
.p-recommendations-index .pagination .link:first-child,
.p-userlist_comparer-show .pagination .link:first-child {
  margin-left: 0;
}

.p-animes_collection-index .pagination .link:last-child,
.p-mangas_collection-index .pagination .link:last-child,
.p-recommendations-index .pagination .link:last-child,
.p-userlist_comparer-show .pagination .link:last-child {
  margin-right: 0;
}

.p-animes_collection-index .pagination .link:hover,
.p-mangas_collection-index .pagination .link:hover,
.p-recommendations-index .pagination .link:hover,
.p-userlist_comparer-show .pagination .link:hover {
  text-decoration: none;
}

.p-animes_collection-index .pagination .link.disabled:hover,
.p-mangas_collection-index .pagination .link.disabled:hover,
.p-recommendations-index .pagination .link.disabled:hover,
.p-userlist_comparer-show .pagination .link.disabled:hover {
  background-color: transparent;
}

.p-animes_collection-index .pagination .link:before,
.p-mangas_collection-index .pagination .link:before,
.p-recommendations-index .pagination .link:before,
.p-userlist_comparer-show .pagination .link:before {
  display: block;
  width: 24px !important;
  font-family: 'Material Icons' !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  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-animes_collection-index .pagination .link.link-prev:before,
.p-mangas_collection-index .pagination .link.link-prev:before,
.p-recommendations-index .pagination .link.link-prev:before,
.p-userlist_comparer-show .pagination .link.link-prev:before {
  content: 'chevron_left';
}

.p-animes_collection-index .pagination .link.link-next:before,
.p-mangas_collection-index .pagination .link.link-next:before,
.p-recommendations-index .pagination .link.link-next:before,
.p-userlist_comparer-show .pagination .link.link-next:before {
  content: 'chevron_right';
}

/* ***************** */
/* END of PAGINATION */
/* ***************** */
/**
 * SUBHEADER
 * Изменение подзаголовков разделов и ссылок в них.
 */
.headline {
  padding: 8px 0;
  margin: 8px 0;
  background: none;
  border: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-transform: capitalize;
}

.mischeadline,
.c-my_list .title,
.subheadline,
.midheadline,
.b-stats_bar .title,
.profile-content .activity .title,
.lifetime .title {
  padding: 16px 0;
  margin-bottom: 0;
  background-color: transparent;
  border: 0;
  font-size: .875rem;
  line-height: 1rem;
  text-transform: uppercase;
  overflow: initial;
}

.p-db_entries-edit_field .subheadline {
  overflow: hidden;
}

.midheadline > a,
.subheadline > a {
  vertical-align: top;
  margin: -.5rem -1rem;
}

.midheadline > a,
.subheadline > a,
.b-form .cancel,
.b-shiki_editor footer .unpreview,
.b-shiki_editor footer .preview,
.b-topic-preview > .editor-container .hide {
  display: inline-block;
  padding: 0 1rem;
  background-color: transparent;
  border-radius: .125rem;
  font-size: .875rem;
  line-height: 2rem !important;
  text-transform: uppercase;
}

.headline > a:before,
.midheadline > a:before,
.subheadline > a:before {
  right: 0;
  left: 0;
  text-align: right;
  opacity: 0;
  pointer-events: auto;
}

.headline.linkheadline > a,
.linkheadline.midheadline > a,
.linkheadline.subheadline > a {
  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 screen and (max-width: 767px) {
  .subheadline-input {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
}

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

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

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

.subheadline-buttons .item-edit,
.p-characters .item-edit {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: 4px 0;
}

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

/* END of SUBHEADER */
/**
 * ТУРНИРЫ
 */
.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 .c-column {
  line-height: 32px;
}

.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;
  width: 18px;
  padding-right: 0;
  padding-left: 0;
  margin: 7px 0;
  margin-right: 14px;
  font-size: 18px;
  font-weight: normal !important;
}

.p-contests .match-day .match-link .created:before {
  color: #9B9B9B;
  content: "lock";
  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: #9B9B9B;
}

.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 .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.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;
}

.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 .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;
}

@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 only screen and (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 .winner:before,
  .p-contests .match-day .match-link .loser: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 .winner .matches-num {
    background-color: #66bb6a;
  }
  .p-contests .match-day .loser .matches-num {
    background-color: #ef5350;
  }
}

/* END of Мобильная версия */
/* END of ТУРНИРЫ */
/**
 * Опросы
 */
/* Контейнер */
.b-poll {
  margin: .5rem 0;
  line-height: inherit;
}

/* Текстовый блок */
.b-poll .poll {
  margin-bottom: .0;
}

/* Название опроса */
/* Текст опроса */
/* Контейнер для вариантов в опросе */
.b-poll .poll-variants {
  padding: .5em 0;
  margin: 0;
}

/* Вариант в опросе */
.b-poll .poll-variants .poll-variant {
  line-height: 1.5em;
  margin-bottom: .5em;
}

/* Вариант в опросе (завершенный) */
.b-poll .poll-variants .poll-variant.result {
  margin-bottom: .75em;
}

/* Отступ от текста варианта */
.b-poll .poll-variants .poll-variant label {
  margin-bottom: .25em;
}

/* Псевдо переключатель */
.b-radio input[type="radio"] + .radio-label:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 18px;
  height: 18px;
  margin: 3px 18px 0 0;
  border-radius: 100%;
  border: 1.5px solid #2196F3;
  box-sizing: border-box;
  box-shadow: 0 0 0 2.75px #303030 inset;
  text-align: center;
  cursor: pointer;
}

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

/* Кнопки голосования */
.b-poll .poll-actions .vote,
.b-poll .poll-actions .abstain {
  display: inline-block;
  vertical-align: top;
  min-width: 112px;
  padding: 0 1rem;
  margin: .375rem 0;
  background-color: #2196F3;
  border-radius: 2px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.24);
  font-size: .875rem;
  font-weight: 700;
  line-height: 2.25rem;
  text-align: center;
  text-transform: uppercase;
  transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
}

.b-poll .poll-actions .vote:not(:last-child),
.b-poll .poll-actions .abstain:not(:last-child) {
  margin-right: .5rem;
}

.b-poll .poll-actions .vote:hover,
.b-poll .poll-actions .abstain:hover {
  background-color: #1d84d6;
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.24), 0 3px 12px 2px rgba(0, 0, 0, 0.16);
}

@media (min-width: 960px) {
  .b-poll .poll-actions .vote,
  .b-poll .poll-actions .abstain {
    margin-top: .5rem;
    margin-bottom: .5rem;
    box-shadow: none;
    font-size: .8125rem;
    line-height: 2rem;
  }
  .b-poll .poll-actions .vote:hover,
  .b-poll .poll-actions .abstain:hover {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.24);
  }
}

/* Вспомогательная информация: процент и сумма голосов */
.b-poll .poll-variants .poll-variant.result .votes-percent,
.b-poll .poll-variants .poll-variant.result .votes-total {
  line-height: inherit;
  font-size: .75em;
}

.b-poll .poll-variants .poll-variant.result .votes-percent {
  color: #9E9E9E;
  margin-right: 1em;
}

.b-poll .poll-variants .poll-variant.result .votes-total {
  color: #BDBDBD;
  margin-left: 1em;
}

/* Отметка своего выарианта */
.b-poll .poll-variants .poll-variant.result label .voted-for {
  padding-left: 0;
  margin-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-poll .poll-variants .poll-variant.result .bar .line,
.b-poll .poll-variants .poll-variant.result .bar .bar {
  height: 4px;
  line-height: 4px;
  margin-bottom: 0;
  border-radius: 2px;
}

/* Цвет полос */
.b-poll .poll-variants .poll-variant.result .bar .line {
  background-color: #757575;
}

.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;
}

/* END of ОПРОСЫ */
/* ROUNDED IMAGES */
.b-dialog > .inner header img,
.b-message > .inner header img,
.p-user_rates-index .l-menu .avatar img,
.avatar > img {
  border-radius: 100%;
}

/* END of ROUNDED IMAGES */
/* TODO: replace */
.b-catalog_entry.dropped .image-cutter {
  filter: grayscale(100%);
}

/**
 * ANIME PAGE
 */
.b-db_entry {
  margin-bottom: 8px;
}

.b-db_entry-note .name-container {
  padding: .25rem 0;
}

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

.b-db_entry-note .name-container .note {
  margin-top: 4px;
  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 .b-user_rate {
  margin-top: .375rem;
}

.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: 15px;
}

.p-animes .b-db_entry > *:last-child {
  clear: left;
  padding-top: 0;
  margin-left: 0 !important;
}

.p-people .subheadline.m10 {
  width: 100%;
}

.p-people .m0 {
  clear: both;
  padding: 0;
  margin: 0 !important;
}

.p-characters .subheadline.m5 {
  width: 100%;
  overflow: hidden;
}

.p-characters .subheadline.m5 > a {
  display: block;
}

.p-characters .subheadline.m10 {
  width: auto;
}

.p-characters .subheadline.m10 > a {
  display: inline-block;
}

@media screen and (max-width: 480px) and (orientation: portrait) {
  .b-db_entry > .c-image .c-actions > a {
    width: auto !important;
  }
}

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

.b-lang_trigger {
  position: absolute;
  top: -53px;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 10px 0;
  margin: 4px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

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

.b-lang_trigger span {
  border: 0;
}

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

.b-user_rate .rate-show .note {
  padding: .5rem 1rem;
  font-size: .875rem;
  line-height: 1.25rem;
  max-height: 10rem;
  overflow-y: auto;
}

.b-user_rate .rate-show .note:before {
  content: 'Заметка';
  display: block;
  font-size: 10px;
}

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

/* ADD TO LIST BUTTON */
.b-add_to_list {
  min-width: 0;
}

.b-add_to_list .trigger,
.b-add_to_list .option {
  border: 0;
}

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

/* thx @bot.AkiKawasaki */
.b-add_to_list .trigger {
  border-radius: .125rem;
}

.b-add_to_list .option:last-child {
  border-radius: 0 0 .125rem .125rem;
}

.b-add_to_list .trigger + .expanded-options {
  margin-top: -.125rem;
}

.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 .trigger-arrow {
  position: relative;
}

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

.b-add_to_list.completed ~ .rate-show > .rate-number,
.b-add_to_list.completed ~ .rate-show > .episodes {
  height: 1rem;
  margin-bottom: 0;
  font-size: 0;
}

/* DENSE ATL_BUTTON */
.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 2.25rem;
  line-height: 2rem;
}

.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;
}

/* END of DENSE ATL_BUTTON */
/* ATL_BUTTON in NEWS */
.b-catalog_entry-tooltip .b-add_to_list {
  width: auto;
}

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

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

.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;
}

/* END of ATL_BUTTON in NEWS */
/* FIX ORIGINAL STYLE */
.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 .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 .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: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;
}

/* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */
.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option,
.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger {
  padding: 0 1rem 0 2rem;
}

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

/* END of ADD TO LIST BUTTON */
.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 {
  display: none;
}

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

.p-animes_collection-index.x1000 .b-catalog_entry .image-decor::after,
.p-mangas_collection-index.x1000 .b-catalog_entry .image-decor::after,
.p-recommendations-index.x1000 .b-catalog_entry .image-decor::after,
.p-userlist_comparer-show.x1000 .b-catalog_entry .image-decor::after {
  width: 32px;
  height: auto;
  border-radius: 100%;
  line-height: 32px;
}

.b-catalog_entry.planned .image-decor::after {
  content: "event";
  background: #FAFAFA;
  color: #1976D2;
}

.b-catalog_entry.watching .image-decor::after {
  content: "play_arrow";
  background: #1E88E5;
}

.b-catalog_entry.rewatching .image-decor::after {
  content: "replay";
  background: #1E88E5;
}

.b-catalog_entry.completed .image-decor::after {
  content: "done";
  background: #43A047;
}

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

.b-catalog_entry.dropped .image-decor::after {
  content: "delete";
  background: #E53935;
}

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

header.head,
.block,
.b-add_to_list,
.b-user_rate .rate-show {
  margin-bottom: .5rem;
}

.l-page > div > header.head {
  margin-bottom: 1.5rem;
}

.p-profiles-edit .l-page > div > header.head,
.p-dialogs .l-page > div > header.head,
.p-messages .l-page > div > header.head {
  margin-bottom: 0;
}

/* Кнопки управления над постером */
@media (min-width: 481px) {
  .c-actions {
    padding: 4px 0;
  }
}

.c-actions > * {
  width: 40px !important;
  height: 40px !important;
  padding: .5rem;
}

.c-actions > *:not(:last-child) {
  margin-right: 8px !important;
}

.c-actions > *:before {
  font-size: 24px !important;
  line-height: 1 !important;
}

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

@media screen and (min-width: 1200px) {
  .p-animes-show .c-image .b-user_rate,
  .p-mangas-show .c-image .b-user_rate {
    margin: 0;
  }
}

.b-rate {
  padding: 6px 0;
}

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

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

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

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

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

.b-user_rate .rate-show .episodes {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 32px;
}

.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 .sep,
.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 {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: -4px 0 0 8px;
}

.b-user_rate .rate-show .rate-number .item-add:before {
  width: 24px !important;
  font-family: 'Material Icons' !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  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';
}

.b-user_rate .rate-show .rate-number .item-add:before {
  content: 'add';
}

.b-rate .stars:after {
  font-size: 36px !important;
  font-family: 'Material Icons' !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-transform: none;
  letter-spacing: -6px;
  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-rate .stars.background:after {
  content: 'star_border star_border star_border star_border star_border';
}

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

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

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

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

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

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

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

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

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

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

.watch-online-placeholer {
  margin: 2rem auto .5rem;
}

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

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

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

.b-tag,
.b-entry-info .line .b-tag,
.b-catalog_entry-tooltip .inner .line .value .tag {
  padding: 0 8px;
  margin: 0 4px 0 0;
  border: 0;
  font-size: .625rem;
  line-height: 20px;
  text-transform: uppercase;
}

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

.b-tag {
  font-size: .875rem;
  line-height: 24px;
}

.b-catalog_entry-tooltip .inner .line .value .tag,
.b-catalog_entry-tooltip .inner .line .value .tag:hover {
  padding: 0 6px;
  line-height: 18px;
}

@media screen and (min-width: 1200px) {
  .p-animes_collection-index.x1200 .cc-entries > .c-column {
    width: 18.4%;
    margin-right: 2%;
    border-radius: 2px;
  }
}

/* Anime/Manga Sidebar */
.b-animes-menu .friend-rate {
  line-height: 1.5rem;
  white-space: nowrap;
}

.b-animes-menu .site-icon {
  margin-top: .25rem;
  margin-right: .75rem;
}

.b-external_link {
  font-size: .875rem;
  line-height: 1.5rem;
}

.b-external_link .linkeable,
.b-external_link a {
  display: block;
  margin-left: 2rem;
}

.b-animes-menu .b-external_link .linkeable:before,
.b-animes-menu .b-external_link a:before {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: .1875rem;
  margin-left: -2rem;
  background-size: 1rem;
  background-position: center;
  background-repeat: no-repeat;
}

.b-external_link .linkeable:hover,
.b-external_link a:hover {
  text-decoration: underline;
}

/**
 * COMMENT
 * Изменение всех комментариев, новостей, диалогов, топиков.
 */
.b-comment,
.b-dialog,
.b-message {
  position: relative;
  padding-top: .75rem !important;
  padding-bottom: .75rem;
  margin-bottom: 0;
  border: 0;
}

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

.b-dialog {
  position: relative;
}

.b-topic {
  padding-top: .5rem;
}

.b-comment > .inner .was_updated {
  margin: 0;
  color: #9E9E9E;
}

/* Исправление для предпросмотра комментария во всплывающем окне */
.tooltip-inner .b-message {
  padding-top: 0 !important;
  padding-bottom: 0;
}

/* 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,
.tooltip-inner .b-message:before {
  display: none;
}

.b-comment .body,
.b-dialog .body,
.b-message .body,
.b-topic .body {
  padding: 4px 0;
  padding-left: 0;
  line-height: inherit;
  word-break: break-word;
}

/* Левый отступ комментариев от края экрана */
.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,
.edit_club_page .b-shiki_editor .b-comment .inner .body,
.new_club_page .b-shiki_editor .b-comment .inner .body {
  padding-left: 0;
}

@media screen and (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 screen and (min-width: 767px) {
  .b-news-topic > .b-comments {
    padding-left: 3.5rem;
  }
}

/* END of Левый отступ комментариев от края экрана */
.b-comment > .inner header,
.b-dialog > .inner header,
.b-message > .inner header,
.b-topic > .inner header {
  margin-bottom: 0;
}

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

.b-topic > .inner header img {
  width: 2.5rem;
  margin: .25rem 1rem 0 0;
}

.b-comment > .inner header img,
.b-message > .inner header img,
.b-dialog > .inner header img {
  width: 2.5rem;
  margin: .25rem 1rem 0 0;
  border-radius: 100%;
}

.b-topic > .inner header .name-date,
.b-comment > .inner header .name-date {
  padding: .25rem 0;
  line-height: 2rem;
}

.b-topic > .inner header .name-date {
  line-height: 20px;
}

.b-message > .inner header .name-date,
.b-dialog > .inner header .name-date {
  line-height: 2rem;
}

.b-topic .name-date .name,
.b-comment .name-date .name,
.b-dialog .name-date .name {
  font-size: 1rem;
}

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

.b-topic > .inner header .name-date a.name,
.b-topic > .inner header .name-date .about,
.b-topic > .inner > header .about a,
.b-topic > .inner > header .about > span,
.b-message header .broadcast-by {
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
}

.b-topic > .inner header .name-date .about,
.b-message header .broadcast-by {
  margin-right: .5rem;
}

.b-message header .broadcast-by {
  padding: 0;
  font-size: .875rem;
}

.b-topic > .inner > header .name-date a {
  font-size: 1rem;
}

.b-topic > .inner > header .about > span {
  color: #9E9E9E;
  padding: 0 .5rem 0 0;
  font-size: .875rem;
}

.b-topic > .inner > header .about a {
  font-size: 1rem;
}

.b-comment > .inner header .name-date a.name:hover {
  text-decoration: none;
}

.b-message > .inner header .name-date .time,
.b-topic > .inner header .name-date .time,
.b-comment > .inner header .name-date .time,
.b-dialog > .inner header .name-date .time {
  position: relative;
  padding-top: 0;
  padding-left: 0;
  margin-right: .5rem;
  line-height: 1.25rem;
}

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

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

.b-comment > .inner header .name-date .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 .inner .name-date a.name .normal {
  vertical-align: top;
}

@media only screen and (min-width: 1025px) {
  .b-topic > .inner header .name-date,
  .b-comment > .inner header .name-date {
    padding: .25rem 0;
    line-height: 1.5rem;
  }
  .b-comment > .inner header .name-date a.name,
  .b-comment > .inner header .name-date .time,
  .b-dialog > .inner header .name-date a.name,
  .b-dialog > .inner header .name-date .time {
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
  }
  .b-message > .inner header .name-date .time > time,
  .b-comment > .inner header .name-date .time > time {
    display: block;
    font-size: 13px;
    line-height: inherit;
  }
  .p-dialogs .b-message > .inner header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-dialogs .b-message > .inner header .name-date {
    line-height: 32px;
  }
  .p-dialogs .b-message > .inner header .name-date a.name,
  .p-dialogs .b-message > .inner header .name-date .time {
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
  }
  .b-comment > .inner header img,
  .b-message > .inner header img,
  .b-dialog > .inner header img {
    margin: 6px 16px 0 0;
  }
  .b-topic > .inner header .name-date .time {
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
  }
}

.p-messages .b-message > .inner header .name-date a.name,
.p-messages .b-message > .inner header .name-date .time {
  display: inline-block !important;
  vertical-align: top;
  padding-top: 0;
  line-height: inherit !important;
}

@media screen and (max-width: 1024px) {
  .b-dialog .time {
    display: block !important;
    padding-left: 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .b-dialog > .inner header .name-date time {
    display: block;
    line-height: inherit;
  }
  .b-dialog .b-message > .inner header .name-date .time {
    display: inline-block !important;
    vertical-align: top;
    padding-left: 0 !important;
    line-height: inherit !important;
  }
  .b-dialog .b-message .inner header .name-date .name {
    display: inline-block !important;
    vertical-align: top;
  }
}

.b-dialog > .inner header .name-date .time,
.b-message > .inner header .name-date .time {
  color: #9E9E9E;
}

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

.b-dialog .b-message .inner header {
  padding: 4px 0;
}

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

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

.yellow-fade {
  background: rgba(249, 247, 19, 0.16);
  outline-color: rgba(249, 247, 19, 0.16);
}

.b-replies {
  padding: 8px 0 0;
}

.b-quote {
  margin: .5rem 0;
  padding: .5rem 1rem;
}

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

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

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

.b-topic > .inner header:after {
  content: "";
  clear: both;
  display: none;
}

.b-topic .body {
  line-height: 1.25;
}

.b-topic-preview > .inner header {
  margin-bottom: 0;
}

.b-topic-preview > .inner .status-line {
  margin-top: -4px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
}

.b-topic-preview > .inner .status-line .author {
  padding: 0;
}

.b-topic-preview > .inner .status-line .b-link {
  padding: 0 8px;
}

.b-topic-preview > .inner .status-line .additional {
  padding-left: .5rem;
  margin-left: .5rem;
}

.b-topic-preview > .inner .status-line .additional .comments,
.b-topic-preview > .inner .status-line .additional .likes {
  color: inherit;
}

.b-topic-preview > .inner .status-line .additional .comments:before,
.b-topic-preview > .inner .status-line .additional .likes:before {
  vertical-align: top;
  padding-right: 8px;
  color: #BDBDBD;
}

.b-topic-preview > .inner .status-line .additional .comments:before,
.b-topic-preview > .inner .status-line .additional .likes:before {
  padding-right: 8px;
  font-family: 'Material Icons';
  font-size: 18px;
  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';
}

.b-topic-preview > .inner .status-line .additional .comments:before {
  content: "mode_comment";
}

.b-topic-preview > .inner .status-line .additional .likes:before {
  content: "thumb_up";
}

.b-topic-preview > .inner .status-line .additional .b-review_votes {
  margin-left: 1rem;
}

.b-collection-topic .b-review_votes {
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
}

.b-review-topic .review-votes_count {
  font-size: .875rem;
}

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

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

/* Иконки коллекций */
.b-collection-topic > .inner .status-line .collection-size {
  color: inherit;
}

.b-collection-topic > .inner .status-line .collection-size:before,
.b-review_votes:before {
  vertical-align: top;
  width: 1.125rem;
  padding-right: .5rem;
  color: #BDBDBD;
  font-size: 1.125rem;
}

.b-collection-topic > .inner .status-line .collection-size:before {
  content: 'collections_bookmark';
}

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

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

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

/* Кнопки голосования в рецензиях и коллекциях */
.b-topic .footer-vote {
  padding: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  background: transparent;
  border: 0;
  color: inherit;
  font-size: .875rem;
  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 .vote {
  min-width: 5.5rem;
  padding: 0 1rem;
  margin: .25rem 0;
  background-color: #212121;
  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.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.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.yes:before,
.b-topic .footer-vote .vote-group .vote.no:before {
  vertical-align: middle;
  width: 1.125rem;
  padding: 0;
  margin-right: .875rem;
  font-size: 1.125rem;
}

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

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

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

/* END of Кнопки голосования в рецензиях и коллекциях */
/**
 * COMMENT DOESN'T SLIDE
 * Большие комментарии, топики не должны сдвигаться margin'ами.
 * Либо translate3d либо никак.
 */
.b-topic.aside-expanded > .inner,
.b-dialog.aside-expanded > .inner,
.b-message.aside-expanded > .inner,
.b-comment.aside-expanded > .inner,
.b-topic.aside-expanded > .b-comments {
  margin-left: 0;
}

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

.b-dialog > .inner > aside.buttons > .main-controls > a:after,
.b-dialog > .inner > aside.buttons > .main-controls > span:after,
.b-dialog > .inner > aside.buttons > .delete-controls > span:after,
.b-dialog > .inner > aside.buttons > .moderation-controls > span:after,
.b-message > .inner > aside.buttons > .main-controls > a:after,
.b-message > .inner > aside.buttons > .main-controls > span:after,
.b-message > .inner > aside.buttons > .delete-controls > span:after,
.b-message > .inner > aside.buttons > .moderation-controls > span:after,
.b-comment > .inner > aside.buttons > .main-controls > a:after,
.b-comment > .inner > aside.buttons > .main-controls > span:after,
.b-comment > .inner > aside.buttons > .delete-controls > span:after,
.b-comment > .inner > aside.buttons > .moderation-controls > span:after {
  vertical-align: top;
  padding-left: 12px !important;
  font-size: 16px !important;
  line-height: 18px;
}

/* OPEN DIALOG BY CLICK */
.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(0, 0, 0, 0.05);
  z-index: 0;
}

.b-dialog img,
.b-dialog a,
.b-dialog .buttons,
.b-dialog .b-new_marker {
  position: relative;
  z-index: 2;
}

/* END of OPEN DIALOG BY CLICK */
/**
 * 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: #303030;
  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;
  }
}

/* END of CODE */
/* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */
.b-code {
  background: #263238;
}

.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;
}

/* END of CODE' THEME */
/* -------------- */
/* END of COMMENT */
/* -------------- */
/* TOAST */
#toast-container {
  line-height: 1.5rem;
}

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

#toast-container > div {
  width: 100%;
  max-width: 25rem;
  padding: .875rem 1.5rem;
  margin: auto;
}

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

#toast-container > .toast-success {
  background-color: #323232;
  background-image: none !important;
}

#toast-container > .toast-error {
  background-color: #323232;
  background-image: none !important;
}

#toast-container > .toast-error:before {
  content: 'error_outline';
  float: left;
  display: inline-block;
  vertical-align: top;
  margin: -4px 1.5rem -4px 0;
  font-size: 2rem;
  font-family: 'Material Icons';
  line-height: 1;
  box-sizing: border-box;
  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';
}

/* END of TOAST */
/* CLUB */
.b-clubs-menu .b-block_list li {
  font-size: .875rem;
}

.p-clubs-show .b-topic-preview.mini {
  margin-bottom: .5rem;
}

/* Действия в клубах */
.b-clubs-menu .club-actions {
  margin: 0 0 .5rem 0;
}

.club-actions .edit-club,
.club-actions .broadcast,
.club-actions .upload,
.club-actions .join,
.club-actions .invite,
.club-actions .leave {
  width: auto;
  height: auto;
  padding: .5rem;
  margin: 0 .5rem 0 0;
  border-radius: .125rem;
  color: #BDBDBD !important;
  line-height: 0;
}

.club-actions .edit-club:hover,
.club-actions .broadcast:hover,
.club-actions .upload:hover,
.club-actions .join:hover,
.club-actions .invite:hover,
.club-actions .leave:hover {
  background-color: #424242;
  color: #EEEEEE !important;
}

.club-actions .edit-club:before,
.club-actions .broadcast:before,
.club-actions .upload:before,
.club-actions .join:before,
.club-actions .invite:before,
.club-actions .leave:before {
  width: 1.5rem;
  font-size: 1.5rem;
}

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

.club-actions .broadcast:before {
  content: 'speaker_notes';
}

.club-actions .upload:before {
  content: 'attach_file';
}

.club-actions .join:before,
.club-actions .invite:before {
  content: 'person_add';
}

.club-actions .leave:before {
  content: 'directions_run';
}

@media screen and (max-width: 480px) and (orientation: portrait) {
  .club-actions .edit-club,
  .club-actions .broadcast,
  .club-actions .upload,
  .club-actions .join,
  .club-actions .invite,
  .club-actions .leave {
    display: block;
    margin: 0;
  }
  .club-actions .edit-club:after,
  .club-actions .broadcast:after,
  .club-actions .upload:after,
  .club-actions .join:after,
  .club-actions .invite:after,
  .club-actions .leave:after {
    color: #FFFFFF;
    padding-left: 1.5rem;
    font-size: inherit;
    line-height: 1.5;
  }
}

/* Навигация в клубах: "контент" */
.b-pages {
  max-width: 15rem;
  padding: 0 1rem;
  margin: 0 0 1.5rem 2rem;
  border-radius: 2px;
}

.b-pages .title {
  font-size: .875rem;
  line-height: 3rem;
  text-transform: uppercase;
}

.b-pages .section {
  margin: 0 0 .5rem;
}

/* Названия страниц клубов */
.p-club_pages .l-content .subheadline,
.p-club_pages .l-content .subheadline > a {
  max-width: 100%;
  white-space: normal;
}

/* CLUB PAGE EDITOR */
@media screen and (max-width: 767px) {
  .edit_club_page .cc-2a > .c-column {
    width: 100%;
  }
  .edit_club_page .cc-2a > .c-column:nth-child(1n+1) {
    clear: left;
  }
}

/* FIX: CLUB'S BUTTONS */
.p-clubs-edit .pages .button {
  margin-right: .5rem;
}

.p-clubs-edit .pages .club_page-layout,
.p-clubs-edit .pages .club_page-actions {
  font-size: .875rem;
  padding-left: 1rem;
}

.p-clubs-edit .pages .club_page-actions .b-js-link {
  margin-right: .5rem;
}

.p-club_pages-show .item-edit:before {
  content: 'edit';
}

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

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

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

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

.b-collection_search .field .clear:before {
  content: 'clear';
  position: static;
  font-size: 1.5rem;
}

/* END of Поиск клубов */
/* ICON | CREATE CLUB */
.p-clubs-index header.head a.misc {
  float: right;
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: 4px;
  font-size: 0;
}

.p-clubs-index header.head a.misc:hover {
  background-color: #ddd;
  text-decoration: none;
}

.p-clubs-index header.head a.misc:before {
  content: 'group_add';
}

/* END of CREATE CLUB */
/* TODO: merge with Material icons */
.p-club_pages-show .item-edit:before,
.p-clubs-index header.head a.misc:before {
  width: 1.5rem !important;
  font-family: 'Material Icons' !important;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  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-club_pages-show .item-edit {
  color: #BDBDBD;
}

.p-club_pages-show .item-edit:hover {
  background-color: #424242;
  color: #EEEEEE;
}

@media only screen and (min-width: 1025px) {
  .p-club_pages-show .item-edit:active {
    background-color: #424242;
    color: #EEEEEE;
  }
}

/* END of CLUB */
/* TODO: replace */
.p-contests .results .cc-result .c-rounds .label {
  font-size: .875rem;
}

/**
 * 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 .c-generated_news .b-topic .name-date a {
  font-size: 16px !important;
}

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

@media screen and (max-width: 767px) {
  .p-dashboards-show .cc-second {
    margin-bottom: .5rem;
  }
}

/* Изменение новостей на главной */
.p-dashboards-show .cc-news .c-news_topics .b-topic {
  padding: 1rem 0 1.5rem;
  border-top-width: 1px;
}

@media screen and (max-width: 767px) {
  .p-dashboards-show .cc-news .c-news_topics .b-topic {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .p-dashboards-show .cc-news .c-news_topics .b-topic {
    margin-bottom: 0;
  }
}

.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;
}

/* КОНЕЦ – Изменение новостей на главной */
/* Change Forum Button */
/* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */
.p-dashboards-show .b-forums > .b-link_button.maxi {
  position: relative;
  margin-bottom: 0;
  background-color: transparent;
  font-size: 0;
  line-height: 0;
  text-align: left;
  overflow: visible;
}

.p-dashboards-show .b-forums > .b-link_button.maxi:after {
  display: inline-block;
  vertical-align: top;
  padding: 0 1rem;
  margin: .5rem -1rem;
  border-radius: .125rem;
  font-size: .875rem;
  line-height: 2rem;
}

.p-dashboards-show[data-locale="ru"] .b-forums > .b-link_button.maxi:after {
  content: 'Форум';
}

.p-dashboards-show[data-locale="en"] .b-forums > .b-link_button.maxi:after {
  content: 'Forum';
}

.p-dashboards-show .b-forums > .b-link_button.maxi:before {
  display: block;
  font-family: 'Material Icons' !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  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-dashboards-show .b-forums > .b-link_button.maxi:before {
  position: absolute;
  right: 0;
  left: 0;
  color: inherit;
  line-height: 3rem !important;
  text-align: right;
}

.p-dashboards-show .b-forums > .b-link_button.maxi:before {
  content: 'chevron_right';
}

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

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

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

.b-hot_topics .topic a {
  padding: 0 .75rem 0 2.5rem;
  border-radius: 1rem;
}

.b-hot_topics .topic a:hover {
  text-decoration: none;
}

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

@media screen and (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, #303030);
    z-index: 1;
  }
  .b-hot_topics:after {
    left: auto;
    right: 0;
    margin-top: -2rem;
    background-image: linear-gradient(90deg, transparent, #303030);
  }
  .b-hot_topics .topic {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    max-width: 100%;
  }
  .b-hot_topics .topic,
  .b-hot_topics .topic:nth-child(4n),
  .b-hot_topics .topic:nth-child(6n) {
    margin-right: 1rem;
  }
  .b-hot_topics .topic:nth-child(5),
  .b-hot_topics .topic:nth-child(6),
  .b-hot_topics .topic:nth-child(7),
  .b-hot_topics .topic:nth-child(8),
  .b-hot_topics .topic:nth-child(9) {
    display: inline-block;
  }
}

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

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

/**
 * FORUM
 * СТРАНИЦЫ ФОРУМА
 */
.p-topics .l-menu .b-forums,
.block2,
.contests.block {
  margin-bottom: 1.5rem;
  line-height: 1.5rem;
}

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

.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 input {
  position: absolute;
  left: 0;
  width: 2rem;
  height: 1.5rem;
  margin-right: .25rem;
  border: 0;
  opacity: 0;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

.b-forums .forum input + .link:before {
  content: 'check_box_outline_blank';
  display: block;
  position: absolute;
  top: 0;
  left: 0.375rem;
  width: 1.125rem;
  margin: 0.1875rem 0;
  font-family: 'Material Icons' !important;
  font-size: 1.125rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  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';
}

.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 .topics {
  font-size: .75rem;
}

/* FIX: TOPIC UPDATE ICON (issue #5) */
.p-topics header h1 a.reload:hover:after {
  position: static;
}

/* END of FORUM */
/**
 * PROFILE
 * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ
 */
/* Убираем лишние overflow */
.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;
  }
}

/* Полосы аниме/манги */
.b-stats_bar .bar .first,
.b-stats_bar .bar .second {
  color: inherit;
}

.b-stats_bar.anime .bar {
  color: #FAFAFA;
}

.b-stats_bar.manga .bar {
  color: #212121;
}

.b-stats_bar .bar .third {
  color: #FFFFFF;
}

.b-stats_bar.anime .bar .second {
  background-color: rgba(33, 150, 243, 0.72);
}

.b-stats_bar.manga .bar .second {
  background-color: rgba(255, 64, 129, 0.72);
}

.line:nth-child(even) > .bar-container > .bar,
.line:nth-child(even) > .bar-container > .bar:hover {
  background-color: rgba(33, 150, 243, 0.72);
}

/* Столбики активности */
.bar.vertical {
  padding: 0;
  border: none;
}

.bar.vertical .line {
  border: none;
}

.bar.vertical .line .bar-container .value {
  font-size: .75rem;
  line-height: 1.25rem;
}

/* User aliases */
.p-profiles .profile-head .c-brief header h1 {
  vertical-align: top;
}

.p-profiles .profile-head .c-brief header h1.aliases {
  cursor: help;
}

.p-profiles .profile-head .c-brief header h1.aliases:after {
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  height: 2rem;
  margin: 0;
  margin-left: .5rem;
  color: inherit;
  font-family: 'Material Icons';
  font-size: 1.125rem;
  line-height: 2rem;
  text-align: center;
  cursor: help;
  opacity: .5;
  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-profiles .profile-head .c-brief header h1.aliases:after {
  content: 'label';
}

.p-profiles header.head .misc {
  vertical-align: top;
  padding: 0 1rem;
  margin: 0;
  font-size: .875rem;
  line-height: 3rem;
}

.p-profiles .profile-head .c-brief header .notice {
  line-height: 1.25rem;
}

/* FIX: update 2017-03-19 */
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after {
  clear: none;
}

/* Списки аниме/манги */
.b-stats_bar .stat_names .stat_name:after {
  display: none;
}

.b-stats_bar .stat_names .stat_name {
  padding: 0 1rem 0 0;
  font-size: .875rem;
  line-height: 2rem;
}

.b-stats_bar .stat_names .stat_name a {
  display: block;
  line-height: inherit;
}

/* Выпадающий список аниме/манги в профиле */
@media screen and (max-width: 599px) {
  .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
    position: relative;
  }
  .b-stats_bar .stat_names .stat_name {
    display: none;
  }
  .b-stats_bar .stat_names:hover .stat_name {
    display: block;
  }
  .b-stats_bar .stat_names .stat_name,
  .b-stats_bar .stat_names .stat_name a {
    padding: 0 1rem 0 0;
  }
  .b-stats_bar .stat_names .stat_name a {
    display: block;
    margin: 0 -1rem;
  }
  .b-stats_bar .stat_names .stat_name a:hover {
    background-color: rgba(0, 0, 0, 0.24);
    text-decoration: none;
  }
  .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;
    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;
    /* 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-stats_bar .stat_names .stat_name,
  .b-stats_bar .stat_names .stat_name a {
    padding: 0 1rem;
  }
}

/* Конец: Выпадающий список аниме/манги в профиле */
.edit_user_preferences .b-options-floated.about-options {
  position: absolute;
  right: 0;
  margin: 1rem 0;
  background: transparent !important;
  text-align: right;
  z-index: 1;
}

.edit_user_preferences .about-options .b-input {
  margin-bottom: 0 !important;
}

.edit_user_preferences .about-options .b-input label {
  line-height: 1.5rem;
}

.b-list_switchers > .switcher {
  width: 2.5rem;
  height: 2.5rem;
  padding: .5rem;
  margin: .25rem;
}

.b-list_switchers .switcher.posters {
  margin-left: .25rem !important;
}

.b-list_switchers .switcher.list {
  margin-left: .25rem !important;
}

.p-user_rates-index .l-menu .avatar img {
  width: 10rem;
  height: 10rem;
}

.p-user_rates-index .l-content thead tr {
  font-size: 13px;
  line-height: 2rem;
}

.p-user_rates-index .list-lines tr td .rate-text {
  font-size: .875rem;
  line-height: 1.25rem;
}

.p-user_rates-index .list-lines tr td .new-value input {
  height: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.p-user_rates-index .list-lines tr.edit-form form {
  padding: .25rem 1rem;
  margin: .5rem 0;
  border-style: solid;
  border-width: 1px;
}

.p-user_rates-index .list-lines tr.edit-form .b-input.text textarea {
  font-size: .875rem;
}

.b-user_rate .rate-edit .b-input.integer input,
.p-user_rates-index .list-lines tr.edit-form .b-input.integer input {
  width: 7rem;
}

.p-profiles-show .b-stats_bar a.title {
  padding: .5rem 1rem;
  margin: .5rem -1rem;
}

.p-profiles-show .b-stats_bar a.title:hover {
  text-decoration: none !important;
}

.p-user_rates-index .list-lines tr.edit-form .remove {
  width: 2.5rem;
  height: 2.5rem;
  padding: .5rem;
  margin: .25rem;
}

.p-user_rates-index .list-lines tr.edit-form .remove {
  margin: -.25rem 0 0;
  border: 0;
  font-size: 0;
}

.p-user_rates-index .list-lines tr.edit-form .remove:before {
  width: 1.5rem !important;
  font-family: 'Material Icons' !important;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  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-user_rates-index .list-lines tr.edit-form .remove:before {
  content: 'delete';
}

/* Комментарий на постере */
.p-user_rates-index .list-posters .user_rate > .text {
  bottom: 4rem;
  padding: .25rem .5rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0 0 .125rem .125rem;
}

.p-user_rates-index .list-posters .user_rate > .text:before {
  display: none;
}

.p-user_rates-index .list-posters .user_rate.b-ajax:after {
  margin-top: -1.5rem;
}

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  overflow: visible;
}

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

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after {
  clear: none;
}

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

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a {
  font-size: .875rem;
  margin-top: 1rem;
}

.b-stats_bar .bar {
  height: auto;
}

.b-stats_bar .bar .first,
.b-stats_bar .bar .second,
.b-stats_bar .bar .third {
  font-size: .75rem;
  line-height: 1.25rem;
}

.p-profiles .profile-head .c-brief .avatar .profile-actions {
  margin-top: 1rem;
  margin-right: -.75rem;
  margin-left: -.75rem;
}

.profile-actions > a {
  display: inline-block;
  padding: .5rem;
}

.profile-actions > *:before {
  vertical-align: top;
  width: 1.5rem !important;
  line-height: 1 !important;
  font-size: 1.5rem !important;
}

.p-profiles .profile-head .c-brief .avatar > img {
  display: block;
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .p-profiles .profile-head .c-brief .avatar {
    margin: .5rem 2rem 3rem 1rem;
  }
  .p-profiles .profile-head .c-brief .avatar > img {
    width: 10rem;
    height: 10rem;
  }
}

@media screen and (max-width: 1024px) {
  .profile-actions .settings,
  .profile-actions .fav-add,
  .profile-actions .fav-remove,
  .profile-actions .ignore-add,
  .profile-actions .ignore-remove,
  .profile-actions .ban {
    margin-left: .5rem;
  }
}

@media only screen and (min-width: 1025px) {
  .profile-actions .settings,
  .profile-actions .fav-add,
  .profile-actions .fav-remove,
  .profile-actions .ignore-add,
  .profile-actions .ignore-remove,
  .profile-actions .ban {
    margin-left: .5rem;
  }
}

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

/* TODO: replace */
.l-page .b-anime_status_tag:before {
  vertical-align: text-bottom;
  padding: 0 .25rem;
  border: 0;
  font-size: .625rem;
  line-height: 1rem;
  text-transform: uppercase;
}

/* TODO: replace */
.b-topic {
  margin-bottom: .5rem;
}

/* TODO: replace */
.m13 {
  margin-bottom: 0 !important;
}

/* 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 screen and (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;
}

/* Страница истории пользователя */
.p-user_history-index .history-page .history-interval p {
  line-height: 1.5rem;
  margin-bottom: 0;
}

.b-user_rate-extended > .midheadline {
  overflow: hidden;
}

.p-user_rates-index .l-content .filter input {
  padding: .5rem 1rem;
  font-size: .875rem;
}

/* Страница сравнения списков */
.p-userlist_comparer .notice span {
  padding: 1.5px 4px !important;
  border-radius: 2px;
}

/* Цвета списков */
.p-userlist_comparer .comparer table .abslt-difr,
.p-userlist_comparer .legend .abslt-difr,
.p-userlist_comparer .notice span:nth-child(6) {
  background: rgba(244, 67, 54, 0.5) !important;
}

.p-userlist_comparer .comparer table .slightly-difr,
.p-userlist_comparer .legend .slightly-difr,
.p-userlist_comparer .notice span:nth-child(4) {
  background: rgba(255, 138, 128, 0.5) !important;
}

.p-userlist_comparer .comparer table .almost-same,
.p-userlist_comparer .legend .almost-same,
.p-userlist_comparer .notice span:nth-child(3) {
  background: rgba(185, 246, 202, 0.5) !important;
}

.p-userlist_comparer .comparer table .exact-same,
.p-userlist_comparer .legend .exact-same,
.p-userlist_comparer .notice span:nth-child(5) {
  background: rgba(76, 175, 80, 0.5) !important;
}

.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 {
  font-size: 14px;
}

.p-profiles[data-locale="ru"] .profile-head .c-info .c-additionals b:after {
  content: 'Активность на сайте:';
}

.p-profiles[data-locale="en"] .profile-head .c-info .c-additionals b:after {
  content: 'Activity:';
}

/* Время за аниме и манга */
.p-profiles .lifetime .bar, .p-profiles .lifetime .times {
  line-height: 0;
}

.p-profiles-show .lifetime .bar {
  height: 1.25rem;
}

.b-stats_bar.lifetime .bar .first {
  background: #2196F3;
  opacity: .72;
}

.p-profiles-show .lifetime .cuts .cut {
  width: 0;
  height: 0;
  margin: .5rem -.25rem;
  background: transparent;
  border: .375rem solid transparent;
  border-bottom-color: #303030;
  z-index: 1;
}

.p-profiles-show .lifetime .times .time {
  color: #9E9E9E;
  font-size: .625rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}

.p-profiles-show .lifetime .times .time.checked {
  color: #2196F3;
}

.p-profiles-show .lifetime .times .time.checked:before {
  display: none;
  color: #2196F3;
  opacity: .72;
}

/**
 * PROFILE HEAD
 * Adaptive profile header includes: avatar, history, information, anime/manga bars.
 */
.p-profiles .profile-head {
  position: relative;
  overflow: visible;
}

.p-profiles .profile-head {
  min-height: 15.5rem;
  padding-top: 3rem;
  margin-top: -1rem;
}

.p-profiles .profile-head .c-info {
  margin-bottom: .5rem;
}

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

.p-profiles .profile-head .c-history {
  margin-bottom: 3rem;
}

.p-profiles .profile-head .c-history.x3 {
  margin-bottom: 2rem;
}

.p-profiles .profile-head .c-brief {
  position: relative;
  margin: -3rem -1rem 1rem;
  overflow: hidden;
}

.p-profiles .profile-head .c-brief:before {
  content: '';
  display: block;
  height: 0;
  padding-bottom: 0;
}

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

@media screen and (min-width: 320px) {
  .p-profiles .profile-head .c-mobile-actions {
    display: none;
  }
  .p-profiles .profile-head .c-brief:before {
    content: '';
    display: block;
    height: 0;
    padding-bottom: 34%;
  }
  .p-profiles .profile-head .c-brief .avatar {
    float: none;
    max-width: 100%;
    margin: 0 auto;
    margin-top: -17%;
  }
  .p-profiles .profile-head .c-brief .avatar > img {
    display: block;
    width: 36%;
    max-width: 10rem;
    min-width: 5rem;
    margin: auto;
  }
  .p-profiles .profile-head .c-brief .avatar .profile-actions {
    display: block;
    position: absolute;
    width: 100%;
    padding: 0 .5rem;
    margin: 0 auto;
    margin-top: -15%;
    text-align: left;
  }
  .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child {
    float: right;
    margin: 0 .25rem;
  }
  .profile-actions .fav-add,
  .profile-actions .fav-remove {
    float: right;
  }
  .p-profiles .profile-head .c-brief header {
    clear: both;
    margin: 0;
    text-align: center;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .p-profiles .profile-head .c-brief header .notice {
    padding: .5rem 1rem;
  }
}

@media screen and (min-width: 320px) and (max-width: 599px) {
  .p-profiles .profile-head .c-brief header {
    background-color: inherit !important;
  }
}

@media screen and (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;
    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:before {
    display: none;
  }
  .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 span.misc {
    display: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 959px) and (min-width: 600px) {
  .p-profiles .profile-head .c-history {
    padding: .25rem 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 481px), screen and (max-width: 767px) and (orientation: landscape) {
  .p-profiles .profile-head .c-history .entry:first-child {
    display: inline-block;
  }
}

@media screen and (min-width: 360px) {
  .profile-actions .settings,
  .profile-actions .fav-add,
  .profile-actions .fav-remove,
  .profile-actions .ignore-add,
  .profile-actions .ignore-remove,
  .profile-actions .ban {
    margin-left: .25rem;
  }
}

@media screen and (min-width: 360px) and (max-width: 599px) {
  .p-profiles .profile-head .c-mobile-actions {
    display: none;
  }
  .p-profiles .profile-head .c-brief .avatar .profile-actions {
    display: block;
  }
}

@media screen and (min-width: 480px) {
  .p-profiles .profile-head .c-brief {
    margin-bottom: 0;
    overflow: visible;
  }
  .p-profiles .profile-head .c-brief .avatar {
    position: absolute;
  }
  /* Отступ от аватарки */
  .p-profiles .profile-head .c-brief header {
    margin-left: 10rem;
  }
  /* Отступ от аватарки */
  .p-profiles .profile-head .c-info {
    margin-left: 9rem;
  }
  .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;
  }
  .profile-actions .fav-add,
  .profile-actions .fav-remove {
    float: none;
  }
  .p-profiles .profile-head .c-brief:before {
    padding-bottom: 48px;
  }
  .p-profiles .profile-head .c-brief .avatar {
    max-width: 160px;
    margin: 1rem 1rem 1rem .5rem;
  }
  .p-profiles .profile-head .c-brief .avatar img {
    width: 120px;
  }
  .p-profiles .profile-head .c-brief header {
    clear: none;
    padding: 1rem 0 .5rem;
    text-align: left;
  }
}

@media screen and (min-width: 600px) {
  .p-profiles .profile-head {
    background-color: inherit;
  }
  .p-profiles .profile-head .c-brief {
    margin: -3rem -1rem 0;
  }
  /* Отступ от аватарки */
  .p-profiles .profile-head .c-brief header {
    margin-left: 12.5rem;
  }
  /* Отступ от аватарки */
  .p-profiles .profile-head .c-info {
    margin-left: 11.5rem;
  }
  .p-profiles .profile-head .c-brief:before {
    padding-bottom: 56px;
  }
  .p-profiles .profile-head .c-brief .avatar img {
    width: 160px;
  }
  .p-profiles .profile-head .c-brief .avatar .profile-actions {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .p-profiles .profile-head .c-brief {
    overflow: visible;
  }
  /* Отступ от аватарки */
  .p-profiles .profile-head .c-brief header {
    margin-left: 13.5rem;
  }
  /* Отступ от аватарки */
  .p-profiles .profile-head .c-info {
    margin-left: 12.5rem;
  }
}

@media screen and (min-width: 960px) {
  .p-profiles .profile-head {
    padding-top: 0;
    margin-top: 0;
  }
  .p-profiles .profile-head .c-brief {
    max-height: 504px;
    margin: 0;
    overflow: visible;
  }
  .p-profiles .profile-head .c-brief:before {
    padding-bottom: 0;
  }
  .p-profiles .profile-head .c-brief .avatar {
    margin: 1rem 2rem 1rem 0;
  }
  .p-profiles .profile-head .c-info {
    margin-bottom: 1.5rem;
  }
  /* Отступ от аватарки */
  .p-profiles .profile-head .c-info {
    margin-left: 13.5rem;
  }
  /* Отступ от истории */
  .p-profiles .profile-head .c-info {
    margin-right: calc(23% + 3.5rem);
  }
  .p-profiles .profile-head .c-history {
    display: block;
    position: relative;
    top: 1rem;
    margin-left: 3.5rem;
    z-index: 1;
  }
}

/* END of PROFILE HEAD */
/**
 * Иконки совместимости для профиля
 * MIT License
 * Copyright (c) 2016 grin3671
 */
/* ВАЖНО! */
/* .p-profiles .profile-head .c-info overflow: visible /* Настройка для варианта №1 */
/* Исправление видимости */
/* Спасибо Kana Kuroki и Dewopalaxy */
.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,
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility span.link-replacement {
  position: relative;
  font-size: 0;
  line-height: 0;
  margin-top: 0;
}

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover {
  text-decoration: none;
}

div.compatibility > a,
div.compatibility > span.link-replacement {
  margin: 0 -.25rem;
}

div.compatibility > span.link-replacement {
  cursor: help;
}

div.compatibility > a:before,
div.compatibility > span.link-replacement > span:first-child:before,
div.compatibility > a > span:first-child:before {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  padding: .5rem;
  margin: .25rem;
  border-radius: .125rem;
  font-size: 1.5rem;
  font-family: 'Material Icons';
  line-height: 1;
  box-sizing: border-box;
  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';
}

div.compatibility > a > span:first-child:before {
  position: absolute;
  top: 0;
}

div.compatibility > a:hover:before,
div.compatibility > a:hover > span:first-child:before {
  text-decoration: none;
}

/* Настройка иконок совместимости */
div.compatibility > a:before {
  content: 'compare_arrows';
}

div.compatibility > span.link-replacement > span:first-child:before,
div.compatibility > a > span:first-child:before {
  content: 'people';
}

div.compatibility > a > .text.zero:before,
div.compatibility > span.link-replacement > .text.zero:before {
  content: 'people_outline';
}

/* КОНЕЦ: Настройка иконок совместимости */
/* Цветные иконки совместимости */
/* Низкая совместимость */
div.compatibility > a > .text.weak:before {
  background-color: #F9FBE7;
  color: #CDDC39;
}
1999
div.compatibility > a:hover > .text.weak:before,
div.compatibility > span.link-replacement > .text.weak:before {
  background-color: #F0F4C3;
  color: #C0CA33;
}

/* Средняя совместимость */
div.compatibility > a > .text.moderate:before {
  background-color: #F1F8E9;
  color: #8BC34A;
}

div.compatibility > a:hover > .text.moderate:before,
div.compatibility > span.link-replacement > .text.moderate:before {
  background-color: #DCEDC8;
  color: #7CB342;
}

/* Высокая совместимость */
div.compatibility > a > .text.high:before {
  background-color: #E8F5E9;
  color: #4CAF50;
}

div.compatibility > a:hover > .text.high:before,
div.compatibility > span.link-replacement > .text.high:before {
  background-color: #C8E6C9;
  color: #43A047;
}

/* Полная совместимость */
div.compatibility > a > .text.full:before {
  background-color: #E1F5FE;
  color: #03A9F4;
}

div.compatibility > a:hover > .text.full:before,
div.compatibility > span.link-replacement > .text.full:before {
  background-color: #B3E5FC;
  color: #039BE5;
}

/* КОНЕЦ: Цветные иконки совместимости */
/* Недоступные для просмотра данные без фона */
div.compatibility > span.link-replacement > span:first-child:before,
div.compatibility > span.link-replacement:hover > span:first-child:before {
  background-color: transparent !important;
}

/* Подсказки для совместимости */
/* + Подсказки для действий с почтой – thx Kaur */
/* По умолчанию: располагаются слева от иконки */
div.compatibility > a:after,
div.compatibility > a > span:first-child:after,
div.compatibility > span.link-replacement > span:first-child:after,
.p-messages .mass-actions > .action > a:after {
  display: block;
  position: absolute;
  right: 100%;
  bottom: 0;
  padding: 0 .75rem;
  margin: 0 .75rem .5rem;
  background-color: #616161;
  border-radius: .125rem;
  color: #eee;
  font-size: .875rem;
  line-height: 2rem;
  white-space: nowrap;
  transform: translateX(0.75rem);
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  transition: .3s;
}

div.compatibility > a > span:first-child:after,
div.compatibility > span.link-replacement > span:first-child:after {
  z-index: 101;
}

.p-messages .mass-actions > .action > a:after {
  margin: 0 .75rem .25rem;
}

div.compatibility > a:hover:after,
div.compatibility > a:hover > span:first-child:after,
div.compatibility > span.link-replacement:hover > span:first-child:after,
.p-messages .mass-actions > .action > a:hover:after {
  opacity: .9;
  transform: translateX(0);
}

/* Текст подсказок для совместимости */
[data-locale="ru"] div.compatibility > a[href*="similar"]:after {
  content: 'Найти похожих пользователей';
}

[data-locale="en"] div.compatibility > a[href*="similar"]:after {
  content: 'Find similar users';
}

[data-locale="ru"] div.compatibility > a > .text.zero:after,
[data-locale="ru"] div.compatibility > span.link-replacement > .text.zero:after {
  content: 'Нет совместимости';
}

[data-locale="en"] div.compatibility > a > .text.zero:after,
[data-locale="en"] div.compatibility > span.link-replacement > .text.zero:after {
  content: 'No compatibility';
}

[data-locale="ru"] div.compatibility > a > .text.weak:after,
[data-locale="ru"] div.compatibility > span.link-replacement > .text.weak:after {
  content: 'Низкая совместимость';
}

[data-locale="en"] div.compatibility > a > .text.weak:after,
[data-locale="en"] div.compatibility > span.link-replacement > .text.weak:after {
  content: 'Low compatibility';
}

[data-locale="ru"] div.compatibility > a > .text.moderate:after,
[data-locale="ru"] div.compatibility > span.link-replacement > .text.moderate:after {
  content: 'Средняя совместимость';
}

[data-locale="en"] div.compatibility > a > .text.moderate:after,
[data-locale="en"] div.compatibility > span.link-replacement > .text.moderate:after {
  content: 'Medium compatibility';
}

[data-locale="ru"] div.compatibility > a > .text.high:after,
[data-locale="ru"] div.compatibility > span.link-replacement > .text.high:after {
  content: 'Высокая совместимость';
}

[data-locale="en"] div.compatibility > a > .text.high:after,
[data-locale="en"] div.compatibility > span.link-replacement > .text.high:after {
  content: 'High compatibility';
}

[data-locale="ru"] div.compatibility > a > .text.full:after,
[data-locale="ru"] div.compatibility > span.link-replacement > .text.full:after {
  content: 'Полная совместимость';
}

[data-locale="en"] div.compatibility > a > .text.high:after,
[data-locale="en"] div.compatibility > span.link-replacement > .text.high:after {
  content: 'Full compatibility';
}

/* Текст для действий с почтой */
.p-messages[data-locale="ru"] .mass-actions > .action:nth-child(1) > 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="ru"] .mass-actions > .action:nth-child(2) > a:after {
  content: 'Удалить всё';
}

.p-messages[data-locale="en"] .mass-actions > .action:nth-child(2) > a:after {
  content: 'Remove all messages';
}

/* Числовое обозначение совместимости */
div.compatibility > a > span.rate,
div.compatibility > span.link-replacement > span.rate {
  position: absolute;
  top: -.125rem;
  right: -.5rem;
  padding: 0 .25rem;
  border-radius: .125rem;
  color: #fff;
  font-size: .75rem;
  line-height: 1rem;
}

div.compatibility > span.link-replacement > span.rate:before,
div.compatibility > a > span.rate:before {
  display: none;
}

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after {
  content: '%';
  color: inherit;
}

div.compatibility > span.link-replacement > span.rate:after,
div.compatibility > a > span.rate:after {
  display: none;
}

div.compatibility > a:before {
  background-color: transparent;
}

/* END of Иконки совместимости для профиля */
/* ICON | EDIT ABOUT ME PROFILE'S BLOCK */
.p-profiles-show .about .item-edit {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  padding: .5rem;
  margin: .25rem 0;
}

.p-animes .item-edit:before,
.p-mangas .item-edit:before,
.p-profiles-show .about .item-edit:before {
  width: 1.5rem !important;
  font-family: 'Material Icons' !important;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  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-animes .item-edit:before,
.p-mangas .item-edit:before,
.p-profiles-show .about .item-edit:before {
  content: 'edit';
}

/* END of ICON */
/* CHIP | USER PLATES */
.b-user16 {
  vertical-align: middle;
  max-width: 100%;
  padding: 0 .5rem 0 1.25rem;
  margin: 0 .5rem 0 0;
  background-color: #eee;
  border-radius: .5rem;
  font-size: .875rem;
  font-weight: 400;
  text-transform: initial;
  text-overflow: ellipsis;
  overflow: hidden;
}

.b-user16,
.b-user16 a {
  line-height: 0 !important;
}

.b-user16 > span,
.b-user16 > a > span {
  line-height: 1rem !important;
}

.b-user16:hover {
  color: #f2f2f2 !important;
  background-color: #747474;
}

.b-user16:after {
  display: none !important;
}

.b-user16:hover a {
  color: #fff !important;
  text-decoration: none;
}

.b-user16 > a > span {
  padding: 0;
}

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

.b-user16 img {
  width: 16px !important;
  padding: 0;
  margin: 0 .375rem 0 -1.25rem !important;
  margin-top: 0 !important;
  border-radius: .5rem;
}

.b-animes-menu .friend-rate .b-user16 {
  display: inline-block;
}

.b-quote .quoteable a.b-user16 {
  padding: 0 .5rem;
}

.p-anime_videos-index .c-video_stats .uploader .b-user16 {
  padding-left: 0.5rem;
}

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

.b-user16:last-child {
  margin-right: 0 !important;
}

.b-quote .quoteable a,
.status-line > span:first-child {
  margin-right: .5rem;
}

.status-line .b-user16:last-child {
  margin-right: .5rem !important;
}

/* BUG: Лишний пробел в разметке */
.b-quote .quoteable a.bubbled-processed {
  margin-right: 0.25rem !important;
}

/* BUG: Лишний пробел в разметке */
.b-quote .quoteable a.bubbled-processed > img {
  margin-right: 0.125rem !important;
}

/* COLOR */
.b-user16,
.b-user16 a {
  color: #212121 !important;
}

/* END of USER PLATES */
.b-source .contributors,
.b-source .mal,
.b-source .source {
  padding: 0;
}

.was_updated > div:first-child > span:first-child {
  margin-right: 0.5rem;
}

/* MODERATION LIST */
.b-log_entry {
  position: relative;
  padding-right: 2.5rem !important;
  font-size: .875rem;
}

.b-log_entry,
.b-log_entry .spoiler.collapse span:before,
.b-log_entry .spoiler.collapsed:before {
  padding: .375rem 0;
  line-height: 1.25rem;
}

.b-log_entry .spoiler.collapse,
.b-log_entry .spoiler.collapsed,
.b-log_entry .spoiler.collapse span,
.b-log_entry .spoiler.collapsed span {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: 0;
}

.b-log_entry .spoiler.collapse span:before,
.b-log_entry .spoiler.collapsed:before {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 1.5rem;
}

.b-log_entry.b-ban {
  padding-right: 0 !important;
}

.b-ban .moderator {
  float: right;
  position: static;
  margin: 0 0 0 .5rem;
}

.b-abuse_request .remove,
.b-log_entry span,
.b-log_entry .date {
  padding-right: .5rem;
}

.b-ban .abuser,
.b-ban .duration,
.b-log_entry .date,
.b-log_entry > .reason {
  vertical-align: top;
  font-size: inherit;
}

.b-log_entry span a {
  vertical-align: top;
}

.b-log_entry > .reason a {
  color: inherit;
}

.b-log_entry .spoiler.collapse,
.b-log_entry .spoiler.collapsed,
.b-log_entry .spoiler.collapse span,
.b-log_entry .spoiler.collapsed span {
  font-size: 0;
  line-height: 0;
}

.b-log_entry .spoiler.collapse span:before,
.b-log_entry .spoiler.collapsed:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  font-family: 'Material Icons';
  font-size: 1.125rem;
  font-weight: 400 !important;
  text-align: center;
  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';
}

.b-log_entry .spoiler.collapse span:before {
  content: 'expand_less';
}

.b-log_entry .spoiler.collapsed:before {
  content: 'expand_more';
}

@media screen and (min-width: 1025px) {
  .b-log_entry,
  .b-log_entry .spoiler.collapse span:before,
  .b-log_entry .spoiler.collapsed:before {
    padding: .125rem 0;
    line-height: 1.25rem;
  }
}

/* FIX */
.b-abuse_request .marker {
  margin: -5px 8px 0 0 !important;
}

/* END of MODERATION LIST */
/**
 * MATERIAL ICON
 * Замена иконок.
 *
 * ПРАВИЛА:
 * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно.
 * Иконки должны располагаться в псевдоэлементе :before
 * Иконки используются в двух вариантах: 18px и 24px
 * Следовательно родители иконок должны быть высотой 32px или 40px
 *
 * 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");
}

/* Стили Material Icons */
.b-collection-topic > .inner .status-line .collection-size:before,
.b-review_votes:before,
.b-topic .footer-vote .star:before,
.b-topic .footer-vote .vote-group .vote:before,
.b-image .mobile-edit:before,
.b-image .delete:before,
.b-image.deletable .confirm:before,
.b-image.deletable .cancel:before,
.club-actions .edit-club:before,
.club-actions .broadcast:before,
.club-actions .upload:before,
.club-actions .join:before,
.club-actions .invite:before,
.club-actions .leave:before,
.l-top_menu .menu-items > .entry > a[href*="/forum"]:before,
.p-user_rates-index .list-posters .user_rate .edit-user_rate:before,
.b-collection_search .field .clear:before,
.tooltip-inner .close,
.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,
.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 {
  font-family: 'Material Icons';
  line-height: 1;
  font-weight: normal;
  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';
}

/* LARGE ICON */
.c-actions > *:before,
.profile-actions > *:before,
.l-top_menu .menu-mobile .search:before,
.l-top_menu .menu-mobile .menu:before,
.l-top_menu .menu-mobile #sign_in:before,
.l-top_menu .menu-userbox .search:before,
.l-top_menu .menu-userbox .menu:before,
.l-top_menu .menu-userbox #sign_in:before,
.l-top_menu .to-mobile-forum:before,
.l-top_menu .menu-items .submenu-toggler:before,
.l-top_menu .menu-items .submenu-toggler.active:before,
header.head h1 a.back:before,
header.head h2 a.back:before,
.item-mobile:before,
.editor-controls > span:before,
.b-add_to_list .trigger-arrow:before,
.b-add_to_list.expanded .trigger-arrow:before,
.b-add_to_list.watching .edit:before,
.b-add_to_list.rewatching .edit:before,
.b-add_to_list.on_hold .edit:before,
.b-add_to_list.dropped .edit:before,
.b-add_to_list .plus:before,
.b-add_to_list.completed .edit:before,
.b-add_to_list.planned .edit:before,
.b-comments .comments-collapser:before,
.b-list_switchers > .switcher:before,
.p-characters .item-edit:before,
.p-messages .mass-actions .action > a:before {
  width: 24px !important;
  font-family: 'Material Icons' !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  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';
}

/* SMALL ICON */
.l-top_menu .menu-items > .entry.calendar > a:before,
.l-top_menu .menu-items > .entry > .contest:before,
.l-top_menu .menu-items > .entry.info > a:before {
  display: block;
  width: 18px !important;
  font-family: 'Material Icons' !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  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';
}

.headline > a:before,
.midheadline > a:before,
.subheadline > a:before {
  display: block;
  font-family: 'Material Icons' !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  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';
}

.headline > a:before,
.midheadline > a:before,
.subheadline > a:before {
  content: 'chevron_right';
}

/* Иконки переключения вида каталога: список/постеры */
.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-add_to_list .plus:before {
  content: "add";
}

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

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

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

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

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

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

.b-add_to_list .trigger-arrow:before {
  content: "arrow_drop_down";
  transition: 240ms;
}

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

/* Иконки верхнего меню */
.l-top_menu .menu-items > .entry.calendar > a:before {
  content: "today";
}

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

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

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

.l-top_menu .to-mobile-forum:before {
  content: "forum";
}

.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);
}

/* Иконки профиля */
.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";
}

.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";
}

/* Иконки текстового редактора */
.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";
}

/* Иконки под постером аниме/манги/персонажа и т.д. */
.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";
}

/* Специальная иконка открывающая меню комментария/топика и т.д. */
.item-mobile:before {
  content: "more_vert";
}

.p-characters .item-edit:before {
  content: "edit";
}

/* Иконка "закрыть" */
.b-dialog.aside-expanded > .inner > .item-mobile:before,
.b-message.aside-expanded > .inner > .item-mobile:before,
.b-comment.aside-expanded > .inner > .item-mobile:before {
  content: "clear";
}

/* Иконка "назад" */
header.head h1 a.back:before,
header.head h2 a.back:before {
  content: "arrow_back";
}

/* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */
.p-messages .mass-actions .action:nth-child(1) > a:before {
  content: 'done_all';
}

.p-messages .mass-actions .action:nth-child(2) > a:before {
  content: 'delete_sweep';
}

.p-dialogs header.head,
.p-messages header.head,
.p-profiles-edit header.head {
  padding: 16px 16px 8px;
  margin: -16px -16px 0;
}

header.head h1,
header.head h2 {
  padding: 8px 0;
  line-height: 32px;
  color: inherit;
}

header.head h1 a.back,
header.head h2 a.back {
  vertical-align: top;
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: -4px 16px -4px -8px;
  line-height: initial;
}

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

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

.buttons {
  margin-right: 0;
}

.delete-controls > span,
.moderation-controls > span,
.main-controls > span,
.main-controls > a,
.buttons .item-edit {
  width: 220px;
  padding: 11px 16px;
  margin-right: auto !important;
  margin-left: auto !important;
  line-height: 18px !important;
}

@media only screen and (min-width: 1025px) {
  .delete-controls > span,
  .moderation-controls > span,
  .main-controls > span,
  .main-controls > a,
  .buttons .item-edit {
    width: 32px;
    height: 32px;
    padding: 7px;
    margin-left: 8px !important;
    border-radius: 2px;
    line-height: 18px !important;
  }
}

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

.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before,
.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before,
.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before,
.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before,
.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before,
.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before,
.buttons .item-summary:before,
.buttons .item-ignore:before,
.buttons .item-quote:before,
.buttons .item-reply:before,
.buttons .item-edit:before,
.buttons .item-delete:before,
.buttons .item-moderation:before,
.buttons .item-cancel:before,
.buttons .item-request-reject:before,
.buttons .item-apply:before,
.buttons .item-request-confirm:before,
.buttons .item-delete-confirm:before,
.buttons .item-abuse:before,
.buttons .item-spoiler:before,
.buttons .item-offtopic:before,
.buttons .item-delete-cancel:before,
.buttons .item-moderation-cancel:before {
  vertical-align: top;
  width: 18px !important;
  font-family: 'Material Icons' !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  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';
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.l-top_menu .menu-mobile .menu:before,
.l-top_menu .menu-userbox .menu:before,
.l-top_menu .menu-mobile .search:before,
.l-top_menu .menu-userbox .search:before {
  width: 24px !important;
  font-family: 'Material Icons' !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  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';
}

.l-top_menu .menu-mobile .menu:before,
.l-top_menu .menu-userbox .menu:before {
  content: "menu";
}

.l-top_menu .menu-mobile .search:before,
.l-top_menu .menu-userbox .search:before {
  content: "search";
}

.tooltip-inner {
  min-height: 56px;
  padding: 14px 16px;
  border: 0;
  overflow: hidden;
  box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24);
}

.tooltip-arrow {
  display: none;
}

/**
 * Simple <paper-spinner>
 * MIT License
 * Copyright (c) 2015 Chris Nager
 * https://github.com/chrisnager/simple-paper-spinner
 */
.tooltip-details {
  min-height: 140px;
}

.tooltip-details .ajax-loading {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.75em;
  height: 1.75em;
  min-height: 0;
  margin: -.875rem 0 0 -.875rem;
  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-catalog_entry-tooltip .inner a.name {
  font-size: .875rem;
}

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

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

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

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

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

/* TEXTEDITOR | SHIKI EDITOR */
.b-topic > .editor-container {
  margin-top: 1rem;
}

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

.editor-controls > span {
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: 0 8px 0 0 !important;
}

/* Расширяем file input */
.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;
}

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

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

.b-shiki_editor .links,
.b-shiki_editor .images,
.b-shiki_editor .quotes,
.b-shiki_editor .email,
.b-shiki_editor .upload {
  height: 3rem;
  line-height: 2rem;
}

.b-shiki_editor .hidden-block p {
  padding: .5rem !important;
}

.b-shiki_editor .links .link-value,
.b-shiki_editor .images .link-value,
.b-shiki_editor .quotes .link-value,
.b-shiki_editor .email .link-value,
.b-shiki_editor .upload .link-value {
  width: 14rem;
  height: 2rem;
  padding: 0 1rem;
  margin: 0;
  border-radius: 2px;
  line-height: 2rem;
}

.b-shiki_editor .links .button.ok,
.b-shiki_editor .images .button.ok,
.b-shiki_editor .quotes .button.ok,
.b-shiki_editor .email .button.ok,
.b-shiki_editor .upload .button.ok {
  display: inline-block;
  vertical-align: top;
  padding: 0 1rem;
  margin-right: 0;
  margin-left: 1rem;
  font-size: .875rem;
  line-height: 2rem;
  border-radius: 2px;
}

.b-shiki_editor .images input,
.b-shiki_editor .quotes input,
.b-shiki_editor .email input {
  margin-left: 1rem !important;
  width: 20rem !important;
}

/* Полоса загрузки. thx Dewopalaxy */
.b-upload_progress.active {
  height: 1.5rem;
}

.b-upload_progress .bar {
  min-width: 0;
  height: 4px;
  background-color: #2196F3;
  color: #FFFFFF;
  font-size: .875rem;
  border-radius: 2px;
  text-align: left;
  text-indent: 1rem;
  line-height: 2rem;
  overflow: visible;
}

.b-upload_progress .bar::first-letter {
  text-transform: uppercase;
}

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

.b-shiki_editor footer input[type=submit],
.b-shiki_editor footer .unpreview,
.b-shiki_editor footer .preview {
  vertical-align: top;
  margin-right: 8px;
}

.b-shiki_editor footer .preview {
  margin-right: 0;
}

.b-shiki_editor.previewed footer .unpreview {
  border: 0;
  font-size: 0;
}

.b-shiki_editor.previewed footer .unpreview:after {
  content: 'Назад';
  vertical-align: top;
  font-size: 14px;
}

.b-shiki_editor footer .cancel {
  border: 0;
}

.b-shiki_editor footer .cancel:hover {
  color: #3F51B5;
}

/* FIX: COMMENT PREVIEW WIDTH */
.b-shiki_editor aside.markers {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

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

.b-shiki_editor footer {
  margin-top: 1rem;
}

.about-bb_codes {
  font-size: 0 !important;
  padding: 0 1rem;
  margin-top: 0 !important;
  border-radius: .125rem;
  line-height: 2rem !important;
}

.about-bb_codes:before {
  content: "help";
  display: inline-block;
  vertical-align: top;
  font-family: 'Material Icons' !important;
  font-size: 24px !important;
  line-height: 32px !important;
  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';
}

@media only screen and (min-width: 768px) {
  .about-bb_codes:before {
    font-family: inherit !important;
    font-size: 14px !important;
    text-transform: uppercase;
  }
  [data-locale="ru"] .about-bb_codes:before {
    content: 'Справка';
  }
  [data-locale="en"] .about-bb_codes:before {
    content: 'Help';
  }
}

/* END of SHIKI_EDITOR */
/* END of TEXTEDITOR */
.b-abuse_marker,
.b-broadcast_marker,
.b-new_marker,
.b-offtopic_marker,
.b-summary_marker {
  width: auto !important;
  margin: 0 !important;
  margin-top: 1px !important;
  margin-left: 8px !important;
}

.b-spoiler_marker {
  width: auto;
}

.b-abuse_marker:before,
.b-broadcast_marker:before,
.b-new_marker:before,
.b-offtopic_marker:before,
.b-spoiler_marker:before,
.b-summary_marker:before {
  position: static !important;
  width: auto !important;
  padding: 0 4px !important;
  margin-top: 8px;
  border: 0 !important;
  border-radius: 2px;
  font-size: 10px !important;
  line-height: 16px !important;
  text-transform: capitalize;
}

.b-shiki_editor .b-summary_marker,
.b-shiki_editor .b-summary_marker:before,
.b-shiki_editor .b-offtopic_marker,
.b-shiki_editor .b-offtopic_marker:before {
  vertical-align: top;
  padding: 0 8px !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 24px !important;
}

.b-shiki_editor .b-summary_marker,
.b-shiki_editor .b-offtopic_marker {
  padding: 0 !important;
  margin-left: 8px !important;
}

/* END of SHIKI_EDITOR */
/* FLOATED OPTIONS */
.b-options-floated {
  margin-top: 16px;
  font-size: 14px;
  line-height: 16px;
}

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

.p-profiles-edit .b-options-floated,
.p-dialogs .b-options-floated,
.p-messages .b-options-floated {
  position: static;
  margin: 0 -16px 8px;
  padding: 0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}

.p-profiles-edit .b-options-floated > a,
.p-dialogs .b-options-floated > a,
.p-messages .b-options-floated > a {
  display: inline-block;
  width: auto;
  min-width: 88px;
  height: 48px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 48px;
  text-align: center;
  text-transform: uppercase;
}

.p-profiles-edit .b-options-floated > a {
  width: auto;
}

.p-profiles-edit .b-options-floated > a:hover,
.p-dialogs .b-options-floated > a:hover,
.p-messages .b-options-floated > a:hover {
  text-decoration: none;
}

@media screen and (min-width: 481px) {
  .p-profiles-edit .b-options-floated > a,
  .p-dialogs .b-options-floated > a,
  .p-messages .b-options-floated > a {
    width: auto;
  }
}

.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;
  border-radius: 4px;
  color: #212121;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
}

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

.p-profiles-edit .b-options-floated > a:after,
.p-dialogs .b-options-floated > a:after,
.p-messages .b-options-floated > a:after,
.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;
}

@media screen and (min-width: 481px) {
  .p-dialogs header.head,
  .p-messages header.head,
  .p-profiles-edit header.head {
    padding: 0;
    margin: 0;
    background-color: transparent;
  }
  .p-profiles-edit .b-options-floated,
  .p-dialogs .b-options-floated,
  .p-messages .b-options-floated {
    position: initial;
    margin: 0 -16px 8px;
    padding: 0;
    background-color: transparent;
    text-align: right;
  }
}

/* END of FLOATED OPTIONS */
/* USER'S MAIL ICONS – READ ALL & DELETE ALL */
.p-messages .mass-actions {
  position: absolute;
  top: 56px;
  right: 0;
  margin: 0 -.5rem;
}

.p-messages .mass-actions .action:after {
  display: none;
}

.p-messages .mass-actions > .action > a {
  position: relative;
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: 4px;
  border: 0;
  border-radius: 2px;
  font-size: 0;
  line-height: 1;
}

/* END of USER'S MAIL ICONS */
/* DB ENTRY NOTES */
/* TODO: MERGE WITH .c-history .entry */
.b-db_entry-note {
  position: relative;
  padding: 8px 0;
  margin: 0;
  border: 0;
}

.b-db_entry-note:first-child {
  padding-top: 8px;
}

.b-db_entry-note:before {
  content: '';
  position: absolute;
  right: -16px;
  bottom: 0;
  left: 56px;
  height: 1px;
}

.b-db_entry-note:last-child:before {
  display: none;
}

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

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

.p-db_entries-related .b-db_entry-note:first-child {
  padding-top: 16px;
}

/* END of DB ENTRY NOTES*/
/* MENU ENTRY REVIEW & CLUBS */
/* TODO: MERGE WITH .c-history .entry */
/* TODO: where [.calendar .entry]? */
.p-topics .l-menu .calendar .entry,
.p-topics .l-menu .reviews .entry,
.p-topics .l-menu .clubs .entry {
  position: relative;
  padding: 8px 0;
  margin: 0;
  border: 0;
  overflow: initial;
}

.p-topics .l-menu .calendar .entry:first-child,
.p-topics .l-menu .reviews .entry:first-child,
.p-topics .l-menu .clubs .entry:first-child {
  padding-top: 8px;
  margin-top: 0;
}

.p-topics .l-menu .calendar .entry:before,
.p-topics .l-menu .reviews .entry:before,
.p-topics .l-menu .clubs .entry:before {
  content: '';
  position: absolute;
  right: -8px;
  bottom: 0;
  left: 56px;
  height: 1px;
  pointer-events: none;
}

.p-topics .l-menu .calendar .entry:last-child:before,
.p-topics .l-menu .reviews .entry:last-child:before,
.p-topics .l-menu .clubs .entry:last-child:before {
  display: none;
}

/* Полноразмерная ссылка .entry, работает только для .l-menu */
.p-topics .l-menu .calendar .entry a,
.p-topics .l-menu .reviews .entry a,
.p-topics .l-menu .clubs .entry a {
  display: block;
  padding: 8px;
  margin: -8px;
}

.p-topics .l-menu .calendar .entry a:after,
.p-topics .l-menu .reviews .entry a:after,
.p-topics .l-menu .clubs .entry a:after {
  content: '';
  clear: both;
  display: block;
}

.p-topics .l-menu .calendar .entry:hover .title,
.p-topics .l-menu .reviews .entry:hover .title,
.p-topics .l-menu .clubs .entry:hover .title {
  text-decoration: none;
}

/* ADDITIONS */
.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 .clubs .entry img {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin: 2px 16px 2px 0;
  border-radius: 2px;
}

/* END of MENU ENTRY REVIEW & CLUBS */
/* SIDEMENU LINKS */
.p-topics .l-menu .sticky-topics .topic,
.p-dashboards-show .contests .contest,
.p-topics .l-menu .contests .contest {
  padding: 8px;
  margin: 0 -8px;
  border: 0;
}

.p-topics .l-menu .sticky-topics .topic:first-child,
.p-dashboards-show .contests .contest:first-child,
.p-topics .l-menu .contests .contest:first-child {
  padding-top: 8px;
  margin-top: 0;
}

.p-topics .l-menu .sticky-topics .topic .title,
.p-dashboards-show .contests .contest .title,
.p-topics .l-menu .contests .contest .title {
  line-height: 20px;
}

.p-topics .l-menu .sticky-topics .topic:hover .title,
.p-dashboards-show .contests .contest:hover .title,
.p-topics .l-menu .contests .contest:hover .title {
  text-decoration: none;
}

.p-topics .l-menu .sticky-topics .topic .title:after,
.p-dashboards-show .contests .contest .title:after,
.p-topics .l-menu .contests .contest .title:after {
  display: none;
}

.p-topics .l-menu .sticky-topics .topic .notice,
.p-dashboards-show .contests .contest .notice,
.p-topics .l-menu .contests .contest .notice {
  margin-top: 2px;
  line-height: 18px;
}

/* END of SIDEMENU LINKS */
/* Стилизованные кнопки на страницах поиска аниме и манги */
.p-user_rates .mylist-block + .block > .b-list,
.b-collection-filters > .block:first-child > .b-list,
.b-collection-filters > .block:first-child > .b-list {
  margin-left: 0 !important;
}

.p-user_rates .mylist-block + .block > .b-list > li,
.b-collection-filters > .block:first-child > .b-list > li,
.b-collection-filters > .block:first-child > .b-list > li {
  position: relative;
  margin-bottom: .5rem;
  border-radius: .125rem;
  font-size: .875rem;
  line-height: 2rem;
  text-align: center;
  text-transform: uppercase;
  list-style: none;
}

.p-user_rates .mylist-block + .block > .b-list > li:before,
.p-user_rates .mylist-block + .block > .b-list > li:after,
.b-collection-filters > .block:first-child > .b-list > li:before,
.b-collection-filters > .block:first-child > .b-list > li:before,
.b-collection-filters > .block:first-child > .b-list > li:after,
.b-collection-filters > .block:first-child > .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;
}

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

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

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

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

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

/* END of Стилизованные кнопки на страницах поиска аниме и манги */
/**
 * Фильтры на страницах поиска
 */
/* Настройка пунктов */
.b-collection-filters .block-list li,
.b-collection-filters .b-block_list li {
  position: relative;
  padding: 0 .5rem;
  margin: 0 -.5rem;
  font-size: .875rem;
  line-height: 2rem;
}

/* Отступ для подпунктов */
.b-collection-filters .block-list li.sub,
.b-collection-filters .b-block_list li.sub {
  padding-left: 2.5rem;
}

/* Скрываем чекбокс, располагаем над псевдоэлементом */
.b-collection-filters .block-list li > input,
.b-collection-filters .b-block_list li > input {
  position: absolute;
  left: .3125rem;
  width: 2rem;
  height: 2rem;
  border: 0;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Псевдоэлемент с иконкой чекбокса */
.b-collection-filters .block-list li:before,
.b-collection-filters .b-block_list li:before {
  display: inline-block;
  vertical-align: top;
  width: 1.125rem;
  margin: .4375rem .875rem .4375rem 0;
  font-family: 'Material Icons';
  font-size: 1.125rem;
  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';
}

/* Фильтры на страницах поиска – ПОДСКАЗКИ */
/* Положение подсказки */
.b-collection-filters .block-list .b-question,
.b-collection-filters .b-block_list .b-question {
  display: inline-block !important;
  vertical-align: top;
  position: absolute;
  right: .3125rem;
}

/* Иконка подсказки */
.b-collection-filters .block-list .b-question:before,
.b-collection-filters .b-block_list .b-question:before {
  display: block;
  width: 1.125rem;
  height: auto;
  margin: .4375rem;
  background-color: transparent;
  font-family: 'Material Icons';
  font-size: 1.125rem;
  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';
}

/* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */
/* Положение переключателя */
.b-collection-filters .filter {
  top: 0;
}

.b-collection-filters .block-list .filter,
.b-collection-filters .b-block_list .filter {
  float: right;
  position: relative;
  right: auto;
  margin: 0 0 0 .5rem;
}

/* Положение переключателя с иконками подсказок */
.b-collection-filters .block-list.ratings .filter,
.b-collection-filters .block-list.genres .filter,
.b-collection-filters .block-list li.sub .filter,
.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 .block-list .filter:before,
.b-collection-filters .b-block_list .filter:before {
  display: block;
  width: auto;
  font-family: inherit;
  font-size: .75rem;
  line-height: inherit;
  text-transform: lowercase;
}

/* Добавляем понятные текстовые обозначения */
[data-locale="ru"] .b-collection-filters .b-block_list .filter.item-add:before {
  content: 'Исключить';
}

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

[data-locale="ru"] .b-collection-filters .b-block_list .filter.item-minus:before {
  content: 'Добавить';
}

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

/* Настройка иконок */
.b-collection-filters .block-list li:before {
  content: 'check_box_outline_blank';
}

.b-collection-filters .block-list li.selected:before {
  content: 'check_box';
}

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

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

.b-collection-filters .block-list .b-question:before {
  content: 'help_outline';
}

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

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

.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 .b-question:before {
  content: 'help_outline';
}

/* Фильтры на страницах поиска – Размер для ПК */
@media (min-width: 1025px) {
  .b-collection-filters .block-list li {
    line-height: 1.5rem;
  }
  .b-collection-filters .block-list li:before {
    margin: .1875rem .875rem .1875rem 0;
  }
  .b-collection-filters .block-list .b-question:before {
    margin: .1875rem;
  }
  .b-collection-filters .block-list li > input {
    width: 1.5rem;
    height: 1.5rem;
  }
  /* new class */
  .b-collection-filters .b-block_list li {
    line-height: 1.5rem;
  }
  .b-collection-filters .b-block_list li:before {
    margin: .1875rem .875rem .1875rem 0;
  }
  .b-collection-filters .b-block_list .b-question:before {
    margin: .1875rem;
  }
  .b-collection-filters .b-block_list li > input {
    width: 1.5rem;
    height: 1.5rem;
  }
}

/* END of Фильтры на страницах поиска */
/* "Мой список" в фильтрах поиска */
/* Меняем название на более доступное */
.block.mylist-block > .subheadline {
  font-size: 0;
  line-height: 0;
}

.block.mylist-block > .subheadline:before {
  font-size: .875rem;
  line-height: 1rem;
}

[data-locale="ru"] .block.mylist-block > .subheadline:before {
  content: 'Мой список';
}

[data-locale="en"] .block.mylist-block > .subheadline:before {
  content: 'My List';
}

/* Кнопка переключателя */
.b-collection-filters .block > .filter.item-sign {
  height: 2.5rem;
  padding: .5rem;
  margin-top: .25rem;
  border-radius: .125rem;
}

.b-collection-filters .block > .filter.item-sign:before {
  width: 1.5rem;
  font-family: 'Material Icons';
  font-size: 1.5rem;
  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';
}

/* Настройка иконки переключателя */
.b-collection-filters .block > .filter.item-sign:before {
  content: 'playlist_add_check';
}

/* Прозрачный фон переключателя */
@media (min-width: 1025px) {
  .b-collection-filters .block > .filter.item-sign {
    background-color: transparent;
  }
}

/* END of "Мой список" в фильтрах поиска */
/* Страница видео */
.b-video_player .cc-player_controls .episode-num input {
  margin: .75rem .25rem;
}

.b-video_player .cc-player_controls a.c-control:hover {
  text-decoration: none;
}

.b-video_player .cc-player_controls .cc-navigation > .c-control > span,
.b-video_player .cc-player_controls .cc-navigation > .c-control > b {
  display: inline-block;
  vertical-align: top;
  margin: .25rem auto;
  line-height: 2.5rem;
}

.b-video_player .cc-player_controls .cc-navigation > .c-control > b {
  margin-left: .5rem;
}

@media screen and (max-width: 480px) and (orientation: portrait) {
  .b-video_player .cc-player_controls .cc-navigation > .c-control > span,
  .b-video_player .cc-player_controls .cc-navigation > .c-control > b {
    display: none;
  }
}

.b-video_player .cc-player_controls .label,
.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;
  line-height: inherit;
  border: 0;
}

.b-video_player .cc-player_controls .cc-options > .c-video_stats {
  margin: .25rem auto;
}

.p-anime_videos-index .c-videos .video-variant-switcher,
.p-anime_videos-index .c-video_stats {
  font-size: .875rem;
}

.p-anime_videos-index .c-videos .video-variant-switcher:hover {
  border: 0;
}

.b-video_player .cc-player_controls .c-control:hover {
  text-decoration: none;
}

/* Подзаголовки на странице видео */
.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;
  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 {
  font-size: .875rem;
  line-height: 1rem;
}

.p-anime_videos-index.x1000[data-locale="ru"] .c-videos .title:after {
  content: 'Варианты';
}

.p-anime_videos-index.x1000[data-locale="en"] .c-videos .title:after {
  content: 'Variants';
}

/* Переключатели в варинатах видео */
.p-anime_videos-index .c-videos .video-variant-switcher {
  float: right;
  margin: 0;
  border: 0;
  line-height: 1rem;
  text-transform: capitalize;
}

.p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after {
  content: '/';
  padding: 0 .375rem;
  font-weight: normal;
}

.b-video_variant.active a {
  border: 0;
}

/* Иконки */
.b-video_player .cc-player_controls .c-control .icon {
  width: 2.5rem !important;
  height: 2.5rem;
  padding: .5rem;
  margin: .25rem auto !important;
  border-radius: 2px;
}

.b-video_player .cc-player_controls .c-control .icon:before {
  width: 1.5rem;
  font-family: 'Material Icons';
  font-size: 1.5rem !important;
  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';
}

.b-video_player .cc-player_controls .create-user_rate .icon:before {
  content: 'add';
}

.b-video_player .cc-player_controls .increment-user_rate .icon:before {
  content: 'done';
}

.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 .report .icon:before {
  content: 'flag';
}

.b-video_player .cc-player_controls .show-options .icon:before {
  content: 'settings';
}

.b-video_player .cc-player_controls .upload .icon:before {
  content: 'cloud_upload';
}

.b-video_player .cc-player_controls .edit .icon:before {
  content: 'build';
}

/* END of Страница видео */
/**
 * ДОСТИЖЕНИЯ (АЧИВКИ)
 * Тестовая версия
 */
@media (max-width: 767px) and (orientation: portrait) {
  .p-achievements-index .cc-achievements .b-achievement {
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  .p-achievements-index .cc-achievements .b-achievement,
  .p-achievements-index .cc-achievements .b-achievement:nth-child(1n) {
    width: 48%;
    margin-right: 4%;
  }
  .p-achievements-index .cc-achievements .b-achievement:nth-child(2n) {
    margin-right: 0;
  }
  .p-achievements-index .cc-achievements .b-achievement:nth-child(1n+1) {
    clear: none;
  }
  .p-achievements-index .cc-achievements .b-achievement:nth-child(2n+1) {
    clear: left;
  }
}

@media (min-width: 960px) {
  .p-achievements-index .cc-achievements .b-achievement,
  .p-achievements-index .cc-achievements .b-achievement:nth-child(2n) {
    width: 32%;
    margin-right: 2%;
  }
  .p-achievements-index .cc-achievements .b-achievement:nth-child(3n) {
    margin-right: 0;
  }
  .p-achievements-index .cc-achievements .b-achievement:nth-child(2n+1) {
    clear: none;
  }
  .p-achievements-index .cc-achievements .b-achievement:nth-child(3n+1) {
    clear: left;
  }
}

@media (min-width: 1025px) {
  .p-achievements-index.x1200 .cc-achievements .b-achievement,
  .p-achievements-index.x1200 .cc-achievements .b-achievement:nth-child(2n) {
    width: 23.5%;
    margin-right: 2%;
  }
  .p-achievements-index.x1200 .cc-achievements .b-achievement:nth-child(4n) {
    margin-right: 0;
  }
  .p-achievements-index.x1200 .cc-achievements .b-achievement:nth-child(3n+1) {
    clear: none;
  }
  .p-achievements-index.x1200 .cc-achievements .b-achievement:nth-child(4n+1) {
    clear: left;
  }
}

@media (min-width: 768px) {
  .p-achievements:not(.p-profiles) .cc-2 > .c-column:first-child {
    width: 33%;
  }
  .p-achievements:not(.p-profiles) .cc-2 > .c-column:last-child {
    width: 63%;
  }
}

.b-achievement {
  display: flex;
  flex-direction: column-reverse;
  background: #424242;
  border-radius: 2px;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.b-achievement .c-about,
.b-achievement .c-image {
  width: 100%;
  margin: 0;
}

.b-achievement .c-about {
  padding: .5rem 1rem;
}

.b-achievement .c-image {
  padding-top: 56.25%;
}

.b-achievement .c-image .inner .border {
  border: 0;
}

.b-achievement .c-image .inner img,
.b-achievement .c-image .inner .no-image {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 2px 2px 0 0;
}

.b-achievement .c-about .title {
  padding: .5rem 0;
  margin: 0;
  color: #FFFFFF;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.b-achievement .c-about .hint,
.b-achievement .c-about .percent {
  margin-bottom: 0;
  color: #EEEEEE;
  font-size: .875rem;
  line-height: 1.5rem;
}

.b-achievement .c-about .progress {
  height: 4px;
  margin-bottom: .5rem;
  border-radius: 2px;
}

.b-achievement .c-about .progress .bar {
  background: #2196F3;
  border-radius: 2px;
}

.b-achievement .c-about .text {
  font-size: .875rem;
}

/* END of ОСНОВНОЙ ФАЙЛ */










/**
 * PROFILE COVER
 */
@media screen and (min-width: 320px) {
  .p-profiles .profile-head[data-user-id="189884"] .c-brief {
    background-color: #424242;
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-brief:before {
    content: '';
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media screen and (min-width: 480px) {
  .p-profiles .profile-head .c-brief {
    min-height: 16rem;
  }
  .p-profiles .profile-head .c-brief {
    margin-bottom: 1rem;
  }
  .p-profiles .profile-head .c-info {
    margin-left: 0;
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-brief .avatar {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    max-width: 148px;
    margin: 1.5rem 1rem;
    z-index: 2;
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-brief .avatar img {
    width: 120px;
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-brief header {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 112px;
    padding: 1rem 1.5rem 1rem calc(4rem + 148px);
    margin: 0;
    z-index: 1;
  }
}

@media screen and (min-width: 600px) {
  .p-profiles .profile-head .c-brief {
    min-height: 19rem;
  }
  .p-profiles .profile-head .c-info {
    margin-left: 0;
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-brief {
    max-height: 380px;
    padding-bottom: 112px;
    margin: -3rem -1rem 1rem;
    background-color: inherit;
    box-shadow: none;
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-brief:before {
    height: 268px;
    max-height: inherit;
    padding-bottom: 0;
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-brief .avatar {
    max-width: 160px;
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-brief .avatar img {
    width: 160px;
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16);
  }
}

@media (min-width: 768px) {
  .p-profiles .profile-head .c-info {
    margin-left: 0;
  }
}

@media screen and (min-width: 960px) {
  .p-profiles .profile-head .c-brief {
    min-height: 0;
  }
  .p-profiles .profile-head .c-info {
    margin-left: 13.5rem;
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-brief {
    max-height: 520px;
    margin: -4.5rem -1.5rem 0;
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-brief:before {
    height: 408px;
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-brief header {
    padding: 1rem calc(23% + 4.5rem) 1rem calc(4.5rem + 160px);
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-brief .avatar {
    margin: 1.5rem 2rem;
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-info {
    width: 77%;
    padding-right: 2.5rem;
    padding-left: 1rem;
    margin-left: -1rem;
  }
  .p-profiles .profile-head[data-user-id="189884"] .c-history {
    float: none;
    position: absolute;
    right: 0;
    top: 520px;
    width: 23%;
    padding: .5rem 0;
    margin: 0;
    margin-top: -112px;
    z-index: 3;
  }
}

/* END of PROFILE COVER */



/* Полупрозрачное меню в профиле */
@media (min-width: 960px) {
  .p-profiles .profile-head .c-info .c-additionals b:after {
    font-size: 12px;
    font-weight: 400;
  }
  .p-profiles-show:not(.p-dialogs-show) .l-top_menu {
    background-color: transparent;
    background-image: linear-gradient(rgba(51, 51, 51, 0.64), rgba(51, 51, 51, 0));
    box-shadow: none;
    transition: .3s;
  }
  .p-profiles-show:not(.p-dialogs-show) .l-top_menu:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: .3s;
  }
  .p-profiles-show:not(.p-dialogs-show) .l-top_menu:hover:before {
    opacity: 1;
  }
  .p-profiles-show.x1000:not(.p-dialogs-show) .l-top_menu {
    max-width: 1000px;
  }
  .p-profiles-show.x1200:not(.p-dialogs-show) .l-top_menu {
    max-width: 1200px;
  }
}

/* END of Полупрозрачное меню в профиле */










/* TENTATIVE CODE | USERLIST */
.collection > .b-user.detailed {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 48%;
  height: auto;
  min-height: 261px;
  padding: 8px;
  margin-right: 4%;
  margin-bottom: 4%;
  background-color: #424242;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}

.collection > .b-user.detailed:nth-child(2n+2) {
  margin-right: 0;
}

@media (min-width: 540px) {
  .collection > .b-user.detailed {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .collection > .b-user.detailed:nth-child(2n+2) {
    margin-right: 2%;
  }
  .collection > .b-user.detailed:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .collection > .b-user.detailed {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .collection > .b-user.detailed:nth-child(2n+2) {
    margin-right: 2%;
  }
  .collection > .b-user.detailed:nth-child(3n+3) {
    margin-right: 2%;
  }
  .collection > .b-user.detailed:nth-child(4n+4) {
    margin-right: 0;
  }
}

@media (min-width: 960px) {
  .collection > .b-user.detailed {
    width: 18.4%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .collection > .b-user.detailed:nth-child(2n+2) {
    margin-right: 2%;
  }
  .collection > .b-user.detailed:nth-child(3n+3) {
    margin-right: 2%;
  }
  .collection > .b-user.detailed:nth-child(4n+4) {
    margin-right: 2%;
  }
  .collection > .b-user.detailed:nth-child(5n+5) {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .p-users.x1200 .collection > .b-user.detailed {
    width: 15%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .p-users.x1200 .collection > .b-user.detailed:nth-child(2n+2) {
    margin-right: 2%;
  }
  .p-users.x1200 .collection > .b-user.detailed:nth-child(3n+3) {
    margin-right: 2%;
  }
  .p-users.x1200 .collection > .b-user.detailed:nth-child(4n+4) {
    margin-right: 2%;
  }
  .p-users.x1200 .collection > .b-user.detailed:nth-child(5n+5) {
    margin-right: 2%;
  }
  .p-users.x1200 .collection > .b-user.detailed:nth-child(6n+6) {
    margin-right: 0;
  }
}

.collection > .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;
}

.collection > .b-user.detailed:hover:before {
  opacity: 1;
}

.collection > .b-user.detailed .info,
.collection > .b-user.detailed .history {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
}

.collection > .b-user.detailed .info .image-name {
  display: block;
  padding: 16px 0;
  margin: auto;
  text-align: center;
}

.collection > .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;
}

.collection > .b-user.detailed .info .image-name .image {
  clear: both;
  float: none;
  display: block;
  padding: 0;
  margin: auto auto 24px;
  border-radius: 100%;
}

.collection > .b-user.detailed .info .last-online {
  color: #9B9B9B;
  text-align: center;
}

.collection > .b-user.detailed .history {
  padding-top: 8px;
  margin-top: 0;
  font-size: 12px;
  line-height: 20px;
}

/* TENTATIVE CODE | END */



/* TENTATIVE CODE | INDEX PAGE LAYOUT  */
.p-dashboards-show .cc-second .cc-inner {
  display: none;
}

/* FIX: index landscape layout (issue: #9) */
@media screen and (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 only screen and (min-width: 768px) {
  .p-dashboards-show .cc-second {
    float: right;
    width: 30.33333%;
  }
  .p-dashboards-show .cc-second > .cc-inner {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
  }
  .p-dashboards-show .cc-second > .c-forum {
    float: none;
    width: 100%;
  }
  .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 {
    margin-bottom: 0;
  }
  .p-dashboards-show .cc-second .c-forum > .b-forums,
  .p-dashboards-show .cc-second .c-forum > .block:last-child {
    margin-bottom: 1.5rem;
  }
  /* Настройки для экранов больше 768 */
  .p-dashboards-show .cc-second .cc-inner {
    display: none;
  }
  .p-dashboards-show .cc-second .cc-inner > .c-content {
    /* display: none /* Скрываем блоки: Быстрые ссылки Аниме/Манга */
  }
  .p-dashboards-show .cc-second .cc-inner > .c-my_list {
    /* display: none /* Скрываем блоки: Мой лист */
  }
  .p-dashboards-show .cc-second .cc-inner > .b-forums {
    /* display: none /* Скрываем блоки: Темы форума */
  }
}

/* TENTATIVE CODE | END */



/* TENTATIVE CODE | RIGHT SIDEBAR */
@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: #424242;
    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;
  }
  .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;
  }
}

/* TENTATIVE CODE | END */



/* TENTATIVE CODE | PROFILE CONTENT */
.p-profiles .lifetime {
  margin-bottom: 0;
  min-height: 0;
}

.p-profiles .lifetime .bar,
.p-profiles .lifetime .times,
.p-profiles .profile-content .activity .title {
  display: none;
}

.p-profiles .lifetime .title > .label {
  font-size: 0;
  line-height: 0;
}

.p-profiles .lifetime .title > .label:before {
  display: block;
  font-size: 0.875rem;
  line-height: 1rem;
}

.p-profiles[data-locale="ru"] .lifetime .title > .label:before {
  content: 'Активность';
}

.p-profiles[data-locale="en"] .lifetime .title > .label:before {
  content: 'Time spent';
}

.p-profiles .lifetime .title .value {
  height: 16px;
  margin-top: 0;
  line-height: 16px;
}

.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 {
    width: 77%;
    min-height: 220px;
    padding-right: 3.5rem;
    margin-bottom: 1.5rem;
  }
  .p-profiles .profile-content .cc-2 .c-right .cc-2a {
    position: absolute;
    top: 0;
    right: 0;
    width: 23%;
    margin-top: -244px;
  }
  .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column {
    clear: both;
    width: 100%;
    margin: 0;
  }
}

/* TENTATIVE CODE | END */




















/* МОИ НАСТРОЙКИ */
/* Фон страницы */
body {
  background-attachment: fixed;
  background-image: url(https://avatanplus.com/files/resources/original/58020a8330991157c7f9107f.jpg);
  background-position: top center;
  background-size: 100%;
}

/* Цвета меню */
.l-top_menu:before {
  background-color: #333333;
}

@media only screen and (min-width: 1025px) {
  .l-top_menu .submenu, .b-main_search ul.popup {
    background: #2D2D2D;
  }
}

/* Моя обложка в профиле */
.p-profiles .profile-head[data-user-id="189884"] .c-brief:before {
  /* background-image: url(//i.imgur.com/bd8W6VB.jpg); /* Пример */
  background-image: url(https://static.wallpapers-anime.com/upload/20170531/645/V/8/6/V86FEF.jpg);
  background-position: center;
}

.l-top_menu{
position: fixed;
top: 0;
left: 0;
right: 0;
}
.l-page {
margin-top: 33px;
}
.b-comments-notifier {top: 33px !important;}
.activity .graph.vertical .line .bar {
  box-sizing: content-box;
  transform: translateY(1px);
  transform-origin: center bottom;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 1.5s;
  animation-name: activity;
}
.activity .graph.vertical .line .bar:hover {
  animation-name: none;
  transform: none;
}
.activity .graph.vertical .line:nth-of-type(6n+2) .bar {
  animation-delay: -.25s;
}
.activity .graph.vertical .line:nth-of-type(6n+4) .bar {
  animation-delay: -.5s;
}
.activity .graph.vertical .line:nth-of-type(6n+3) .bar {
  animation-delay: -.75s;
}
.activity .graph.vertical .line:nth-of-type(6n+6) .bar {
  animation-delay: -1s;
}
.activity .graph.vertical .line:nth-of-type(6n+5) .bar {
  animation-delay: -1.25s;
}
@keyframes activity {
  0%, 100% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(7px);
  }
}
/*
 * Circle Anime Manga Bar
 * Shikimori.org – CSS Theme
 * MIT License
 * Copyright (c) 2017 kaur
 */

/*COLORS*/
/*Аниме Просмотрено*/
.c-lists-info .b-stats_bar.anime .bar > div.first:before,
.c-lists-info .b-stats_bar.anime .bar > div.first:after,
.c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="completed"]:before{
	border-color:transparent;
	background-color:#4682B4
}
/*Аниме Запланировано*/
.c-lists-info .b-stats_bar.anime .bar > div.second:before,
.c-lists-info .b-stats_bar.anime .bar > div.second:after,
.c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="planned"]:before,
.c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="watching"]:before,
.c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="on_hold"]:before{
	border-color:transparent;
	background-color:#79A9CF
}

/*Манга Прочитано*/
.c-lists-info .b-stats_bar.manga .bar > div.first:before,
.c-lists-info .b-stats_bar.manga .bar > div.first:after,
.c-lists-info .b-stats_bar.manga .stat_names .stat_name a[href*="completed"]:before{
	border-color: transparent;
	background-color:#B78BC7
}
/*Манга Запланировано*/
.c-lists-info .b-stats_bar.manga .bar > div.second:before,
.c-lists-info .b-stats_bar.manga .bar > div.second:after,
.c-lists-info .b-stats_bar.manga .stat_names .stat_name a[href*="planned"]:before,
.c-lists-info .b-stats_bar.manga .stat_names .stat_name a[href*="watching"]:before,
.c-lists-info .b-stats_bar.manga .stat_names .stat_name a[href*="on_hold"]:before{
	border-color: transparent;
	background-color:#EDACD9
}
/*Оба Графика Брошено*/
.c-lists-info .b-stats_bar .bar,
.c-lists-info .b-stats_bar .stat_names .stat_name a[href*="dropped"]:before{
	border-color: transparent;
	background-color: #AAAAAA
}
/*Дырка в графике указать, transparent для прозрачной дырки*/
.c-lists-info .b-stats_bar .bar:before{
	background: #fff; 
}

/*COLORS:END*/
.c-lists-info .b-stats_bar{
	width: 49%;
	display: inline-block;
	padding:5px;
	position: relative;
}
.c-lists-info .b-stats_bar:first-child{border-right:1px dotted #ddd}
.c-lists-info .b-stats_bar .stat_names .stat_name:after{display: none}

/*Блок списка*/
.c-lists-info .b-stats_bar .stat_names{
	display: flex;
	position: absolute;
	top:33px;
	left:165px;
	height:150px;
	flex-direction: column;
	justify-content: center;
}

/*Ссылка*/
.c-lists-info .b-stats_bar .stat_names .stat_name a{
	display: inline-block;
	font-size: 12px;
	position: relative;
	line-height: 25px;
}

/*На х1000 обрезает число и загоняет текст под многоточее*/
.x1000 .c-lists-info .b-stats_bar .stat_names a{
	font-size: 11px;
	width: 90px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.x1000 .c-lists-info .b-stats_bar .stat_names a span{
	display: none;
}
/*Круг цветового индикатора*/
.c-lists-info .b-stats_bar .stat_names .stat_name a:before {
	content: "";
	display: inline-block;
	width: 12px;
	height:12px;
	background: #fff;
	margin-right: 5px;
	vertical-align: middle;
	border:1px solid #ddd;
	border-radius: 50%;
}

/*CIRCLE BAR*/
.c-lists-info .b-stats_bar .bar,
.c-lists-info .b-stats_bar .bar > div{
	height:150px!important;
	width:150px!important;
}
.c-lists-info .b-stats_bar .bar{
	position: relative;
	text-align: center;
	border-radius: 50%;
	margin: 10px 0;
}
.c-lists-info .b-stats_bar .bar:before{
	content:"";
	width:50px;
	height:50px;
	border-radius: 50%;
	position: absolute;
	z-index: 100;
	left:50px;
	top:50px;
}
.c-lists-info .b-stats_bar .bar > div{
	clip: rect(0px, 150px, 150px, 75px);
	background-color: transparent!important;
	font-size: 0!important;
	position: absolute;
	left: 0;
	top:0;
}
.c-lists-info .b-stats_bar .bar > div:before,
.c-lists-info .b-stats_bar .bar > div:after{
	content: "";
	position: absolute;
	right: 0;
	border: 75px solid #333;
	clip: rect(0px, 75px, 150px, 0px);
	border-radius: 50%;
	transform: rotate(0deg);
}
.c-lists-info .b-stats_bar .bar > div.third{display: none}
.c-lists-info .b-stats_bar .bar > div.second{transform: scale(-1, 1)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 1."]:before{transform: rotate(3.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 2."]:before{transform: rotate(7.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 3."]:before{transform: rotate(10.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 4."]:before{transform: rotate(14.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 5."]:before{transform: rotate(18deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 6."]:before{transform: rotate(21.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 7."]:before{transform: rotate(25.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 8."]:before{transform: rotate(28.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 9."]:before{transform: rotate(32.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 10."]:before{transform: rotate(36deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 11."]:before{transform: rotate(39.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 12."]:before{transform: rotate(43.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 13."]:before{transform: rotate(46.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 14."]:before{transform: rotate(50.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 15."]:before{transform: rotate(54deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 16."]:before{transform: rotate(57.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 17."]:before{transform: rotate(61.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 18."]:before{transform: rotate(64.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 19."]:before{transform: rotate(68.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 20."]:before{transform: rotate(72deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 21."]:before{transform: rotate(75.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 22."]:before{transform: rotate(79.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 23."]:before{transform: rotate(82.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 24."]:before{transform: rotate(86.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 25."]:before{transform: rotate(90deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 26."]:before{transform: rotate(93.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 27."]:before{transform: rotate(97.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 28."]:before{transform: rotate(100.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 29."]:before{transform: rotate(104.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 30."]:before{transform: rotate(108deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 31."]:before{transform: rotate(111.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 32."]:before{transform: rotate(115.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 33."]:before{transform: rotate(118.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 34."]:before{transform: rotate(122.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 35."]:before{transform: rotate(126deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 36."]:before{transform: rotate(129.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 37."]:before{transform: rotate(133.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 38."]:before{transform: rotate(136.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 39."]:before{transform: rotate(140.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 40."]:before{transform: rotate(144deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 41."]:before{transform: rotate(147.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 42."]:before{transform: rotate(151.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 43."]:before{transform: rotate(154.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 44."]:before{transform: rotate(158.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 45."]:before{transform: rotate(162deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 46."]:before{transform: rotate(165.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 47."]:before{transform: rotate(169.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 48."]:before{transform: rotate(172.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 49."]:before{transform: rotate(176.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 50."]:before{transform: rotate(180deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 51."]:before{transform: rotate(183.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 52."]:before{transform: rotate(187.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 53."]:before{transform: rotate(190.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 54."]:before{transform: rotate(194.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 55."]:before{transform: rotate(198deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 56."]:before{transform: rotate(201.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 57."]:before{transform: rotate(205.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 58."]:before{transform: rotate(208.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 59."]:before{transform: rotate(212.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 60."]:before{transform: rotate(216deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 61."]:before{transform: rotate(219.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 62."]:before{transform: rotate(223.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 63."]:before{transform: rotate(226.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 64."]:before{transform: rotate(230.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 65."]:before{transform: rotate(234deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 66."]:before{transform: rotate(237.66deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 67."]:before{transform: rotate(241.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 68."]:before{transform: rotate(244.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 69."]:before{transform: rotate(248.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 70."]:before{transform: rotate(252deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 71."]:before{transform: rotate(255.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 72."]:before{transform: rotate(259.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 73."]:before{transform: rotate(262.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 74."]:before{transform: rotate(266.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 75."]:before{transform: rotate(27deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 76."]:before{transform: rotate(273.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 77."]:before{transform: rotate(277.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 78."]:before{transform: rotate(280.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 79."]:before{transform: rotate(284.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 80."]:before{transform: rotate(288deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 81."]:before{transform: rotate(291.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 82."]:before{transform: rotate(295.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 83."]:before{transform: rotate(298.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 84."]:before{transform: rotate(302.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 85."]:before{transform: rotate(306deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 86."]:before{transform: rotate(309.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 87."]:before{transform: rotate(313.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 88."]:before{transform: rotate(316.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 89."]:before{transform: rotate(320.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 90."]:before{transform: rotate(324deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 91."]:before{transform: rotate(327deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 92."]:before{transform: rotate(331.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 93."]:before{transform: rotate(334.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 94."]:before{transform: rotate(338.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 95."]:before{transform: rotate(342deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 96."]:before{transform: rotate(345.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 97."]:before{transform: rotate(349.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 98."]:before{transform: rotate(352.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 99."]:before{transform: rotate(356.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 100."]:before{transform: rotate(360deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 51."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 52."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 53."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 54."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 55."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 56."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 57."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 58."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 59."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 60."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 61."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 62."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 63."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 64."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 65."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 66."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 67."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 68."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 69."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 70."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 71."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 72."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 73."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 74."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 75."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 76."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 77."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 78."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 79."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 80."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 81."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 82."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 83."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 84."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 85."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 86."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 87."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 88."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 89."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 90."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 91."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 92."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 93."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 94."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 95."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 96."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 97."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 98."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 99."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 100."]:after{
	transform: rotate(180deg);
}
.c-lists-info .b-stats_bar .bar > div[style*="width: 51."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 52."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 53."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 54."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 55."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 56."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 57."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 58."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 59."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 60."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 61."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 62."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 63."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 64."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 65."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 66."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 67."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 68."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 69."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 70."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 71."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 72."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 73."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 74."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 75."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 76."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 77."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 78."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 79."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 80."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 81."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 82."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 83."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 84."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 85."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 86."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 87."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 88."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 89."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 90."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 91."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 92."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 93."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 94."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 95."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 96."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 97."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 98."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 99."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 100."]{
	clip: rect(auto, auto, auto, auto);
}
/*CIRCLE BAR:END*/
.bar.simple .bar.s3 { background:  7d28d2;}
.bar.simple .bar:hover.s3 { background: #B78BC7 ;}
.bar.simple .bar.s2 { background: #FF5202;}
.bar.simple .bar:hover.s2 { background: #176093;}
.bar.simple .bar.s1 { background: #7d28d2;}
.bar.simple .bar:hover.s1 { background:#fa0763;}
.bar.simple .bar.s0 { background: #B78BC7;}
.bar.simple .bar:hover.s0 { background: #661087;}
.p-profiles .profile-head .c-brief .avatar img {
    animation: fly 3s ease-in-out infinite;
}

@keyframes fly {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(12px);
    }
}