.rating-block {
	@include mainCaption;
	padding-top: 15px;
}

.rating-block p {
	margin: 0;
}

.rating-block h3 {
	@include lesserHeadline;
	color: $text-main;
}

.rating-block__result {
	@include mainTitle;
	margin-bottom: 4px;
	color: $text-main;

	@media (max-width: $mobile) {
		font-size: 32px;
		line-height: 50px;
		letter-spacing: 0.01em;
	}
}

.rating-block__result sup {
	position: relative;
	top: -2px;
	vertical-align: middle;
	margin-left: 3px;
	font-size: 24px;
	line-height: 32px;

	@media (max-width: $mobile) {
		top: auto;
		margin-left: 8px;
		font-size: 32px;
		line-height: 50px;
		letter-spacing: 0.01em;
	}
}

.rating-block__progress {
	margin-bottom: 9px;

	@media (max-width: $mobile) {
		margin-bottom: 12px;
	}
}

.rating-block__stage {
	margin-bottom: 17px;
}

.rating-block__stage h3 {
	margin: 0;
}

.rating-block__stage p {
	margin-top: 6px;
}

.rating-block__stage table {
	border-collapse: collapse;

	@media (max-width: $mobile) {
		margin-top: 8px;
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0.1px;
	}
}

.rating-block__stage th,
.rating-block__stage td {
	padding: 5px 0;

	@media (max-width: $mobile) {
		padding: 2px 0;
	}
}

.rating-block__stage th {
	min-width: 112px;
	text-align: left;
	font-weight: 500;

	@media (max-width: $mobile) {
		padding-right: 5px;
		min-width: auto;
		font-weight: 400;
	}
}

.rating-block__stage time.available {
	color: $accent-medium;
}

.rating-block__badge {
	margin-bottom: 22px;
}

.rating-block__icon {
	margin-bottom: 9px;
	min-height: 104px;
}

.rating-block__icon svg {
	display: block;
	max-width: 100%;
}

.rating-block__badge h3 {
	margin: 0 0 6px;
}

.rating-block__chain {
	@include mainTitle;
	margin: 0 0 4px;
}

.rating-block__chain.long {
	color: $accent-medium;
}

.rating-block__series h3 {
	margin: 0 0 6px;
}
