.topbar-container{height:50px;width:100%;background-color:#1877f2;display:flex;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.topbarLeft{flex:3 1}.topbarCenter{flex:5 1}.searchbar{width:100%;height:30px;background-color:#fff;border-radius:30px;display:flex;align-items:center}.searchIcon{font-size:20px!important;margin-left:10px}.searchInput{border:none;width:100%}.searchInput:focus{outline:none}.topbarRight{flex:4 1;display:flex;align-items:center;justify-content:space-around;color:#fff}.topbarLinks{margin-right:10px;font-size:14px;cursor:pointer;list-style:none;color:#fff;-webkit-text-decoration:"none";text-decoration:"none"}.topbarLinks:active,.topbarLinks:hover,.topbarLinks:link,.topbarLinks:visited{text-decoration:none;color:#fff}.topbarLink{margin:0 10px}.topbarIcons{display:flex}.topbarIconItem{margin-right:15px;cursor:pointer;position:relative;color:#fff}.topbarIconItem :active{text-decoration:none}.topbarIconBadge{width:15px;height:15px;background-color:red;border-radius:50%;color:#fff;position:absolute;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center}.topbarImg{width:32px;height:32px;border-radius:50%;object-fit:cover;cursor:pointer}.logo{font-size:24px;margin-left:20px;font-weight:700;color:#fff;cursor:pointer}.chatIcon:focus{text-decoration:none;list-style:none}.notifications{position:absolute;top:50px;right:0;background-color:#fff;color:#000;font-weight:300;display:flex;flex-direction:column;padding:10px;width:400px}.notification{padding:5px;font-size:14px}.nButton{width:80%;padding:5px;margin-top:10px}@media only screen and (max-width:768px){.topbarCenter,.topbarLinks{display:none}}.leftbar{flex:3 1;height:calc(100vh - 50px);overflow-y:scroll;position:-webkit-sticky;position:sticky;top:50px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#9b9090}.sidebarWrapper{padding:20px}.sidebarList{padding:0;margin:0;list-style:none}.sidebarListItem{display:flex;align-items:center;margin-bottom:20px;cursor:pointer;text-decoration:none}.sidebarListItem:focus{text-decoration:none;list-style:none}.sidebarIcon{margin-right:15px}.sidebarButton{width:150px;border:none;padding:10px;border-radius:5px;font-weight:500}.sidebarHr{margin:20px 0}.sibarFriendList{padding:0;margin:0;list-style:none}.sidebarFriend{display:flex;align-items:center;margin-bottom:15px}.sidebarFriendImg{width:32;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}@media only screen and (max-width:768px){.leftbar{display:none}}.rightbar{flex:3.5 1}.rightbarWrapper{padding:20px 20px 0 0}.birthdayContainer{display:flex;align-items:center}.birthdayImg{width:40px;height:40px;margin-right:15px}.birthdayText{font-weight:300;font-size:15px}.rightbarAdd{width:100%;border-radius:10px;margin:30px 0}.rightbarTitle{margin-bottom:20px}.rightbarFriendList{padding:0;margin:0;list-style:none}.rightbarFriend{display:flex;align-items:center;margin-bottom:15px}.rightbarProfileImgContainer{margin-right:10px;position:relative}.rightbarProfileImg{width:40px;height:40px;border-radius:50%;object-fit:cover}.righrbarOnline{width:12px;height:12px;border-radius:50%;background-color:#32cd32;position:absolute;top:-2;right:0;border:2px solid #fff}.rightbarTitle,.rightbarUsername{font-weight:500}.rightbarTitle{font-size:18px;margin-bottom:10px}.rightbarInfo{margin-bottom:30px}.rightbarInfoItem{margin-bottom:10px}.rightbarFollowingImg{width:100px;height:100px;border-radius:5px;object-fit:cover}.rightbarFollowingName{font-weight:500;color:#ff4500}.rightbarInfoKey{font-weight:500;margin-right:15px;color:#555}.rightbarInfoValue{font-weight:300;color:#804822}.rightbarFollowings{display:flex;flex-wrap:wrap;justify-content:space-between}.rightbarFollowing{display:flex;flex-direction:column;margin-bottom:20px;cursor:pointer}.rightbarFollowButton{margin:30px 30px 10px;border:none;background-color:#1872f2;color:#fff;border-radius:5px;padding:5px 10px;display:flex;align-items:center;font-size:16px;font-weight:500;cursor:pointer}.rightbarFollowButton:focus{outline:none}@media only screen and (max-width:768px){.rightbar{display:none}}.chatOnlineFriend{display:flex;align-items:center;font-weight:500;cursor:pointer;margin-top:20px}.chatOnlineImgContainer{position:relative;margin-right:10px}.chatOnlineImg{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #fff}.chatOnlineBadge{width:10px;height:10px;border-radius:50%;background-color:#10ee10;position:absolute;top:3px;right:3px}.post{width:100%;border-radius:10px;box-shadow:-7px 20px 36px -4px rgba(0,0,0,.57);-webkit-box-shadow:-7px 20px 36px -4px rgba(0,0,0,.57);-moz-box-shadow:-7px 20px 36px -4px rgba(0,0,0,.57);margin:30px 0;padding:10px}.postTop{justify-content:space-between}.postTop,.postTopLeft{display:flex;align-items:center}.postProfileImg{width:32px;height:32px;border-radius:50%;object-fit:cover}.postUserName{font-size:15px;font-weight:500;margin:0 10px}.postDate{font-size:12px}.postCenter{display:flex;flex-direction:column;align-items:center;margin:20px 0}.postText{margin-left:20px;font-weight:500}.postImg{margin-top:20px;width:100%;max-height:500px;object-fit:cover}.postBottom{justify-content:space-between}.postBottom,.postBottomLeft{display:flex;align-items:center}.heartIcon,.likeIcon{width:32px;height:32px;object-fit:cover;margin:20px 10px;cursor:pointer}.postLikeCounter{font-size:15px}.postCommentText{cursor:pointer;border-bottom:1px dashed grey;font-size:15px}.moreVert{width:32px;height:32px;object-fit:cover;color:#fff;background-color:initial}.moreVert:hover{cursor:pointer;border-radius:50%;position:center;background-color:#80807e}.comment{display:flex;width:100%;margin-bottom:10px}.commentleft{display:flex;flex-direction:column}.commentright{margin-left:10px;display:flex;align-items:flex-end;justify-content:flex-end}@media only screen and (max-width:768px){.postImg{width:80%;height:80%;object-fit:contain}}.share{width:100%;height:170px;border-radius:10px;box-shadow:10px 7px 36px 12px rgba(0,0,0,.57);-webkit-box-shadow:10px 7px 36px 12px rgba(0,0,0,.57);-moz-box-shadow:10px 7px 36px 12px rgba(0,0,0,.57)}.shareTop{display:flex;align-items:center}.shareProfileImg{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:10px}.shareInput{border:none;width:80%}.shareInput:focus{outline:none}.shareHr{margin:20px}.shareBottom{display:flex;align-items:center;justify-content:space-between}.shareOptions{display:flex;margin-left:20px}.shareOption{display:flex;align-items:center;margin-right:15px;cursor:pointer}.shareIcon{font-size:18px;margin-right:3px}.shareOptionText{font-size:14px;font-weight:500}.shareButton{border:none;padding:7px;border-radius:5px;background-color:green;font-weight:500;margin-right:20px;cursor:pointer;color:#fff}.shareImgContainer{padding:0 20px 10px;position:relative}.shareImg{width:100%}.shareCancelImg{top:0}.feed{flex:5.5 1;height:calc(100vh - 50px);overflow-y:scroll}.statusProvider{display:flex;width:100%;grid-gap:5px;gap:5px;overflow-x:auto;overflow-y:hidden;margin-bottom:10px}::-webkit-scrollbar{width:4px;height:2px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.status{width:90%;height:200px;margin-bottom:10px;overflow-x:scroll}.statusComponent{width:150px;height:200px;border-radius:20px;border:2px solid red;margin:0 2px;position:relative}.statusProfile{position:absolute;top:10px;left:10px;width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #00f;z-index:5}.back,.back>img{width:100%;height:100%}.back>img{object-fit:cover;border-radius:20px;position:relative}.statusRem{display:flex;width:150px;height:200px;border:1px solid red}.statusAddIcon{font-size:40px!important;position:absolute;top:40%;left:40%}.statusAdder{font-size:10px;position:absolute;top:80%;left:40%;background-color:#fff;color:#000;border:none;border-radius:10px;padding:3px}.homeContainer{display:flex;width:100%;background-color:#000;color:#fff;overflow-y:hidden;overflow-x:hidden}.loginBox{height:300px}.loginButton:disabled{cursor:not-allowed}.profile{display:flex}.profileRight{flex:9 1}.profileCover{height:400px;position:relative}.profileCoverImg{width:100%;height:350px;object-fit:cover}.profileUserImg{width:150px;height:150px;border-radius:50%;object-fit:cover;position:absolute;left:0;right:0;margin:auto;top:250px;border:3px solid #fff}.profileInfo{display:flex;flex-direction:column;align-items:center;justify-content:center}.profileInfoName{font-size:24px}.profileInfoDesc{font-weight:300}.login,.profileRightBottom{display:flex}.login{width:100vw;height:100vh;background-color:#f0f2f5;align-items:center;justify-content:center}.loginWrapper{width:70%;height:70%;display:flex}.loginLeft,.loginRight{flex:1 1;display:flex;flex-direction:column;justify-content:center}.loginLogo{font-size:50px;font-weight:800;color:#1775ee;margin-bottom:10px}.loginDesc{font-size:24px}.loginBox{height:400px;padding:20px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}.loginInput:focus{outline:none}.loginInput{height:50px;border-radius:10px;border:1px solid grey;font-size:18px;padding-left:20px}.loginButton{height:50px;border-radius:10px;border:none;background-color:#1775ee;color:#fff;font-size:20px;font-weight:500;cursor:pointer}.loginForgot{text-align:center;color:#1775ee}.loginRegisterButton{width:60%;height:50px;border-radius:10px;border:none;background-color:#42b72a;color:#fff;font-size:20px;font-weight:500;cursor:pointer;align-self:center}.loginRegisterButton:focus{outline:none;list-style:none;text-decoration:none}@media only screen and (max-width:768px){.loginWrapper{display:flex;flex-direction:column}}.messenger{height:100%;display:flex}.chatMenu{flex:3.5 1}.chatMenuInput{width:90%;padding:10px 0;border:none;border-bottom:1px solid grey}.chatBox{flex:5.5 1}.chatBoxWrapper{display:flex;flex-direction:column;justify-content:space-between;position:relative}.chatBoxTop{height:70vh;overflow-y:scroll;padding-right:10px}.chatBoxBottom{margin-top:5px;display:flex;align-items:center;justify-content:space-between}.chatMessageInput{width:80%;height:90px;padding:10px;border-radius:10px}.chatSubmitButton{width:70px;height:40px;border:none;border-radius:5px;background-color:teal;cursor:pointer;color:#fff}.chatOnline{flex:3 1;position:-webkit-sticky;position:sticky}.chatBoxWrapper,.chatMenuWrapper,.chatOnlineWrapper{padding:10px;height:100%}.noConversationText{position:absolute;top:10%;font-size:50px;color:#d3d3d3;text-align:center;cursor:default}@media only screen and (max-width:768px){.chatBoxWrapper{width:100%}.chatBoxTop{height:auto}}.conversation{display:flex;align-items:center;padding:10px;cursor:pointer}.conversation:hover{background-color:#ece3e3}.conversationImg{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:20px}.conversationName{font-weight:500}.message{flex-direction:column;margin-top:20px}.message,.messageTop{display:flex}.messageImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.messageText{padding:10px;border-radius:20px;background-color:#1877f2;color:#fff;max-width:300px}.messageBottom{font-size:12px;margin-top:10px}.message.own{align-items:flex-end}.message.own .messageText{background-color:#f5f1f1;color:#000}.updateUser{width:100%;height:calc(100vh - 50px)}.updateUserWrapper{display:flex;flex-direction:column;padding:20px}.updateUserTop{flex:1 1}.updateUserBottom{flex:1 1;display:flex;margin-top:40px}.userDetailsText{font-style:24px;font-weight:700;align-items:left;margin-bottom:20px}.updateUserTop{display:flex;height:700px;width:100%}.updateUserTopLeft{flex:2 1;display:flex;flex-direction:column;align-items:center}.updateUserTopRight{flex:1 1;padding:20px;align-items:center;margin-top:10px}.updateUserItem{display:flex;margin-bottom:20px;align-items:flex-start;justify-content:space-around}.updateUserKey{font-size:20px;font-weight:600;margin-right:20px}.updateUserValue{font-size:16px;color:#555;font-weight:400}.imgContainer{width:300px;height:300px;border-radius:20px;object-fit:cover}.updateHr{color:#555;width:90%;margin-left:40px}.updateUserBottomLeft{flex:2 1;display:flex;flex-direction:column;align-items:center}.inputChange{border:none;border-bottom:1px solid grey;padding:7px;height:10px;width:60%;border-radius:10px;margin-bottom:20px}.updateUserBottomRight{flex:1 1;display:flex;align-items:center}.radioContainer{display:flex;justify-content:space-between}.inputRadio{margin:0 20px}.updateButton{padding:7px;background-color:#000;color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:20px;align-items:center;font-size:16px}.updateIcone{font-size:70px!important}.shareImg{width:100px;height:100px;object-fit:cover}.shareCancelImg{position:absolute;right:20px;cursor:pointer;opacity:.7;top:100px}.fileImgContainer{padding:0 20px 10px;position:relative}.registerIconAdd{font-size:3.5rem!important}.tagUser{display:flex;padding:20px;align-items:center;justify-content:center}.tagUser h1{font-weight:400;font-style:30px;margin:20px 30px}.searchUserBody{background-color:#eae7e3;color:#000}.searchuser{width:90%;height:50px;border:none;border-radius:10px;background-color:#f0f8ff}.tagUserEdit{color:#000;display:flex;margin:10px 0;align-items:center}.tagUserEdit>span :link{text-decoration:none;text-underline-offset:#fff}.linksTag,:active,:focus,:hover{text-decoration:none}
/*# sourceMappingURL=main.6cd86785.chunk.css.map */