.ox-account-avatar,
.ox-forum-avatar,
.ox-team-avatar,
.user-avatar {
    overflow: hidden;
    flex-shrink: 0;
    vertical-align: middle;
}

.ox-account-avatar > img,
.ox-forum-avatar > img,
.ox-team-avatar > img,
.user-avatar > img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.user-avatar {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--accent-soft);
    color: var(--accent);
    font-size: 11px;
    line-height: 1;
}

.user-avatar-sm {
    width: 20px;
    height: 20px;
    font-size: 9px;
}

.author-line,
.author-text,
.author-badges {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    vertical-align: middle;
}

.author-text {
    min-width: 0;
    flex-wrap: wrap;
}

.author-badges:empty {
    display: none;
}