/* Smiley icon after the label of an opted-in field. */
.emoji-colon-help {
    color: var(--bs-secondary-color);
    font-size: .85em;
    cursor: help;
    vertical-align: baseline;
}
.emoji-colon-help:hover, .emoji-colon-help:focus { color: var(--bs-body-color); outline: none; }

/* Floating menu for the ":" emoji autocomplete (js/emoji-colon.js). */
.emoji-colon-menu {
    position: fixed;
    z-index: 2100;
    min-width: 12rem;
    max-width: calc(100vw - 16px);
    max-height: 16rem;
    overflow-y: auto;
}
.emoji-colon-menu .list-group-item {
    display: flex;
    align-items: center;
    gap: .6rem;
}
.emoji-colon-menu .emoji-colon__glyph { font-size: 1.25rem; line-height: 1; }
.emoji-colon-menu .emoji-colon__name { color: var(--bs-secondary-color); font-size: .85rem; }
.emoji-colon-menu .list-group-item.active .emoji-colon__name { color: inherit; }