/*These must apply to all child attributes*/
::deep {
    .mention {
        text-decoration: none;
        background-color: var(--highlight-color);
        border-radius: 1em;
        padding: 0.2em 0.5em;

        > .host {
            opacity: 0.5;
        }
        > .user {
            
        }
    }
}

::deep {
    .emoji {
        display: inline;
        position: relative;
        top: 0;
        > img {
            height: 2em;
            width: 2em;
            object-fit: cover;
            vertical-align: middle;
            transition-duration: 250ms;
        }
    }
}
::deep {
    .emoji {
        > img:hover {
            transform: scale(1.5);
            transition-duration: 250ms;
        }
    }
}