/* Style emoji to fit in-line with text */
.emoji {
	width: 1.45em;
	height: 1.45em;
	margin: -0.2em 0.02em 0;
	object-fit: contain;
	vertical-align: middle;
	
	@media (prefers-reduced-motion: no-preference) {
		/*
			Enlarge emojis on hover to give
			viewer a good look at them.
		*/
		transition: 0.1s;
		&:hover, &:active {
			transform: scale(2);
			background-color: $bg;
			box-shadow: $boxshadow;
			border: $boxshadow-border;
			border-radius: $br-inner;
		}
	}
}