.ui-vue-reactions {
	display: flex;
	white-space: nowrap;
}
.ui-vue-reactions * {
	box-sizing: content-box!important;
}
.ui-vue-reactions-result {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.14);
	border-radius: 10px;
	padding: 0 2px;
	display: flex;
}
.ui-vue-reactions-result-active {
	cursor: pointer;
}

.ui-vue-reactions-result-types {
    display: inline-block;
    height: 19px;
    vertical-align: top;
	line-height: 13px;
}
.ui-vue-reactions-result-type {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 2px solid #fff;
	border-radius: 50%;
	position: relative;
	background-size: cover;
}
.ui-vue-reactions-result-type + .ui-vue-reactions-result-type {
	margin-left: -5px;
}

.ui-vue-reactions-result-counter {
	display: inline-block;
    height: 19px;
	font: 10px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	color: #484848;
	vertical-align: top;
	margin-right: 5px;
    margin-left: 2px;
	background-color: rgba(255,255,255,.5);
	z-index: 10;
}

.ui-vue-reactions-button {
	display: inline-block;
	height: 21px;
	width: 21px;
	margin-left: 4px;
}
.ui-vue-reactions-button-container {
	display: inline-block;
	height: 29px;
	width: 52px;
	margin-top: -4px;
    margin-left: -17px;
	box-sizing: border-box;
	padding-top: 4px;
	padding-left: 17px;
	cursor: pointer;
}

.ui-vue-reactions-button-icon {
	display: inline-block;
	height: 19px;
	width: 19px;
	border: 1px solid #fff;
	border-radius: 50%;
	background-size: cover;
	vertical-align: top;
}

.ui-vue-reactions-button-icon.ui-vue-reactions-icon-none {
	border-color: rgba(0,0,0,.14);
}

.ui-vue-reactions-button-press-enter-active, .ui-vue-reactions-button-press-leave-active {
  transition: opacity .5s;
}
.ui-vue-reactions-button-press-enter-from, .ui-vue-reactions-button-press-leave-to {
  opacity: 0;
}

.ui-vue-reactions-button-pressed {
	animation: ui-vue-reactions-button-pressed .4s 1;
}

@keyframes ui-vue-reactions-button-pressed {
	0% {
		transform: scale(1);
	}
	20% {
		transform: scale(2);
	}
	100% {
		transform: scale(1);
	}
}

.ui-vue-reactions-result-type-animation-enter-active, .ui-vue-reactions-result-type-animation-leave-active {
	transition: all .4s;
	margin-right: 0;
}
.ui-vue-reactions-result-type-animation-enter-from, .ui-vue-reactions-result-type-animation-leave-to {
	margin-right: -14px;
}
.ui-vue-reactions-result-type:last-child.ui-vue-reactions-result-type-animation-leave-active {
	opacity: 1;
}
.ui-vue-reactions-result-type:last-child.ui-vue-reactions-result-type-animation-leave-to {
	opacity: 0;
}

.ui-vue-reactions-result-animation-enter-active, .ui-vue-reactions-result-animation-leave-active {
  transition: opacity .7s;
}
.ui-vue-reactions-result-animation-enter-from, .ui-vue-reactions-result-animation-leave-to {
  opacity: 0;
}

.ui-vue-reactions-mobile .ui-vue-reactions-result-types {
    height: 24px;
}
.ui-vue-reactions-mobile .ui-vue-reactions-result-type {
	width: 20px;
	height: 20px;
}
.ui-vue-reactions-mobile .ui-vue-reactions-result-type + .ui-vue-reactions-result-type {
	margin-left: -5px;
}

.ui-vue-reactions-mobile .ui-vue-reactions-result-counter {
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	margin-left: 4px;
}

.ui-vue-reactions-mobile .ui-vue-reactions-button {
	height: 26px;
	width: 26px;
}
.ui-vue-reactions-mobile .ui-vue-reactions-button-container {
	display: inline-block;
	height: 29px;
	width: 52px;
	margin-top: -4px;
    margin-left: -17px;
	box-sizing: border-box;
	padding-top: 4px;
	padding-left: 17px;
	cursor: pointer;
}

.ui-vue-reactions-mobile .ui-vue-reactions-button-icon {
	height: 24px;
	width: 24px;
}

.ui-vue-reactions-mobile .ui-vue-reactions-result-type-animation-enter,
.ui-vue-reactions-mobile .ui-vue-reactions-result-type-animation-leave-to {
	margin-right: -19px;
}
.ui-vue-reactions-icon-none {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20transform%3D%22translate%28-1%20-1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20opacity%3D%22.14%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22/%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22M15.5666%209.2532l-2.5065.0005c-.0722%200-.142-.0417-.169-.108a1.1373%201.1373%200%200%201%20.0153-.8807%203.2343%203.2343%200%200%200%20.0682-1.8753c-.1703-.425-.2155-1.2017-1.0014-1.2375a.8105.8105%200%200%200-.5842.3996c-.022.0383-.0314.0834-.0314.1271.024.5027.024.9288%200%201.2783-.0361.5243-1.0392%201.8596-1.677%202.7074a.2487.2487%200%200%201-.1634.0996c-.239.0358-.6951.0965-.8595.1182-.0385.005-.061.0534-.061.076v4.756c0%20.0175.0211.0557.0587.0619.1287.0212.4508.0801.7759.1847.4084.131.7486.4413%201.4295.671a.3565.3565%200%200%200%20.1134.0187h3.1973c.4128-.0736.7201-.4266.7412-.8503a1.569%201.569%200%200%200-.1379-.6843c-.0137-.0309.0044-.0633.0378-.0697.41-.0746.9224-.8527.2911-1.4796-.0167-.0162-.0137-.0383.0088-.0442.3481-.0888.6147-.3667.6962-.7132.0314-.1326.02-.2696-.0192-.3996a1.3566%201.3566%200%200%200-.2175-.43c-.0245-.0325-.0108-.0747.0285-.0875.3466-.1173.5852-.4486.5827-.8257.0398-.3696-.2572-.8129-.6166-.8134zm-7.9512.2003h-1.812c-.0942%200-.1658.0834-.1496.1743l1.0525%205.913a.192.192%200%200%200%20.19.157h.67c.1036%200%20.1876-.082.1876-.183l.0147-5.911c0-.083-.0683-.1503-.1532-.1503%22%20fill%3D%22%23B9BFC3%22/%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
}