.ui-icon {
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    vertical-align: -0.15em;
    fill: currentColor;
    flex-shrink: 0;
}

.ui-icon--title {
    width: 0.85em;
    height: 0.85em;
    margin-right: 0.12em;
    vertical-align: -0.05em;
}

.link-btn,
.rules-link a {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
}

button .ui-icon,
.link-btn .ui-icon,
a .ui-icon {
    pointer-events: none;
}

.emoji-img {
    height: 1.15em;
    width: 1.15em;
    margin: 0 0.05em;
    vertical-align: -0.15em;
    display: inline;
}

h1 .emoji-img,
h2 .emoji-img {
    height: 0.9em;
    width: 0.9em;
}

.control-btn .emoji-img,
.send-chat-btn .emoji-img {
    height: 1.25em;
    width: 1.25em;
    vertical-align: middle;
}
