.onlineavatars__list {
    display: flex;
    flex-wrap: wrap;
    gap: .6em;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.onlineavatars__list > li {
    display: block;
}

.onlineavatars__summary {
    display: flex;
    flex-wrap: wrap;
    gap: .5em 1em;
}

.onlineavatars__photo:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}