.post{border-radius:10px;box-shadow:2px 4px 10px 1px #c9c9c978;margin:30px 0;width:100%}.post .postWrapper{padding:20px}.post .postWrapper .postTop{justify-content:space-between}.post .postWrapper .postTop,.post .postWrapper .postTop .postTopLeft{align-items:center;display:flex}.post .postWrapper .postTop .postTopLeft .postProfileImg{border-radius:50%;cursor:pointer;height:40px;object-fit:cover;width:40px}.post .postWrapper .postTop .postTopLeft .postUsername{cursor:pointer;font-size:15px;font-weight:500;margin:0 10px}.post .postWrapper .postTop .postTopLeft .postDate{font-size:14px}.post .postWrapper .postTop .postTopRight .postVertButton{color:#fff;cursor:pointer;font-size:30px}.post .postWrapper .postCenter{margin:20px 0}.post .postWrapper .postCenter .postImg{cursor:pointer;margin-top:20px;max-height:500px;object-fit:contain;width:100%}.post .postWrapper .postBottom{align-items:center;display:flex;justify-content:space-between}.post .postWrapper .postBottom .postBottomLeft{align-items:center;display:flex;gap:10px}.post .postWrapper .postBottom .postBottomLeft .bottomLeftIcon{cursor:pointer;font-size:30px}.post .postWrapper .postBottom .postBottomLeft .postLikeCounter{font-size:15px}.post .postWrapper .postBottom .postBottomRight .postCommentText{cursor:pointer;font-size:15px}.post .postWrapper .footerHr{margin:10px 0}.post .postWrapper .postBottomFooter{align-items:center;display:flex;justify-content:space-between}.post .postWrapper .postBottomFooter .postBottomFooterItem{align-items:center;border-radius:5px;cursor:pointer;display:flex;padding:7px;transition:.5s}.post .postWrapper .postBottomFooter .postBottomFooterItem .footerIcon{color:whi;font-size:30px;margin-right:10px}.post .postWrapper .postBottomFooter .postBottomFooterItem .footerText{font-weight:500}.post .postWrapper .postBottomFooterItem:hover{background-color:#0000004d}.share{border-radius:10px;box-shadow:2px 4px 10px 1px #00000078;height:170%;width:100%}.share .shareWrapper{display:flex;flex-direction:column;justify-content:center;padding:20px}.share .shareWrapper .shareTop{align-items:center;display:flex}.share .shareWrapper .shareTop .shareProfileImg{border-radius:50%;height:50px;margin-right:10px;object-fit:cover;width:50px}.share .shareWrapper .shareTop .shareInput{background-color:rgba(255,254,254,.451);border:none;border-radius:30px;font-size:18px;padding:13px;width:80%}.share .shareWrapper .shareTop .shareInput:focus{outline:none}.share .shareWrapper .shareHr{margin:20px}.share .shareWrapper .shareImgContainer{padding:0 20px 10px;position:relative}.share .shareWrapper .shareImgContainer .shareImg{object-fit:contain;width:100%}.share .shareWrapper .shareImgContainer .shareCancelImg{background-color:#000;border-radius:50%;cursor:pointer;padding:5px;position:absolute;right:20px;top:0}.share .shareWrapper .shareBottom{align-items:center;display:flex;justify-content:space-between}.share .shareWrapper .shareBottom .shareOptions{align-items:center;display:flex;justify-content:space-around;margin-left:20px;width:90%}.share .shareWrapper .shareBottom .shareOptions .shareOption{align-items:center;cursor:pointer;display:flex;margin-right:20px}.share .shareWrapper .shareBottom .shareOptions .shareOption .shareIcon{font-size:30px;margin-right:10px}.share .shareWrapper .shareBottom .shareOptions .shareOption .shareOptionText{font-size:14px;font-weight:600}.storyCard{flex-basis:20%;margin:5px;position:relative}.storyCard .storyProfile{border:3px solid #0064e8;border-radius:50%;display:flex;height:45px;left:10px;object-fit:cover;position:absolute;top:10px;width:45px}.storyCard .storybackground{border-radius:10px;cursor:pointer;height:220px;object-fit:cover;width:100%}.storyCard .storyadd{bottom:50px;color:#0047a3;cursor:pointer;left:50%;position:absolute;transform:translateX(-50%);width:43px}.storyCard .text{bottom:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;position:absolute;text-align:center;width:100%}.stories{border-radius:10px;box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;justify-content:space-between;margin-bottom:30px}.stories .storyCard{display:flex;flex-basis:20%;margin:5px;position:relative}.stories .storyCard .overlay{background:#000;border-radius:10px;height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.stories .storyCard .storyProfile{border:3px solid #0064e8;border-radius:50%;display:flex;height:45px;left:10px;object-fit:cover;position:absolute;top:10px;width:45px}.stories .storyCard .storybackground{border-radius:10px;cursor:pointer;height:220px;object-fit:cover;width:100%}.stories .storyCard .storyadd{bottom:50px;color:#0047a3;cursor:pointer;left:50%;position:absolute;transform:translateX(-50%);width:43px}.stories .storyCard .text{bottom:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;position:absolute;text-align:center;width:100%}.feed{flex:6 1;margin-top:80px}.feed .feedWrapper{padding:20px}.navbarContainer{align-items:center;display:flex;height:10vh;position:sticky;top:0;width:100%;z-index:999}.navbarContainer .navbarLeft{flex:3 1}.navbarContainer .navbarLeft .logo{color:#fff;cursor:pointer;font-size:24px;font-weight:500;margin-left:20px}.navbarContainer .navbarCenter{flex:5 1}.navbarContainer .navbarCenter .searchBar{align-items:center;background-color:#fff;border:1px solid #fff;border-radius:30px;display:flex;height:3vw;width:80%}.navbarContainer .navbarCenter .searchBar .searchIcon{color:gray;cursor:pointer;font-size:20px;margin-left:10px}.navbarContainer .navbarCenter .searchBar .searchInput{border:none;height:30px;width:90%}.navbarContainer .navbarCenter .searchBar .searchInput:focus{outline:none}.navbarContainer .navbarRight{align-items:center;color:#fff;display:flex;flex:4 1;justify-content:space-around}.navbarContainer .navbarRight .navbarLink{cursor:pointer;font-size:14px;margin-left:20px}.navbarContainer .navbarRight .navbarIcons{display:flex;font-size:20px;gap:10px}.navbarContainer .navbarRight .navbarIcons .navbarIconItem{cursor:pointer;display:flex;margin-right:15px;position:relative}.navbarContainer .navbarRight .navbarIcons .navbarIconBadge{align-items:center;background-color:red;border-radius:50%;display:flex;font-size:12px;height:16px;justify-content:center;position:absolute;right:-5px;top:-5px;width:16px}.navbarContainer .navbarRight .navbarImg{border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;height:4vw;object-fit:cover;width:4vw}@media only screen and (max-width:576px){.navbarContainer .navbarLeft{flex:2 1}.navbarContainer .navbarLeft .logo{font-weight:500}.navbarContainer .navbarCenter{flex:5 1}.navbarContainer .navbarRight .navbarImg{margin-right:20px}.navbarContainer .navbarLeft{flex:3 1}.navbarContainer .navbarRight .navbarLink{display:none}.navbarContainer{justify-content:space-between}.navbarContainer .navbarLeft{flex:1 1}.navbarContainer .navbarCenter{display:none;flex:1 1}.navbarContainer .navbarRight{flex:1 1}}nav.glass{position:fixed;width:100%;z-index:1000}.rightbarFriend{align-items:center;cursor:pointer;display:flex;margin-bottom:15px}.rightbarFriend .rightbarProfileImgContainer{margin-right:10px;position:relative}.rightbarFriend .rightbarProfileImgContainer .rightbarProfileImg{border-radius:50%;height:40px;object-fit:cover;width:40px}.rightbarFriend .rightbarProfileImgContainer .rightbarOnline{background-color:#32cd32;border:2px solid #fff;border-radius:50%;height:15px;position:absolute;right:-6px;top:-6px;width:15px}.rightbarFriend .rightbarUsername{color:#fff;font-weight:500}.rightbarhome{margin-top:80px;padding:20px}.rightbarhome .birthdayContainer{align-items:center;display:flex}.rightbarhome .birthdayContainer .birthdayImg{border-radius:20px;height:150px;margin-right:10px;width:310px}.rightbarhome .birthdayContainer .birthdayText{cursor:pointer;font-size:15px;font-weight:300}.rightbarhome .rightbarAdvert{border-radius:10px;cursor:pointer;margin:30px 0;width:100%}.rightbarhome .rightbarTitle{display:flex;margin-bottom:20px}.rightbarhome .rightbarFriendList{color:#fff}.rightbar{flex:3.5 1;margin-top:80px}.rightbar .rightbarWrapper{display:flex;flex-direction:column;padding:20px}@media only screen and (max-width:768px){.rightbar{display:none}}.profileRightBar{flex:3.5 1;padding:0 20px 0 0}.profileRightBar .profileRightBarHeading{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.profileRightBar .profileRightBarHeading .profileRightBarTitle{font-size:18px;font-weight:500}.profileRightBar .profileRightBarHeading .editButton{background:linear-gradient(135deg,#2f1347,#98442a9e,#082247);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:7px}.profileRightBar .profileRightBarInfo{margin-bottom:30px}.profileRightBar .profileRightBarInfo .profileRightBarInfoItem{margin-bottom:10px}.profileRightBar .profileRightBarInfo .profileRightBarInfoItem .profileRightBarInfoKey{font-weight:500;margin-right:20px}.profileRightBar .profileRightBarInfo .profileRightBarInfoItem .profileRightBarInfoValue{font-weight:300}.profileRightBar .profileRightBarFollowings{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}.profileRightBar .profileRightBarFollowings .profileRightBarFollowing{cursor:pointer;display:flex;flex-direction:column;margin-bottom:20px}.profileRightBar .profileRightBarFollowings .profileRightBarFollowing .profileRightBarFollowingImg{border-radius:5px;height:100px;object-fit:cover;width:100px}.profileRightBar .profileRightBarFollowings .profileRightBarFollowing .profileRightBarFollowingName{align-self:center;margin-top:5px}@media only screen and (max-width:768px){.profileRightBar{display:none}}.sidebar{align-self:flex-start;background-color:#fff;box-shadow:5px 5px 15px rgba(0,0,0,.495);flex:3 1;height:calc(100vh - 80px);min-width:200px;position:sticky;top:80px;z-index:999}.sidebar .sidebarWrapper{height:100%;overflow-y:auto;padding:20px}.sidebar .sidebarWrapper .sidebarHr{margin:10px 0}.sidebar .sidebarWrapper .sidebarFriendList{list-style:none;margin:0;padding:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background:linear-gradient(135deg,#4c2375b5,#98442a9e,rgba(8,34,71,.604))}@media only screen and (max-width:992px){.sidebar{flex:1 1;min-width:120px}.sidebar .sidebarWrapper{padding:17px}.sidebar .sidebarWrapper .sidebarButton,.sidebar .sidebarWrapper .sidebarHr{display:none}::-webkit-scrollbar,::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{display:none}}@media only screen and (max-width:768px){.sidebar{display:block;flex:0 0 100px;min-width:80px}.sidebar .sidebarWrapper{padding:3px}}@media only screen and (max-width:576px){.sidebar{display:none}}.menuLink{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-weight:500;padding:10px}.menuLink .menuLinkText{margin-left:10px;margin-right:5px}.menuLink .menuLinkTextName{font-size:18px;font-weight:700}.menuLink:hover{background:linear-gradient(135deg,#2f1347,#98442a9e,#082247);color:#fff}@media only screen and (max-width:992px){.menuLink{display:block}.menuLink .menuLinkText,.menuLink .menuLinkTextName{display:none}.menuLink:hover{background-color:#011631;color:#fff;display:block}}.sidebarFriend{align-items:center;cursor:pointer;display:flex;margin-bottom:20px}.sidebarFriend .sidebarFriendImg{border-radius:50%;height:40px;margin-right:20px;object-fit:cover;width:40px}.sidebarFriend .sidebarFriendName{color:#fff;font-weight:500}@media only screen and (max-width:992px){.sidebarFriendName{display:none}}.homeContainer{background-color:#f1f1f1;display:flex;width:100%}.login{align-items:center;background:linear-gradient(135deg,#2f1347,#98442a9e,#082247);display:flex;height:100vh;justify-content:center;width:100vw}.login .loginWrapper{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px rgba(73,72,72,.772);display:flex;flex-direction:row;height:95vh;max-width:1000px;overflow:hidden;width:85%}.login .loginLeft{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:50px}.login .loginLeft .loginLogo{color:#fff;font-size:40px;font-weight:800;margin-bottom:20px}.login .loginLeft h1{color:#fff;font-size:4.5vw;font-weight:bolder;margin-bottom:4vw}.login .loginLeft .loginDesc{color:#ddd;font-size:18px}.login .loginRight{align-items:center;display:flex;flex:1.5 1;justify-content:center;padding:50px}.login .loginRight .loginBox{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column;gap:25px;height:auto;max-width:420px;padding:30px 40px;width:100%}.login .loginRight .bottomBox{display:flex;flex-direction:column;gap:15px;width:100%}.login .loginRight .bottomBox .loginInput{border:1px solid #ccc;border-radius:10px;font-size:16px;height:45px;padding-left:15px}.login .loginRight .bottomBox .loginInput:focus{border-color:#888;outline:none}.login .loginRight .bottomBox .loginButton,.login .loginRight .bottomBox .loginRegisterButton{border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:500;height:45px;width:100%}.login .loginRight .bottomBox .loginButton{background-color:#111;color:#fff}.login .loginRight .bottomBox .loginRegisterButton{background-color:#42b72a;color:#fff}.login .loginRight .loginImageWrapper{align-items:center;display:flex;justify-content:center;width:100%}.login .loginRight .loginImageWrapper .loginImage{border-radius:10px;box-shadow:0 5px 15px #0000000d;height:auto;margin-top:10px;max-width:260px}.register{align-items:center;background:linear-gradient(135deg,#2f1347,#98442a9e,#082247);display:flex;height:100vh;justify-content:center;width:100vw}.register .registerWrapper{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px rgba(73,72,72,.772);display:flex;flex-direction:row;height:95vh;max-width:1000px;overflow:hidden;width:85%}.register .registerLeft{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:50px}.register .registerLeft h1{color:#fff;font-size:5.5vw;font-weight:bolder;margin-bottom:3vw}.register .registerLeft .registerLogo{color:#fff;font-size:48px;font-weight:800;margin-bottom:20px}.register .registerLeft .registerDesc{color:#ddd;font-size:18px;max-width:400px}.register .registerRight{align-items:center;display:flex;flex:1.5 1;justify-content:center;padding:40px}.register .registerRight .registerBox{align-items:center;background:hsla(0,0%,100%,.368);border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:20px;max-width:420px;padding:30px 40px;width:100%}.register .registerRight .registerBox .top{align-items:center;display:flex;justify-content:space-between;width:100%}.register .registerRight .registerBox .top .profileImg{border-radius:50%;height:70px;object-fit:cover;width:70px}.register .registerRight .registerBox .top .formInput label{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500}.register .registerRight .registerBox .top .formInput label .icon{color:#333;font-size:24px;margin-left:8px}.register .registerRight .registerBox .bottom{width:100%}.register .registerRight .registerBox .bottom .bottomBox{display:flex;flex-direction:column;gap:15px;width:100%}.register .registerRight .registerBox .bottom .bottomBox .registerInput{border:1px solid #ccc;border-radius:10px;font-size:16px;height:45px;padding:0 15px}.register .registerRight .registerBox .bottom .bottomBox .registerInput:focus{border-color:#888;outline:none}.register .registerRight .registerBox .bottom .bottomBox .loginRegisterButton,.register .registerRight .registerBox .bottom .bottomBox .registerButton{border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:500;height:45px;width:100%}.register .registerRight .registerBox .bottom .bottomBox .registerButton{background-color:#000;color:#fff}.register .registerRight .registerBox .bottom .bottomBox .loginRegisterButton{background-color:#42b72a;color:#fff}.register .registerRight .registerBox .bottom .loginImageWrapper{display:flex;justify-content:center;margin-top:20px}.register .registerRight .registerBox .bottom .loginImageWrapper .registerImage{border-radius:12px;max-width:280px;object-fit:cover;width:100%}.editProfileWrapper{display:flex}.editProfileWrapper .profileRight{flex:10 1}.editProfileWrapper .profileRight .profileCover{height:320px;position:relative}.editProfileWrapper .profileRight .profileCover .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}.editProfileWrapper .profileRight .profileInfo{align-items:center;display:flex;flex-direction:column;justify-content:center}.editProfileWrapper .profileRight .profileInfo .profileInfoName{font-size:24px}.editProfileWrapper .profileRight .profileInfo .profileInfoDesc{font-weight:300}.editProfileWrapper .profileRight .editprofileRightBottom{display:flex;flex-direction:column}.editProfileWrapper .profileRight .editprofileRightBottom .top{border-radius:10px;box-shadow:2px 4px 10px 1px #10101078;display:flex;justify-content:center;margin:20px;padding:10px}.editProfileWrapper .profileRight .editprofileRightBottom .top h1{color:#fff;font-size:24px}.editProfileWrapper .profileRight .editprofileRightBottom .bottom{border-radius:10px;box-shadow:2px 4px 10px 1px #10101078;display:flex;margin:20px;padding:10px}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .left{flex:1 1}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .left img{border:3px solid #fff;border-radius:50%;height:200px;margin:40px 0 40px 40px;position:absolute;width:200px}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .right{flex:2 1}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form{display:flex;flex-direction:column;justify-content:space-between}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput{margin-top:10px;width:70%}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput label{align-items:center;display:flex;gap:5px}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput label .icon{cursor:pointer}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput input{background-color:#0000;border:none;border-bottom:1px solid #fff;font-size:18px;padding:5px;width:100%}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput input:focus{outline:none}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .updateButton{background:linear-gradient(135deg,rgba(47,19,71,.776),rgba(152,68,42,.435),rgba(8,34,71,.443),rgba(8,34,71,.855));border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;margin-top:20px;padding:10px;width:150px}@media only screen and (max-width:768px){.editProfileWrapper .profileRight .editprofileRightBottom .bottom .left img{border-radius:50%;height:150px;width:150px}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .right{flex:2 1}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput{width:90%}}@media only screen and (max-width:576px){.editProfileWrapper .profileRight .editprofileRightBottom .bottom .left img{border-radius:50%;height:100px;width:100px}.editProfileWrapper .profileRight .editprofileRightBottom .bottom .right form .formInput{width:90%}}.profile .profileWrapper{display:flex}.profile .profileWrapper .profileRight{flex:10 1}.profile .profileWrapper .profileRight .profileCover{height:320px;position:relative}.profile .profileWrapper .profileRight .profileCover .profileCoverImg{height:250px;object-fit:cover;width:100%}.profile .profileWrapper .profileRight .profileCover .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}.profile .profileWrapper .profileRight .profileInfo{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center}.profile .profileWrapper .profileRight .profileInfo .profileInfoName{font-size:24px}.profile .profileWrapper .profileRight .profileInfo .profileInfoDesc{font-weight:300}.profile .profileWrapper .profileRight .profileRightBottom{display:flex}.app.dark{background-color:#111;color:#9c9c9c}.app.dark .navbarContainer{border-bottom:.5px solid #9c9c9c;color:#fff}.app.dark .navbarContainer .searchInput{color:#000}.app.dark .sidebar{background-color:#111;color:#9c9c9c}.app.dark .sidebarFriendName{color:#fffefe}.app.dark .feed{background-color:#111;color:#fffcfc}.app.dark .feed .shareInput{color:#fffefe}.app.dark .rightbar{background-color:#2e2d2d}.app.dark .rightbar .rightbarUsername{color:#fffcfc}.app.dark .editButton{background-color:#fff}.app.dark .editProfile .bottom .right form input{color:#fffefe}.app.dark .editProfile .bottom .right form .updateButton{background-color:#9c9c9c;color:#000}.glass{background:linear-gradient(135deg,#2f1347,#98442a9e,#082247)}.glass,.glass1{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a}.glass1{background:linear-gradient(135deg,#2f1347c6,#98442a6f,#08224771,#082247da)}body{color:#fff}.glass2{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(120deg,#98442a9e,#2f1347,#082247cf,#082247);box-shadow:0 4px 30px #0000001a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.a8c89cc1.css.map*/