body.osuic-rating-enabled .tutor-ratings {
	align-items: center;
	gap: 10px;
}

body.osuic-rating-enabled .tutor-ratings-stars {
	display: inline-flex;
	align-items: center;
	gap: var(--osuic-rating-gap);
	margin: 0;
	color: var(--osuic-rating-color);
	font-size: var(--osuic-rating-size);
	line-height: 1;
}

body.osuic-rating-enabled .tutor-ratings-stars > * {
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--osuic-rating-size);
	min-height: var(--osuic-rating-size);
}

body.osuic-rating-enabled .tutor-ratings-stars > *::before {
	color: var(--osuic-rating-color);
	font-size: var(--osuic-rating-size);
	line-height: 1;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.osuic-meta-enabled .tutor-meta {
	align-items: center;
	gap: 12px 18px;
	flex-wrap: wrap;
}

body.osuic-meta-enabled .tutor-meta > div {
	display: inline-flex;
	align-items: center;
}

body.osuic-meta-enabled .tutor-meta-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--osuic-meta-icon-size);
	height: var(--osuic-meta-icon-size);
	margin-right: var(--osuic-meta-icon-gap);
	color: var(--osuic-meta-icon-color);
	font-size: var(--osuic-meta-icon-size);
	line-height: 1;
	vertical-align: middle;
	flex: 0 0 auto;
}

body.osuic-meta-enabled .tutor-meta-icon::before {
	color: inherit;
	font-size: inherit;
	line-height: 1;
}

body.osuic-page-catalog.osuic-catalog-enabled .tutor-loop-course-content-footer,
body.osuic-page-catalog.osuic-catalog-enabled .tutor-meta,
body.osuic-page-catalog.osuic-catalog-enabled .tutor-course-ratings {
	position: relative;
	z-index: 1;
}

body.osuic-page-catalog.osuic-catalog-enabled .tutor-meta.tutor-mt-12 {
	margin-top: 12px;
	margin-bottom: 16px;
}

body.osuic-page-course.osuic-course-enabled .tutor-course-details-page .tutor-ratings,
body.osuic-page-course.osuic-course-enabled .tutor-course-details-page .tutor-meta {
	align-items: center;
}

@media (max-width: 767px) {
	body.osuic-rating-enabled .tutor-ratings-stars {
		font-size: var(--osuic-rating-size-mobile);
	}

	body.osuic-rating-enabled .tutor-ratings-stars > *,
	body.osuic-rating-enabled .tutor-ratings-stars > *::before {
		font-size: var(--osuic-rating-size-mobile);
		min-width: var(--osuic-rating-size-mobile);
		min-height: var(--osuic-rating-size-mobile);
	}
}
