.communityHero{background:linear-gradient(135deg,#0b1b2b,#0b2b43);border:1px solid #21415c;border-radius:14px;grid-template-columns:135px 1fr 90px;align-items:center;gap:22px;margin:8px 0 38px;padding:25px 28px;display:grid}.communityHero img{object-fit:contain;filter:drop-shadow(0 8px 22px #0006);width:125px;height:100px}.communityHero span{letter-spacing:2px;color:#2bb3fb;font-size:11px;font-weight:800}.communityHero h2{margin:7px 0;font-size:25px}.communityHero p{color:#a6b9cb;margin:0;line-height:1.55}.people{text-align:center;font-size:55px}.communityCards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.communityCards>div{background:#091724;border:1px solid #22394f;border-radius:10px;flex-direction:column;gap:6px;padding:17px;display:flex}.communityCards b{font-size:23px}.communityCards small{color:#91a6ba}.friendFlow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;display:grid}.friendFlow>div{text-align:center;background:#091724;border:1px solid #22394f;border-radius:10px;padding:16px}.friendFlow b{color:#3abaff;margin-right:7px}.friendFlow i{color:#3abaff;font-style:normal}.statusGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.statusGrid>div{background:#091724;border:1px solid #22394f;border-radius:10px;gap:11px;padding:15px;display:flex}.statusGrid>div>b{border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.statusGrid span{flex-direction:column;gap:4px;display:flex}.statusGrid small{color:#91a6ba}.pending>b{color:#ffd366;background:#594719}.accepted>b{color:#6ef0bb;background:#0d6d50}.refused>b{color:#ff929e;background:#692d35}.requestCard{background:#091724;border:1px solid #28506c;border-radius:11px;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:16px;display:grid}.avatar,.avatarSmall{background:#153044;border-radius:50%;place-items:center;display:grid}.avatar{width:45px;height:45px}.requestCard>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.requestCard span{color:#91a6ba}.requestActions{gap:7px;display:flex}.requestActions button{color:#fff;background:#0d567e;border:1px solid #2385b6;border-radius:7px;padding:8px 11px}.requestActions .secondary{color:#b3c4d1;background:#152430;border-color:#344b5d}.friendsList{gap:8px;display:grid}.friendsList>div{background:#091724;border:1px solid #22394f;border-radius:9px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:11px 13px;display:grid}.avatarSmall{width:37px;height:37px}.friendsList>div>span:nth-child(2){flex-direction:column;display:flex}.friendsList small{color:#91a6ba}.friendsList>div>b{color:#61dca9}.tackySocial{background:#091724;border:1px solid #22394f;border-radius:10px;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.tackySocial>span{font-size:25px}.tackySocial>div{flex-direction:column;gap:4px;display:flex}.tackySocial small{color:#91a6ba}.tackySocial>b{color:#3abaff}.remember{grid-template-columns:1fr 1fr;gap:10px;display:grid}.remember>div{background:#091724;border:1px solid #22394f;border-radius:10px;align-items:center;gap:11px;padding:15px;display:flex}.remember b{font-size:20px}.remember span{color:#a8bac9}@media (max-width:760px){.communityHero{grid-template-columns:1fr}.people{text-align:left}.communityCards,.statusGrid,.remember,.friendFlow{grid-template-columns:1fr}.friendFlow i{text-align:center;transform:rotate(90deg)}.requestCard{grid-template-columns:48px 1fr}.requestActions{grid-column:1/-1}.tackySocial{grid-template-columns:45px 1fr}.tackySocial>b{grid-column:2}}
