.friend-add{display:grid;grid-template-columns:1fr auto;gap:6px;margin:12px 0 5px}.friend-add input{min-width:0;background:#121824;border:1px solid var(--line);color:var(--text);padding:10px}.friend-add button,#friendsPanel article button{border:1px solid var(--lime);background:transparent;color:var(--lime);padding:8px;font:700 7px 'Chakra Petch'}#friendMessage{display:block;min-height:17px;color:var(--orange);font:600 7px 'Chakra Petch'}#friendsPanel section{margin-top:10px}#friendsPanel h4{color:var(--muted);font:700 8px 'Chakra Petch';letter-spacing:1px}#friendRequests,#friendList{display:grid;gap:5px}#friendsPanel article{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);background:#111722}#friendsPanel article>b{margin-right:auto;font:700 10px 'Chakra Petch'}#friendsPanel article>i{color:var(--lime);font-style:normal;font-size:8px}#friendsPanel article span{display:flex;gap:5px}#friendsPanel article button:nth-child(2),#friendsPanel [data-remove]{border-color:var(--line);color:var(--muted)}#friendsPanel p{color:var(--muted);font-size:9px;text-align:center;padding:8px}