.people-search{width:min(650px,100%);display:grid;grid-template-columns:24px 1fr 22px;align-items:center;gap:6px;border:1px solid #dce5d4;background:#fff;border-radius:10px;padding:0 12px;margin:0 0 10px}.people-search>span{font-size:20px;color:#70836f}.people-search input{border:0;padding:13px 0;margin:0;outline:0}.people-search button{border:0;background:none;color:#829080;font-size:21px;cursor:pointer;opacity:0}.people-search:focus-within button{opacity:1}.friend-results{width:min(650px,100%);display:none;background:#fff;border:1px solid var(--line);border-radius:11px;margin:0 0 14px;overflow:hidden}.friend-results.open{display:block}.friend-result{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line)}.friend-result:last-child{border:0}.friend-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e3efd1;font-size:16px}.friend-result b{display:block;font-size:12px}.friend-result small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.friend-result .follow-button{margin-left:auto}.search-empty{padding:17px;font-size:12px;color:var(--muted)}