/* ===== Avatars  bloc===== */

.topic-avatars {
    float: left;
    position: relative;
    width: 32px;
    height: 32px;
    margin-right: 8px;   
    margin-top: 2px;     
}

/* First avatar */
.topic-avatars .avatar-main img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
}

/* Last avatar */
.topic-avatars .avatar-last {
    position: absolute;
    bottom: -1px;
    right: -1px;
}

.topic-avatars .avatar-last img {
    width: 18px;                 
    height: 18px;
    border-radius: 50%;
    border: 1px solid var(--body-bg, #fff);
    box-shadow: 0 0 0 1px rgba(0,0,0,.15);
}

.topic-avatars img {
    transition: transform .15s ease;
}