.directory-count {
    color: var(--muted);
    font-size: 12px;
    margin: -10px 0 18px;
}

.directory-hint {
    color: var(--lime);
    font-size: 11px;
    margin: -12px 0 8px;
}

.user-directory {
    display: grid;
    gap: 8px;
    max-height: 50vh;
    overflow: auto;
    padding-right: 5px;
}

.directory-user {
    background: #0a0d11;
    border: 1px solid #303640;
    color: var(--white);
    font: 600 14px var(--font-display);
    padding: 12px 14px;
    display: grid;
    gap: 4px;
}

.directory-user span {
    color: var(--muted);
    font: 400 12px var(--font-body);
    overflow-wrap: anywhere;
}

.directory-empty,
.directory-loading {
    color: var(--muted);
    padding: 24px 10px;
    text-align: center;
}