.userinstance {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.userinputbox {
    display: inline-block;
    border: var(--border-width) var(--border-style) var(--border-color);
    border-radius: var(--border-radius);
    padding-inline: 0.25em;
    padding-block: 0.25em;
    white-space: nowrap;
}

/* .userinputbox * {
    vertical-align: 0%;
} */

#listfollowers, #listfollowing {
    display: inline-block;
    position: relative;
    width: 100%;
    max-height: 31.25em;
    overflow:auto;
}

#listfollowers #listfollowersvalues,
#listfollowing #listfollowingvalues {
    position: sticky;
    top: 0;
    background-color: var(--background-color);
}

.followers_namelabel,
.following_namelabel {
    max-width: 20em;
}

.gridUser {
    display: grid;
    grid-template-columns: 128px auto;
    overflow: auto;
    gap: 0.5em;
}

.gridUsersVert {
    display: grid;
    overflow: auto;
    gap: 0.5em;
}

.flexUsersVert {
    display: flex;
	flex-direction: column;
	align-items: safe center;
    overflow: auto;
    gap: 0.5em;
}

.flexUser {
    display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
    width: 100%;
    gap: 0.5em;
}

.flexUserUser {
    text-align: center;
    width: 256px;
    min-width: 256px;
    overflow: hidden;
    word-wrap: break-word;
}

.flexUserUser * {
    word-wrap: break-word;
}