.star-rating {
	overflow: hidden;
	position: relative;
	width: 7em;
	height: 1em;
	font-family: 'star';
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1em;
	letter-spacing: 0.4em;
	backface-visibility: hidden;
	color: var(--starRatingInactiveColor);

	&:before {
		content: '\53\53\53\53\53';
		float: left;
		top: 0;
		left: 0;
		right: initial;
		position: absolute;
	}

	span {
		overflow: hidden;
		float: left;
		top: 0;
		left: 0;
		position: absolute;
		padding-top: 1em;

		&:before {
			content: '\53\53\53\53\53';
			top: 0;
			left: 0;
			position: absolute;
			color: var(--starRatingInitialColor);
		}
	}
}


// single product rating
.woocommerce-product-rating {
	display: flex;
	align-items: center;

	.woocommerce-review-link {
		margin-left: 10px;
		font-size: 12px;
		--linkInitialColor: var(--color);
	}
}


// comment form rating
.comment-form-rating {
	display: flex;
	align-items: center;

	label {
		--fontSize: 11px;
		--fontWeight: 500;
		margin-bottom: 0;
		text-transform: uppercase;
	}

	.stars {
		color: var(--starRatingInitialColor, #fda256);
		font-size: 0.9em;
		margin: 0 0 0 10px !important;

		span {
			display: flex;
		}

		a {
			position: relative;
			display: inline-block;
			width: 1em;
			height: 1em;
			text-indent: -999em;
			text-decoration: none;
			color: currentColor;

			&:not(:last-child) {
				margin-right: 7px;
			}

			&:before {
				position: absolute;
				display: block;
				top: 0;
				left: 0;
				width: 1em;
				height: 1em;
				font-family: 'star';
				content: '\73';
				line-height: 1;
				text-indent: 0;
			}

			&:hover {
				~ a:before {
					content: '\73';
				}
			}
		}

		&:hover {
			a:before {
				content: '\53';
			}
		}

		&.selected {
			a {
				&.active {
					&:before {
						content: '\53';
					}

					~ a:before {
						content: '\73';
					}
				}

				&:not(.active):before {
					content: '\53';
				}
			}
		}
	}
}