.createPost{border-radius:20px;left:0;margin-left:auto;margin-right:auto;padding:1rem;position:absolute;right:0;top:5rem;width:90vmin;z-index:5}.createPost .section{display:grid;grid-template-columns:20% 80%}.postLeft{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}.createPost textarea{border:none;font-size:1rem;margin-top:2rem;outline:none;resize:none;width:80%}#gallery{display:none}.CPFooter{align-items:flex-start;display:flex;gap:1rem;justify-content:flex-end}.CPButton{background-color:#26a6c7;border:none;border-radius:20px;color:#fff;font-size:1rem;height:2rem;width:6rem}.uploadIMG{height:5rem;object-fit:scale-down;width:5rem}.uploadMedia{display:flex;height:8rem;width:8rem}.commentLink{background-color:hsla(0,0%,50%,.39);height:5rem;margin-left:1rem;width:2px}.section .commentLeft{display:grid;grid-template-rows:2rem 100%}.loading{height:1.5rem;width:1.5rem}.dashPost{border:.5px solid hsla(0,0%,50%,.178);border-bottom:none;display:grid;grid-template-columns:10% 90%;margin-left:auto;margin-right:auto;padding:1rem;width:100%}.dashPost:hover{background-color:hsla(0,0%,50%,.137)}.dashPost:hover .nameLink{background-color:hsla(0,0%,50%,.068)!important}.dashPost .icon{margin-top:1rem}.postHead{display:flex;font-size:1.2rem;gap:.5rem}.postButtons button{padding:0;width:2rem}.postName{display:flex;font-weight:800}a{text-decoration:none}.postTime,.postUsername{color:gray}.dashPost .media{height:20em;margin-bottom:.5rem;width:90%}.media video{border:1px solid hsla(0,0%,50%,.288);border-radius:20px;height:100%;width:100%}.media img{border:1px solid hsla(0,0%,50%,.253);border-radius:20px;height:100%;object-fit:fill;width:100%}.verified{align-self:center;color:#26a6c7;font-size:1rem}.dashPost .postButtons{display:grid;grid-template-columns:auto auto auto}.postButtons button{align-items:flex-end;background:none;border:none;color:gray;display:flex}.dashPost .text{margin:.5rem}.dashPost .comment:hover{color:rgba(16,16,236,.726)}.dashPost .repost:hover{color:rgba(0,128,0,.836)}.dashPost .like:hover{color:rgba(255,0,0,.699)}.reposted{color:rgba(0,128,0,.836)}.liked{color:rgba(255,0,0,.699);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.postComments{margin-top:2rem}.viewPost h3{border-bottom:1px solid hsla(0,0%,50%,.356);color:hsla(0,0%,50%,.356);text-align:center}.commentTo{position:relative}.linkPost{background-color:hsla(0,0%,50%,.274);height:90%;left:2rem;position:absolute;top:4rem;width:2px;z-index:-1}.displayView,.mainView{cursor:pointer}.nothing{color:hsla(0,0%,50%,.562);font-size:4em;font-weight:100px;text-align:center;width:30%}.notification{align-items:center;border-top:none;display:flex;gap:.5rem;padding:1rem}.notification:hover{background-color:hsla(0,0%,50%,.24)!important}.notification:hover a{background-color:hsla(0,0%,50%,.055)!important}.userDisplay{align-items:center;display:flex;flex-direction:column}.userDetails{display:flex;gap:.5rem}.userBio{overflow:hidden;text-overflow:ellipsis!important;white-space:nowrap;width:150px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Form{background-color:#fff;border-radius:20px;box-sizing:border-box;left:0;margin-left:auto;margin-right:auto;padding:1rem;position:absolute;right:0;text-align:center;top:5rem;width:95vmin;z-index:2}.formClose{cursor:pointer;text-align:left}.FormHeader{align-items:center;display:grid;grid-template-columns:auto auto}.formLogo{height:3rem;width:3rem}.formError{color:red}.formDiv{align-items:center;display:grid;margin:1rem auto;outline:none;padding:5px 0 0 10px;position:relative;text-align:left;width:60%;z-index:5}.formLabel{display:block;font-size:1rem;left:1rem;margin-left:1rem;position:absolute;top:1.5rem;transition:all .3s}.formInput{border:1px solid hsla(0,0%,50%,.473);border-radius:20px;font-size:1rem;height:3rem;outline:none;padding-left:1rem;padding-top:1rem;width:100%}.formInput:not(:placeholder-shown)+label{color:#26a6c7;font-size:.7rem;top:1rem}.formInput:focus+label{color:#26a6c7;font-size:.7rem;top:1rem}.formInput:focus{border:2px solid#26a6c7}.formButton{background-color:#000;border:none;border-radius:20px;color:#fff;margin:1rem;outline:none;padding:.5rem;width:10rem}.formButton:hover{background-color:#fff;border:1px solid #000;color:#000}.signInFooter{display:inline-block}.signInToSignUp{background-color:#fff;border:none;color:#26a6c7;margin-top:2rem}.log{box-sizing:border-box;display:grid;grid-template-columns:50% 50%;height:100vh;margin:0;overflow:hidden}.logLeft{background-color:#000;display:grid;grid-template-rows:50% 50%;justify-content:center}.logoIcon{align-self:end;height:10rem;object-fit:scale-down;width:10rem}.logoName{align-self:start;width:10rem}body{margin:0;padding:0}.logRight{text-align:center}.logH1{font-size:4rem}.logH2{font-size:2rem}.logSignIn{background-color:#fff;border:1px solid hsla(0,0%,50%,.384);border-radius:20px;color:#000}.logSignIn,.logSignup{margin:1rem;outline:none;padding:.5rem;width:10rem}.logSignup{background-color:#000;border:none;border-radius:20px;color:#fff}.logFooter{margin-top:5rem}.UI{border-radius:20px;left:0;margin-left:auto;margin-right:auto;padding:1rem;position:absolute;right:0;top:2rem;width:90vmin;z-index:5}.UIheader{align-items:center;display:grid;grid-template-columns:20% 50% 20% 10%;height:3rem}.UIheader h2{justify-self:left;margin:0}.UIheader button{width:80%}.backImage{height:12rem;position:relative}.wallpaper{height:100%;object-fit:cover;width:100%}.UIsymbol{align-items:center;background-color:rgba(0,0,0,.301);border-radius:50px;color:hsla(0,0%,100%,.39);display:flex;font-size:2rem;height:3rem;justify-content:center;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;top:5rem;width:3rem;z-index:7}.UIheader button{align-self:top;background-color:#000;border:none;border-radius:20px;color:#fff;height:2rem;outline:none}.UIIconContainer{border-radius:50px;height:5rem;left:3rem;padding:4px;position:absolute;top:13rem;width:5rem;z-index:8}.UIheader span{cursor:pointer}.UIicon{border-radius:50px;height:100%;object-fit:scale-down;width:100%}.UI input[type=file]{display:none}.UIIconContainer span{align-items:center;background-color:rgba(0,0,0,.301);border-radius:50px;color:hsla(0,0%,100%,.39);display:flex;font-size:2rem;height:3rem;justify-content:center;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;top:1.5rem;width:3rem}.details label{font-size:1.2rem;left:1rem;position:absolute;top:1.5rem;transition:all .3s}.details input{border:1px solid hsla(0,0%,50%,.582);border-radius:20px;display:block;font-size:1rem;height:3rem;margin-bottom:6px;outline:none;padding-bottom:0;padding-left:1rem;padding-top:1rem;width:95%}.details input:focus+label{color:#26a6c7;font-size:.8rem;top:.5rem}.details input:not(:placeholder-shown)+label{color:#26a6c7;font-size:.8rem;top:.5rem}.details input:not(:placeholder-shown){border:1px solid #26a6c7}.details input:focus{border:1px solid #26a6c7}.details{margin-top:3rem}.details div{position:relative}html{margin:0;padding:0}.layout{display:grid;grid-template-columns:75% 25%;height:100vh;overflow:hidden}.layoutLeft{display:flex;flex-direction:column;font-size:1.7rem;gap:2rem;height:90vh;overflow:hidden;padding-top:5rem;position:fixed;transition:all .5s;z-index:3}.layoutMiddle{-ms-overflow-style:none;border-left:1px solid hsla(0,0%,50%,.295);border-right:1px solid hsla(0,0%,50%,.295);margin-left:300px;overflow-y:scroll;padding-top:5rem;scrollbar-width:none}.layoutMiddle::-webkit-scrollbar{display:none}.layoutRight{margin-top:5rem}.userSearch{border:1px solid gray;border-radius:20px;height:2rem;outline:none;padding-left:1rem}.userSearch:focus{border:1px solid #26a6c7}.link{align-items:flex-end;display:flex;margin-left:1rem;padding:4px;transition:all .3s;width:70%}.link:hover{background-color:hsla(0,0%,50%,.171)!important;border-radius:20px}.link span{font-size:2rem;margin:0 1rem}.holaButton{background-color:#26a6c7;border:none;border-radius:20px;color:#fff;font-size:1rem;height:2rem;margin-left:auto;margin-right:auto;width:10rem}.layoutLogo{height:3rem;margin:1rem;object-fit:contain;width:3rem}.logOut{border:1px solid hsla(0,0%,50%,.384);border-radius:20px;bottom:2rem;font-size:1rem;height:2rem;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;width:70%}.layoutHeader{align-items:center;border-bottom:1px solid hsla(0,0%,50%,.171);display:grid;grid-template-columns:auto auto auto;height:4rem;justify-content:space-around;overflow:hidden;position:fixed;transition:top .3s;width:100%;z-index:4}.icon{border-radius:50px;height:2rem;width:2rem}input[type=checkbox]{-webkit-appearance:none;appearance:none;border:1px solid hsla(0,0%,50%,.199);border-radius:10px;display:grid;height:1rem;justify-items:center;width:2rem}input[type=checkbox]:before{background-color:#26a6c7;border-radius:10px;color:#26a6c7;content:"";height:.9rem;-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem);transition:all .5s;width:1rem}input[type=checkbox]:checked:before{-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}input[type=checkbox]:checked{border:1px solid #fff}.dot{background-color:#26a6c7;border:1px solid #26a6c7;border-radius:50px;height:4px;left:.7rem;position:absolute;width:4px}.link>span{position:relative}.mainIcon{visibility:hidden}@media screen and (max-width:992px){.layoutRight{display:none}.layout{grid-template-columns:100%}.layoutMiddle{margin-right:1rem}}@media screen and (max-width:750px){.layoutRight{display:none}.layout{grid-template-columns:100%}.layoutMiddle{margin-left:1rem;margin-right:1rem}.mainIcon{visibility:visible!important}}.searchContent{border-radius:20px;box-shadow:-2px -1px 11px hsla(0,0%,50%,.39),3px 2px 7px hsla(0,0%,50%,.37);margin:1rem auto 0;padding:1rem;width:80%}.userSearch{margin-left:1rem;width:80%}.profileHeader{align-items:center;display:flex;gap:1rem}.profileBackImage{height:12rem;width:100%}.profileIconContainer{align-items:center;border-radius:100px;display:grid;height:7rem;justify-items:center;left:2rem;padding:10px;position:absolute;top:12rem;width:7rem;z-index:2}.profileDisplay{padding-bottom:2rem;position:relative}.profileIcon{border-radius:100px;height:7rem;object-fit:scale-down;width:7rem}.profileMain button{left:70%;position:relative;top:2rem}.profileMain button:hover{background-color:hsla(0,0%,50%,.212)!important}.editProfile,.followButton{border:1px solid hsla(0,0%,50%,.432);border-radius:20px;font-size:1rem;font-weight:700;padding:8px}.profileName{align-items:center;display:flex;font-size:2rem;margin:0}.profileVerified{color:#26a6c7;font-size:1.5rem}.profileInfo{margin-left:1rem;margin-top:90px}.profileInfo p{color:#555353;margin:0}.profileWallpaper{height:100%;object-fit:cover;width:100%}.profileBio{margin-top:1rem}.profileFollow{display:flex;gap:1rem}.profileFollow span{color:#413f3f}.holas h2{border-bottom:1px solid hsla(0,0%,50%,.37);text-align:center}.material-symbols-outlined,.profileFollow div{cursor:pointer}.profileMessage{left:65%;position:relative;top:2.5rem}.chatHead{align-items:flex-start;display:flex;gap:1rem}.chat{position:relative}.chat form{align-items:center;bottom:5px;display:flex;gap:.5rem;width:100%}.chat .textarea{-ms-overflow-style:none;border:.5px solid gray;border-radius:20px;box-sizing:border-box;margin:0;max-height:4rem;outline:none;overflow-y:scroll;padding:10px;resize:none;scrollbar-width:none;transition:all .3s;white-space:wrap;width:100%}.chat .textarea:focus{border:2px solid #26a6c7}.textarea::-webkit-scrollbar{display:none}.chat form button{background:none;border:none;color:#26a6c7!important}.conversation{-ms-overflow-style:none;word-wrap:break-word;display:flex;flex-direction:column;height:65vh;margin-top:2rem;overflow-y:scroll;scrollbar-width:none}.conversation::-webkit-scrollbar{display:none}.to{align-self:flex-end;margin:.5rem 1rem .5rem 0;max-width:50%}.to .chatText{background-color:#26a6c7;border-radius:20px 20px 0 20px;color:#fff;padding:8px}.to .chatDate{color:hsla(0,0%,50%,.603);font-size:.7rem;text-align:right}.from{margin:.5rem 0 .5rem 1rem}.from .chatText{background-color:#1c4e5a8c;border-radius:20px 20px 20px 0;color:#fff;display:inline-block;max-width:50%;padding:8px}.from .chatDate{color:hsla(0,0%,50%,.603);font-size:.7rem}.contactDetails{cursor:pointer;display:grid;grid-template-columns:3rem auto;grid-template-rows:auto auto;padding:10px}.contactDetails:hover{background-color:#26a7c717}.contactDetails img{grid-row:span 2}.lastText{color:hsla(0,0%,50%,.452);overflow:hidden;text-overflow:ellipsis!important;white-space:nowrap;width:300px}.textarea img{height:5rem;object-fit:scale-down;width:5rem}.sendImage{border-radius:20px;height:4rem;object-fit:scale-down;width:4rem}.conversationImage{object-fit:cover}.conversation video,.conversationImage{border-radius:20px;height:12rem;max-width:100%;width:12rem}.sendImageContainer{left:3px;position:absolute}.sendImageClose{background-color:rgba(0,0,0,.466);border-radius:50px;color:#fff;left:4px;position:absolute;top:4px}.chatContainer{position:relative;width:100%}.sendImageContainer video{border-radius:20px;height:4rem;width:4rem}
/*# sourceMappingURL=main.22952146.css.map*/