.comments-rating {
	border: none;
	padding: 0;
	margin-left: 0;
}

.comments-rating label {
	display: inline-block;
}

.rating-container {
	font-size: 0;
	display: flex;
	justify-content: flex-end;
	flex-direction: row-reverse;
}

.rating-container * {
	font-size: 1.4rem;
}

.rating-container > input {
	display: none;
}

.rating-container > input + label {
	/* only enough room for the star */
	font-family: 'Material Symbols Outlined';
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: 32px;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
	color: #000053;
}

.rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "\e838";
	font-size: 32px;
	font-weight: 300;
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
	font-family: "Material Icons";
	content: "\e838";
	color: #000053;
	font-size: 300;
}

.rating-container > .star-cb-clear + label {
	text-indent: -9999px;
	width: .5em;
	margin-left: -.5em;
}

.rating-container > .star-cb-clear + label:before {
	width: .5em;
}

.rating-container:hover > input + label:before {
	content: "\e838";
	color: #000053;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
	content: "\f155";
	content: "\e838";
	color: #000053;
}

.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
	text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
	text-indent: -9999px;
}