/******************************************************************************\
 *                                              Web Client: Embiggen Emojos   *
\******************************************************************************/
/* 
 * Emojos in the "reply" box that appears above the status update text box when 
 * you click the "reply" button on a toot  
 */
.reply-indicator__content .emojione,
/* Emojos in Display Names */
.display-name .emojione,
/* Emojos in status text you're looking at  */
.detailed-status .status__content .emojione,
/* Emojos in toots across the rest of the entire web client */
.status__content .emojione{
    width: 30px;
    /* Stock is 20px */
    height: 30px;
    /* Stock is 20px */
    transition: all 0.2s 0s cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* Emojo Zoomers on hover */
.status__content .emojione:hover {
    transition: all 0.5s 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: scale(2);
    cursor: zoom-in;
    z-index: 9999;
}
/* Fix overflow for the above emojo zoomers */
.reply-indicatorcontent, .statuscontent:hover,
.edit-indicator__content:hover, .reply-indicator__content:hover, .status__content:hover, /* Mastodon 4.3.0 */
.notification div.status.muted .status__content p:hover,
.notification div.status.muted .status__content p img:hover{
    overflow: visible !important;
    opacity: 1 !important;
}
.item-list article:hover {
    overflow: hidden !important;
}

/* Skip above fix for toots with additional content hidden behind a read more */
.reply-indicatorcontent, .statuscontent.status__content--collapsed:hover {
    overflow: hidden !important;
}

/* Emojos in the "Emoji Mart" (pop-out from emoji button) in compose window */
.emoji-mart-category .emoji-mart-emoji img {
    width: 30px !important;
    /* stock: 20px; defined inline */
    height: 30px !important;
    /* stock: 20px; defined inline */
}