.bottom-nav-container{display:none}@media screen and (max-width:768px){.bottom-nav-container{display:block}body{padding-bottom:56px}}@media screen and (min-width:769px){.bottom-nav-container{display:none}}.posts{border-radius:10px;box-shadow:0 0 16px -8px #000000ad;-webkit-box-shadow:0 0 16px -8px #000000ad;-moz-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:30px;object-fit:cover;width:30px}.postUsername{font-size:17px;font-weight:500;margin:0 10px}.postDate{color:#555;font-size:14px}.postMenu{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;min-width:150px;overflow:hidden;position:absolute;right:0;top:30px;z-index:100}.postMenuButton{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.postMenuButton:hover{background:#f0f0f0}.deleteButton{color:#d32f2f;font-weight:500}.deleteButton:hover{background:#ffebee}.postCenter{display:flex;flex-direction:column;font-size:18px;margin:20px 0}.postImg{margin-top:20px;max-height:500px;object-fit:contain;width:100%}.postBottom{justify-content:space-between}.postBottom,.postBottomLeft{align-items:center;display:flex}.likeIcon{cursor:pointer;height:24px;margin-right:5px;width:24px}.postLikeCounter{font-size:16px;margin:0 5px}.postCommentText{border-bottom:1px dashed #555;cursor:pointer}@media screen and (max-width:768px){.posts{border-radius:8px;margin:15px 0}.postWrapper{padding:8px}.postProfileImg{height:35px;width:35px}.postUsername{font-size:15px;margin:0 8px}.postDate{font-size:12px}.postCenter{font-size:16px;margin:15px 0}.postImg{border-radius:8px;max-height:350px}.postBottom{flex-wrap:wrap}.likeIcon{height:20px;width:20px}.postCommentText,.postLikeCounter{font-size:14px}}@media screen and (min-width:769px) and (max-width:1024px){.postUsername{font-size:16px}.postCenter{font-size:17px}.postImg{max-height:450px}}.share{border-radius:25px;box-shadow:0 0 16px -8px #000000ad;-webkit-box-shadow:0 0 16px -8px #000000ad;-moz-box-shadow:0 0 16px -8px #000000ad;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{background-color:#eee;border:none;height:1px;margin:10px 0}.shareImgContainer{align-items:center;display:flex;justify-content:center;margin-top:10px;position:relative}.shareImg{border-radius:10px;height:100%;object-fit:cover;width:100%}.shareCancelImg{background-color:#494949;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;padding:5px;position:absolute;right:0;top:0}.shareBottom{margin-top:10px}.shareBottom,.shareOptions{display:flex;justify-content:space-between}.shareOptions{align-items:center;margin-left:10px}.shareOption{align-items:center;cursor:pointer;display:flex;margin-right:25px}.shareIcon{font-size:18px;margin-right:5px}.shareButton{background-color:#f0f0f0;border:none;border-radius:5px;color:#555;cursor:pointer;font-weight:500;padding:10px;transition:all .3s ease}.shareButton:hover{background-color:#f9f9f9;color:#000}@media screen and (max-width:768px){.shareWrapper{padding:8px}.shareProfileImg{height:40px;width:40px}.shareInput{font-size:14px;width:85%}.shareBottom{flex-direction:column;gap:10px}.shareOptions{flex-wrap:wrap;gap:10px;margin-left:0;width:100%}.shareOption{font-size:14px;margin-right:15px}.shareOptionText{display:none}.shareIcon{font-size:24px;margin-right:0}.shareButton{font-size:14px;padding:12px;width:100%}.shareImg{max-height:300px}}@media screen and (min-width:769px) and (max-width:1024px){.shareOption{margin-right:15px}.shareOptionText{font-size:13px}}.feed{flex:5.5 1;margin-top:10vh;padding:25px}.feedWrapper{padding-bottom:20px}@media screen and (max-width:768px){.feed{flex:1 1;margin-top:70px;padding:10px 10px 80px;width:100%}.feedWrapper{padding-bottom:80px}}@media screen and (min-width:769px) and (max-width:1024px){.feed{flex:6 1;padding:15px}}.rightbar{flex:3.5 1;margin-top:10vh}@media screen and (max-width:1024px){.rightbar{display:none}}@media screen and (min-width:1025px){.rightbar{display:block;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-weight:300}.rightbarTitle{margin:25px 0 15px}.rightbarFriendList{list-style:none;margin:0;padding:0}.rightbarTitle{font-weight:bolder;margin-bottom:10px}.rightbarInfo{margin-bottom:15px}.rightbarInfoItem{align-items:center;display:flex;margin-bottom:5px}.rightbarInfoKey{font-weight:600;margin-right:10px}.rightbarInfoValue{font-weight:300}.rightbarFollowings{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0}.rightbarFollowButton{background-color:#1877f2;border:none;border-radius:10px;color:#fff;font-size:large;font-weight:600;padding:10px;transition:all .3s ease}.rightbarFollowButton,.rightbarFollowing{align-items:center;cursor:pointer;display:flex}.rightbarFollowing{flex-direction:column;margin-bottom:20px}.rightbarFollowingImg{border-radius:5px;height:100px;margin-right:10px;object-fit:cover;width:100px}.sidebarFriend{cursor:pointer;margin-bottom:10px;transition:background-color .2s}.sidebarFriend:hover{background-color:#f0f0f0;border-radius:8px}@media screen and (max-width:768px){.sidebarFriend{padding:10px}.sidebarFriendImg{height:40px;width:40px}}.Sidebar{flex:2 1;height:calc(100vh - 100px);margin-top:1px;overflow-y:scroll;position:-webkit-sticky!important;position:sticky!important;top:65px}@media screen and (max-width:768px){.Sidebar{display:none}}@media screen and (min-width:769px){.Sidebar{display:block;flex:2 1}}@media screen and (min-width:1025px){.Sidebar{flex:2.5 1}}.css-d9ml5t-MuiDrawer-docked .MuiDrawer-paper{border:none;position:relative;width:100%!important}@media (min-width:600px){.css-1o5pq7n{width:100%!important}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;width:5px}.sidebarButton{height:40px;margin:5px 20px 25px;width:60%}.sidebarButton button{background-color:#f1f1f1;border:none;border-radius:5px;color:#555;cursor:pointer;font-size:14px;height:100%;transition:all .3s ease;width:100%}@media screen and (min-width:769px) and (max-width:1024px){.sidebarButton{height:36px;width:70%}.sidebarButton button{font-size:13px}}@media screen and (min-width:1025px){.sidebarButton{height:44px;width:60%}.sidebarButton button{font-size:15px}}.sidebarFriendList{list-style:none;margin:0;padding:0}.sidebarFriend{align-items:center;display:flex;margin-bottom:10;padding:15px}.sidebarFriendImg{border-radius:50%;height:50px;margin-right:10px;object-fit:cover;width:50px}.topbar{left:0;position:fixed;top:0;width:100vw;z-index:999}.MuiMenuItem-root{min-width:180px;padding:10px 20px!important}.MuiListItemIcon-root{min-width:40px!important}@media screen and (max-width:768px){.topbar{width:100%}.MuiMenuItem-root{min-width:150px}}.homeContainer{display:flex;position:relative;width:100%}@media screen and (max-width:768px){.homeContainer{flex-direction:column;padding:0}}@media screen and (min-width:769px) and (max-width:1024px){.homeContainer{flex-direction:row}}@media screen and (min-width:1025px){.homeContainer{flex-direction:row}}.login{align-items:center;background-color:#dadbdd;display:flex;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}.loginLogo{color:#1775ee;font-size:50px;font-weight:800;margin-bottom:10px}.loginDesc{font-size:20px;margin-bottom:20px}.loginBox{background-color:#fff;border-radius:15px;display:flex;flex-direction:column;gap:15px;height:auto;justify-content:center;min-height:400px;padding:20px;width:90%}.loginInput{border:1px solid #d3d3d3;border-radius:10px;font-size:16px;height:50px;padding:0 15px}.loginInput:focus{border-color:#1775ee;box-shadow:0 0 0 2px #1775ee1a;outline:none}.loginButton{background-color:#1775ee;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:50px;padding:10px;transition:background-color .3s ease}.loginButton:hover{background-color:#1a8cff}.loginButton:disabled{cursor:not-allowed;opacity:.7}.loginForgot{color:#1775ee;cursor:pointer;font-size:14px;margin:10px 0;text-align:center;text-decoration:none}.loginForgot:hover{text-decoration:underline}.loginRegisterButton{align-self:center;background-color:#42b72a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:50px;padding:10px;transition:background-color .3s ease;width:100%}.loginRegisterButton:hover{background-color:#36a420}@media screen and (max-width:768px){.loginWrapper{flex-direction:column;height:auto;padding:20px 0;width:95%}.loginLeft{align-items:center;margin-bottom:20px;text-align:center}.loginLogo{font-size:35px;margin-bottom:5px}.loginDesc{font-size:16px;padding:0 10px}.loginBox{height:auto;min-height:350px;padding:15px;width:100%}.loginInput{font-size:16px;height:50px}.loginButton{font-size:18px;height:50px}.loginRegisterButton{font-size:18px;width:100%}}@media screen and (min-width:769px) and (max-width:1024px){.loginWrapper{width:85%}.loginLogo{font-size:45px}.loginBox{width:95%}}.profile{display:flex}.profileRight{flex:9 1}.profileCover{height:50vh;position:relative}.profileCoverImg{height:40vh;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:30vh;width:150px}.profileInfo{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px}.profileInfo h4{font-size:24px;margin-bottom:10px}.profileInfo p{color:gray;font-size:14px}.profileRightBottom{display:flex;justify-content:space-between}@media screen and (max-width:768px){.profile{flex-direction:column}.profileRight{flex:1 1;width:100%}.profileCover{height:35vh}.profileCoverImg{height:25vh}.profileUserImg{border:2px solid #fff;height:100px;top:20vh;width:100px}.profileInfo h4{font-size:20px}.profileInfo p{font-size:13px}.profileRightBottom{flex-direction:column;padding:10px}}@media screen and (min-width:769px) and (max-width:1024px){.profileCover{height:45vh}.profileCoverImg{height:35vh}.profileUserImg{height:130px;top:27vh;width:130px}.profileRightBottom{flex-direction:column}}@media screen and (min-width:1025px){.profileRightBottom{flex-direction:row}}.register{align-items:center;background-color:#dadbdd;display:flex;height:100vh;justify-content:center;width:100vw}.registerWrapper{display:flex;height:70%;width:70%}.registerLeft,.registerRight{display:flex;flex:1 1;flex-direction:column;justify-content:center}.registerLogo{color:#1775ee;font-size:50px;font-weight:800;margin-bottom:10px}.registerDesc{font-size:20px;margin-bottom:20px}.registerBox{background-color:#fff;border-radius:15px;display:flex;flex-direction:column;gap:15px;height:auto;justify-content:center;min-height:450px;padding:20px}.registerInput{border:1px solid #d3d3d3;border-radius:10px;font-size:16px;height:50px;padding:0 15px}.registerInput:focus{border-color:#1775ee;box-shadow:0 0 0 2px #1775ee1a;outline:none}.registerButton{background-color:#1775ee;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:50px;padding:10px;transition:background-color .3s ease}.registerButton:hover{background-color:#1a8cff}.registerButton:disabled{cursor:not-allowed;opacity:.7}.registerForgot{color:#1775ee;cursor:pointer;font-size:14px;margin:10px 0;text-align:center;text-decoration:none}.registerForgot:hover{text-decoration:underline}.registerRegisterButton{align-self:center;background-color:#42b72a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:50px;padding:10px;transition:background-color .3s ease;width:100%}.registerRegisterButton:hover{background-color:#36a420}@media screen and (max-width:768px){.registerWrapper{flex-direction:column;height:auto;padding:20px 0;width:95%}.registerLeft{align-items:center;margin-bottom:20px;text-align:center}.registerLogo{font-size:35px;margin-bottom:5px}.registerDesc{font-size:16px;padding:0 10px}.registerBox{height:auto;min-height:400px;padding:15px;width:100%}.registerInput{font-size:16px;height:50px}.registerButton{font-size:18px;height:50px}.registerRegisterButton{font-size:18px;width:100%}}@media screen and (min-width:769px) and (max-width:1024px){.registerWrapper{width:85%}.registerLogo{font-size:45px}.registerBox{width:95%}}.searchResultsContainer{display:flex;margin-top:64px;min-height:calc(100vh - 64px);position:relative;width:100%}.searchResultsMain{flex:5.5 1;padding:10px 25px 25px}.searchResultsWrapper{margin:0 auto;max-width:800px}.searchTitle{color:#333;font-size:24px;margin-bottom:20px}.searchQuery{color:#1775ee;font-weight:600}.searchTabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:25px}.searchTab{background:none;border:none;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;position:relative;transition:all .3s ease}.searchTab:hover{color:#1775ee}.searchTab.active{color:#1775ee;font-weight:600}.searchTab.active:after{background-color:#1775ee;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.searchLoading{color:#666;font-size:18px}.noResults,.searchLoading{padding:40px;text-align:center}.noResults{color:#888;font-size:16px}.searchPostsSection{display:flex;flex-direction:column;gap:20px}.searchUsersSection{margin-top:20px}.usersList{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.userCard{align-items:center;background:#fff;border-radius:10px;box-shadow:0 0 16px -8px #0003;color:inherit;cursor:pointer;display:flex;padding:15px;text-decoration:none;transition:all .3s ease}.userCard:hover{box-shadow:0 0 20px -5px #0000004d;transform:translateY(-2px)}.userCardImg{border-radius:50%;height:60px;margin-right:15px;object-fit:cover;width:60px}.userCardInfo{display:flex;flex-direction:column;gap:5px}.userCardName{color:#333;font-size:16px;font-weight:600}.userCardDesc{color:#666;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.searchResultsContainer{flex-direction:column;margin-top:56px;min-height:calc(100vh - 56px)}.searchResultsMain{flex:1 1;padding:15px 10px 80px}.searchTitle{font-size:20px}.searchTab{font-size:14px;padding:10px 16px}.usersList{grid-template-columns:1fr}.userCard{padding:12px}.userCardImg{height:50px;width:50px}.userCardName{font-size:15px}.userCardDesc{font-size:13px;max-width:150px}}@media screen and (min-width:769px) and (max-width:1024px){.searchResultsMain{flex:6 1;padding:15px}.usersList{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
/*# sourceMappingURL=main.c056d9e2.css.map*/