.emoji {
vertical-align: middle;
/* A different font is used for emojis because the 'Inter' font doesn't render well some of them, like :warning: or :heart: */
font-family: 'Segoe UI emoji';
}
.emoji-basic {
font-size: 1.25rem;
}
.emoji-single {
font-size: 2.5rem;
line-height: 3rem;
}
.emoji > .emoji-img {
display: inline;
max-height: 1.5rem;
}
.emoji-single-riv {
display: inline-block;
}
.emoji-single-riv canvas {
cursor: pointer;
width: 3rem;
height: 3rem;
max-height: 3rem;
}
.emoji-single > .emoji-img {
display: inline;
max-height: 3rem;
}
.reaction-tooltip-emoji-rive {
min-height: 4rem;
}
.reaction-tooltip-emoji-rive canvas {
max-height: 4rem;
width: 100%;
height: 100%;
}
.reaction-tooltip-emoji-img {
display: inline;
max-height: 4rem;
}
.reaction-emoji-img {
display: inline;
max-height: 1rem;
}
.reaction-emoji-riv {
display: inline;
max-height: 1.375rem
}
.reaction-emoji-riv canvas {
max-height: 1.375rem;
width: 1.375rem;
height: 1.375rem;
}
.emoji-riv {
display: inline-block;
vertical-align: middle;
}
.emoji-riv canvas {
cursor: pointer;
width: 1.5rem;
height: 1.5rem;
max-height: 1.5rem;
}
.reply-to-root .emoji-riv canvas {
width: 1.2rem;
height: 1.2rem;
max-height: 1.2rem;
}
.reply-to-root .emoji-basic {
font-size: 1rem;
}
.reply-to-root .emoji-single {
font-size: 2rem;
}
.reply-to-root .emoji-single-riv canvas {
width: 2.4rem;
height: 2.4rem;
max-height: 2.4rem;
}
.reply-to-root .emoji-single > .emoji-img {
display: inline;
max-height: 2.4rem;
}