@import url('https://monstrousdev.github.io/themes/addons/user-tags.css');
.avatar-2e8lTP[src*="<Discord ID>"] + h2::after{
    content: '';
    color: transparent;
    height: 15px;
    width: 15px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    bottom: -29px;
    left: -22px;
    pointer-events: none;
    filter: drop-shadow(0 0 2px var(--primary-color)) drop-shadow(0 0 2px var(--primary-color)) drop-shadow(0 0 2px var(--primary-color));
}

.avatar-2e8lTP[src*="<Discord ID>"] + h2::after {
    background-image: url(https://i.imgur.com/1qBTZlh.png);
    transform: scale(1.2);
    bottom: -30px;
    left: -24px;
}


.avatar-2e8lTP[src*="<Discord ID>"]:hover + h2::after{
    color: white;
    transform: none;
    background-size: cover;
    background-position: center;
    padding: 3px 10px !important;
    height: auto;
    width: fit-content !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    bottom: -31px !important;
    font-weight: 700;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    filter: none;
    display: block !important;
    background-color: transparent;
    box-shadow: none !important;
}


.avatar-2e8lTP[src*="<Discord ID>"]:hover + h2::after {
    content: '<String In Popout>';
    color: #ffe256;
    --main-color: #ffe256;
    background-image: url(https://i.imgur.com/0tAtFyG.gif);
    text-shadow: -1px 0 black, 
    0 1px black, 
    1px 0 black, 
    0 -1px black !important;
}
.avatar-2e8lTP[src*="<Discord ID>"]:hover + h2:after {
    animation: mentionpulse 1.5s infinite, popoutanim .2s;
}