@import url("https://use.typekit.net/xgd0erz.css");
body, body * {font-family: sofia-pro, sans-serif !important;}

/* Hide the current icons */
.featureFeedback .emojis img {
    opacity: 0 !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Create a place for the new icons */
.featureFeedback .emojis span {width: 32px; height: 32px; background-position: center center; background-size: cover; background-repeat: no-repeat; display: inline-block !important; border-radius: 0%; margin: 4px 6px 0; -webkit-transition: all .25s ease; transition: all .25s ease;}

	/* 	Handle hover action */
	.featureFeedback .emojis span:hover {cursor: pointer; opacity: 0.8;}

/* Add new icons */
.featureFeedback .emojis span:nth-of-type(1) {background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/slightly-frowning-face_1f641.png');}
.featureFeedback .emojis span:nth-of-type(2) {background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/neutral-face_1f610.png');}
.featureFeedback .emojis span:nth-of-type(3) {background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/grinning-face_1f600.png');}

/* Add the visual feedbacks */
.featureFeedback .emojis span.unselectedemoji {-webkit-transform: scale(0.8); transform: scale(0.8); -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.featureFeedback .emojis span.selectedemoji {}