.topbarContainer{align-items:center;background-color:#1877f2;display:flex;height:50px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.menu{display:none;margin:auto 15px}.topbarLeft{flex:3 1}.logoImg{width:80px}.logotopbar{color:#fff;cursor:pointer;font-size:24px;font-weight:700;margin-left:20px}.topbarCenter{flex:5 1}.searchbar{align-items:center;background-color:#fff;border-radius:30px;display:flex;height:30px;width:100%}.searchIcon{font-size:20px!important;margin:auto}.searchInput{border:none;margin-left:6px;width:93%}.searchInput:focus{outline:none}.topbarRight{align-items:center;color:#fff;display:flex;flex:4 1;justify-content:space-around}.topbarLink{cursor:pointer;font-size:14px;margin-right:10px}.topbarIcons{display:flex}.topbarIconItem{cursor:pointer;margin-right:15px;position:relative}.topbarIconBadge{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:12px;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.topbarImg{border-radius:50%;cursor:pointer;height:32px;object-fit:cover;width:32px}@media only screen and (max-width:575px){.topbarIcons,.topbarLink{display:none}.topbarCenter,.topbarLeft,.topbarRight{flex:1 1}.menu{display:block;margin-right:0}}@media only screen and (min-width:576px) and (max-width:768px){.topbarCenter,.topbarLeft,.topbarRight{flex:1 1}.searchInput{width:80%}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#b3b3b3}.sidebarWrapper{padding:20px}.sidebarListItem{align-items:center;display:flex;padding:14px}.sidebarListItem:hover{background-color:#f1f1f1}.sidebarListItemText{color:#000}.following{font-size:20px;margin:15px}.sidebarIcon{margin-right:15px}.sidebarButton{border:none;border-radius:5px;font-weight:500;padding:10px;width:150px}.sidebarHr{margin:20px 0}.sidebarFriendList{list-style:none;margin:0;padding:0}.sidebar{flex:3 1;height:calc(100vh - 50px);min-width:180px;overflow-y:scroll;position:-webkit-sticky;position:sticky;top:50px;z-index:1000}@media only screen and (max-width:575px){.sidebar{background-color:#fff;position:fixed;transition:transform .3s ease-in-out;width:200px}.active{transform:translateX(0)}.inactive{transform:translateX(-100%)}}.sidebarFriend{align-items:center;display:flex;margin-bottom:15px}.sidebarFriendImg{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.post{border-radius:10px;box-shadow:0 0 16px -8px #000000ad;margin:30px 0;width:100%}.postWrapper{padding:10px}.postTop{justify-content:space-between}.postTop,.postTopLeft{align-items:center;display:flex}.postProfileImg{border-radius:50%;height:32px;object-fit:cover;width:32px}.postUsername{font-size:15px;font-weight:500;margin:0 10px}.postDate{font-size:12px}.postCenter{margin:20px 0}.postImg{margin-top:20px;max-height:500px;object-fit:contain;width:100%}.postBottom{gap:20px}.postBottom,.postBottomLeft{align-items:center;display:flex}.likeIcon{cursor:pointer;height:24px;margin-right:5px;width:24px}.postLikeCounter{font-size:15px}.postBottomRight{align-items:center;cursor:pointer;display:flex}.postCommentText{font-size:15px;margin:3px}.tag{align-items:center;display:flex;margin:5px}.tagIcon{margin-right:5px;transform:scale(.8)}.tagText{color:#798086;font-size:15px}.commentContainer{gap:20px}.name{font-size:15px;font-weight:500}.desc{font-size:14px}.comment{display:flex;justify-content:space-between;margin:10px 6px}.date{align-self:center;color:grey;flex:2 1;font-size:12px;margin-left:3px}.imgCmt{height:35px;margin-right:8px;width:35px}.img,.imgCmt{border-radius:50%;object-fit:cover}.img{height:40px;width:40px}.info{align-items:flex-start;display:flex;flex:5 1;flex-direction:column;gap:3px}.write{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:20px 0}.input{background-color:initial;border:1px solid grey;color:#1f1f1f;flex:5 1}.btn,.input{padding:10px}.btn{background-color:#5271ff;border:none;border-radius:3px;color:#fff;cursor:pointer}.share{border-radius:10px;box-shadow:0 0 16px -8px #e2b8b8ad;width:100%}.shareWrapper{padding:10px}.shareTop{align-items:center;display:flex}.shareProfileImg{border-radius:50%;height:50px;margin-right:10px;object-fit:cover;width:50px}.shareInput{border:none;width:80%}.shareInput:focus{outline:none}.shareHr{margin:20px}.shareBottom{align-items:center;display:flex;justify-content:space-between}.shareOptions{display:flex;margin-left:20px}.shareOption{align-items:center;cursor:pointer;display:flex;margin-right:15px}.shareIcon{font-size:18px;margin-right:3px}.shareOptionText{font-size:14px;font-weight:500}.shareButton{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;margin-right:20px;padding:7px}.shareImgContainer{padding:0 20px 10px;position:relative}.shareImg{object-fit:cover;width:100%}.shareCancelImg{cursor:pointer;opacity:.7;position:absolute;right:20px;top:0}.custom-select{-webkit-appearance:none;appearance:none;border-left:none;border-right:none;border-top:none;cursor:text;font-size:12px;outline:none;padding:5px;width:120px}.error-message{background-color:#f13b3b;border-radius:5px;color:#fff;opacity:0;padding:10px;transition:opacity .5s ease-in-out}.error-message.visible{opacity:1}.error-message.hidden{display:none}.feed{flex:5.5 1}.feedWrapper{padding:20px}.noitems{align-items:center;color:#4f4852;display:flex;font-size:25px;height:300px;justify-content:center}.rightbar{flex:3.5 1}.rightbarWrapper{padding:20px 20px 0 0}.birthdayContainer{align-items:center;display:flex}.birthdayImg{height:40px;margin-right:10px;width:40px}.birthdayText{font-size:15px;font-weight:300}.rightbarAd{border-radius:10px;margin:30px 0;width:100%}.rightbarTitle{margin-bottom:20px}.rightbarFriendList{list-style:none;margin:0;padding:0}.rightbarTitle{font-size:18px;font-weight:500;margin-bottom:10px}.rightbarInfo{margin-bottom:30px}.rightbarInfoItem{margin-bottom:10px}.rightbarInfoKey{color:#555;font-weight:500;margin-right:15px}.rightbarInfoValue{font-weight:300}.rightbarFollowings{display:flex;flex-wrap:wrap;justify-content:space-between}.rightbarFollowing{cursor:pointer;display:flex;flex-direction:column;margin-bottom:20px}.rightbarFollowingImg{border-radius:5px;height:100px;object-fit:cover;width:100px}.noItems{color:#4f4852;font-size:15px;height:200px;justify-content:center}.noItems,.rightbarButton{align-items:center;display:flex}.rightbarButton{background-color:#1872f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:10px;margin-top:30px;padding:5px 10px}.rightbarFollowButton:focus{outline:none}@media (max-width:794px){.rightbar{display:none}}.loginBox{height:300px}.loginButton:focus{outline:none}.loginButton:disabled{cursor:not-allowed}.profile{display:flex;width:100%}.profileRight{flex:9 1}.profileCover{height:320px;position:relative}.profileCoverImg{height:250px;object-fit:cover;width:100%}.profileUserImg{border:3px solid #fff;border-radius:50%;height:150px;left:0;margin:auto;object-fit:cover;position:absolute;right:0;top:150px;width:150px}.profileInfo{align-items:center;display:flex;flex-direction:column;justify-content:center}.profileInfoName{font-size:24px}.profileInfoDesc{font-weight:300}.login,.profileRightBottom{display:flex}.login{align-items:center;background-color:#f0f2f5;height:100vh;justify-content:center;width:100vw}.loginWrapper{display:flex;height:70%;width:70%}.loginLeft,.loginRight{display:flex;flex:1 1;flex-direction:column;justify-content:center}.loginDesc{font-size:24px;margin:0 auto}.loginBox{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:400px;justify-content:space-between;padding:20px}.loginInput{border:1px solid gray;border-radius:10px;font-size:18px;height:50px;padding-left:20px}.loginInput:focus{outline:none}.loginButton{background-color:#1775ee;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:50px}.loginForgot{color:#1775ee;text-align:center}.loginRegisterButton{align-items:center;background-color:#42b72a;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:center;text-decoration:none;width:100%}.logo{margin:0 auto;width:25%}.loginLogo{color:#1775ee;font-size:50px;font-weight:800;margin:0 auto}@media only screen and (max-width:788px){.loginWrapper{flex-direction:column;height:auto;width:90%}.loginLeft,.loginRight{flex:0 1;width:100%}.loginDesc{display:none}}.settingContainer{display:flex;width:100%}.setting{flex:5.5 1;margin:20px;overflow:scroll;scrollbar-width:none}.form{display:flex;flex-direction:column}.items{padding-bottom:20px;padding-top:20px}.inputBox,.inputField{border:none;border-bottom:1px solid #000;margin-top:10px;outline:none;width:100%}.items:hover,.submitButton{cursor:pointer}.submitButton{background-color:#3498db;border:none;border-radius:5px;color:#fff;display:inline-block;font-size:16px;padding:10px 20px;text-align:center;text-decoration:none}.uploadFile{display:flex;justify-content:space-between}.container{align-items:center;display:flex;justify-content:center;padding:0 20px 10px;position:relative}.imageProfile{border-radius:50%;height:150px;object-fit:cover;width:150px}.imageCover{height:100px;object-fit:cover;width:100%}.cross{cursor:pointer;opacity:.7;position:absolute;right:20px;top:0}.head{align-items:center;display:flex}.submitButton{margin:5px;width:100%}.searchResults{display:flex;flex:5.5 1;flex-direction:column;margin:20px;overflow:scroll;padding:20px;scrollbar-width:none}.searchResult{align-items:center;border-radius:10px;box-shadow:0 0 16px -8px #000000ad;display:flex;flex-direction:row;margin:20px 0;width:100%}.username{font-size:larger;font-weight:400}.image{border-radius:50%;height:70px;margin-right:30px;object-fit:cover;width:70px}.heading{font-size:x-large;font-weight:400;margin-left:15px}.emptySearch{align-items:center;color:#9ea2a2;display:flex;height:20%;justify-content:center;width:100%}.headContainer{display:flex;margin-top:5px}.icon{height:40px;margin-top:2px;transform:scale(1.3);width:40px}.homeContainer{display:flex;width:100%}.messenger{display:flex;height:calc(100vh - 70px)}.chatMenu{flex:3.5 1}.chatMenuInput{border:none;border-bottom:1px solid gray;padding:10px 0;width:90%}.chatBox{flex:5.5 1}.chatBoxWrapper{display:flex;flex-direction:column;justify-content:space-between;position:relative}.chatBoxTop{height:100%;overflow-y:scroll;padding-right:10px}.chatBoxBottom{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.chatMessageInput{height:90px;padding:10px;width:80%}.chatSubmitButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;width:70px}.chatOnline{flex:3 1}.chatBoxWrapper,.chatMenuWrapper,.chatOnlineWrapper{height:100%;padding:10px}.noConversationText{color:#e0dcdc;cursor:default;font-size:50px;position:absolute;top:10%}@media screen and (max-width:768px){.chatMenu{flex:1 1}.chatMenuInput{display:none}.chatBox{flex:10 1}.chatOnline{flex:1px 1}}.conversation{align-items:center;cursor:pointer;display:flex;margin-top:20px;padding:10px}.conversation:hover{background-color:#f5f3f3}.conversationImg{border-radius:50%;height:40px;margin-right:20px;object-fit:cover;width:40px}.conversationName{font-weight:500}@media screen and (max-width:768px){.conversationName{display:none}}.message{flex-direction:column;margin-top:20px}.message,.messageTop{display:flex}.messageImg{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.messageText{background-color:#1877f2;border-radius:20px;color:#fff;max-width:300px;padding:10px}.messageBottom{font-size:12px;margin-top:10px}.message.own{align-items:flex-end}.message.own .messageText{background-color:#f5f1f1;color:#000}.chatOnlineFriend{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-top:10px}.chatOnlineImgContainer{margin-right:10px;position:relative}.chatOnlineImg{border:1px solid #fff;border-radius:50%;height:40px;object-fit:cover;width:40px}.chatOnlineBadge{background-color:#32cd32;border-radius:50%;height:10px;position:absolute;right:2px;top:2px;width:10px}@media screen and (max-width:768px){.chatOnlineName{display:none}}
/*# sourceMappingURL=main.69c2789c.css.map*/