/* Дополнения для русской версии и подключаемых модулей. */

.top-content {
	padding-top: 25px;
}

.server-info.is-offline .server-online-number {
	color: #e74c56;
}

.server-online-number {
	font: inherit;
}

.news-empty {
	padding: 45px 0;
	color: #868178;
	text-align: center;
}

.news-row.forum .news-badge {
	color: #ecb95d;
}

.forum-empty {
	padding: 55px 15px;
	color: #868178;
	text-align: center;
}

.forum-article .forum-avatar {
	overflow: hidden;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
}

.forum-article .forum-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tab-link {
	border: 0;
	background: transparent;
	color: #fff;
	font-family: inherit;
}

.rating-class,
.rating-name {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rating-class {
	display: flex;
	align-items: center;
	gap: 6px;
}

.rating-class-icon {
	display: none;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	background-image: url('../images/profession.png');
	background-repeat: no-repeat;
	background-size: 18px 540px;
}

.rating-class-icon-0,
.rating-class-icon-1,
.rating-class-icon-2,
.rating-class-icon-3,
.rating-class-icon-4,
.rating-class-icon-5,
.rating-class-icon-6,
.rating-class-icon-7,
.rating-class-icon-8,
.rating-class-icon-9,
.rating-class-icon-10,
.rating-class-icon-11,
.rating-class-icon-12,
.rating-class-icon-13,
.rating-class-icon-14,
.rating-class-icon-15,
.rating-class-icon-16,
.rating-class-icon-17,
.rating-class-icon-18,
.rating-class-icon-19,
.rating-class-icon-20,
.rating-class-icon-21,
.rating-class-icon-22,
.rating-class-icon-23,
.rating-class-icon-24,
.rating-class-icon-25,
.rating-class-icon-26,
.rating-class-icon-27,
.rating-class-icon-28,
.rating-class-icon-29 {
	display: inline-block;
}

.rating-class-icon-0 { background-position: 0 0; }
.rating-class-icon-1 { background-position: 0 -18px; }
.rating-class-icon-2 { background-position: 0 -36px; }
.rating-class-icon-3 { background-position: 0 -54px; }
.rating-class-icon-4 { background-position: 0 -72px; }
.rating-class-icon-5 { background-position: 0 -90px; }
.rating-class-icon-6 { background-position: 0 -108px; }
.rating-class-icon-7 { background-position: 0 -126px; }
.rating-class-icon-8 { background-position: 0 -144px; }
.rating-class-icon-9 { background-position: 0 -162px; }
.rating-class-icon-10 { background-position: 0 -180px; }
.rating-class-icon-11 { background-position: 0 -198px; }
.rating-class-icon-12 { background-position: 0 -216px; }
.rating-class-icon-13 { background-position: 0 -234px; }
.rating-class-icon-14 { background-position: 0 -252px; }
.rating-class-icon-15 { background-position: 0 -270px; }
.rating-class-icon-16 { background-position: 0 -288px; }
.rating-class-icon-17 { background-position: 0 -306px; }
.rating-class-icon-18 { background-position: 0 -324px; }
.rating-class-icon-19 { background-position: 0 -342px; }
.rating-class-icon-20 { background-position: 0 -360px; }
.rating-class-icon-21 { background-position: 0 -378px; }
.rating-class-icon-22 { background-position: 0 -396px; }
.rating-class-icon-23 { background-position: 0 -414px; }
.rating-class-icon-24 { background-position: 0 -432px; }
.rating-class-icon-25 { background-position: 0 -450px; }
.rating-class-icon-26 { background-position: 0 -468px; }
.rating-class-icon-27 { background-position: 0 -486px; }
.rating-class-icon-28 { background-position: 0 -504px; }
.rating-class-icon-29 { background-position: 0 -522px; }

.rating-empty {
	padding: 70px 20px;
	color: #665d56;
	text-align: center;
}

.article-title {
	display: block;
	max-width: 355px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.modal-open {
	overflow: hidden;
}

.modal .modal-content {
	margin: 0;
}

.modal .close {
	font-size: 0;
}

.footer-number {
	font-size: 18px;
	font-weight: 700;
}

@media (max-width: 1200px) {
	.top-content {
		padding-inline: 15px;
	}
}

@media (max-width: 800px) {
	.article-title {
		max-width: 62vw;
	}
}

@media (max-width: 640px) {
	.rating-class {
		display: flex;
		justify-content: center;
		width: 8%;
		min-width: 24px;
	}

	.rating-class-name {
		display: none;
	}

	.rating-heading-row .rating-class {
		font-size: 0;
	}

	.rating-heading-row .rating-class::after {
		content: 'Кл.';
		font-size: 12px;
	}

	.rating-name {
		width: 38%;
		min-width: 75px;
	}

	.rating-level,
	.rating-score {
		width: 23%;
		min-width: 45px;
	}

	.rating-heading-row {
		padding-inline: 5px;
	}

	.article-title {
		max-width: 52vw;
	}

	.forum-article .right-content {
		display: none;
	}
}

@media (max-width: 480px) {
	.server-info,
	.start-btn {
		width: 285px;
	}

	.news-block-top {
		align-items: flex-start;
		flex-direction: column;
	}

	.news-row {
		gap: 8px;
	}

	.news-row .news-title {
		max-width: 125px;
	}

	.news-row .news-data {
		min-width: 58px;
		text-align: right;
	}

	.article-title {
		max-width: 66vw;
	}

	.modal-info-submit {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}

	.modal-info-submit .reg-btn,
	.modal-info-submit .forum-btn {
		align-self: center;
	}

}