.member-directory-list {
    display: flex;
    flex-direction: column;
}

.member-directory-list > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    padding: 0.5rem 1rem
}

.member-directory-list > div:nth-child(odd) {
    background-color: #f5f5f5;
    border-radius: var(--root-border-radius);
}

.member-directory-list .list-item-image img {
    width: 4rem;
    max-width: 4rem;
    aspect-ratio: 1/1;
    border-radius: 50%;
    object-fit: cover;
}

.member-directory-list .list-item-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    margin-left: 1rem;
}

.member-directory-list button i::before {
    margin-right: 0.5rem;
}

.member-directory-list .list-item-title {
    font-weight: 600;
}

.member-directory-list .Connect::before {
    content: "\f234";
}

.member-directory-list .Pending::before {
    content: "\f2bd";
}

.member-directory-list .Accepted::before {
    content: "\f2bd \00a0 \00a0 \f075";
}

.member-directory-list .connectedbutcantmessage::before {
    content: "\f2bd";
}

.member-directory-list .cantconnectormessage::before {
    content: "";
}

.member-directory-list .list-item-user-status {
    display: flex;
    column-gap: 0.5rem;
}