/* =========================================================
   VOXLY MENTIONS v0.18.18
   ========================================================= */

.message-content
.voxly-message-mention {
    display: inline-block;

    padding:
        0 3px;

    border-radius:
        4px;

    background:
        rgba(
            101,
            116,
            255,
            .14
        );

    color:
        #aeb7ff;

    font-weight:
        700;
}


.message-content
.voxly-message-mention.mine {
    background:
        rgba(
            101,
            116,
            255,
            .27
        );

    color:
        #dce0ff;
}


.message.voxly-message-mentioned {
    position: relative;

    margin-left:
        -6px;

    padding-left:
        6px;

    border-left:
        3px solid
        #6574ff;

    background:
        rgba(
            101,
            116,
            255,
            .075
        );
}


.voxly-channel-mention-badge {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    flex:
        0 0 auto;

    min-width:
        24px;

    height:
        18px;

    margin-left:
        auto;

    padding:
        0 5px;

    border-radius:
        999px;

    background:
        #6574ff;

    color:
        #ffffff;

    font-size:
        10px;

    font-weight:
        850;

    line-height:
        18px;

    box-sizing:
        border-box;
}


#communityRailList
.community-logo {
    position:
        relative;
}


.voxly-server-mention-badge {
    position:
        absolute;

    top:
        -5px;

    right:
        -6px;

    z-index:
        8;

    min-width:
        23px;

    height:
        18px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 4px;

    border:
        2px solid
        #11141b;

    border-radius:
        999px;

    background:
        #6574ff;

    color:
        white;

    font-size:
        9px;

    font-weight:
        900;

    line-height:
        14px;

    box-sizing:
        border-box;

    pointer-events:
        none;
}


html.voxly-reduced-motion
.message.voxly-message-mentioned {
    transition:
        none !important;
}