.friend-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.friend-tabs [aria-pressed=true]{background:#ff2035;color:#fff;border-color:#ff2035}.friend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.friend-card{background:#111216;border:1px solid #303139;padding:22px;min-width:0;border-radius:10px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.friend-person{min-width:0;flex:1}.friend-person strong{display:block;font-size:19px;overflow-wrap:anywhere}.friend-person small{display:block;color:#a8a8b2;margin-top:6px;overflow-wrap:anywhere}.friend-mark{height:48px;width:48px;display:grid;place-items:center;background:#ff20351c;color:#ff2035;border:1px solid #ff2035;font-weight:800}.friend-card .social-actions{width:100%}.friend-profile{border-bottom:1px solid #303139;padding-bottom:20px;margin-bottom:22px}.friend-profile p{width:100%}#friendInviteDialog{max-width:820px}#friendInviteStatus,#friendsStatus,#friendReceivedStatus{color:#ffadb6;overflow-wrap:anywhere}#friendInviteList{margin:20px 0}#friendInviteManage{margin-top:20px}@media(max-width:550px){.friend-card{padding:16px}.friend-tabs button{flex:1 1 40%}.friend-card button{min-height:44px}#friendInviteDialog{width:calc(100% - 24px)}}