.member-directory{display:grid;gap:18px}.member-directory>.user-center-title{margin:0}.member-alphabet{display:flex;flex-wrap:wrap;gap:6px}.member-alphabet a{display:grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:rgba(2,6,23,.25);color:#aebbd0;text-decoration:none;font-weight:800}.member-alphabet a:hover,.member-alphabet a.is-active{border-color:rgba(124,109,250,.55);background:rgba(124,109,250,.2);color:#fff}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.directory-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;padding:15px}.directory-card>img{width:58px;height:58px;border-radius:17px;object-fit:cover}.directory-card>div:nth-child(2){display:grid;gap:3px;min-width:0}.directory-card small{color:#8493ae}.directory-card span{color:#6ee7b7;font-size:.77rem}.directory-actions{grid-column:1/-1;display:flex;align-items:center;gap:7px}.directory-actions form{margin:0 0 0 auto}.directory-actions .button{flex:1}.directory-pagination{display:flex;align-items:center;justify-content:center;gap:14px}.directory-pagination a{padding:9px 13px;border-radius:10px;background:rgba(124,109,250,.13);color:#c8c2ff;text-decoration:none;font-weight:750}.directory-pagination span{color:#8493ae}@media(max-width:560px){.directory-grid{grid-template-columns:1fr}.directory-actions{flex-wrap:wrap}.member-alphabet{max-height:122px;overflow:auto}}