.userinsights {
	margin-top: 20px;
}

.userinsights .userinsights_question {
	margin-bottom: 20px;
}

.userinsights .stars {
	display: flex;
	flex-direction: row-reverse;
	width: 170px;
	justify-content: space-between;
}

.userinsights .star {
	width: 26px;
	height: 27px;
	display: inline-block;
	cursor: pointer;
}

.userinsights .star svg {
	overflow: visible;
	pointer-events: none;
}

.userinsights .star svg path {
	stroke: #7d7d7d;
	stroke-width: 3px;
	fill: #fff;
	transition: all ease .3s;
}

.userinsights .star.active svg path,
.userinsights .star.active~.star svg path,
.userinsights .star:hover svg path,
.userinsights .star:hover~.star svg path {
	stroke: #eb8c00;
	fill: #eb8c00;
}
.userinsights.sent input,
.userinsights.sent .userinsights_question {display: none}
.userinsights .userinsights_thankyou {display: none;}

@media (min-width: 1400px) {
	.userinsights {
		padding-left: 57px;
	}
}
@media (min-width: 1200px) {
	.userinsights {
		padding-left: 48.75px;
	}
}