chat.google.com (custom) emoji enlarger by MathiMuts

/* ==UserStyle==
@name           Google Chat - Custom Emoji Enlarger
@namespace      github.com/openstyles/stylus
@version        1.0.3
@description    Makes custom emojis in Google Chat larger (works in Chrome & Firefox)
@author         You
==/UserStyle== */

/* 🚀 Works in Chrome & Firefox */
@-moz-document domain("mail.google.com"), domain("chat.google.com") {
    /* 📩 Enlarge custom emojis inside messages WITH OTHER TEXT */
    div.Zc1Emd.QIJiHb img.iiJ4W {
        width: 40px !important;
        height: 40px !important;
        max-height: 40px !important;
        min-width: 40px !important;
        image-rendering: auto;
    }
    
    /* 📩 Enlarge standalone emojis (messages with only the emoji) */
    /*div.Zc1Emd.QIJiHb.YZWPV > img.iiJ4W {
        width: 80px !important;
        height: 80px !important;
        max-height: 80px !important;
        min-width: 80px !important;
        image-rendering: auto;
    }
    
    /* 💬 Enlarge reaction emojis */
    div.Zoygqc > img.iiJ4W,
    div.wHvy4d > img.iiJ4W {
        width: 32px !important;
        height: 32px !important;
        max-height: 32px !important;
        min-width: 32px !important;
        image-rendering: auto;
    }
    
    /* 🔢 Adjust reaction count position */
    span.YK45Id {
        transform: translateY(8px) !important;
        font-size: 14px !important;
    }   
    
    /* 🔹 Fix reaction container alignment */
    div.dIC9Jb.JGMh2e {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        height: 40px !important;
        width: 56px !important;
        min-width: 64px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 🔹 Style the "Add reaction" button */
    div.aEUhWd.ghrdCc.orLAid:first-of-type button[aria-label="Add reaction"] {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        border-radius: 8px !important;
        position: relative !important;
    }

    /* 🔹 Center the "+" icon in the reaction button */
    div.aEUhWd.ghrdCc.orLAid:first-of-type button[aria-label="Add reaction"] svg.olzhhb {
        width: 32px !important;
        height: 32px !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}