Mezha.Media 2.0: Redesign by ukr

/* ==UserStyle==
@name         Mezha.Media 2.0: Redesign
@version      v0.8.3
@namespace    userstyles.world/user/ukr
@description  Редизайн Mezha.Media 2.0
@author       ukr
@license      MIT License
@preprocessor stylus

@var checkbox HideNewsBlock    "Приховати великий блок новин" 1
@var checkbox HideTopDiscussions    "Приховати топ обговорень" 1
@var checkbox SmallerFonts    "Менший розмір шрифтів в новинах" 0

==/UserStyle== */

@-moz-document domain("mezha.media") {
:root {
	--light-blue-color-dark: #303133;
	--light-green-color: #fffaf1;
	--light-color: #f1f1f1;
	--img-border-radius: 10px;
	--black-color: #212121;
	--light-blue-color: #e3f2fd;
	--link-border-color: #00afea;
	--medium-green-color: #00afea;
	--link-hover-color: #00afea;
	--link-border-color: #2398FF;
	--medium-green-color: #2398FF;
	--link-hover-color: #2398FF;
	--light-link-hover-color: #2398FF;
	--medium-green-color: #2398FF;
	--medium-blue-color: #2398FF;
	--light-blue-color: #d9f4fd;
	--menu-color: #f1f1f1;
}
[data-theme="dark"] {
	--link-border-color: #2e7ef3;
	--medium-green-color: #2e7ef3;
	--link-hover-color: #2e7ef3;
	--light-link-hover-color: #2e7ef3;
	--medium-blue-color: #2e7ef3;
	--light-green-color-dark: #3f4042;
	--black-color: #cccccd;
	--white-color: #cccccd;
	--divider-color: rgba(255, 255, 255, 0.17);
}
body {
	font-family: Roboto,sans-serif;
	font-size: 18px;
	color: #212121;
}
.post_social .facebook_icon, .post_social .x_icon, .post_social .telegram_icon, .post_social .link_icon {
	width: 32px;
	height: 32px;
}
.post_social .button {
	display: flex;
	justify-content: center;
	align-items: center;
}
.header_top, .main_page .header_top_wrapper .header_top {
	display: none;
}
.post_side_discussions {
	background: var(--light-green-color);
}
.section_side_list {
	background: #f8e9ec;
}
.post_side_news {
	background: #fff;
}
.post_text {
	font-weight: 400;
	line-height: 1.6;
	font-size: 1em;
}
.section_side_list, .article_news, .post_side_news {
	border: none;
}
.header_crumbs a:not(.breadcrumbs_item) {
    display: none;
}
.header_crumbs .breadcrumbs_item {
    margin: 0 auto;
	font-weight: 500;
	font-size: 14px;
}
.post_author_name, .post_author_name > span {
	font-size: 14px;
}
.post_author_name а {
	padding-bottom: 5px;
}
.post_author_name {
	display: flex;
	flex-direction: column;
	gap: 4px;
	line-height: 1.5;
}
.section_news_side, .section_news_adv {
	padding: 30px 0px;
	max-width: 280px;
}
.section_news_wrapper {
	max-width: 1470px;
	grid-template-columns: 280px auto 280px;
}
.layout_wrapper, .section_article_wrapper {
	max-width: 1470px;
}
.section_article_adv {
	margin-top: 30px;
	max-width: 280px;
	padding: 0;
}
.post_article_body .post_text > :not(.back_top, .fullwidth_element, .post_video, #mainNav), .post_article_body :is(.header_crumbs, .post_author, .post_service, .post_tags, .post_social_wrapper, .post_article .article_label_adv) {
	max-width: 680px;
}
.post_title {
	max-width: 100% !important;
}
.post_article_body :is(.post_title) {
	max-width: auto;
}
#mainNav {
	max-width: 640px;
}
.post_photo_captain {
	max-width: 680px;
}
.post_article_body .post_text .post_video {
	max-width: 100%;
}
.post_article_body {
	max-width: 870px;
	margin-left: auto;
}
.post_title {
	font-size: 2em;
	font-weight: 500;
  	line-height: 1.2;
}
.post_date, .post_comments {
	font-size: 14px;
	text-transform: inherit;
}
.post_service {
	padding: 16px 20px 40px 20px;
}
.post_photo {
	padding-bottom: 30px;
}
.post_author_media {
	width: 60px;
	height: 60px;
	flex: 0 0 60px;
	margin-right: 10px;
}
.post_news_body .post_text > :not(.back_top, .fullwidth_element, .post_video, .post_quote, blockquote, .media_embed:has(iframe[src*="youtube"])), .post_author, .post_service {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}
.media_embed:has(iframe[src*="youtube"]) {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}
.media_embed iframe[src*="youtube"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.twitter-tweet.twitter-tweet-rendered {
	margin: 0 auto;
}
.section_article_wide .post_article_body, .section_article_wide #disqus_thread, .section_article_wide .section_other_news {
	margin: 0 auto;
}
.post_text ul li::before {
	top: 15px;
}
.post_text ul {
	margin-block-end: 0;
}
.post_text ul li {
	padding: 5px 0 5px 30px;
}
.post_news_body .post_text .media_embed {
	padding-left: 0;
	padding-right: 0;
}
.post_news_body .post_text blockquote {
	max-width: 640px;
	margin: 0 auto;
}
.post_news_body .post_text .post_quote {
	max-width: 640px;
	margin: 0 auto;
}
.side_sm_title {
	font-size: 14px;
	justify-content: center;
	padding: 20px 20px 16px 20px;
}
.article_news .article_title {
	line-height: 1.5em;
}
.post_tags, .post_social {
	justify-content: center;
}
.post_social_wrapper {
	text-align: center;
	margin-top: 2rem;
}
.post_tags {
	padding: 30px 20px 10px 20px;
	gap: 10px;
}
.post_tags a, .post_tags span {
	margin-right: 0;
}
.post_social_title {
	display: inline-block;
	font-size: 9pt;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 1em;
	text-transform: inherit;
}
.post_social_title::before {
	border-top: 1px solid #dcdcde;
	content: "";
	display: block;
	margin-bottom: 1em;
	min-width: 30px;
	width: 100%;
}
#disqus_thread {
	margin-top: 50px;
}
.post_social > a {
	border: var(--black-color) 1px solid;
	margin-right: 0;
}
.post_social {
	gap: 15px;
}
.article_story_list {
	border: none;
	background: #fff;
	border-radius: var(--img-border-radius);
	padding: 0;
	width: 100%;
}
.article_story_list .article_media {
	margin: 0 20px 0 0;
}
.article_story_list .article_title {
	font-size: 20px;
	line-height: 1.5;
}
.section_articles_list_wrapper .article_story_list:first-child {
	padding-top: 0;
}
.article_story_list .article_content {
	padding: 10px 20px 10px 0;
	width: 100%;
	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
  	min-height: 137.65px;
}
.article_story_list .article_media img {
	min-height: 137.65px;
	object-fit: cover;
}
.article_story_list:has(a[href*="/reviews/"]), .article_story_list:has(a[href*="/video/"]), .section_topic_b {
    background-color: #e3f2fd;
}
.article_story_list:has(a[href*="/articles/"]) {
	background-color: #ebf7ef;
}
.article_story_list:has(a[href*="partner-news"]), .section_topic_b:has(a[href*="/special-project/"]), .article_story_list:has(a[href*="/special-project/"]) {
    background-color: #f8e9ec;
}
.article_story_list:has(a[href*="partner-news"]) .article_date span {
    margin-right: 0;
}
.article_story_list a[href*="/reviews/"], .article_story_list a[href*="/articles/"], .article_story_list_bold .article_title {
    font-weight: 700;
}
.post_news .article_label_adv, .post_article .article_label_adv, .section_article_wide .article_label_adv {
	display: none;
}
body.promoted {
	background: #f1f1f1;
}
.article_story_list .article_date .comment_icon .disqus-comment-count, .article_story_list_sm .article_date .comment_icon .disqus-comment-count, .article_story_grid .article_date .comment_icon .disqus-comment-count {
	margin-right: 0;
	font-weight: 400;
}
.article_story_grid .article_date {
	font-size: 14px;
	line-height: 1.5em;
	text-transform: inherit;
}
.section_title {
	padding: 24px 0 13px 0;
}
.article_story_list_sm {
	border: none;
}
.article_story_list_sm .article_date, .article_story_grid .article_date {
	padding: 15px 0 5px 0;
}
.article_story_list_sm .article_date span:not(.comment_icon) {
	margin-right: 10px;
}
.article_story_grid .comment_icon *, .article_story_list .comment_icon *, .article_story_list_sm .comment_icon * {
	bottom: -2px;
}
.article_story_list .article_label {
	display: none;
}
.layout_n_wrapper {
	max-width: 1470px;
}
.section_list_content {
	max-width: calc(910px);
	padding: 0;
	margin-left: auto;
}
.section_side {
	max-width: 280px;
}
.section_list_wrapper {
	justify-content: center;
}
.article_story_list .article_date, .article_story_list_sm .article_date {
	text-transform: inherit;
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.5;
}
.article_date .comment_icon {
	margin-left: auto;
}
.article_story_list .article_date span:not(.comment_icon) {
	margin-right: 15px;
}
.pagination {
	display: flex;
	justify-content: center;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}
.footer_social_wrapper .icon {
	width: 40px;
	height: 40px;
}
.footer_social_wrapper [class$="_icon"] {
	width: 35px;
	height: 35px;
}
.footer_social_wrapper .icon {
	border: var(--dark-color) 1px solid;
}
.post_side_discussions .article_news .comment_s_icon {
	bottom: -6px;
	margin-right: 3px;
}
.post_side_discussions .article_news .comment_icon {
	font-size: 14px;
}
.search_field {
	border-radius: var(--img-border-radius);
}
.top_menu_topic a {
	border: var(--dark-color) 1px solid;
}
.main_menu > .special_tag a::before {
	background: var(--link-border-color);
}
.section_main_discussions_wide_list .article_story_grid .comment_icon {
	font-size: 14px;
}
.section_main_discussions_wide_list .article_story_grid .comment_s_icon {
	bottom: -5px;
	margin-right: 3px;
}
.post_title {
	max-width: 100%;
}
.lang_menu_item_active:hover {
	background: var(--light-link-hover-color);
}
.lang_menu_item_active:hover .options_text {
	color: #fff;
}
.pagination .pagination_item .arr_r_icon:hover, .pagination .pagination_item .arr_l_icon:hover {
	fill: var(--light-link-hover-color);
}
.post_contents_close_button .icon_arrow {
	top: -7px;
}
.post_contents {
	padding: 7px 20px 7px 20px;
}
.post_text :is(.post_contents, .post_rating) ul:not(.hidden) {
	padding-top: 15px;
}
.post_contents_title, .post_rati...