.emoji { width: 16px; height: 16px; font-size: 16px; line-height: 16px; vertical-align: middle; }
.emoji.big { width: 32px; height: 32px; line-height: 32px; display: block; }
.emoji.big:first-letter { font-size: 32px; }

img.emoji { margin: -2px 2px 0 2px; }

.emoji_last { border-radius: 4px; background: #ECF5FB; display: block; }
.emoji_last:not(:empty) { margin-bottom: 1px; }

#popup_emoji_select .top-popup .emoji {
	cursor: pointer;
	border-radius: 3px; padding: 6px 5px; margin: 0 1px 0 0;
	width: 24px; height: 24px;
	font-size: 24px; line-height: 24px;
	display: inline-flex; justify-content: center;
}
#popup_emoji_select .top-popup .emoji:hover { background: #EBEEF2; }

#popup_emoji_select .top-popup_content {
	gap: 0;
}

#popup_emoji_select .smiles { display: flex; flex-wrap: wrap; }

/* fix native emoji для OS */
i.emoji.for-mac { margin: -2px -1px 0 1px !important; font-size: 18px; }

@media only screen and (min-width: 900px) {
	#popup_emoji_select {
		--top-popup-content-padding: 0px;

		background: none !important;
	}

	#popup_emoji_select .top-popup {
		width: 325px; height: 325px; max-height: none !important;
		top: auto !important; right: 0; bottom: 0 !important; left: auto !important;
		transform: none;
	}
}