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}@media screen and (max-width:480px){body{width:98vw}}*{box-sizing:border-box;margin:0;padding:0}.App{height:100%;width:100vw}.App,.loginpage{display:flex;flex-direction:row}.loginpage{align-items:center;height:100vh;justify-content:center;width:100%}.loginpage .formsection{flex-direction:column;gap:10px;justify-content:flex-start;padding-top:20px;position:relative}.loginpage .formsection,.loginpage .loginimage{align-items:center;display:flex;height:70%;width:35%}.loginpage .loginimage{justify-content:right}.formsection .signupform{align-items:center;display:flex;flex-direction:column;gap:10px;height:60%;justify-content:flex-start;padding-top:20px;width:35%}#alreadyhaveanacc{bottom:50px;position:absolute}#alreadyhaveanacc b{color:#4cb5f9}.loginpage .loginimage img{height:400px;width:auto}.loginpage .loginform{align-items:center;display:flex;flex-direction:column;gap:10px;height:60%;justify-content:flex-start;padding-top:20px;width:35%}.loginpage .loginform img{height:65px;width:auto}.loginform input{border:.1px solid #ddd;border-radius:5px;height:35px;outline:none;padding-left:5px;width:260px}.loginform input:hover{outline:.1px solid #000}.loginform button{background-color:#4cb5f9;border:.1px solid #ddd;border-radius:5px;color:#fff;height:35px;width:260px}.loginform input::placeholder{color:grey}@media screen and (max-width:480px){.loginpage .loginimage{display:none}}.navbar{align-items:flex-start;border:none;border-right:.1px solid #ddd;display:flex;flex-direction:column;gap:10px;height:90vh;padding:20px;width:18vw}.navbar .logo{cursor:pointer;display:flex;height:35px;padding-top:10px;position:relative;right:20px;width:145px}.navbar ul{align-items:flex-start;display:flex;flex-direction:column;height:68%;justify-content:space-around;margin-left:0;width:95%}.navbar .element img{height:20px;width:auto}.userprofile{align-items:center;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;gap:10px;height:45px;justify-content:flex-start;margin-left:5px;width:100%}.userprofile:hover{background-color:#ddd;cursor:pointer}.userprofile img{border-radius:50%;height:25px;width:25px}.navbar .element:hover{background-color:#ddd;cursor:pointer}.navbar .element{align-items:center;border-radius:5px;display:flex;gap:10px;height:45px;justify-content:flex-start;padding-left:5px;width:100%}.navbar ul li{list-style:none}.navbar .logo img{height:100%;width:100%}@media screen and (max-width:480px){.navbar{align-items:center;background-color:#fff;border-right:none;bottom:0;display:flex;flex-direction:row;height:8%;justify-content:center;padding-top:2px;position:fixed;width:100vw;z-index:4}#searchbtn img{height:32px;width:32px}.navbar ul{flex-direction:row;gap:10px;margin-left:0}#explore,#more,#reels,.navbar .element p,.navbar .logo,.navbar ul .element li,.navbar ul .userprofile p{display:none}.navbar .element img{height:23px;width:auto}}.home{background-color:#fff;display:flex;flex-direction:row;height:100vh;overflow-y:scroll;width:100%}.main{height:100%;width:65%}.profileandsuggestions{height:100%;width:30%}@media screen and (max-width:480px){.home,.main{width:100vw}.profileandsuggestions{display:none}}.stories{color:grey;display:flex;flex-direction:row;font-size:13px;gap:20px;height:15vh;justify-content:flex-start;margin:auto;overflow-x:auto;padding:20px;position:relative;width:70%}.stories .story{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:auto}.stories .story img{border-radius:50%;height:52px;width:52px}.stories::-webkit-scrollbar{display:none}.stories .story .storyimgbackground{align-items:center;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);border-radius:50%;display:flex;height:55px;justify-content:center;width:55px}@media screen and (max-width:480px){.stories{font-size:12px;gap:12px;height:13vh;margin-top:5px;padding:5px;width:100%}.stories .story .storyimgbackground{align-items:center;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);border-radius:50%;display:flex;height:55px;justify-content:center;width:55px}}.contentsection{height:70vh;width:100%}.contentsection .allpostmainpage{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;width:100%}.suggestions .suggestionheading{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;height:10%;margin:0 0 20px;width:100%}.contentsection .suggestions{align-items:center;display:flex;flex-wrap:wrap;height:auto;justify-content:flex-start;margin-top:40px;width:100%}.suggestions .suggestionbox{align-items:center;border:.1px solid #ddd;border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;height:230px;justify-content:space-between;margin:10px 20px 10px 0;padding-top:10px;width:200px}.suggestions .suggestionbox button{background:#0000;border:none;border-top:.1px solid #ddd;color:#487de6;cursor:pointer;font-size:15px;font-style:bold;font-weight:600;height:55px;outline:none;width:100%}.suggestions .suggestionbox button:hover{color:#1f63e9}.suggestions .suggestionbox .nameandverified{align-items:center;display:flex;justify-content:center}.suggestionbox img{border-radius:50%;height:125px;width:125px}.suggestionbox .nameandverified img{height:25px;width:25px}.contentsection .post{border-radius:5px;height:585px;margin:0 0 20px;position:relative;width:468px}.contentsection .post img{border-radius:5px;height:100%;width:100%}.suggestionbox p{font-size:14px}.allpostmainpage .post img{height:80%;width:90%}.allpostmainpage .post .postaccount{align-items:center;display:flex;height:35px;justify-content:space-between;width:90%}.allpostmainpage .post .postaccount img{height:32px;width:32px}.allpostmainpage .post .postaccount .dpnametime{align-items:center;display:flex;flex-direction:row;justify-content:center}#time{font-size:12px;margin:0 5px}.allpostmainpage .commentbo img{height:25px;width:25px}.post .totalnooflikesonpost{width:90%}.post .postshowmore img{height:35px;width:35px}.post .postshowmore{background-color:grey;border-radius:5px;position:absolute;right:45px;top:25px}@media screen and (max-width:480px){.allpostmainpage .post{border-radius:5px;height:75vh;margin:0 0 20px;position:relative;width:98vw}.allpostmainpage .post img{height:80%;width:100%}.postdeleted{display:none}.allpostmainpage .post .postshowmore{align-items:center;background-color:#000;border:1.5px solid red;border-radius:5px;display:flex;height:38px;justify-content:center;padding:5px;position:absolute;right:0;top:5px;width:auto;z-index:1}.allpostmainpage .post .postshowmore img{height:20px;width:20px}.postshowmore .deletetextandimg{align-items:center;border-radius:5px;display:flex;height:auto;justify-content:center;padding:5px;width:auto}.postshowmore .deletetextandimg p{color:#fff;font-size:12px;font-weight:500}.allpostmainpage .post .postaccount{align-items:center;display:flex;height:35px;justify-content:space-between;position:relative;width:100%}.postaccount .dpnametime{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.allpostmainpage .post .postaccount img{height:32px;width:32px}.contentsection .commentbox{height:97vh}.contentsection .commentbox,.contentsection .sharebox{align-items:center;background-color:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;overflow:hidden;position:absolute;top:60vh;width:100vw;z-index:2}.contentsection .sharebox{animation:shareboxslideup .5s forwards;height:70vh}.sharebox .closecomment{align-items:center;display:flex;height:50px;justify-content:center;margin:10px 0 0;width:100%}.sharebox .allfollowees{align-items:left;gap:10px;height:100%;padding:10px;width:100%}.allfollowees .insideallfolowees,.sharebox .allfollowees{display:flex;justify-content:flex-start;position:relative}.allfollowees .insideallfolowees{align-items:flex-start;height:60px;width:auto}.insideallfolowees .sharecontactselected{position:absolute;right:0;top:0;z-index:1}.allfollowees .insideallfolowees .sharecontactselected img{height:18px;width:18px}.sharebox button{background-color:#64a8e9;border:none;border-radius:2px;color:#fff;height:42px;outline:none;width:90%}.sharebox .allfollowees p{font-size:12px}.sharebox .allfollowees img{border-radius:50%;height:35px;width:35px}.sharebox .closecomment img{height:20px;width:38px}.commentbox .imgbioandcomments{height:100%;width:100vw}.commentbox .closecomment{align-items:center;display:flex;height:50px;justify-content:center;margin:10px 0 0;width:100%}.commentbox .closecomment img{height:20px;width:38px}.contentsection .commentbox .imgbioandcomments .comments{height:75%;padding:4px 0 4px 4px;width:100vw}.contentsection .commentbox .imgbioandcomments .postcomment{align-items:center;display:flex;height:50px;justify-content:flex-start;padding:15px;width:100%}.contentsection .commentbox .imgbioandcomments .postcomment img{height:20px;width:22px}#userprofile{border-radius:50%;height:30px;width:30px}#morepostoption{height:20px;width:20px}.post .totalnooflikesonpost{width:100%}.imgbioandcomments .postcomment input{border:none;border-bottom:.1px solid #ddd;height:35px;margin:0 10px;outline:none;width:75%}.imgbioandcomments .comments .commentbyuser{width:100vw}.imgbioandcomments .comments .commentbyuser .commentuserdp{margin:0 5px 0 0}.commentbox.show{animation:slideUp .5s forwards}.commentbox .hide{animation:slideDown .5s forwards}.hidesharebox{animation:shareboxslidedown .5s forwards;display:none;transition:top .5s ease-in}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-370px)}}o{transform:translateY(0)}}@keyframes shareboxslideup{0%{transform:translateY(0)}to{transform:translateY(-30vh)}}.contentsection{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;width:70%}.mainsection .navbar2{align-items:center;display:flex;height:7vh;justify-content:space-between;padding:10px;width:100vw}.mainsection .navbar2 .logo{height:90%;width:20%}.mainsection .navbar2 .logo img{height:40px;width:100px}.navbar2 ul{align-items:center;display:flex;height:100%;justify-content:space-around;width:20%}.navbar2 ul img{height:23px;width:23px}.profilesuggestion{align-items:left;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:20px;width:80%}.profilesuggestion .rightprofilesection{height:100px;width:100%}#fullname{color:grey;font-size:12px;position:relative}.idnameanduname .nameandverified{align-items:left;display:flex;height:auto;justify-content:left;left:0;width:auto}.rightprofilesection .profilebox{align-items:center;display:flex;flex-direction:row;height:80%;justify-content:flex-start;width:100%}.profilebox .dp{align-items:center;display:flex;height:auto;justify-content:center;width:20%}.dp img{border-radius:50%;height:55px;width:55px}.profilebox .idnameanduname{align-items:left;display:flex;flex-direction:column;height:auto;justify-content:center;padding:20px;width:50%}#switch{color:#1877f2;font-size:14px;font-weight:500}.rightprofilesection .footer{color:grey;font-size:12px;gap:20px;height:auto;width:100%}.footer .footercontent{align-items:center;display:flex;flex-wrap:wrap;gap:5px;height:auto;justify-content:flex-start;list-style:none;margin-bottom:30px;width:100%}@media screen and (max-width:380px){.rightprofilesection{display:none}}.profile{height:100vh;max-width:100vw;overflow-y:scroll;width:100vw}.profile .reelposttags{align-items:flex-start;display:flex;gap:40px;height:6%;justify-content:center}.active{border-top:2px solid #000}.userdetails{border-bottom:.1px solid #ddd;height:auto;justify-content:flex-start;margin:10px auto auto;max-height:58%;min-height:30%;padding:20px;width:80%}.prvtsection,.userdetails{align-items:center;display:flex;flex-direction:column;gap:20px}.prvtsection{height:20%;justify-content:center;width:100%}.prvtsection p{color:grey}.userbio{position:relative;top:20px;width:70%}.useruploads{padding:20px;width:78%}.useruploads,.useruploads .allpostcolletions{align-items:center;display:flex;flex-wrap:wrap;height:auto;justify-content:flex-start;margin:auto}.useruploads .allpostcolletions{width:100%}.useruploads .post{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:360px;justify-content:center;margin:10px 10px 0 0;position:relative;transition:filter .2s;width:300px}.useruploads .post:hover{filter:brightness(.4)}.useruploads .post img{height:100%;width:100%}.userdetails .profileimgandotherdetails{display:flex;flex-direction:row;gap:20px;height:60%;min-height:210px;width:90%}.userdetails .profileimgandotherdetails .profilepic{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:30%}.profileimgandotherdetails .usernameeditsettings{align-items:center;display:flex;flex-direction:row;gap:30px;height:50px;justify-content:flex-start;position:relative;top:10px;width:100%}.profileimgandotherdetails .totalpostfollowerfollowing{align-items:center;display:flex;flex-direction:row;gap:50px;height:50px;justify-content:flex-start;width:100%}.nameandverified{align-items:center;display:flex;gap:5px;justify-content:center}.usernameeditsettings img{height:25px}#editbtn,#logoutbtn{background-color:#ddd;border:none;border-radius:5px;cursor:pointer;height:35px;width:90px}.nameandverified img{height:20px}.x{align-items:center;display:flex;font-weight:100;gap:5px;justify-content:center}.x p:hover{color:grey;cursor:pointer}.profileimgandotherdetails .userdetailsbox{height:100%;margin:0 40px;width:90%}.userdetails .profileimgandotherdetails .profilepic img{border:4px solid #ddd;border-radius:50%;height:160px;width:160px}.userdetails .profileimgandotherdetails .profilepic input{border-radius:50%;height:120px;margin:auto;opacity:0;position:absolute;width:120px;z-index:0}.userdetails .highlights{align-items:center;display:flex;font-size:12px;gap:40px;height:40%;justify-content:flex-start;margin:40px 40px 10px;overflow-x:auto;overflow-y:hidden;padding-left:20px;width:90%}#followbtn,#msgbtn{background-color:#1877f2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:bold;font-weight:600;height:35px;width:80px}.highlights .highlight{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.highlights .highlight img{border:3px solid #ddd;border-radius:50%;height:75px;width:75px}.useruploads .post .showlikes{align-items:center;color:#fff;display:flex;flex-direction:row;gap:10px;height:auto;justify-content:center;left:50%;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;z-index:2}.post .showlikes img{height:32px;margin:40px 10px 0;width:32px}@media screen and (max-width:480px){.profileimgandotherdetails{width:100%}.profile .profileimgandotherdetails .profilepic{margin-top:20px}.profile .profileimgandotherdetails .profilepic img{height:105px;width:105px}.profile .profileimgandotherdetails .userdetailsbox{margin:0 10px;width:100%}.profileimgandotherdetails p{font-size:11px}.profile .profileimgandotherdetails{gap:0;height:auto;max-height:30%}.userdetails{gap:5px;margin:0;padding:0;width:100%;width:95%}#editbtn{width:80px}#editbtn,#logoutbtn{border-radius:2px;font-size:12px;height:35px;padding:5px}#logoutbtn{width:auto}.usernameeditsettings img{height:20px;width:20px}.userdetails .highlights{align-items:center;display:flex;font-size:12px;gap:8px;height:30%;justify-content:flex-start;margin:10px 5px 15px 50px;overflow-x:auto;padding-left:20px;width:90%}.highlights .highlight img{height:55px;width:55px}.profileimgandotherdetails .usernameeditsettings{gap:10px}.profileimgandotherdetails .totalpostfollowerfollowing{gap:20px}.useruploads{padding-left:0;padding-right:0;width:86%}.useruploads .allpostcolletions .post{flex-shrink:0;height:128px;margin:4px 0 2px 1px;width:108px}.profile .userdetails .highlights{padding-left:2px;width:100%}}.useruploads .reelscollections{align-items:center;display:flex;flex-wrap:wrap;height:auto;justify-content:flex-start;margin:auto;width:100%}.reelscollections video{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:360px;justify-content:center;margin:10px 2px 0 0;object-fit:cover;position:relative;transition:filter .2s;width:220px}.reelscollections video:hover{filter:brightness(.4)}.chatting{flex-direction:row;height:100vh}.chatting,.chatting .chattingbox{align-items:center;display:flex;justify-content:flex-start;width:100%}.chatting .chattingbox{flex-direction:column;height:100%}#postsharemsg{border-radius:5px;height:120px;width:120px}.emptychattingbox{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;width:100%}.emptychattingbox img{height:75px}.emptychattingbox button{background-color:#3797f0;border:none;border-radius:5px;color:#fff;height:35px;padding:4px;width:110px}.contacts .msgandrequest{display:flex;flex-direction:row;height:auto;justify-content:space-between;margin:15px 0;padding:10px 0;width:90%}.contacts .msgandrequest p{color:grey;font-size:13px}.contacts .contact{cursor:pointer;display:flex;flex-direction:row;gap:15px;height:auto;padding:10px;width:90%}.contacts .contact:hover{background-color:#ddd}.contacts .contact p{font-size:15px}.contacts .contact img{border-radius:50%;height:50px;width:50px}.chatbox{height:80%;justify-content:flex-start;margin:auto;overflow-y:auto;position:relative;width:100%}.chatbox,.chatbox .userprofileinsidechatbox{align-items:center;display:flex;flex-direction:column}.chatbox .userprofileinsidechatbox{height:35%;justify-content:space-between;margin:20px 0;width:50%}.userprofileinsidechatbox button{background-color:#ddd;border:none;border-radius:5px;cursor:pointer;height:auto;outline:none;padding:10px;width:auto}.userprofileinsidechatbox button:hover{background-color:#bdbbbb}.chatbox .userprofileinsidechatbox img{border-radius:50%;height:85px;width:85px}.userprofileinsidechatbox .nameandverified img{height:25px;width:25px}.chattingbox .chatuserprofile{border-bottom:.1px solid #ddd;height:10vh;position:relative;width:100%}.chattingbox .chatuserprofile,.dpnameverified{align-items:left;display:flex;flex-direction:row;justify-content:space-between}.dpnameverified{cursor:pointer;gap:15px;height:100%;left:20px;position:absolute;width:auto}.chatbox .mymessage{align-items:right;display:flex;gap:10px;height:auto;justify-content:right;margin:1px 0;width:90%}.chatbox .mymessage p{background-color:#1987ef;border-radius:25px;color:#fff;font-size:15px;font-weight:400;height:auto;margin:5px 0;padding:8px;width:auto}#typingstatusincontacts{color:grey;font-size:12px}.someonemsg .show{align-items:left}.chatbox .someonemsg,.someonemsg .show{display:flex;height:auto;justify-content:left;width:90%}.chatbox .someonemsg{align-items:flex-start;gap:10px;margin:1px 0}.chatbox .someonemsg .post .postaccount img{height:20px;width:20px}.chatbox .someonemsg .post .postaccount{align-items:flex-start;display:flex;justify-content:flex-start}.chatbox .mymessage .post .postaccount img{height:20px;width:20px}.chatbox .mymessage .post .postaccount .dpnametime .postaccountdp,.chatbox .someonemsg .post .postaccount .dpnametime .postaccountdp{width:auto}.mymessage img,.someonemsg img{border-radius:50%;height:25px;width:25px}.chatbox .someonemsg p{background-color:purple;border-radius:25px;color:#fff;font-size:15px;font-weight:400;height:auto;margin:5px 0;padding:8px;width:auto}.chatuserprofile .dp{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.chattingbox .chatuserprofile .dp img{border-radius:50%;height:55px}.chatting .inputandsendbtn{align-items:center;display:flex;flex-direction:row;height:10%;justify-content:space-evenly;width:100%}.inputandsendbtn img{height:35px}.inputandsendbtn input{border:.1px solid #ddd;border-radius:25px;height:25px;outline:none;padding:10px;width:90%}.contacts .userprofileinsidecontacts{align-items:center;display:flex;height:45px;justify-content:space-between;padding:0 10px;width:90%}.contacts .userprofileinsidecontacts h2{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.contacts .userprofileinsidecontacts img{height:24px}.chatting .contacts{align-items:center;border-right:.1px solid #ddd;overflow-y:auto;padding-top:20px;width:30%}.chatting .contacts,.contacts .contact .nameandtypingstatus{display:flex;flex-direction:column;height:90%;justify-content:flex-start}.contacts .contact .nameandtypingstatus{align-items:left;gap:5px;padding-top:4px;width:auto}#backbtn{height:25px;left:10px;position:absolute;top:18px;width:25px}.hidechattingbox{display:none}@media screen and (max-width:480px){.chatting .contacts{width:100%}.chatting .emptychattingbox,.hidecontacts{display:none}.chatting .chattingbox{height:87%}.chatting{align-items:flex-start}.chattingbox .inputandsendbtn input{height:100%}.chattingbox .inputandsendbtn img{height:25px;width:25px}.chatting .inputandsendbtn{align-items:center;display:flex;flex-direction:row;height:5%;justify-content:center;width:100%}.inputandsendbtn img{height:35px}.inputandsendbtn input{border:.1px solid #ddd;border-radius:10px;height:100%;outline:none;padding:4px;width:78%}.showbackbtn{display:block}.hidebackkbtn{display:none}.chatuserprofile .dpnameverified{margin-left:30px}.nameandverified img{height:20px;width:20px}.chattingbox .chatuserprofile{height:8vh}.chattingbox .chatuserprofile .dp img{height:35px;width:35px}.chatbox .userprofileinsidechatbox{gap:4px;height:auto;margin:20px 0 10px;width:50%}.chatbox .userprofileinsidechatbox img{height:55px;width:55px}.chatbox .userprofileinsidechatbox .nameandverified img{height:20px;width:20px}.chatbox .userprofileinsidechatbox button{height:30px;width:100px}}.search{height:100vh;width:100%}.search .searchbox{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin:auto;width:80%}.searchbox .searchbar{align-items:center;display:flex;height:15%;justify-content:center;position:relative;width:100%}.searchbar .inputsearchimg{position:relative}.searchbox .searchbar img{height:30px;margin-top:5px;position:absolute;right:0;width:30px}.searchbar input{border:.1px solid #ddd;border-radius:5px;height:45px;margin:auto;outline:none;padding-left:10px;width:480px}.search .searchitem{border:.1px solid #ddd;display:flex;flex-direction:row;flex-wrap:wrap;height:100px;margin:10px 0;width:60%}.searchitem img{border:1px solid #000;border-radius:50%;box-shadow:0 0 5px #000;cursor:pointer;height:65px;margin:20px 10px 20px 20px;transition:all .3s ease-in-out;width:65px}.searchitem .usernameandfullname{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:10px}.search .searchresult{height:70%;width:100%}@media screen and (max-width:480px){.search input{height:35px;width:320px}}.notifications{height:100vh;padding:20px;width:100%}.notifications .notification{align-items:center;border:.1px solid #ddd;display:flex;flex-direction:row;gap:10px;height:100px;justify-content:flex-start;padding:10px;width:50%}.notifications .notification img{border-radius:50%;height:65px;width:65px}.settings{align-items:flex-start;display:flex;height:90vh;justify-content:flex-start;padding:20px;width:100%}.settings .prvtaccbtn{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}.toggle-btn{background-color:#ccc;border-radius:15px;cursor:pointer;height:24px;position:relative;transition:background-color .3s;width:42px}.toggle-circle{background-color:#fff;border-radius:50%;height:20px;left:2px;position:absolute;top:2px;transition:left .3s;width:20px}.toggle-btn.active{background-color:#3797f0}.toggle-btn.active .toggle-circle{left:20px}.followingpage{height:100vh;overflow-y:auto;padding:20px;width:100%}.followingpage .followinguser{align-items:center;border:.1px solid #ddd;border-radius:5px;display:flex;flex-direction:row;gap:10px;height:auto;justify-content:flex-start;margin:10px 0;padding:10px;width:30%}.followingpage .followinguser img{border-radius:50%;height:75px;width:75px}.postdetails{height:100vh;width:100%}.postdetails,.postdetails .mainbox{align-items:center;display:flex;justify-content:center}.postdetails .mainbox{border:.1px solid #ddd;border-radius:5px;flex-direction:row;height:85%;margin:auto;width:78%}.mainbox .postimg{width:50%}.mainbox .imgbioandcomments{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:50%}.imgbioandcomments .postaccount{align-items:center;border:none;border-bottom:.1px solid #ddd;display:flex;flex-direction:row;gap:10px;height:50px;justify-content:flex-start;padding:5px;width:90%}.imgbioandcomments .postdescription{height:auto;padding:10px;width:90%}.imgbioandcomments .comments{border:none;border-bottom:.1px solid #ddd;height:55%;overflow-y:auto;padding:10px;width:90%}.imgbioandcomments .comments .commentbyuser{align-items:flex-start;display:flex;font-family:Segoe UI;height:auto;justify-content:flex-start;min-height:40px;padding:10px;position:relative;width:90%}#likeoptiononcomment{height:16px;position:absolute;right:10px;top:18%;width:16px}.imgbioandcomments .comments .commentbyuser{font-size:14px}.commentbyuser .commentuserdp{align-items:flex-start;display:flex;height:100%;justify-content:flex-start;width:10%}.commentbyuser .profilenameandcomment{align-items:flex-start;display:flex;gap:10px;height:auto;justify-content:flex-start;width:88%}.imgbioandcomments .totalnooflikesonpost{border-bottom:.1px solid #ddd;height:15%;width:90%}.totalnooflikesonpost .logocollections{align-items:center;display:flex;height:40%;justify-content:space-between;width:100%}.postaccount .postaccountdp{height:46px;width:46px}.commentbyuser .totallikeoncomment{display:flex;flex-direction:row;gap:10px}.postaccount .postaccountdp img{border-radius:50%;height:100%;width:100%}.totalnooflikesonpost .showtotallikesoncomment{height:20%;padding-left:10px;width:100%}.mainbox .postimg{height:100%;width:43%}.postimg img{height:100%;object-fit:cover;width:100%}.mainbox .reelurl{height:100%;width:43%}.mainbox video{height:100%;object-fit:cover;width:100%}.totalnooflikesonpost .postuploadeddate{height:20%;margin-top:8px;padding-left:10px;width:100%}.totalnooflikesonpost .postuploadeddate p{color:grey;font-size:12px}.logocollections .likecommentsharelogo{align-items:center;display:flex;flex-direction:row;gap:10px;height:100%;justify-content:flex-start;padding-left:8px;width:50%}.logocollections .savelogo{align-items:center;display:flex;height:100%;justify-content:flex-end;padding-right:12px;width:30%}.logocollections .likecommentsharelogo img,.logocollections .savelogo img{height:25px;width:25px}.commentbyuser .commentuserdp img{border-radius:50%;height:30px;width:30px}.comments::-webkit-scrollbar{display:none}.commentbyuser .totallikeoncomment p{color:grey;font-size:11px}.commentbyuser .namecommentandnooflikes{display:flex;flex-direction:column;gap:10px;height:100%;justify-content:flex-start;width:87%}@media screen and (max-width:480px){.postdetails{align-items:flex-start;display:flex;justify-content:center;position:relative}.postdetails .mainbox{height:85%;margin:auto;position:absolute;top:30px;width:78%}.mainbox .imgbioandcomments{display:none}.mainbox .postimg{width:100%}.postimg img{height:80%;width:100%}.postdetails .mainbox{height:78%;width:95%}.postimg .postaccount{align-items:flex-start;display:flex;flex-direction:row;height:30px;justify-content:flex-start;padding:5px;position:relative;width:90%}.postimg .postaccount img{height:25px;width:25px}}.createpost{align-items:center;display:flex;height:90vh;justify-content:center;width:100vw}.createpost .selectfilesbox{border:.1px solid #ddd;border-radius:15px;height:80vh;width:30vw}.selectfilesbox .heading{align-items:center;border-bottom:.1px solid #ddd;display:flex;height:40px;justify-content:center;width:100%}.heading h4{font-weight:400}.selectfilesbox .imageandbtns{height:90%;width:100%}.imageandbtns .images{align-items:flex-end;display:flex;height:50%;justify-content:center;width:100%}.images img{height:100px;width:100px}.imageandbtns .dragphotosvideostxt{height:10%}.imageandbtns .btns,.imageandbtns .dragphotosvideostxt{align-items:center;display:flex;justify-content:center;width:100%}.imageandbtns .btns{height:20%;position:relative}.btns button{background-color:#1997f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;height:35px;left:140px;outline:none;padding:5px;position:absolute;width:200px;z-index:1}.btns input{left:50px;margin:auto;position:relative}.btns button:hover{background-color:#1877f2}.createpost .createpostbox{align-items:center;border:.1px solid #ddd;border-radius:15px;display:flex;flex-direction:column;height:80vh;justify-content:center;width:58vw}.createpostmainsection .createpostimg{height:100%;width:50%}.createpostimg img{border-radius:15px;height:100%;width:100%}.createpostmainsection .userdplocationandpostbio{height:100%;width:50%}.createpostbox .heading{border-bottom:.1px solid #ddd;border-radius:15px;height:10%;position:relative;width:100%}.createpostbox .heading button{background:none;border:none;color:#1997f1;font-size:15px;outline:none;position:absolute;right:18px;top:18px}.createpostbox .heading h4{left:42%;position:absolute;top:10px}.createpostbox .createpostmainsection{align-items:center;border-radius:15px;display:flex;flex-direction:row;height:90%;justify-content:center;width:100%}.hide{display:none}.show{display:block}.userdplocationandpostbio textarea{border:none;border-bottom:.1px solid #ddd;margin:10px;outline:none;padding:2px}.userdplocationandpostbio input{border:none;border-bottom:.1px solid #ddd;margin:15px 10px;outline:none;padding:2px;width:90%}.cropper-wrapper{align-items:center;background:#000c;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.cropper-container{background-color:#000;height:60vh;position:relative;width:50vw}.cropper-buttons{display:flex;gap:10px;margin-top:20px}.cropper-buttons button{background-color:#1da1f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}@media screen and (max-width:480px){.createpost .createpostbox{height:58vh;width:90vw}.createpost .selectfilesbox{border:.1px solid #ddd;border-radius:15px;height:60vh;width:90vw}.imageandbtns .btns{left:-70px;margin:auto}.createpostmainsection .createpostimg{width:100%}.createpostmainsection .userdplocationandpostbio{align-items:flex-start;gap:10px;justify-content:flex-start;padding-top:10px;width:90%}.createpostmainsection .userdplocationandpostbio img{border-radius:5px;height:150px;margin:auto;width:150px}.createpostbox .heading h4{left:10%;position:absolute;top:10px}.createpostbox .heading img{height:20px;position:absolute;top:17px;width:20px}.userdplocationandpostbio input,.userdplocationandpostbio textarea{border:none;border-bottom:.1px solid #ddd;margin:10px 0;outline:none;padding:2px;width:90%}.createpost .postuploaded{align-items:center;border:.1px solid #ddd;border-radius:5px;display:flex;flex-direction:column;justify-content:center;padding:10px}.createpost .postuploaded img{border-radius:50%;height:120px;width:auto}.cropper-wrapper{align-items:center;background:#000c;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.cropper-container{background-color:#000;height:60vh;position:relative;width:90vw}.cropper-buttons{display:flex;gap:10px;margin-top:20px}.cropper-buttons button{background-color:#1da1f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%);background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}
/*# sourceMappingURL=main.18c900dc.css.map*/