.topbarContainer{align-items:center;background-color:#161616;box-sizing:border-box;display:flex;height:50px;padding:10px 30px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.topbarLeft{flex:3 1}.logo{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(0deg,#00ffc3,#00bfff);-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer;font-size:1.8rem;font-weight:700}.topbarRight{color:#fff;flex:9 1;justify-content:space-between;position:relative}.searchbar,.topbarRight{align-items:center;display:flex}.searchbar{background-color:#464646;border-radius:30px;height:30px;width:60%}.searchbar input{background-color:initial}.searchIcon{font-size:1.2rem!important;margin:0 7px 0 10px}.searchInput{border:none;color:#fff;width:70%}.searchInput:focus{outline:none}.autocompleteContainer{background:#464646;border-radius:16px;display:none;left:0;padding:16px;position:absolute;top:50px;width:40vw}.autocompleteContainer.show{-webkit-animation:slideInFromTop .2s ease-in-out;animation:slideInFromTop .2s ease-in-out;display:block}@-webkit-keyframes slideInFromTop{0%{-webkit-filter:opacity(0);filter:opacity(0);top:30px}to{-webkit-filter:opacity(1);filter:opacity(1);top:50px}}@keyframes slideInFromTop{0%{-webkit-filter:opacity(0);filter:opacity(0);top:30px}to{-webkit-filter:opacity(1);filter:opacity(1);top:50px}}.topbarLink{cursor:pointer;font-size:.8rem;margin-right:10px}.topbarIcons{display:flex}.topbarIconItem{cursor:pointer;display:flex;margin-right:15px;position:relative}.topbarIconBadge{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:1rem;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}.menuContainer,.menuTrigger{align-items:center;display:flex}@media (max-width:639px){.topbarContainer{padding:10px}.searchbar{margin:0 30px;width:100%}.topbarIcons,.topbarLinks{display:none}.autocompleteContainer{border-radius:0 0 16px 16px;box-sizing:border-box;left:0;position:fixed;top:50px;width:100vw}}@media (min-width:639px) and (max-width:767px){.topbarLinks{display:none}.autocompleteContainer{width:50vw}}@media (min-width:767px) and (max-width:1023px){.topbarLinks{display:none}.autocompleteContainer{width:50vw}}@media (min-width:1023px) and (max-width:1279px){.autocompleteContainer{width:40vw}}.sidebarFriend{align-items:center;border-radius:8px;display:flex;margin-bottom:5px;padding:8px;transition:.1s}.sidebarFriend:hover{background:hsla(0,0%,100%,.04)}.sidebarFriend:hover>span{text-decoration:underline}.sidebarFriendImg{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.sidebarFriendName{overflow:hidden;text-overflow:ellipsis;width:100%}.sidebar{background-color:#262626;flex:3 1;height:calc(100vh - 50px);overflow-y:scroll}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background-color:#161616}::-webkit-scrollbar-thumb{background-color:#b3b3b3}.sidebarWrapper{padding:20px}.sidebarList{list-style:none;margin:0;padding:0;position:relative}.sidebarListItem{cursor:pointer;font-size:1.1rem;height:2.6rem;margin:0}.sidebarListItem,.sidebarListItem>a{align-items:center;display:flex}.sidebarListItem:first-child.active~.sidebarListAnimation,.sidebarListItem:first-child:hover~.sidebarListAnimation{background:#00bfff;top:0}.sidebarListItem:nth-child(2).active~.sidebarListAnimation,.sidebarListItem:nth-child(2):hover~.sidebarListAnimation{background:#00d8ff;top:2.6rem}.sidebarListItem:nth-child(3).active~.sidebarListAnimation,.sidebarListItem:nth-child(3):hover~.sidebarListAnimation{background:#00f1ff;top:5.2rem}.sidebarListItem:nth-child(4).active~.sidebarListAnimation,.sidebarListItem:nth-child(4):hover~.sidebarListAnimation{background:#00fff4;top:7.8rem}.sidebarListItem:nth-child(5).active~.sidebarListAnimation,.sidebarListItem:nth-child(5):hover~.sidebarListAnimation{background:#00ffdb;top:10.4rem}.sidebarListItem:nth-child(6).active~.sidebarListAnimation,.sidebarListItem:nth-child(6):hover~.sidebarListAnimation{background:#00ffc3;top:12.8rem}.sidebarListAnimation{height:2.6rem;left:-20px;position:absolute;transition:top .25s,background .4s;width:5px}.sidebarIcon{margin-right:15px}.sidebarTitle{font-size:1.2rem;font-weight:500;margin-bottom:20px}.sidebarHr{margin:20px 0}.sidebarFriendList{list-style:none;margin:0;padding:0}.post{border-radius:10px;margin:30px 0;width:100%}.post:first-child{margin-top:0}.postWrapper{background-color:#363636;border-radius:14px;padding:15px}.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:1rem;font-weight:500;margin:0 10px}.postDate{font-size:.8rem}.postCenter{margin:20px 0}.postImg{max-height:500px;object-fit:contain}.postImg,.postTags{margin-top:20px;width:100%}.postTag{align-items:center;background:#00bfff;border-radius:6px 0 0 6px;display:inline-block;height:25px;margin-right:20px;margin-top:10px;padding:0 8px;position:relative}.postTag>span{color:#363636;line-height:5px;pointer-events:none;vertical-align:middle}.postTag:after{border-bottom:12.5px solid transparent;border-left:10px solid #00bfff;border-top:12.5px solid transparent;content:"";left:100%;position:absolute}.postBottom{justify-content:space-between}.postBottom,.postBottomLeft{align-items:center;display:flex}.likeIcon,.postBottomRight{cursor:pointer}.likeIcon{height:20px;margin-right:5px;width:20px}.postLikeCounter{font-size:.8rem}.createComment{align-items:center;border-bottom:2px solid gray;display:flex;margin-bottom:20px;padding-bottom:8px}.createComment>input{background:transparent;border:none;color:#fff;height:auto;margin-left:8px;outline:none;padding-right:20px;width:100%}.createComment>button{background-color:#fff;border:2px solid #fff;border-radius:8px;color:#363636;content:border-box;font-size:1rem;font-weight:300;padding:4px 7px;transition:.1s}.createComment>button:hover{background:transparent;color:#fff}.postComment{margin-bottom:16px}.postCommentText:before{border-bottom:7px solid transparent;border-left:12px solid #fff;border-top:7px solid transparent;content:"";display:inline-block;height:0;margin-right:5px;transition:.2s;vertical-align:middle;width:0}.postCommentText.showing:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.postCommentText{cursor:pointer;font-size:1rem;pointer-events:none}.postComments{background:#262626;border-radius:8px;margin-top:15px;padding:10px}.commentTop{align-items:center;display:flex}.commentProfileImg{border-radius:50%;height:32px;object-fit:cover;width:32px}.commentUsername{font-weight:700;margin-left:10px}.commentBottom{margin:10px}.share{border-radius:10px;margin-bottom:20px;width:100%}.shareWrapper{background-color:#363636;border-radius:14px;padding:15px}.shareTop{align-items:center;display:flex}.shareProfileImg{border-radius:50%;height:50px;margin-right:10px;object-fit:cover;width:50px}.shareInput{border:none;font-size:1rem;font-weight:300;width:80%}.shareInput:focus{outline:none}.shareHr{margin:20px 0}.shareImgContainer{max-height:1000px;overflow-y:hidden}.shareImgContainer>img{width:100%}.shareBottom{align-items:center;display:flex;justify-content:space-between}.shareOptions{display:flex}.shareOption{align-items:center;cursor:pointer;display:flex;margin-right:15px}.shareIcon{font-size:1.2rem;margin-right:3px}.shareOptionText{font-size:1rem;font-weight:500}.shareTop input{background-color:initial;color:#fff}.shareButton{background-color:#00ff15;border:2px solid transparent;border-radius:8px;color:#363636;content:border-box;font-size:1rem;font-weight:300;padding:7px;transition:.1s}.shareButton:hover{background:transparent;border:2px solid #00ff15;color:#00ff15}.shareTags{width:100%}.shareTag{align-items:center;background:#00bfff;border-radius:6px 0 0 6px;display:inline-block;height:30px;margin:10px 20px 10px 0;padding-left:8px;position:relative;vertical-align:initial}.shareTag:after{border-bottom:15px solid transparent;border-left:10px solid #00bfff;border-top:15px solid transparent;content:"";left:100%;position:absolute}.shareTag>span{color:#363636;vertical-align:middle}.shareTag>span:focus{outline:none}.shareTag>svg{vertical-align:middle}.shareTag>svg:hover{cursor:pointer}.shareTagInput{background:transparent;border:none;color:#fff;outline:none}@media (max-width:639px){.shareOptionText{text-indent:-9999px}}.feed{background-color:#262626;flex:5.5 1;height:calc(100vh - 50px);max-width:100vw;overflow-y:scroll}.feed::-webkit-scrollbar{width:0}.feed::-webkit-scrollbar-track{background-color:#161616}.feed::-webkit-scrollbar-thumb{background-color:#b3b3b3}.feedWrapper{padding:20px}@media (max-width:639px){.feedWrapper{padding:20px 3vw}}.rightbar{background-color:#262626;flex:3.5 1;height:calc(100vh - 50px);overflow-y:scroll}.rightbarWrapper{margin:20px 3vw}.birthdayContainer{align-items:center;display:flex}.birthdayImg{height:40px;margin-right:10px;width:40px}.birthdayText{font-size:1rem;line-height:normal}.birthdayText b{font-weight:700}.rightbarAd{border-radius:10px;display:flex;justify-content:center;margin:30px auto}.rightbarFriendList{list-style:none;margin:0;padding:0}.rightbarTitle{font-size:1.2rem;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}.rightbarFollowButton{align-items:center;background-color:#f8f8f8;border:2px solid transparent;border-radius:8px;color:#363636;content:border-box;display:flex;font-size:1rem;font-weight:300;margin-bottom:20px;padding:7px;transition:.1s}.rightbarFollowButton:hover{background:transparent;border:2px solid #f8f8f8;color:#f8f8f8}.rightbarFollowings{display:flex;flex-wrap:wrap}.rightbarFollowing{cursor:pointer;display:flex;flex-direction:column;margin-bottom:20px;margin-right:16px}.imageContainer{border-radius:16px;height:100px;overflow:hidden;width:100px}.rightbarFollowingImg{height:100px;object-fit:cover;transition:.15s;width:100px}.imageContainer:hover .rightbarFollowingImg{-webkit-transform:scale(1.1);transform:scale(1.1)}.rightbarFollowingName{margin-top:5px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100px}@media (max-width:639px){.rightbarFollowings{flex-wrap:nowrap;overflow-x:scroll}.rightbarTop{align-items:center;display:flex;flex-direction:row-reverse}.rightbarFollow{align-items:flex-end;display:flex;flex:1 1;height:100%;justify-content:flex-end}.rightbarInfo{flex:1 1}}.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:3px solid #262626;border-radius:50%;height:12px;position:absolute;right:-3px;top:-3px;width:12px}.rightbarUsername{font-weight:500}.bottomNavbar{background-color:#262626;border:3px solid aqua;border-radius:10px;bottom:5px;display:flex;height:50px;left:50%;position:fixed;text-align:center;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:9999}.bottomNavbar button{background:#363636;border:none;border-radius:7px;color:#fff}.bottomNavbar>:nth-child(2){margin:0 3px}.homeContainer{background-color:#262626;display:flex;overflow:hidden;width:100vw}@media (max-width:639px){.homeContainer>:first-child,.homeContainer>:nth-child(2),.homeContainer>:nth-child(3){display:none;transition:all .4s;width:100%}.homeContainer>:nth-child(3){box-sizing:border-box;padding:20px}.homeContainer>.active{display:block;transition:opacity .2s}}@media (min-width:639px) and (max-width:767px){.homeContainer>:nth-child(3){display:none}}@media (min-width:768px) and (max-width:1023px){.homeContainer>:nth-child(3){display:none}}.profile{display:flex;height:calc(100vh - 50px);overflow-y:scroll}.profileRight{background:#262626;flex:9 1;overflow-y:scroll}.profileCover{height:320px;position:relative}.profileCoverImg{height:250px;object-fit:cover;width:100%}.profileUserImg{background:#262626;border-radius:50%;height:150px;left:0;margin:auto;object-fit:cover;padding:4px;position:absolute;right:0;top:150px;width:150px}.profileInfo{align-items:center;display:flex;flex-direction:column;justify-content:center}.profileInfoName{font-size:1.5rem}.profileInfoDesc{font-weight:300}.profileRightBottom{display:flex}.profileRightBottom .feedWrapper>.post:first-child{margin-top:0}.profileBottomNavbar{align-items:center;background-color:#262626;border:3px solid aqua;border-radius:10px;bottom:5px;display:flex;height:50px;left:50%;position:fixed;text-align:center;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:9999}.profileBottomNavbar a{align-items:center;background:#363636;border:none;border-radius:7px;color:#fff;display:flex;height:100%;margin:0 6px}@media (max-width:639px){.profileRight{flex:none;width:100%}.profileRightBottom{display:flex;flex-direction:column-reverse}}.entry{align-items:center;background-color:#262626;display:flex;justify-content:center;min-height:100vh;overflow:hidden;width:100%}#dotsNetwork{background-color:initial;position:absolute;right:0;top:-2px;z-index:10}.login{align-items:center;background-color:#262626;display:flex;justify-content:center;min-height:100vh;overflow:hidden;width:100%}.loginWrapper{display:flex;height:70%;width:70%}.loginLeft,.loginRight{display:flex;flex:1 1;flex-direction:column;justify-content:center}.loginLeft{pointer-events:none;z-index:100}.loginRight{position:relative;z-index:100}.loginLogo{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(0deg,#00ffc3,#00bfff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3.6rem;font-weight:800;margin-bottom:10px}.loginDesc{font-size:1.6rem}.loginBox{background-color:#363636;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.loginHeader{font-size:3rem;margin-bottom:32px;text-align:center}.loginInput{background-color:initial;border:2px solid gray;border-radius:10px;color:#fff;font-size:1rem;height:50px;margin-bottom:20px;padding-left:20px}.loginInput:focus{outline:none}.loginButton{align-self:center;background-color:#007fa9;border:none;border-radius:10px;color:#fff;font-size:1.2rem;height:50px;position:relative;transition:all .25s;width:300px}.loginForgot{color:#1775ee;margin:16px 0;text-align:center}.loginRegisterButton{align-self:center;background-color:#00a881;border:none;border-radius:10px;color:#fff;font-size:1.2rem;height:50px;position:relative;transition:all .25s;width:300px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-background-clip:text;box-shadow:inset 0 0 20px 20px #23232329;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}@media (max-width:639px){.loginWrapper{display:block;margin:40px;width:100%}.loginLeft{margin-bottom:20px;text-align:center}}@media (min-width:640px) and (max-width:1023px){.loginWrapper{display:block;margin:40px;width:60%}.loginLeft{margin-bottom:20px;text-align:center}}.registerWrapper{display:flex;height:70%;width:70%}.registerLeft,.registerRight{display:flex;flex:1 1;flex-direction:column;justify-content:center}.registerLeft{pointer-events:none;z-index:100}.registerRight{position:relative;z-index:100}.registerLogo{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(0deg,#00ffc3,#00bfff);-webkit-background-clip:text;background-clip:text;font-size:3.6rem;font-weight:800;margin-bottom:10px}.registerDesc{font-size:1.6rem}.registerBox{background-color:#363636;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.registerHeader{font-size:3rem;margin-bottom:32px;text-align:center}.registerInput{background-color:initial;border:2px solid gray;border-radius:10px;color:#fff;font-size:1rem;height:50px;margin-bottom:20px;padding-left:20px}.registerInput:focus{outline:none}.registerButton{background-color:#007fa9;margin-bottom:20px}.registerButton,.registerLoginButton{align-self:center;border:none;border-radius:10px;color:#fff;font-size:1.2rem;height:50px;position:relative;transition:all .25s;width:300px}.registerLoginButton{background-color:#00a881}@media (max-width:639px){.registerWrapper{display:block;margin:40px;width:100%}.registerLeft{margin-bottom:20px;text-align:center}}@media (min-width:640px) and (max-width:1023px){.registerWrapper{display:block;margin:40px;width:60%}.registerLeft{margin-bottom:20px;text-align:center}}
/*# sourceMappingURL=main.2dc52306.css.map*/