.friends-page{max-width:840px}.friends-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:28px 0}.friends-tabs button{border:1px solid transparent;background:#19191c;color:#8e899a;padding:11px 15px;border-radius:10px;font-size:11px;transition:background .2s,color .2s,border-color .2s}.friends-tabs button[aria-selected=true]{background:#7b68d829;border-color:#ae98ff20;color:#c7b8ff}.friends-tabs [data-friends-count]{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;margin-left:5px;background:#8c75f033;border-radius:50%;font-size:9px}.friends-list{display:grid;gap:10px}.friend-card{display:flex;align-items:center;gap:12px;min-height:79px;padding:14px 17px;background:#19191d;border:1px solid #ffffff06;border-radius:14px;animation:friend-card-in .25s ease}.friend-profile-link{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.friend-face{position:relative;display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:#29272e;border-radius:50%;color:#77717e}.friend-face>img,.friend-face>svg{width:100%;height:100%;border-radius:50%;object-fit:cover}.friend-face>svg{width:35px;height:35px;overflow:hidden}.friend-face>i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:2px solid #19191d;border-radius:50%;background:#57515f;transition:background .3s,box-shadow .3s}.friend-face>i[data-status=site]{background:#62dc5d}.friend-face>i[data-status=server]{background:#9982ff;box-shadow:0 0 10px #9982ff30}.friend-info{min-width:0;display:flex;flex-direction:column;gap:7px}.friend-name{display:flex;align-items:center;gap:6px;min-width:0}.friend-name strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-name .rank-art{height:10px;max-width:72px}.friend-info>small{font-size:10px;color:#86808f;line-height:1.4}.friend-row-actions{display:flex;gap:6px;flex-shrink:0}.friend-row-actions>button{display:grid;place-items:center;width:31px;height:31px;padding:7px;background:#24212d;border:1px solid #a895e30c;border-radius:9px;color:#9e91c4;transition:background .2s,color .2s,transform .2s}.friend-row-actions>button:hover{background:#352d49;color:#c7b8f8;transform:translateY(-1px)}.friend-row-actions>button:disabled{opacity:.4;cursor:wait}.friend-row-actions svg{width:16px;height:16px}.friend-row-actions>.friend-action-decline,.friend-row-actions>.friend-action-remove{color:#b27480}.friends-empty{padding:42px 20px;background:#19191c;border:1px solid #ffffff06;border-radius:15px;text-align:center;color:#80798d;font-size:12px}.friends-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:22px}.friends-pagination button{padding:9px 14px;border:1px solid #ffffff08;background:#211d2a;border-radius:9px;color:#b1a2d6;font-size:11px}.friends-pagination button:disabled{opacity:.3;cursor:default}.friends-pagination>span{font-size:11px;color:#7b7487}.profile-friend{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-width:29px;min-height:27px;color:#ab95ed!important;background:#8570d51c!important;border-radius:8px!important;padding:6px!important}.profile-friend.is-friend{color:#bba5ff!important;background:#8570d52c!important}.profile-friend:disabled{opacity:.5}.profile-friend>svg{width:15px;height:15px}.friend-button-tooltip{position:absolute;bottom:calc(100% + 9px);left:50%;z-index:35;white-space:nowrap;pointer-events:none;padding:9px 12px;border-radius:9px;background:#24202e;color:#c9bedf;font:10px/1.5 Inter,system-ui,sans-serif;box-shadow:0 8px 25px #0005;opacity:0;visibility:hidden;transform:translate(-50%,5px);transition:opacity .17s,transform .17s,visibility .17s}.profile-friend:hover .friend-button-tooltip,.profile-friend:focus-visible .friend-button-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}.toast-friend-avatar{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#34303e;color:#8a809d;filter:blur(.55px)}.toast-friend-avatar>img,.toast-friend-avatar>svg{width:100%;height:100%;object-fit:cover}.friend-confirm{width:min(360px,calc(calc(100vw / var(--bvx-scale,1)) - 32px));padding:26px;border:1px solid #ffffff0b;border-radius:18px;background:#19181e;color:#e2dcea;box-shadow:0 20px 70px #0008}.friend-confirm::backdrop{background:#0009;backdrop-filter:blur(5px)}.friend-confirm h2{font-size:21px;margin:0 0 15px}.friend-confirm p{font-size:12px;line-height:1.7;color:#9790a3}.friend-confirm>div{display:flex;gap:10px;margin-top:22px}.friend-confirm button{flex:1;border:0;border-radius:11px;padding:12px;font-size:11px;background:#2b2537;color:#c0b2df}.friend-confirm [data-yes]{background:#69383e55;color:#e09eaa}.friend-confirm[open]{animation:dialog-in .23s ease}@keyframes friend-card-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:870px){.friends-tabs{gap:5px}.friends-tabs button{padding:10px;font-size:10px}.friend-card{padding:13px 12px;gap:8px}.friend-profile-link{gap:10px}.friend-face{width:35px;height:35px}.friend-row-actions{gap:4px}.friend-row-actions>button{width:27px;height:29px;padding:5px}.friend-name{flex-wrap:wrap;gap:4px}.friend-info>small{font-size:9px}}@media(prefers-reduced-motion:reduce){.friend-card,.friend-confirm[open]{animation:none}.friend-button-tooltip{transition:none}}