.ta-request-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:6px;padding:0 5px;border-radius:99px;background:#8064ff;color:#fff;font-size:11px;font-weight:800}.ta-connections{display:grid;gap:22px}.ta-friend-group{display:grid;gap:10px}.ta-friend-group h2{margin:0;font-size:20px}.ta-friend-group h2 small{color:#aaa3b9}.ta-friend-empty{margin:0;padding:18px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:#aaa3b9}.ta-friend-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:#100d17}.ta-friend-avatar{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#251d31;font-size:28px}.ta-friend-avatar img{width:100%;height:100%;object-fit:cover}.ta-friend-copy{min-width:0}.ta-friend-copy strong,.ta-friend-copy span{display:block}.ta-friend-copy span{color:#bbaeff;font-size:13px}.ta-friend-copy p{margin:5px 0 0;color:#aaa3b9}.ta-friend-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.ta-connection-form{display:inline-block;margin:0}.ta-friend-actions .ta-primary,.ta-friend-actions .ta-secondary,.ta-friend-actions .ta-danger{width:auto;padding:9px 12px;font-size:12px}.ta-connection-settings{margin-top:18px}.ta-public-connections{display:grid;justify-items:center;gap:12px;margin-top:20px}.ta-connection-count{color:#aaa3b9}.ta-public-connection-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.ta-public-connection-actions .ta-primary,.ta-public-connection-actions .ta-secondary,.ta-public-connection-actions .ta-danger,.ta-connect-main{width:auto!important;display:inline-block;padding:11px 16px}.ta-connection-state{padding:9px 13px;border-radius:99px;background:rgba(128,100,255,.14);color:#cbbfff;font-weight:750}
@media(max-width:620px){.ta-friend-card{grid-template-columns:50px 1fr}.ta-friend-avatar{width:50px;height:50px}.ta-friend-actions{grid-column:1/-1;justify-content:flex-start}.ta-friend-actions form,.ta-friend-actions a{flex:1}.ta-friend-actions button,.ta-friend-actions a{text-align:center;width:100%!important}}
.ta-public-friends{width:100%;margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.ta-public-friends>strong{display:block;margin-bottom:10px}.ta-public-friends>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.ta-public-friends a{width:66px;color:#fff;text-decoration:none;font-size:11px}.ta-public-friends a span{width:48px;height:48px;margin:auto;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#251d31;font-size:23px}.ta-public-friends a img{width:100%;height:100%;object-fit:cover}.ta-public-friends a b{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}