.feed{flex:5.5 1}.feedWrapper{padding:20px}.welcomeText{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:40px;text-align:center;width:45vw}.welcomeImage{height:90px;width:90px}.welcomeTextBottom{color:grey;font-weight:300}.addFriends{background-color:#142d4c;border-radius:10px;color:#fff;padding:10px}@media only screen and (max-width:600px){.feed,.welcomeText{width:100%}}.share{border-radius:10px;box-shadow:0 0 16px -8px #000000ad;width:100%}.shareWrapper{padding:10px}.shareTop{align-items:center;display:flex}.Location{border:none;margin-left:62px;width:80%}.location-section{display:flex}.Location:focus{outline:none}.location-section button{border:none;border-radius:5px;font-size:13px;width:20%}.shareProfileImg{border-radius:50%;height:50px;margin-right:10px;object-fit:cover;width:50px}.shareInput{border:none}.shareInput:focus{outline:none}.shareHr{margin:20px}.shareButton{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-style:14px;font-weight:500}.shareButton{background:green;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;margin-right:20px;padding:7px}.shareImgContainer{padding:0 20px 10px 12px;position:relative}.shareImg{object-fit:cover;width:100%}.shareCancelImg{cursor:pointer;opacity:.7;position:absolute;right:20px;top:0}.shareBottom{width:auto}@media only screen and (max-width:600px){.shareOptionText{display:none}.location-section button{width:49.5%}}.post{border-radius:10px;box-shadow:0 0 16px -8px #000000ad;margin:30px 0;width:100%}.postWrapper{padding:10px}.postTop{justify-content:space-between}.postLeft,.postTop{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:small;margin-right:10px}.postCenter{margin:20px 0}.postImg{margin-top:20px;max-height:500px;object-fit:contain;width:100%}.likeIcon{cursor:pointer;height:40px;margin-right:5px;width:40px}.postBottom{justify-content:space-between}.postBottom,.postTopLeft{align-items:center;display:flex}.postBottomLeft{display:flex;flex-direction:column}.postLikeCounter{font-size:15px}.postBottomRight{margin-bottom:20px}.postCommentText{border-bottom:1px dashed grey;cursor:pointer;font-size:15px}.post-button:hover{background-color:#b4b4b4}.post-button,.post-button:hover{border:none!important}.update-input{border-radius:5px;width:100%}.mobile-div{display:none}.desktop-div{display:block}.comments-section{display:flex;flex-direction:column;margin-top:9px;max-height:190px!important;overflow-x:scroll}.commentBox{height:30px;margin:0 20px;width:100%}.commentInput{border:2px solid #ccc;border-radius:15px;height:35px!important;height:30px;margin-right:5px;padding-left:15px;width:80%}.commentInput:focus{outline:none}.commentButton{border:none;height:30px}.commentButton:focus{border:none}@media only screen and (max-width:600px){.postUsername{font-size:15px}.mobile-div{display:block}.desktop-div{display:none}.commentInput{width:70%}}.comment{display:flex;justify-content:space-between}.commentWrapper{display:flex;margin:2px 20px 0}.comment-user-pic{border-radius:50%;height:20px;margin-left:5px;margin-right:7px;margin-top:2px;object-fit:cover;width:20px}.commentBody{display:flex;flex-direction:column}.commentTime{font-size:12px;font-weight:300}.commentText{font-weight:500}.post-button{outline:none!important}.post-button,.post-button:hover{background-color:#fff}.post-button:focus{border:none!important;outline:none!important}@media only screen and (max-width:600px){.commentWrapper{display:flex;margin:0}.comment-user-pic{margin-left:0;margin-right:7px}.commentText{font-size:14px;font-weight:500}}.sidebar{flex:3.5 1;height:calc(100vh - 50px);overflow-y:scroll;position:-webkit-sticky;position:sticky;top:50px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{background-color:grey}.sidebarWrapper{padding:20px}.sidebarList{list-style:none;margin:0;padding:0}.sidebarListItem{align-items:center;display:flex;margin-bottom:20px}.sidebarIcon{margin-right:15px}.sidebarButton{border:none;border-radius:5px;font-weight:600;padding:10px;width:150px}.sidebarHr{display:block;margin:20px 0}.sidebarFriendList{list-style:none;margin:0;padding:0}.sidebarListItemText{display:block}@media only screen and (max-width:600px){.sidebar{display:none}.sidebarWrapper{padding:0}::-webkit-scrollbar{width:0}.sidebarButton,.sidebarHr,.sidebarListItemText{display:none}}.topbarContainer{align-items:center;background-color:#142d4c;display:flex;height:60px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.topbarLeft{flex:3 1}.topbarCenter{flex:5 1}.searchbar{align-items:center;background-color:#fff;border-radius:30px;display:flex;height:40px;width:100%}.searchIcon{font-size:30px!important;margin-left:10px}.searchInput{border:none;width:60%}.searchInput:focus{outline:none}.topbarRight{align-items:center;color:#fff;display:flex;flex:4 1;justify-content:space-around}.topbarLink{cursor:pointer;font-size:18px;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{box-shadow:5px 5px 10px #000000bf;height:38px;width:38px}.logo,.topbarImg{border-radius:50%;cursor:pointer;object-fit:cover}.logo{display:block;height:80px;width:80px}.logo,.sublogo{margin-left:20px}.sublogo{color:#fff;cursor:pointer;display:none;font-size:24px;font-weight:700}.serachUserContainer{align-items:center;background-color:#142d4c;margin-left:390px;position:fixed;width:350px;z-index:99}.searchUserItem{align-items:center;background-color:#fff;color:#000;display:flex;height:45px;justify-content:space-between;margin:10px 10px 5px;padding:10px;text-decoration:none}.searchUserImg{border-radius:50%;height:35px;margin-right:20px;margin-top:2px;object-fit:cover;width:35px}.searchUserItem:hover{background-color:hsla(0,0%,100%,.701)}.serachUserInf{display:flex;flex-direction:column}.serachUserAbout{font-size:12px;font-weight:400}@media only screen and (max-width:600px){.searchInput{height:20px}.topbarImg{height:32px;width:32px}.searchIcon{font-size:20px!important}.searchbar{height:30px}.topbarContainer{height:50px}.topbarLinks{font-size:14px}.logo,.topbarLinks{display:none!important}.sublogo{border-radius:50%;display:block;height:40px;margin-left:5px;margin-right:0;object-fit:cover;width:45px}.serachUserContainer{background-color:#1876f2c9 !;margin-left:10px!important;z-index:999}}.profile-button:hover{background-color:#142d4c;border:none!important}.dropdown{border-radius:6px}.profile-button,.profile-button:focus{border:none!important}.rightbar{flex:4 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{font-size:18px;font-weight:500;margin-bottom:20px}.rightbarFriendList{list-style:none;margin:0;padding:0}.rightbarFriend{align-items:center;display:flex;margin-bottom:15px}.rightbarProfileImgContainer{margin-right:10px;position:relative}.rightbarProfileImg{border-radius:50%;height:40px;object-fit:cover;width:40px}.rightbarOnline{background-color:#32cd32;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:0;top:-2px;width:12px}.righbarUsername{font-weight:500}.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;margin-right:10px}.rightbarFollowing{cursor:pointer;display:flex;flex-direction:column;margin-bottom:20px}.rightbarFollowingImg{border-radius:5px;height:100px;object-fit:cover;width:100px}.rightbarFollowButton{align-items:center;background-color:#1872f2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;margin-bottom:10px;margin-top:30px;padding:5px 10px}@media only screen and (max-width:600px){.rightbar{flex:2 1}.rightbarWrapper{padding:0}.birthdayContainer,.righbarUsername,.rightbarTitle{display:none}.rightbarProfileImg{height:25px;width:25px}.rightbarOnline{height:9px;width:9px}}.homeContainer{display:flex}.rightbar-home{flex:3.5 1}@media only screen and (max-width:600px){.rightbar-home{display:none}}.profile{display:flex}.profileRight{flex:10 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}.profileRightBottom{display:flex;width:100%}.mobile{display:none;margin:0 10px}.computer{display:block;margin:0 10px;width:50%}.editProfile{background-color:#fff;border:none}.feed-div{width:75%}.userFanFollowings{margin-top:20px;padding:10px 0}.friendFanFollowings,.userFanFollowings{align-items:center;background-color:#f3f3f3;border-radius:10px;display:flex;font-size:25px;font-weight:bolder;justify-content:space-around}.friendFanFollowings{margin-top:50px}.followingText{font-size:15px;font-weight:300!important}.fanFollowingItem{align-items:center;display:flex;flex-direction:column;margin:0 10px}@media only screen and (max-width:600px){.profileRightBottom{flex-direction:column}.mobile{display:block}.computer{display:none}.feed-div{width:auto}.userFanFollowings{margin-bottom:20px;margin-top:20px}}.spinnerBody{align-self:center;display:flex;height:100vh;justify-content:center;margin-top:40px}.spinner{height:9px;position:absolute;width:9px}.spinner div{animation:spinner-fzua35 1s calc(var(--delay)*1s) infinite ease;background:#000;height:150%;position:absolute;transform:rotate(calc(var(--rotation)*1deg)) translateY(calc(var(--translation)*1%));width:50%}.spinner div:first-child{--delay:0.1;--rotation:36;--translation:150}.spinner div:nth-child(2){--delay:0.2;--rotation:72;--translation:150}.spinner div:nth-child(3){--delay:0.3;--rotation:108;--translation:150}.spinner div:nth-child(4){--delay:0.4;--rotation:144;--translation:150}.spinner div:nth-child(5){--delay:0.5;--rotation:180;--translation:150}.spinner div:nth-child(6){--delay:0.6;--rotation:216;--translation:150}.spinner div:nth-child(7){--delay:0.7;--rotation:252;--translation:150}.spinner div:nth-child(8){--delay:0.8;--rotation:288;--translation:150}.spinner div:nth-child(9){--delay:0.9;--rotation:324;--translation:150}.spinner div:nth-child(10){--delay:1;--rotation:360;--translation:150}@keyframes spinner-fzua35{0%,10%,20%,30%,50%,60%,70%,80%,90%,to{transform:rotate(calc(var(--rotation)*1deg)) translateY(calc(var(--translation)*1%))}50%{transform:rotate(calc(var(--rotation)*1deg)) translateY(calc(var(--translation)*1.5%))}}.login{align-items:center;background-color:#f0f2f5;display:flex;height:100vh;justify-content:center;margin:0;width:99vw}.loginWrapper{display:flex;height:70%;width:70%}.loginLeft,.loginRight{flex:1 1}.loginLogo{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#061121,#043873);-webkit-background-clip:text}.loginBox{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:300px;justify-content:space-between;padding:10px}.loginInput{height:50px;padding-left:20px}.loginButton{background-image:linear-gradient(288deg,#05f 1.5%,#043873 91.6%)}.loginForgot{color:#142d4c!important}.loginRegisterButton{background-image:linear-gradient(109.6deg,#3d8361 11.2%,#1c6758 91.1%)}.loginButtonGoogle{align-self:center;border-radius:5px;color:#fff;display:flex;font-weight:700;margin-top:20px;padding:10px 20px;width:75px}.google{background-color:#df4930}@media only screen and (max-width:600px){.login,.loginWrapper{flex-direction:column}.loginWrapper{height:100%;width:80%}.loginRegisterButton{height:70px!important}.loginLeft,.loginRight{flex:0.4 1!important}}.register{align-items:center;background-color:#f0f2f5;display:flex;height:100vh;justify-content:center;width:99vw}.RegisterWrapper{display:flex;height:80%;width:70%}.registerRight{display:flex;flex:1 1!important;overflow:scroll}.loginLeft,.loginRight{display:flex;flex:1 1!important;flex-direction:column;justify-content:center}.loginLogo{color:#1775ee;font-size:50px;font-weight:700;margin-bottom:10px}.loginDesc{font-size:24px}.registerBox{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:800px;justify-content:space-between;overflow-y:scroll;padding:20px}.loginInput{height:40px}.loginInput,textarea{border:1px solid grey;border-radius:10px;font-size:18px}textarea{margin-bottom:10px;padding-left:20px}.loginInput:focus{outline:none!important}.loginButton{background-color:#1775ee;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:50px;margin-bottom:10px}.loginForgot{color:#1775ee;text-align:center}.loginRegisterButton{align-self:center;background-color:#42b72a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:50px;width:60%}.loginInput .upload-button{align-self:center;background-color:hsla(0,0%,50%,.352);border-radius:5px;color:#000;font-size:15px;height:20px;margin-right:3px;padding:0 5px;text-align:center}.uploadInput{height:20px}.loginInput .upload-button:hover{background-color:#8080809c;cursor:pointer}option{color:#000}@media only screen and (max-width:600px){.RegisterWrapper,.register{flex-direction:column}.RegisterWrapper{height:100%;width:80%}.loginRegisterButton{height:70px!important}.loginLeft,.loginRight{flex:0.8 1!important}.loginInput .upload-button{font-size:16px;padding:0 2px}.registerRight{margin-bottom:20px;margin-top:-50px}}body{font-family:Roboto,sans-serif;margin:0}.adminWrapper{margin:30px;overflow-x:scroll}.topbar-head-admin{align-items:center;background-color:#1876f2c9;color:#000;display:flex;height:80px;justify-content:space-between;text-align:center}.adminLogo{font-weight:700;margin-right:20px}.DialogContent{width:30rem}@media only screen and (max-width:600px){.topbar-head{align-items:center;display:flex;justify-content:space-between}.logo{display:block;margin-left:0}.adminLogo{margin-right:0!important}.DialogContent{width:20rem}.topbarLinks{display:block}}.update-input{display:flex}.chatOnlineFriend{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-top:10px}.chatOnlineImgConatiner{margin-right:10px;position:relative}.chatOnlineImg{border:1px solid #fff;border-radius:50%;height:32px;object-fit:cover;width:32px}.chatOnlineBadge{background-color:#32cd32;border-radius:50%;height:10px;position:absolute;right:2px;top:2px;width:10px}@media only screen and (max-width:600px){.chatOnlineImg{height:50px;width:50px}}.conversation{align-items:center;cursor:pointer;display:flex;margin-top:20px;padding:10px}.conversation:hover{background:#f3f3f3}.conversationImg{border-radius:50%;height:40px;margin-right:20px;object-fit:cover;width:40px}.conversationName{font-weight:500}.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:#bee3f8;border-radius:20px;max-width:300px;padding:10px}.messageBottom{font-size:12px;margin-top:-15px}.message.own{align-items:flex-end}.message.own .messageText{background-color:#b9f5d0;color:#fff;color:#000}.messenger{display:flex;height:calc(100vh - 80px);margin-top:2px}.chatMenu,.chatMenu-Mobile{flex:3.5 1}.chatMenuInput{border:none;border-bottom:1px solid gray;padding:10px 0;width:90%}.chatBox,.chatBox-Mobile{flex:5.5 1}.chatBoxWrapper{background-color:#f3f1f1;flex-direction:column;height:100%;margin:0;position:relative}.chatBoxHeader,.chatBoxWrapper{display:flex;justify-content:space-between}.chatBoxHeader{background-color:#8ab7ed;margin-left:-12px;margin-top:-10px;padding:7px;position:absolute;width:100%;z-index:99}.chatBoxHeader,.chatBoxHeaderWrapper{align-items:center}.chat-button{background-color:#8ab7ed;border:none;color:#000}.chatBoxHeader img{border-radius:50%;height:37px;object-fit:cover;width:37px}.chatBoxHeaderText{display:flex;flex-direction:column;margin-left:10px}.closeIcon{cursor:pointer;margin-right:20px}.chatBoxUsername{font-size:22px;font-weight:500}.onlineUser{font-weight:400;margin-top:-5px}.chatBoxTop{height:100%;margin-top:30px;overflow-y:scroll!important;padding-right:10px;scrollbar-width:none}.chatBoxTop::-webkit-scrollbar{display:none}.chatBoxBottom{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.chatMessageInput{height:90px!important;padding:10px;width:100%}.chatSubmitButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;width:70px}.chatOnline{flex:3 1}.chatBoxWrapper,.chatMenuWrapper,.chatOnlineWrapper{padding:10px}.noConversationText{color:grey;cursor:default;font-size:50px;position:absolute;text-align:center;top:10%}.serachCoversationContainer{align-items:center;background-color:#142d4c;margin-left:30px;position:fixed;width:350px;z-index:99}.coversationSearch{align-items:center;display:flex}@media only screen and (max-width:600px){.messenger{height:calc(100vh - 170px)}.chatBox{display:none}.chatBox-Mobile{display:block;flex:12 1}.chatMenu{display:block}.chatMenu-Mobile,.chatOnline{display:none}.serachCoversationContainer{align-items:center;background-color:#142d4c;margin-left:10px;position:fixed;width:350px;z-index:99}}.searchCoversationUserItem{align-items:center;background-color:#fff;color:#000;display:flex;height:45px;justify-content:space-between;margin:10px;padding:10px;text-decoration:none}
/*# sourceMappingURL=main.e263562a.css.map*/