.friend-card[data-v-76d9d4a2]{background:linear-gradient(122.55deg,#000 36.92%,#7f170e80 117.89%);border-radius:8px;padding:10px}.friend-card .top-section[data-v-76d9d4a2]{display:flex;gap:10px}.friend-card .top-section .user-icon[data-v-76d9d4a2]{border-radius:5px;height:80px;width:80px}.friend-card .top-section .user-info[data-v-76d9d4a2]{display:flex;flex-direction:column}.friend-card .top-section .user-info .user-name[data-v-76d9d4a2]{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card .top-section .user-info .online[data-v-76d9d4a2]{color:#53ff40bf;font-size:14px;padding-left:15px;position:relative}.friend-card .top-section .user-info .online[data-v-76d9d4a2]:after{background:var(--new-primary-green);border-radius:50%;bottom:8px;content:"";height:8px;left:0;position:absolute;width:8px}.friend-card .top-section .user-info .online.offline[data-v-76d9d4a2]{color:var(--transp-white-60)}.friend-card .top-section .user-info .online.offline[data-v-76d9d4a2]:after{background:var(--transp-white-60)}.friend-card .top-section .user-info .user-level[data-v-76d9d4a2]{background-color:var(--dark-black);border:1px solid var(--new-gray);border-radius:5px;font-size:12px;margin-top:15px;padding:0 10px;width:-moz-fit-content;width:fit-content}.friend-card .middle-section[data-v-76d9d4a2]{display:flex;gap:20px;margin-top:15px}.friend-card .middle-section .info[data-v-76d9d4a2]{align-items:center;color:var(--transp-white-60);display:flex;font-size:12px;gap:5px}.friend-card .middle-section svg[data-v-76d9d4a2]{height:15px;width:15px}.friend-card .container-general-games[data-v-76d9d4a2]{display:flex;flex-direction:column;gap:10px;margin-top:15px}.friend-card .container-general-games .title[data-v-76d9d4a2]{font-size:12px}.friend-card .container-general-games .general-games[data-v-76d9d4a2]{display:flex;gap:5px}.friend-card .container-general-games .general-games .game-name[data-v-76d9d4a2]{background-color:var(--dark-black);border:1px solid var(--new-gray);border-radius:4px;color:var(--transp-white-60);font-size:12px;padding:0 8px}.friend-card .container-general-games .general-games .more-games[data-v-76d9d4a2]{background-color:var(--dark-black);border:1px solid var(--new-gray);border-radius:4px;font-size:12px;padding:0 10px}.friend-card .bottom-section[data-v-76d9d4a2]{display:flex;gap:10px;margin-top:15px}.container-aside[data-v-43b144c9]{display:flex;flex-direction:column;gap:20px;max-width:320px}.container-aside .gather-group[data-v-43b144c9]{height:44px}.container-aside .friends-activity[data-v-43b144c9]{background-color:var(--dark-black);border:1px solid var(--new-gray);border-radius:8px;display:flex;flex-direction:column;gap:20px;padding:20px 10px}.container-aside .friends-activity .activity[data-v-43b144c9]{display:flex;flex-direction:column;gap:10px}.container-aside .friends-activity .activity .activity-info[data-v-43b144c9]{background-color:var(--new-light-black);border:1px solid var(--new-gray);border-radius:8px;padding:10px 15px}.container-friends[data-v-2ae850e5]{background-color:var(--new-light-black);height:100dvh;padding-top:80px}.container-friends .main-content[data-v-2ae850e5]{display:flex;gap:20px;padding:25px 60px 0}.container-friends .main-content .friends[data-v-2ae850e5]{display:flex;flex-direction:column;gap:20px}.container-friends .main-content .friends .friends-header[data-v-2ae850e5]{align-items:center;display:flex;justify-content:space-between}.container-friends .main-content .friends .friends-header .friends-status[data-v-2ae850e5]{display:flex;gap:20px}.container-friends .main-content .friends .friends-header .friends-status .offline[data-v-2ae850e5],.container-friends .main-content .friends .friends-header .friends-status .online[data-v-2ae850e5]{color:#53ff40bf;font-size:14px;padding-left:15px;position:relative}.container-friends .main-content .friends .friends-header .friends-status .offline span[data-v-2ae850e5],.container-friends .main-content .friends .friends-header .friends-status .online span[data-v-2ae850e5]{color:var(--white)}.container-friends .main-content .friends .friends-header .friends-status .offline[data-v-2ae850e5]:after,.container-friends .main-content .friends .friends-header .friends-status .online[data-v-2ae850e5]:after{background:#53ff40;border-radius:50%;bottom:7px;content:"";height:8px;left:0;position:absolute;width:8px}.container-friends .main-content .friends .friends-header .friends-status .offline[data-v-2ae850e5]{color:#ff4040bf}.container-friends .main-content .friends .friends-header .friends-status .offline[data-v-2ae850e5]:after{background:#ff4040}.container-friends .main-content .friends .friends-info[data-v-2ae850e5]{display:flex;flex-wrap:wrap;gap:20px;height:100%;width:100%}