.mam-rating {
	margin: 16px 0 28px;
}

.mam-rating__title {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
	color: inherit;
}

.mam-rating__row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.mam-rating__stars {
	display: inline-flex;
	gap: 3px;
}

.mam-rating__star {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	background: transparent;
	padding: 0 1px;
	margin: 0;
	font-size: 30px;
	line-height: 1;
	color: #aeb8c4;
	cursor: pointer;
	transition: transform .12s ease, color .12s ease;
}

.mam-rating__star:hover,
.mam-rating__star:focus-visible,
.mam-rating__star.is-active {
	color: #f2b632;
}

.mam-rating__star:hover {
	transform: translateY(-1px);
}

.mam-rating__star:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 2px;
}

.mam-rating__star:disabled {
	cursor: default;
	opacity: .9;
}

.mam-rating__summary {
	font-size: 14px;
	line-height: 1.4;
	opacity: .78;
}

.mam-rating__message {
	min-height: 1.2em;
	margin-top: 8px;
	font-size: 13px;
	opacity: .8;
}

@media (max-width: 600px) {
	.mam-rating {
		margin: 14px 0 24px;
	}

	.mam-rating__star {
		font-size: 32px;
	}

	.mam-rating__row {
		gap: 8px 12px;
	}
}