@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800&display=swap);:root{--white-background:#fff;--primary-button-background2:#00a1f7;--primary-button-background1:#00ff90;--secondary-button-background:#e4e6eb;--secondary-button-background-on-hover:#ced0d5;--primary-text:#050505;--secondary-text:#84888f;--comment-background:#f0f2f5;--nav-menu-background:#f3f8ff9d;--body-background:#f0f2f5;--story-icon-color:#4cb256;--add-photo-icon-color:#4a4eb7;--location-icon-color:#ef5757;--primary1:#00ff90;--primary2:#00a1f7}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}body{background-color:#f0f2f5;height:var(--vh);position:fixed;width:100%}.button{background:#00a1f7;border:unset;color:#212121;color:#fff;font-size:17px;font-weight:1000;overflow:hidden;position:relative;z-index:1}.button,.button:before{border-radius:10px;transition:all .25s}.button:before{background:linear-gradient(90deg,#00ff90,#00a1f7);box-shadow:4px 8px 19px -3px rgba(0,0,0,.27);content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.button:hover:before{width:100%}.haveStory{background:linear-gradient(135deg,#00ff90,#00a1f7);border-radius:50%}::-webkit-scrollbar{display:none}.Auth{align-items:center;display:flex;flex-direction:column;gap:5rem;height:var(--vh);justify-content:center;overflow:scroll;position:relative}.authLogo{align-self:center;height:6rem}.authForm{background:linear-gradient(145deg,#e8e8e8,#f0f0f0);border-radius:10px;box-shadow:8px 8px 12px #848484,-8px -8px 12px #fff;display:flex;flex-direction:column;padding:1rem;width:23rem}.authTitle{color:var(--secondary-text);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.authInputs{display:flex;flex-direction:column;gap:1.8rem;margin-bottom:.5rem}.inputField{align-items:center;border-radius:10px;box-shadow:inset 5px 5px 7px #afafaf,inset -5px -5px 7px #fff;display:flex;padding:10px}.inputField>svg{color:var(--primary-color);font-size:1.2rem}.inputField>input{background:none;border:none;color:#4d5157;flex-grow:1;font-size:1rem;font-weight:500;outline:none;padding:1px 1px 1px 5px}.authWarning{color:red;font-size:.7rem;margin-bottom:1rem}.authLink{font-size:.8rem;font-weight:400}.authLink>span{border-bottom:2.5px solid var(--primary1);color:var(--primary2);cursor:pointer;font-weight:600}.authButton{margin-top:1.5rem;padding:10px}.authForm>p{font-size:.6rem;margin-top:1rem}.authFooter{bottom:1rem;color:var(--secondary-text);font-size:.8rem;position:absolute}.authFooter>span:first-child{margin-right:1rem}@media only screen and (max-width:425px) and (min-width:0px){.authForm{width:90%}}.Posts{align-items:center;flex-direction:column;gap:1rem;margin-bottom:30vh}.Posts,.postLoader{display:flex;width:100%}.postLoader{justify-content:center;margin-top:5rem}.followMessage{display:flex;flex-direction:column;max-width:40rem;width:100%}.followMessage>span:first-child{color:var(--secondary-text);font-size:1rem;margin:1rem 5px}.followMessage>span:nth-child(2){font-size:1rem;font-weight:600;margin:1rem .5rem 5px}@media only screen and (min-width:1024px){.Posts{width:42rem}}.Post{background-color:var(--white-background);border-radius:.75rem;box-shadow:0 0 9px -4px #444950;flex-direction:column;max-width:40rem}.Post,.postHeader{display:flex;width:100%}.postHeader{align-items:center;height:3.75rem;justify-content:flex-start}.postHeader>img{border-radius:50%;cursor:pointer;height:2.2rem;margin:.5rem;width:2.2rem}.postHeaderDetails{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.postHeaderDetails>span:first-child{cursor:pointer;font-size:.9rem;font-weight:600}.postHeaderDetails>span:nth-child(2){color:var(--secondary-text);font-size:.7rem;font-weight:500}.postHeader>div:nth-child(3){font-size:1.3rem;margin-left:auto;margin-right:1rem}.postHeader>div:nth-child(3)>div>button{align-items:center;background:none;border:none;border-radius:50%;display:flex;height:1.3rem;justify-content:center;outline:none;width:1.3rem}.postHeader>div:nth-child(3)>div>button:hover{background:var(--body-background)}.postHeader>div:nth-child(3)>div>button>svg{font-size:1.2rem}.postImage>img{border-bottom:1px solid hsla(0,0%,78%,.617);border-top:1px solid hsla(0,0%,78%,.617);max-height:40rem;max-width:40rem;object-fit:cover;width:100%}.postDetails{flex-direction:column;padding:.75rem 0 1rem .75rem}.postDetails,.postReact{align-items:flex-start;display:flex}.postReact{gap:.75rem;margin-bottom:.25rem}.postReact>svg{cursor:pointer;font-size:1.7rem}.postDetails>span{font-size:.9rem;font-weight:600;margin-bottom:.45rem}.postDesc{margin-bottom:.25rem}.postDesc>span:first-child{cursor:pointer;font-size:.9rem;font-weight:600}.postDesc>span:nth-child(2){font-size:.9rem;white-space:pre-wrap}.comment{color:var(--secondary-text);font-size:.9rem}.comment:hover{cursor:pointer;text-decoration:underline}.postTime{color:var(--secondary-text);font-size:.75rem;margin-top:.25rem}@media screen and (min-width:0px) and (max-width:642px){.Post{border-radius:0;margin:0}}.ExploreSlide{display:flex;gap:.75rem;max-width:40rem;overflow-x:scroll;overflow-y:hidden;padding:4px;width:100%}.exploreSlideUser{align-items:center;background:var(--white-background);border-radius:.75rem;box-shadow:0 0 9px -4px #444950;display:flex;flex-direction:column;height:13rem;justify-content:center;min-width:10rem;padding:.75rem;width:10rem}.exploreSlideImage{border-radius:50%;cursor:pointer;height:5.5rem;width:5.5rem}.exploreSlideUserUpper{height:100%;width:100%}.exploreSlideUserLower,.exploreSlideUserUpper{align-items:center;display:flex;justify-content:center}.exploreSlideUserLower{flex-direction:column}.exploreSlideUserLower>span:first-child{cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem}.exploreSlideUserLower>span:nth-child(2){cursor:pointer;font-size:.8rem;font-weight:400;margin-bottom:.5rem}@media only screen and (max-width:670px){.ExploreSlide{margin-left:.75rem}}.loader{box-sizing:border-box;height:24px;position:relative;width:24px}.loader,.loader:after,.loader:before{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.loader:after,.loader:before{background:var(--primary1);border-radius:50%;content:"";height:12px;position:absolute;-webkit-transform-origin:0 100%;transform-origin:0 100%;width:12px}.loader:before{background:var(--primary2);-webkit-transform-origin:0 50%;transform-origin:0 50%}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.PostShare{align-items:center;background-color:var(--white-background);border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;justify-content:center;max-width:40rem;padding:1rem;width:100%;z-index:10}.postShareUpper>hr{align-self:center;border-color:#fff;color:red;width:95%}.postShareUpper{display:flex;flex-direction:column;gap:1rem;width:100%}.postShareSearchArea{align-items:center;display:flex;gap:1rem;width:100%}.postShareSearchArea>div{align-items:center;border-radius:50%;display:flex;height:3.5rem;justify-content:center;min-height:3.5rem;min-width:3.5rem;width:3.5rem}.haveStory>.postShareSearchAreaImage{border:2px solid #fff}.postShareSearchAreaImage{border-radius:50%;height:3.1rem;width:3.1rem}.postShareInput{background-color:var(--comment-background);border:none;border-radius:20px;font-size:17px;font-weight:200;outline:none;padding:10px;width:100%}.postShareInput::-webkit-input-placeholder{font-weight:500}.postShareInput:-ms-input-placeholder{font-weight:500}.postShareInput::placeholder{font-weight:500}.postOptions{justify-content:space-between;margin-left:3rem}.option,.postOptions{align-items:center;display:flex}.option{border-radius:10px;color:var(--secondary-text);cursor:pointer;font-size:15px;font-weight:600;justify-content:center;padding:5px 10px}.option>svg{font-size:1.5rem;margin-right:5px}.postShareButton{align-items:center;background:var(--primary-button-background2);border:none;border-radius:16px;color:#fff;display:flex;font-family:inherit;font-size:.9rem;overflow:hidden;padding:.5em .8em .5em .9em;position:relative;transition:all .25s;z-index:1}.postShareButton span{display:block;margin-left:.3em;transition:all .3s ease-in-out}.postShareButton svg{display:block;-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.postShareButtonActive .svg-wrapper{-webkit-animation:fly-1 .6s ease-in-out infinite alternate;animation:fly-1 .6s ease-in-out infinite alternate}.postShareButtonActive svg{-webkit-transform:translateX(1.2em) rotate(45deg) scale(1.1);transform:translateX(1.2em) rotate(45deg) scale(1.1)}.postShareButtonActive span{-webkit-transform:translateX(5em);transform:translateX(5em)}.postShareButtonActive{-webkit-transform:scale(.95);transform:scale(.95)}.postShareButton:before{background:linear-gradient(90deg,#00ff90,#00a1f7);border-radius:10px;box-shadow:4px 8px 19px -3px rgba(0,0,0,.27);content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s;width:0;z-index:-1}.postShareButtonActive:before{width:100%}.previewImage{justify-content:center;position:relative}.disSelectIcon,.previewImage{align-items:center;display:flex}.disSelectIcon{justify-content:flex-end;max-width:40rem;position:absolute;top:.5rem;width:100%}.disSelectIcon>svg{background:#fff;border-radius:50%;cursor:pointer;font-size:1.5rem;margin-right:.5rem}.previewImage>img{border-radius:.5rem;max-height:40rem;max-width:40rem;object-fit:cover;width:100%}@media screen and (min-width:0px) and (max-width:489px){.PostShare{padding:.5rem}.option{padding:2.5px 5px}}@media screen and (min-width:0px) and (max-width:642px){.PostShare{border-radius:0}.postOptions{margin-left:0}}.postModel{align-items:center;display:flex;flex-direction:column;padding:1rem 0}.postModel>span:first-child{font-size:1.2rem;font-weight:700}.postModel>hr{color:#d4d4d4;margin-top:.25rem;width:100%}.postModelContent{flex-direction:column;padding:1rem}.postModelContent,.postModelProfilData{align-items:center;display:flex;width:100%}.postModelProfilData{gap:.75rem}.postModelProfilData>img{border-radius:50%;height:3rem;width:3rem}.postModelProfilData>div{display:flex;flex-direction:column;gap:.3rem}.postModelProfilData>div>span{font-size:.9rem;font-weight:700}.postModelProfilData>div>div{align-items:center;background:var(--comment-background);border-radius:5px;display:flex;gap:.3rem;padding:.2rem .3rem;width:-webkit-max-content;width:max-content}.postModelProfilData>div>div>span{font-size:.8rem;font-weight:600}.postModelContent>textarea{background:var(--comment-background);border:none;border-radius:10px;height:4rem;margin-top:1rem;outline:none;padding:.5rem;resize:none;width:100%}.postmodelImageInput{border-radius:10px;height:16.7rem;margin-top:1rem;padding:.5rem;position:relative;width:100%}.postmodelImageInputNoPhoto{border:1px solid #dadada;border-radius:3px;height:19rem}.postmodelImageInputSelectPhoto{align-items:center;background:var(--comment-background);border-radius:5px;display:flex;flex-direction:column;font-weight:600;height:100%;justify-content:center;width:100%}.aspectRatioSetter{align-items:center;background:rgba(0,0,0,.25);display:flex;height:2.5rem;justify-content:space-around;margin-top:1px;width:100%}.aspectRatioSetter>span{align-items:center;border:2px solid #5c5c5c;border-radius:5px;cursor:pointer;display:flex;font-size:.7rem;justify-content:center}.aspectRatioSetter>span:first-child{height:1.2rem;width:1.2rem}.aspectRatioSetter>span:nth-child(2){height:2rem;width:1.4rem}.aspectRatioSetter>span:nth-child(3){height:1.2rem;width:2.292rem}.aspectRatioSetter span:hover{background:#999;border:2px solid #464646}.postCancelOption{align-items:center;background:rgba(0,0,0,.25);border-end-end-radius:8px;border-end-start-radius:8px;color:#5c5c5c;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;height:2.2rem;justify-content:center;margin-bottom:.75rem;margin-top:1.2px;transition:all .3s;width:100%}.postCancelOption>svg{font-size:1.3rem;transition:all .3s}.postCancelOption:hover{background:rgba(255,65,65,.25);color:red;font-size:0}.postCancelOption:hover>svg{font-size:1.8rem}.aspectRatioSetter>div{align-items:center;background-color:hsla(0,100%,76%,.63);border-radius:5px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:.25rem;padding:.15rem}.aspectRatioSetter>div>svg{color:#da0000;font-size:1.3 rem}.aspectRatioSetter>div{color:#da0000;font-size:.8rem}.aspectRatioSetter div:hover{background:#999}.postmodelImageInputSelectPhoto>svg{font-size:2rem}.postmodelImageInputSelectPhoto:hover{background:#e9e9e9}.profilemodelLocationInput{align-items:center;border:2px solid #cfcfcf;border-radius:10px;display:flex;margin-top:1rem;width:100%}.profilemodelLocationInput>svg{color:var(--secondary-text);font-size:1.5rem;margin-left:.35rem}.profilemodelLocationInput>input{background:none;border:none;color:var(--secondary-text);font-weight:500;height:2.75rem;outline:none;padding:.5rem;width:100%}.postModelButtonWrapper{padding:0 1rem;width:100%}.postModelButton{align-items:center;background:var(--primary-button-background2);border:none;border-radius:16px;color:#fff;display:flex;font-family:inherit;font-size:.9rem;justify-content:center;overflow:hidden;padding:.5em .8em .5em .9em;position:relative;transition:all .25s;width:100%;z-index:1}.postModelButtonTextLoading{font-size:1.2rem;font-weight:500;height:0;opacity:0;transition:all .3s ease-in-out;width:0}.postModelButton>.postModelButtonText{display:block;font-size:1.2rem;font-weight:600;margin-left:.3em;transition:all .3s ease-in-out}.postModelButton svg{display:block;-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.postModelButtonActive .svg-wrapper{-webkit-animation:fly-1 .6s ease-in-out infinite alternate;animation:fly-1 .6s ease-in-out infinite alternate}.postModelButtonActive svg{-webkit-transform:translateX(8em) scale(1.1);transform:translateX(8em) scale(1.1)}.postModelButtonActive>.postModelButtonText{display:none}.postModelButtonActive>.postModelButtonTextLoading{height:auto;opacity:1;-webkit-transform:translateX(-2em) scale(1.1);transform:translateX(-2em) scale(1.1);width:auto}.postModelButtonActive{-webkit-transform:scale(.95);transform:scale(.95)}.postModelButton:before{background:linear-gradient(90deg,#00ff90,#00a1f7);border-radius:10px;box-shadow:4px 8px 19px -3px rgba(0,0,0,.27);content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s;width:0;z-index:-1}.postModelButtonActive:before{width:100%}.postmodelImageInput>.reactEasyCrop_Container{border-start-end-radius:8px;border-start-start-radius:8px}.reactEasyCrop_CropArea{color:rgba(0,0,0,.25)!important}.storyModal{align-items:center;display:flex;flex-direction:column;padding:1rem 0}.storyModal>span:first-child{font-size:1.2rem;font-weight:700}.storyModal>hr{color:#d4d4d4;margin-top:.25rem;width:100%}.storyModalContent{align-items:center;display:flex;flex-direction:column;padding:1rem;width:100%}.storyModalImageInput{border-radius:10px;height:28rem;padding:.5rem;position:relative;width:100%}.storyModalImageInputNoPhoto{border:1px solid #dadada;border-radius:3px;height:19rem}.storyModalImageInputSelectPhoto{align-items:center;background:var(--comment-background);border-radius:5px;display:flex;flex-direction:column;font-weight:600;height:100%;justify-content:center;width:100%}.storyModalImageInputSelectPhoto>svg{font-size:2rem}.storyModalImageInputSelectPhoto:hover{background:#e9e9e9}.storyDeleteOption{align-items:center;background:hsla(0,100%,73%,.25);border-end-end-radius:8px;border-end-start-radius:8px;color:red;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;height:2.7rem;justify-content:center;margin-top:.15rem;transition:all .3s;width:100%}.storyDeleteOption>svg{font-size:1.3rem;transition:all .5s}.storyDeleteOption:hover{background:rgba(255,65,65,.25);font-size:0}.storyDeleteOption:hover>svg{font-size:1.8rem}.storyModalImageInput>.reactEasyCrop_Container{border-start-end-radius:8px;border-start-start-radius:8px}.storyModalButtonWrapper{padding:0 1rem;width:100%}.storyModalButton{align-items:center;background:var(--primary-button-background2);border:none;border-radius:16px;color:#fff;display:flex;font-family:inherit;font-size:.9rem;justify-content:center;overflow:hidden;padding:.5em .8em .5em .9em;position:relative;transition:all .25s;width:100%;z-index:1}.storyModalButtonTextLoading{font-size:1.2rem;font-weight:500;height:0;opacity:0;transition:all .3s ease-in-out;width:0}.storyModalButton>.storyModalButtonText{display:block;font-size:1.2rem;font-weight:600;margin-left:.3em;transition:all .3s ease-in-out}.storyModalButton svg{display:block;-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.storyModalButtonActive .svg-wrapper{-webkit-animation:fly-1 .6s ease-in-out infinite alternate;animation:fly-1 .6s ease-in-out infinite alternate}.storyModalButtonActive svg{-webkit-transform:translateX(8em) scale(1.1);transform:translateX(8em) scale(1.1)}.storyModalButtonActive>.storyModalButtonText{display:none}.storyModalButtonActive>.storyModalButtonTextLoading{height:auto;opacity:1;-webkit-transform:translateX(-2em) scale(1.1);transform:translateX(-2em) scale(1.1);width:auto}.storyModalButtonActive{-webkit-transform:scale(.95);transform:scale(.95)}.storyModalButton:before{background:linear-gradient(90deg,#00ff90,#00a1f7);border-radius:10px;box-shadow:4px 8px 19px -3px rgba(0,0,0,.27);content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s;width:0;z-index:-1}.storyModalButtonActive:before{width:100%}.storymodalImageInput>.reactEasyCrop_Container{border-start-end-radius:5px;border-start-start-radius:5px}.reactEasyCrop_CropArea{color:rgba(0,0,0,.4)!important}@-webkit-keyframes fly-1{0%{-webkit-transform:translateY(.1em);transform:translateY(.1em)}to{-webkit-transform:translateY(-.1em);transform:translateY(-.1em)}}@keyframes fly-1{0%{-webkit-transform:translateY(.1em);transform:translateY(.1em)}to{-webkit-transform:translateY(-.1em);transform:translateY(-.1em)}}.Story{flex-direction:column;overflow:hidden;white-space:nowrap;width:4.5rem}.Story,.Story>.haveStory{align-items:center;display:flex;justify-content:center}.Story>.haveStory{height:4rem;width:4rem}.StoryImg{border:3px solid #fff;border-radius:50%;height:3.6rem;width:3.6rem}.Story>span{font-size:.8rem}.Stories{background-color:var(--white-background);border-radius:10px;margin-top:2vw;max-width:40rem;padding:1rem;width:100%}.Stories>div{align-items:center;display:flex;gap:.75rem;overflow-x:scroll}.noStoryUser{background:linear-gradient(135deg,#d1d1d1,#a1a1a1);height:4rem;position:relative;width:4rem}.addStorySignUser,.noStoryUser{align-items:center;border-radius:50%;display:flex;justify-content:center}.addStorySignUser{background:linear-gradient(135deg,#00ff90,#00a1f7);bottom:2px;height:1.2rem;position:absolute;right:2px;width:1.2rem}.addStorySignUser>svg{color:#fff;font-size:.7rem}#PostSide{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;margin:0 5%;overflow-x:hidden;overflow-y:scroll;width:100%;width:auto}@media screen and (min-width:0px) and (max-width:1170px){#PostSide{margin:0}}#PostSide::-webkit-scrollbar{display:none}.ProfileCard{background:linear-gradient(145deg,#cacaca,#f0f0f0);border-radius:1rem;box-shadow:9px 9px 12px #929292,-9px -9px 12px #fff;display:flex;flex-direction:column;padding:.2rem 2rem;width:100%}.ProfileName,.ProfileName>div:first-child{align-items:center;display:flex}.ProfileName>div:first-child{border-radius:50%;height:3.5rem;justify-content:center;margin:.7rem .7rem .7rem 0;min-height:3.5rem;min-width:3.5rem;width:3.5rem}.profileCardImage{border-radius:50%;cursor:pointer;height:3.1rem;width:3.1rem}.haveStory>.profileCardImage{border:2px solid #fff}.profileNames{cursor:pointer;display:flex;flex-direction:column}.profileNames>span:first-child{font-size:1rem;font-weight:600}.profileNames>span:nth-child(2){color:var(--secondary-text);font-size:.75rem}.followStatus{align-items:center;display:flex;flex-direction:column;gap:.2rem;justify-content:center;margin-bottom:.3rem}.followStatus>hr{border:1px solid var(--secondary-button-background-on-hover);width:85%}.followStatus>div{justify-content:space-between;width:80%}.follow,.followStatus>div{align-items:center;display:flex}.follow{flex-direction:column;gap:.4rem;justify-content:center}.follow>span:first-of-type{font-weight:700}.follow>span:nth-of-type(2){color:var(--secondary-text);font-size:13px}.vl{border-left:2px solid var(--secondary-button-background-on-hover);height:2rem}.FollowersCard{border-radius:.75rem;display:flex;flex-direction:column;font-size:13px;gap:1rem;margin:1.5rem 0 2.5rem;width:100%}.FollowersCard>span{color:var(--secondary-text);font-size:1rem;font-weight:600}.follower{align-items:center;display:flex;justify-content:space-between}.follower>div{display:flex;gap:10px}.follower>div>div:first-child{align-items:center;border-radius:50%;display:flex;height:3.5rem;justify-content:center;min-height:3.5rem;min-width:3.5rem;width:3.5rem}.haveStory>.followerImage{border:2px solid #fff}.followerImage{border-radius:50%;cursor:pointer;height:3.2rem;width:3.2rem}.name{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:7.5rem;overflow:hidden;white-space:nowrap;width:100%}.name>span:first-of-type{font-weight:700}.fc-button{font-weight:600;height:2rem;padding:0 20px}.ProfileSide{align-items:center;box-sizing:content-box;display:flex;flex-direction:column;gap:1rem;max-width:320px;overflow-x:hidden;overflow-y:auto;padding:2% 1rem 0;width:100%}.ProfileSide>hr{width:100%}.profileSideFooter{align-items:flex-start;display:flex;flex-direction:column;width:100%}.profileSideFooter>span{color:var(--secondary-text);font-size:.7rem}@media screen and (min-width:0px) and (max-width:1023px){.ProfileSide{display:none}}.Home{display:flex;justify-content:center;position:relative}@media screen and (min-width:0px) and (max-width:1023px){.Home{display:block}}.infoForm{display:flex;flex-direction:column;position:relative}.infoFormProfilePic{align-items:center;display:flex;gap:1rem;margin-bottom:1rem;margin-left:1.2rem}.infoFormProfilePic>img{border-radius:50%;height:3rem;width:3rem}.infoFormProfilePic>div{display:flex;flex-direction:column}.infoFormProfilePic>div>span:first-child{font-size:1.3rem;font-weight:500}.infoFormProfilePic>div>span:nth-child(2){border-bottom:1px solid #fff;color:#0095f6;cursor:pointer;font-size:.8rem;font-weight:800;width:-webkit-max-content;width:max-content}.infoFormProfilePic>div>span:nth-child(2):hover{border-bottom:1px solid #0095f6}.inputFormInputs{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.inputFormInputs>div{align-items:center;display:flex;gap:1rem}.inputFormInputs>div>span{font-size:.9rem;font-weight:600;text-align:right;width:6rem}.inputFormInputs>div>input{height:2rem}.inputFormInputs>div>input,.inputFormInputs>div>textarea{border:1px solid #cacaca;border-radius:5px;font-size:.9rem;font-weight:400;padding:.5rem;width:245px}.inputFormInputs>div>textarea{height:6rem;resize:none}.relationshipRadio input{cursor:pointer}.relationshipRadio>div{width:245px}.relationshipRadio>div>div>div{width:6rem}.relationshipRadio>div>div>div>label{font-size:.9rem;margin-left:5px}.editProfileButtons{display:flex;gap:1.5rem;justify-content:flex-end;width:100%}.editProfileCancelButton{background:none;border:2px solid var(--primary2);border-radius:10px;color:var(--primary2);font-size:17px;font-weight:600;transition:all .3s}.editProfileCancelButton:hover{background:var(--primary2);color:#fff}.editProfileButton{cursor:pointer;padding:.5rem 1rem}.ProfileCrop{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:rgba(0,0,0,.493);bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%;z-index:1000}.profileCropper{height:13.5rem;position:relative;width:100%}.profileCropperOption{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(1px);backdrop-filter:saturate(180%) blur(1px);background:hsla(0,0%,100%,.726);display:flex;justify-content:space-around;padding:.4rem;width:100%}.profileCropperOption span{border:2px solid var(--primary2);border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:.1rem .5rem;text-align:center;width:5rem}.profileCropperOption span:first-child{color:var(--primary2)}.profileCropperOption span:nth-child(2){background:var(--primary2);color:#fff}.Profile{align-items:center;background-color:#fafafa;display:flex;flex-direction:column;height:100vh;overflow-y:scroll;padding-top:1rem;width:100%}.profileLoader{display:flex;justify-content:center;margin-top:30vh;width:100%}.profileUpper{display:flex;gap:5rem;justify-content:flex-start;margin-left:3.5rem;max-width:62rem;padding:1.5rem;width:100%}.profileUpper>img{border-radius:50%;height:10rem;width:10rem}.profileDetails{display:flex;flex-direction:column;position:relative}.profileDetails>span{align-items:center;display:flex;min-width:17rem}.profileDetails>span>span{font-size:1.75rem;font-weight:300}.profileDetails>span>button{font-size:.9rem;font-weight:600;margin-left:1rem;padding:.5rem 1rem}.profileSettingsSvg{font-size:1.7rem;position:absolute;right:.25rem;top:0}.profileSettingsSvg>div>button{background:none;border:none;cursor:pointer;outline:none}.profileSettingsSvg>div>button>svg{font-size:1.5rem}.profileDetails>span>div{align-items:center;border:1px solid #000;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;margin-left:1rem;margin-right:2.5rem;padding:.35rem .75rem}.profileDetails>span>div>svg{font-size:1rem;margin-left:.25rem}.profileDetails>div:nth-child(2){display:flex;gap:2rem;margin-top:1rem}.profileDetails>div:nth-child(2)>span{cursor:pointer}.profileDetails>div:nth-child(2)>span:first-child{font-size:1rem;font-weight:600}.profileDetails>div:nth-child(2)>span:first-child>span{font-size:1rem;font-weight:300}.profileDetails>div:nth-child(2)>span:nth-child(2){font-size:1rem;font-weight:600}.profileDetails>div:nth-child(2)>span:nth-child(2)>span{font-size:1rem;font-weight:300}.profileDetails>div:nth-child(2)>span:nth-child(3){font-size:1rem;font-weight:600}.profileDetails>div:nth-child(2)>span:nth-child(3)>span{font-size:1rem;font-weight:300}.profileDescription{display:flex;flex-direction:column;margin-top:1rem}.profileDescription>span:first-child{font-size:1rem;font-weight:600}.profileDescription>span:nth-child(2){word-wrap:break-word;font-size:1rem;font-weight:300;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-top:.25rem;overflow-wrap:break-word;white-space:pre-wrap}.profileDescriptionMobile{align-items:flex-start;display:none;flex-direction:column;margin-bottom:.25rem;padding-left:1.5rem;width:100%}.profileDescriptionMobile>span:first-child{font-size:1rem;font-weight:600}.profileDescriptionMobile>span:nth-child(2){word-wrap:break-word;font-size:1rem;font-weight:300;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-top:.25rem;overflow-wrap:break-word;white-space:pre-wrap;width:95%}.profileFollowersDataMobile{display:none;width:100%}.profileFollowersDataMobile>div{display:flex;margin:.5rem 0;width:100%}.profileFollowersDataMobile>div>div{align-items:center;display:flex;flex-direction:column;width:33.3%}.profileFollowersDataMobile>div>div>span:first-child{font-size:1rem;font-weight:600}.profileFollowersDataMobile>div>div>span:nth-child(2){color:var(--secondary-text);font-size:1rem}.profileUserStatus{display:flex;font-weight:400;gap:2rem;margin-top:.75rem;width:100%}.profileGallery{grid-row-gap:1.5rem;grid-column-gap:1.5rem;-webkit-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-auto-rows:20.66667rem;grid-template-columns:repeat(3,1fr);margin-bottom:5rem;margin-top:1rem;max-width:67rem;padding:0 1rem;row-gap:1.5rem;width:100%}.profileGallery>div{background-repeat:no-repeat;background-size:cover}.profileUpperDivider{max-width:67rem;width:95%}@media only screen and (max-width:1072px){.profileUpper{gap:4rem;margin-left:0;padding:1.5rem}}@media only screen and (max-width:688px){.profileUpper>img{height:5rem;width:5rem}.profileUpper{gap:2rem}.profileDescription{display:none}.profileDescriptionMobile{display:flex}.profileDetails>span{align-items:flex-start;flex-direction:column}.profileDetails>span>div{margin-left:0;margin-top:.25rem;width:100%}.profileSettingsSvg{left:90%;right:0;top:.25rem}.profileDetails>span{min-width:2rem}.profileDetails>span>span{margin-right:1.8rem}.profileDescriptionMobile{padding-left:1rem}.profileUpperDivider{display:none}.profileFollowersDataMobile{display:block}.profileDetails>div:nth-child(2){display:none}.profileDetails>span>button{margin-left:0;width:100%}}@media only screen and (max-width:756px){.profileGallery{-webkit-column-gap:.17rem;column-gap:.17rem;grid-auto-rows:calc(33.33333vw - .16667rem);margin-top:0;padding:0;row-gap:.17rem}.profileUpper{padding:1rem}}@media only screen and (max-width:1072px) and (min-width:757px){.profileGallery{grid-auto-rows:calc(33.33333vw - 1.66667rem)}}.PostPage{background:var(--white-background);height:100vh}.commentLoader{display:flex;justify-content:center;margin-top:20vh;width:100%}.addCommentSection{align-items:center;background:var(--comment-background);border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;display:flex;gap:1rem;padding:.5rem 1rem}.addCommentSection>img{border-radius:50%;height:2rem;width:2rem}.addCommentSection>div{align-items:center;background:var(--white-background);border:1px solid #dbdbdb;border-radius:25px;display:flex;padding:.75rem 1rem;width:100%}.commentInput{background:none;border:none;flex-grow:1;font-size:.9rem;font-weight:300;max-height:90px;outline:none;overflow:scroll;resize:none}.commentDisplaySection{display:flex;flex-direction:column;overflow-y:scroll}.postDataCommnetSection{border-bottom:1px solid #dbdbdb;display:flex;gap:1rem;padding:1rem}.postDataCommnetSection>img{border-radius:50%;height:2rem;width:2rem}.postDataCommnetSection>div{padding-top:1px}.postDataCommnetSection>div>span:first-child{font-size:.9rem;font-weight:500}.postDataCommnetSection>div>span:nth-child(2){font-size:.85rem;font-weight:300;margin-left:.5rem;white-space:pre-wrap}.commentPostButton{align-items:center;display:flex;max-height:90px}.commentPostButton>span{align-items:center;border-left:1px solid grey;color:var(--primary2);display:flex;font-size:14px;font-weight:600;height:70%;margin-left:3px;min-height:18px;padding-left:3px}.faintCommentPostButton{opacity:.5}.commentPageComments{display:flex;flex-direction:column}.commentPageComments>div{display:flex;gap:1rem;padding:.5rem 1rem}.commentPageComments>div>img{border-radius:50%;height:2rem;width:2rem}.commentPageComments>div>div>span:first-child{font-size:.9rem;font-weight:500;margin-right:.5rem}.commentPageComments>div>div>span:nth-child(2){font-size:.85rem;font-weight:300}.StatusBar{align-items:center;background-color:var(--white-background);box-shadow:0 1px 10px 0 #444950;display:flex;gap:1rem;height:3.3rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.statusBarLogo{margin-left:1rem}.statusBarLogo>img{width:8rem}.statusBarSearch{align-items:center;background-color:var(--comment-background);border-radius:50px;cursor:text;display:flex;height:75%;margin-left:1rem;position:relative;width:20rem}.statusBarSearch>svg{color:var(--secondary-text);cursor:pointer;font-size:1.4rem;margin:0 .75rem 0 auto}.statusBarSearch>input{background-color:transparent;border:none;color:var(--primary-text);font-size:1rem;outline:none;padding:1rem}.statusBarSearch>input::-webkit-input-placeholder{color:#606770}.statusBarSearch>input:-ms-input-placeholder{color:#606770}.statusBarSearch>input::placeholder{color:#606770}.menu{gap:.5rem;margin:0 1rem 0 auto}.menu,.menu>div{align-items:center;display:flex}.menu>div{background-color:var(--secondary-button-background);border-radius:50%;height:40px;justify-content:center;width:40px}.menu>div:hover{background-color:var(--secondary-button-background-on-hover)}.menu>div>svg{font-size:1.5rem}.statusBarProfilePicture{border-radius:50%;height:40px;width:40px}@media only screen and (max-width:756px) and (min-width:0px){.menu{display:none}}@media only screen and (max-width:503px) and (min-width:0px){.statusBarSearch{margin-left:0;width:15rem}.statusBarSearch>input{width:80%}}@media only screen and (max-width:407px) and (min-width:0px){.StatusBar{gap:.75rem}.statusBarLogo{margin-left:.7rem}.statusBarSearch{margin-right:.25rem}}.nav__menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--nav-menu-background);border-radius:4rem;bottom:.3rem;box-shadow:0 0 20px -6px rgba(68,73,80,.8);left:0;margin:0 auto;padding:.5rem;position:fixed;right:0;width:90%;z-index:100}.nav__menu>ul{list-style:none}.nav__list{align-items:center;display:flex;justify-content:space-between}.nav__link{background:transparent;border:none;border-radius:5rem;color:var(--primary-text);display:flex;font-size:1.5rem;padding:.4rem}.hideNavMenu{opacity:0}.active__link{background:linear-gradient(170deg,#1b75e4,#e6ebf0);box-shadow:0 0 20px rgba(27,117,228,.9);color:var(--primary-text)}@media screen and (min-width:576px){.nav__menu{width:400px}}@media screen and (min-width:757px){.nav__menu{display:none}}
/*# sourceMappingURL=main.cca6ed0d.css.map*/