.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:flex;align-items:center;gap:5px;margin-bottom:11px;flex-wrap:wrap}.mask .profileWrapper .userProfile .nickRow .nickName{display:inline-flex;align-items:center;color:#909090;font-weight:700;font-size:14px;line-height:18px;margin:0 2px 0 0!important;word-break:break-word}.mask .profileWrapper .userProfile .nickRow .nickName:not(:empty):before{content:"@"}.mask .profileWrapper .userProfile .nickRow .copyLinkBtn,.mask .profileWrapper .userProfile .nickRow .editNickBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;line-height:0;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s ease}.mask .profileWrapper .userProfile .nickRow .nicknameEditWrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.mask .profileWrapper .userProfile .nickRow .nicknameInputWrapper{display:flex;align-items:center;min-width:220px;max-width:320px;width:100%;height:34px;border:1px solid #ced0d4;border-radius:6px;background:#fff;box-sizing:border-box;overflow:hidden}.mask .profileWrapper .userProfile .nickRow .nicknameInputWrapper:focus-within{border-color:var(--branding-color);box-shadow:0 0 0 2px rgba(24,119,242,.1)}.mask .profileWrapper .userProfile .nickRow .nicknamePrefix{padding-left:12px;padding-bottom:2px;color:#909090;font-size:14px;font-weight:700;line-height:34px}.mask .profileWrapper .userProfile .nickRow .nicknameInput{border:none;outline:none;box-shadow:none;flex:1 1;height:100%;padding:0 12px 0 4px;font-size:14px;font-weight:500;color:#181823;background:transparent}.mask .profileWrapper .userProfile .nickRow .nicknameActionBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:34px;padding:0 14px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s ease}.mask .profileWrapper .userProfile .nickRow .nicknameActionBtn:disabled{opacity:.6;cursor:not-allowed}.mask .profileWrapper .userProfile .nickRow .updateBtn{color:#fff}.mask .profileWrapper .userProfile .nickRow .cancelBtn{background:#e4e6eb;color:#181823}.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 .nickRow,.pageProfile .userProfile .nickRow{gap:5px;margin-bottom:8px}.mask .profileWrapper .userProfile .nickRow .nickName,.pageProfile .userProfile .nickRow .nickName{font-size:13px}.mask .profileWrapper .userProfile .nickRow .nicknameInput,.pageProfile .userProfile .nickRow .nicknameInput{min-width:100%;max-width:100%}.mask .profileWrapper .userProfile .nickRow .nicknameActionBtn,.pageProfile .userProfile .nickRow .nicknameActionBtn{height:32px;font-size:13px;padding:0 12px}.mask .profileWrapper .userProfile .userPresence,.pageProfile .userProfile .userPresence{margin-top:8px}.mask .profileWrapper .userProfile .userPresence .presenceText,.pageProfile .userProfile .userPresence .presenceText{font-size:12px}}