#closetSocial{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 45px;border-bottom:1px solid #343c43}#closetSocial:empty{display:none}.social-counts{display:flex;flex-wrap:wrap;gap:10px}.social-counts button{display:flex;gap:8px;align-items:center;padding:12px 16px;min-height:44px;border:1px solid #39424b;border-radius:12px;background:#171d23;color:#f1f2ec;font-size:15px;cursor:pointer}.social-counts span{color:#aeb8c0}.social-counts button:hover{border-color:#d9ff50}.social-people{width:min(520px,calc(100vw - 24px))}.social-people header{display:flex;justify-content:space-between;align-items:start;gap:12px}.social-people form{display:flex;gap:10px;align-items:end;margin:18px 0}.social-people label{flex:1;min-width:0;font-size:14px}.social-people input{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px;background:#0c1013;color:#f1f2ec;border:1px solid #48535c;border-radius:10px;font:inherit;font-size:16px}.social-people-list{display:grid;gap:8px}.social-person{display:flex;align-items:center;gap:14px;text-align:left;padding:12px;background:#22292f;color:#f1f2ec;border:0;border-radius:12px;cursor:pointer;font-size:16px;overflow-wrap:anywhere}.social-person .profile-photo-preview{width:44px;height:44px;flex:none;font-size:16px}.social-person>span:last-child{min-width:0}.social-people [data-more]{margin-top:16px}.social-relationship{color:#d9ff50;padding:0 20px}.member-profile-head .social-counts{margin-top:16px}.member-profile-head>.profile-photo-preview{flex-shrink:0}#memberProfileContent>h3,#memberProfileContent>[data-listing-status]{padding:0 20px}#memberProfileContent>[data-more-listings]{margin:20px}
@media(max-width:800px){#closetSocial{padding:16px;gap:12px}.social-counts{gap:6px}.social-counts button{padding:10px;font-size:14px}.social-people{padding:20px}.social-people form{flex-wrap:wrap}.social-people form label{flex-basis:100%}.member-profile-head .profile-links{margin-top:16px}.member-profile-head>.profile-photo-preview{margin-bottom:12px}}