.vsp-members-directory{
 --vsp-members-accent:#f73873;
 --vsp-members-bg:#101014;
 --vsp-members-panel:rgba(17,17,22,.72);
 --vsp-members-border:rgba(255,255,255,.09);
 width:100%;
 color:#fff;
 font-family:inherit;
}
.vsp-members-directory,.vsp-members-directory *{box-sizing:border-box}
.vsp-members-tools{display:grid;gap:12px;margin:0 0 20px}
.vsp-members-search{position:relative;display:block;width:100%;margin:0}
.vsp-members-search svg{position:absolute;left:17px;top:50%;width:19px;height:19px;transform:translateY(-50%);fill:none;stroke:#777781;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:color .18s ease,stroke .18s ease}
.vsp-members-search input{
 display:block;width:100%;height:50px;margin:0;padding:0 17px 0 48px;
 border:1px solid var(--vsp-members-border);border-radius:6px;
 background:rgba(16,16,21,.78);box-shadow:none;color:#f4f4f6;
 font:inherit;font-size:14px;font-weight:650;line-height:1;outline:none;
 transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
 -webkit-appearance:none;appearance:none;
}
.vsp-members-search input::placeholder{color:#707079;opacity:1}
.vsp-members-search input:hover{border-color:rgba(255,255,255,.15)}
.vsp-members-search input:focus{border-color:rgba(247,56,115,.75);background:#141419;box-shadow:0 0 0 3px rgba(247,56,115,.1)}
.vsp-members-search:focus-within svg{stroke:var(--vsp-members-accent)}
.vsp-members-search input::-webkit-search-cancel-button{filter:grayscale(1) invert(.75);cursor:pointer}
.vsp-members-alpha{
 display:flex;align-items:center;gap:5px;width:100%;padding:8px 10px;
 overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;
 border:1px solid var(--vsp-members-border);border-radius:6px;background:rgba(16,16,21,.72);
}
.vsp-members-alpha button{
 flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
 min-width:36px;height:30px;margin:0;padding:0 10px;
 border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#17171d;color:#e5e5e8;
 font:inherit;font-size:10px;font-weight:900;line-height:1;text-transform:uppercase;cursor:pointer;
 transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.vsp-members-alpha button:first-child{min-width:48px}
.vsp-members-alpha button:hover{border-color:rgba(255,255,255,.2);background:#202027;color:#fff}
.vsp-members-alpha button:focus-visible{outline:2px solid var(--vsp-members-accent);outline-offset:2px}
.vsp-members-alpha button.is-active{border-color:var(--vsp-members-accent);background:var(--vsp-members-accent);color:#fff}
.vsp-members-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vsp-member-card{
 min-width:0;margin:0;border:1px solid var(--vsp-members-border);border-radius:6px;
 background:linear-gradient(145deg,rgba(18,18,23,.82),rgba(13,13,17,.82));
 overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.vsp-member-card[hidden]{display:none!important}
.vsp-member-card>a{
 display:flex;min-height:236px;padding:24px 18px 21px;align-items:center;flex-direction:column;
 color:inherit;text-align:center;text-decoration:none!important;outline:none;
}
.vsp-member-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(22,22,28,.9),rgba(15,15,20,.9));box-shadow:0 16px 34px rgba(0,0,0,.22)}
.vsp-member-card:focus-within{border-color:rgba(247,56,115,.72);box-shadow:0 0 0 3px rgba(247,56,115,.1)}
.vsp-member-avatar{
 display:block;width:90px!important;height:90px!important;max-width:none!important;margin:0 0 14px!important;
 border:1px solid rgba(255,255,255,.16)!important;border-radius:6px!important;
 background:#1b1b20;box-shadow:none!important;object-fit:cover;object-position:center;filter:none!important;
 transition:transform .22s ease,border-color .22s ease;
}
.vsp-member-card:hover .vsp-member-avatar{transform:scale(1.025);border-color:rgba(255,255,255,.25)!important}
.vsp-member-name{display:block;max-width:100%;overflow:hidden;color:#f5f5f7;font-size:17px;font-weight:900;line-height:1.28;text-overflow:ellipsis;white-space:nowrap}
.vsp-member-handle{display:block;max-width:100%;overflow:hidden;margin-top:5px;color:#787882;font-size:12px;font-weight:750;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.vsp-member-role{
 display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin-top:18px;padding:6px 10px;
 border:1px solid rgba(247,56,115,.48);border-radius:999px;background:rgba(247,56,115,.11);color:#f73873;
 font-size:10px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.025em;
}
.vsp-member-role--admin{border-color:rgba(255,76,76,.52);background:rgba(255,76,76,.1);color:#ff5c5c}
.vsp-member-role--author{border-color:rgba(34,197,112,.5);background:rgba(34,197,112,.1);color:#2bd27c}
.vsp-member-role--editor{border-color:rgba(107,151,255,.5);background:rgba(107,151,255,.1);color:#85a9ff}
.vsp-member-role--external-author,.vsp-member-role--member{border-color:rgba(247,56,115,.48);background:rgba(247,56,115,.1);color:#f73873}
.vsp-member-since{display:block;margin-top:17px;color:#777780;font-size:11px;font-weight:750;line-height:1.35}
.vsp-members-empty{margin:18px 0 0;padding:24px;border:1px solid var(--vsp-members-border);border-radius:6px;background:rgba(16,16,21,.72);color:#8a8a94;font-size:13px;font-weight:700;text-align:center}
@media(max-width:1020px){.vsp-members-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .vsp-members-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .vsp-member-card>a{min-height:220px;padding:20px 14px 18px}
 .vsp-member-avatar{width:82px!important;height:82px!important}
 .vsp-member-name{font-size:15px}
 .vsp-members-alpha{padding:7px 8px}
}
@media(max-width:480px){
 .vsp-members-tools{gap:10px;margin-bottom:14px}
 .vsp-members-search input{height:48px;font-size:13px}
 .vsp-members-grid{grid-template-columns:1fr}
 .vsp-member-card>a{min-height:0;padding:18px}
 .vsp-member-avatar{width:88px!important;height:88px!important}
}
@media(prefers-reduced-motion:reduce){.vsp-member-card,.vsp-member-avatar,.vsp-members-alpha button{transition:none!important}.vsp-member-card:hover{transform:none}}