.pageProfile{width:50%!important}.mask{position:fixed;z-index:1001;width:100%;height:100vh;top:0;background:rgba(0,0,0,.3);display:flex;justify-content:flex-end}.mask .profileWrapper{position:relative;width:50%;height:100%;background:#fff;border-radius:10px;padding:50px 0;box-sizing:border-box;overflow-y:scroll}.mask .profileWrapper .closeButton{display:flex;align-items:center;justify-content:center;position:absolute;top:24px;right:20px;width:32px;height:32px;border-radius:50%;padding:0;transition:background .3s ease}.mask .profileWrapper .closeButton:hover{cursor:pointer;background:#e4e4e4}.mask .profileWrapper .profileTitle{margin:0;font-size:24px;font-weight:700;line-height:32px;color:#181823}.mask .profileWrapper .userProfile{display:flex;gap:15px;margin-top:22px;margin-bottom:42px}.mask .profileWrapper .userProfile .userName{display:flex;align-items:center;gap:9px}.mask .profileWrapper .userProfile .userName.withNick{margin-bottom:2px}.mask .profileWrapper .userProfile .userName.noNick{margin-bottom:13px}.mask .profileWrapper .userProfile .avatar{width:112px;height:112px;border-radius:50%}.mask .profileWrapper .userProfile h3{font-size:24px;font-weight:700;color:#181823;margin:0}.mask .profileWrapper .userProfile .nickRow{display:inline-flex;align-items:flex-start;gap:3px;margin-bottom:11px}.mask .profileWrapper .userProfile .nickRow .nickName{display:block;color:#909090;font-weight:700;font-size:14px;margin-bottom:11px!important}.mask .profileWrapper .userProfile .nickRow .nickName:not(:empty):before{content:"@"}.mask .profileWrapper .userProfile .nickRow .copyLinkBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;line-height:0;transition:opacity .15s ease}.mask .profileWrapper .userProfile .userBio{font-size:18px;font-weight:500;line-height:20px;color:#65676b;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.mask .profileWrapper .userProfile .userPresence{display:flex;align-items:center;gap:8px;margin-top:10px}.mask .profileWrapper .userProfile .userPresence .presenceIndicator{width:10px;height:10px;border-radius:50%}.mask .profileWrapper .userProfile .userPresence .presenceIndicator.online{background-color:#28ef60}.mask .profileWrapper .userProfile .userPresence .presenceIndicator.offline{background-color:#a6a6a6}.mask .profileWrapper .userProfile .userPresence .presenceText{font-size:14px;line-height:18px;color:#a6a6a6}.mask .profileWrapper .tabHeader{display:flex;gap:26px;padding:15px 0;border-top:1px solid #ced0d4}.mask .profileWrapper .tabHeader .tab{font-size:16px;line-height:20px;font-weight:700;padding:5px;border-bottom:3px solid transparent;transition:color .3s ease}.mask .profileWrapper .tabHeader .tab:hover{cursor:pointer;color:var(--branding-color)}.mask .profileWrapper .tabHeader .tab.activeTab{border-color:#1877f2}.mask .profileWrapper .tabBody .community-container{padding:0 20px}.mask .profileWrapper .tabBody .recentActivity-end{border-bottom:1px solid #ced0d4;margin:0 30px}.mask .profileWrapper .tabBody .community img{width:34px;min-width:34px;height:34px;border-radius:50%}.mask .profileWrapper .tabBody .community{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:5px 10px;transition:background .3s ease}.mask .profileWrapper .tabBody .community:hover{cursor:pointer;background:#f1f1f1;border-radius:5px}.mask .profileWrapper .tabBody .community .emojiView{font-size:xx-large;width:34px}.mask .profileWrapper .tabBody .community .communityInfo{display:flex;flex-direction:column;gap:8px}.mask .profileWrapper .tabBody .community .communityInfo span:first-child{font-size:16px;line-height:20px;font-weight:700}.mask .profileWrapper .tabBody .community .communityInfo span:last-child{font-size:14px;line-height:18px;font-weight:400}.profileContainer{padding:0 30px}.singlePostModalWrapper{width:50%!important}.singlePostModalWrapper .modalHeader{padding-top:20px;padding-right:20px}.singlePostModalWrapper .modalContentWrapper{padding:0}.singlePostModalWrapper .modalContentWrapper .postPreview{margin-top:0}@media screen and (max-width:992px){.mask .profileWrapper,.pageProfile{width:80%!important}}@media screen and (max-width:572px){.mask .profileWrapper,.pageProfile{padding:20px;width:100%!important;border-radius:0}.mask .profileWrapper .tabHeader .tab,.pageProfile .tabHeader .tab{font-size:13px}.mask .profileWrapper .profileTitle,.pageProfile .profileTitle{font-size:16px}.mask .profileWrapper .closeButton,.pageProfile .closeButton{width:32px;height:32px;padding:0;top:10px;right:13px}.mask .profileWrapper .userProfile,.pageProfile .userProfile{margin-bottom:32px}.mask .profileWrapper .userProfile .positionTitle,.pageProfile .userProfile .positionTitle{font-size:14px}.mask .profileWrapper .userProfile .userName,.mask .profileWrapper .userProfile .userNickname,.pageProfile .userProfile .userName,.pageProfile .userProfile .userNickname{margin-bottom:5px}.mask .profileWrapper .userProfile .userName h3,.mask .profileWrapper .userProfile .userName h4,.mask .profileWrapper .userProfile .userNickname h3,.mask .profileWrapper .userProfile .userNickname h4,.pageProfile .userProfile .userName h3,.pageProfile .userProfile .userName h4,.pageProfile .userProfile .userNickname h3,.pageProfile .userProfile .userNickname h4{font-size:16px}.mask .profileWrapper .userProfile .avatar,.pageProfile .userProfile .avatar{width:72px;height:72px}.mask .profileWrapper .userProfile .userPresence,.pageProfile .userProfile .userPresence{margin-top:8px}.mask .profileWrapper .userProfile .userPresence .presenceText,.pageProfile .userProfile .userPresence .presenceText{font-size:12px}}