/*
--------------------------------------
Container
--------------------------------------
*/

.notation-review {
	display: flex;
	align-items: center;
	gap: calc(7px + (15 - 7) * ((100vw - 320px) / (1920 - 320)));
	font-family: var(--e-global-typography-primary-font-family);
}

/*
--------------------------------------
Left
--------------------------------------
*/

.notation-review__stars {
	display: flex;
	align-items: center;
	border-radius: 8px;
	border: 1px solid var(--e-global-color-4919cc4);
	background: linear-gradient(132deg, rgba(244, 58, 227, 0.10) 7.74%, rgba(106, 37, 249, 0.10) 53.48%, rgba(87, 222, 231, 0.10) 99.21%);
	padding-right: calc(5px + (16 - 5) * ((100vw - 320px) / (1920 - 320)));
}

.notation-review__star {
	font-size: 20px;
	color: #ccc;
}

.notation-review__stars svg {
	width: calc(100px + (145 - 100) * ((100vw - 320px) / (1920 - 320)));
}

.notation-review__star--filled {
	color: #7B3FF5;
}

.notation-review__info {
	display: flex;
	flex-direction: column;
	font-size: 14px;
}

.notation-review__score {
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
}

/*
--------------------------------------
Right
--------------------------------------
*/

.notation-review__total {
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 0.28px;
	color: #16182D;
	text-align: center;
	opacity: 0.5;
}