:root{--textColor:#1c1e21;--fontColor:#65676b;--FBlack:#1c1e21;--FBlue:#1b74e4;--FHBlue:#0767dd;--background:#f2f3f5;--FRed:#bb2429;--bodyShadow:rgba(0,0,0,.1) 0px 2px 4px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI Historic,Segoe UI,Helvetica,Arial,sans-serif}body,h1,h3,h4,h6,p,ul{list-style:none;margin:0;padding:0}body{background:var(--CLightBlue)}a{color:#000;text-decoration:none}button{cursor:pointer}img{height:50px;max-width:650px;width:50px}.picture{height:200px;width:200px}textarea{font-family:Segoe UI Historic,Segoe UI,Helvetica,Arial,sans-serif;resize:none}.active{display:block}.hidden{display:none}.clickable{cursor:pointer}.avatar{border-radius:50%;height:40px;width:40px}.blue-background{background-color:#1b74e4;background-color:var(--FBlue)}.gray-background{background-color:#f2f3f5;background-color:var(--background)}.error{color:red;font-weight:600;padding-left:4em;padding-right:1em}.green-dot{background-color:#31a24c;border:2px solid #fff;border-radius:50%;height:10px;width:10px}.green-dot,.red-dot{display:relative;display:inline-block;z-index:1}.red-dot{background-color:#bb2429;background-color:var(--FRed);border-radius:50%;height:12px;width:12px}.blue{font-size:.8em;font-weight:800}.X-button,.blue{color:#1b74e4;color:var(--FBlue)}.X-button{background-color:initial;border:none;border-radius:.25em;font-size:1em;font-weight:900}.X-button:hover{background-color:#f2f3f5;background-color:var(--background)}header{background-color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.1);font-size:1em;font-weight:600;height:5vh;justify-content:space-between;margin:0;padding:.5em;position:fixed;width:100%}header,header>ul{align-items:center;display:flex;flex-direction:row}header>ul{gap:.5em;padding-right:1em}header>ul li{min-width:4em}header>ul li a{height:100%;padding:.5em;width:100%}.header-cell,header>ul li a{align-items:center;display:flex;justify-content:center}.header-cell{border-radius:15%;min-height:50px}.header-cell:hover{background-color:var(--background)}.logo{height:auto;width:120px}.searchBox{position:relative}.searchResultWrapper{align-items:left;background-color:#fff;border:1px solid #ecebeb;border-radius:5px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;height:250px;justify-content:center;left:-35px;margin-top:9px;position:absolute;width:250px;z-index:1}.searchBox input{background-color:var(--background);border:none;border-radius:.5em;font-size:1.1em;padding:.5em;width:80%}.searchBox input::-webkit-input-placeholder{color:#9e9d9d;font-size:1em;text-align:center}.searchBox input::-moz-placeholder{color:#9e9d9d;font-size:1em;text-align:center}.searchBox input:-ms-input-placeholder{color:#9e9d9d;font-size:1em;text-align:center}.searchResultWrapper:after{border-color:#ecebeb transparent;border-style:solid;border-width:0 9px 9px;bottom:100%;content:"";height:0;overflow-y:auto;position:absolute;right:120px;width:0}.searchResultWrapperHeader{border-bottom:1px solid #e4e4e4;font-weight:600;height:25px;margin-bottom:2px;padding:5px}.searchResultContainer{display:flex;flex-direction:column;font-size:.8em;height:220px}.searchResultContainer a{color:#000;text-decoration:none}.searchResultContainer a:hover{text-decoration:underline}.resLineContainer{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:left}.resLineContainer img{border-radius:50%;height:30px;margin-right:5px;width:30px}.newComment-container{display:flex;flex-direction:column}.newcomment-form-group{align-items:center;display:flex;flex-direction:row;gap:1em;padding:.5em}.newcomment-form-group input{background-color:var(--background);border:none;border-radius:.5em;font-size:1.1em;padding:.5em;width:90%}.comments-container{display:flex;flex-direction:column;gap:.5em;max-width:650px}.comment-detail{padding:.5em .5em .5em 4em}.comment-content-preview{display:flex;flex-direction:row;flex-wrap:wrap}.comment-like-icon-container{display:flex;height:25px;overflow:hidden;width:100px}.comment-text-container{display:flex}.like-in-comments-counter{display:flex;overflow:hidden;padding:.25em 0;width:100px}.like-in-comments-counter button{background-color:initial;border:none}.like-in-comments-counter img{border-radius:50%;height:20px;width:20px}.create-post-container{background-color:#fff;border-radius:.5em;box-shadow:var(--bodyShadow);display:flex;flex-direction:column;max-width:650px;width:100%}.create-post-container h3{border-bottom:1px solid rgba(0,0,0,.1);color:var(--textColor);font-size:1.4em;font-weight:800;margin-bottom:.5em;padding:.8em 0;text-align:center}.create-post-container .form-group{display:flex;padding:0 1em}.form-group textarea{border:none;border-radius:.5em;box-shadow:0 3px 8px rgba(0,0,0,.1);font-size:1.1em;padding:1em;width:99%}.newpost-form-container{display:flex;flex-direction:column;gap:.25em}.icon-button{align-items:center;border:none;display:flex;height:30px;margin:1px;width:30px}.icon,.icon-button{background-color:initial}.icon{height:40px;width:40px}.newpost-buttons-container{align-items:center;display:flex;flex-direction:row;gap:1.5em;justify-content:flex-end;padding:0 1em .5em 0}.newpost-button{background-color:var(--FBlue)}.cancel-button,.newpost-button{border:none;border-radius:.25em;color:#fff;font-size:1.2em;padding:.3em .5em}.cancel-button{background-color:var(--FRed)}.newpost-button:hover{background-color:var(--FHBlue)}.preview-wrapper{align-items:center;display:flex;height:auto;justify-content:center;margin-left:auto;margin-right:auto;width:95%}.preview-wrapper img{border-radius:.5em;height:auto;width:100%}.posts-container{gap:1em;max-width:650px}.post-container{background-color:#fff;border-radius:.5em;box-shadow:var(--bodyShadow);display:flex;flex-direction:column;gap:.5em;width:100%}.post-header-container{justify-content:space-between;padding:.5em}.post-header-container,.post-header-left{align-items:center;display:flex;flex-direction:row}.post-header-left{gap:1em}.post-header-left h6{font-size:1em}.post-header-left p{font-size:.7em}.dropdownBtnWrapper .threePtButton{align-items:center;background-color:initial;border:none;cursor:pointer;margin-bottom:4px;padding:.5em}.dropdownBtnWrapper .threePtButton:hover{border-radius:.5em;box-shadow:var(--bodyShadow)}.dropdownBtnWrapper .deleteButton{background-color:var(--FRed);border:none;border-radius:.25em;color:#fff;font-size:.9em}.dropdownBtnWrapper{margin-top:10px;position:relative}.dropdownBtnWrapper div{position:absolute;right:0;width:100px}.dropdownBtnWrapper div button{background-color:#fff;border:1px solid #c4c2c2;border-radius:5px;padding:5px 10px;width:100px}.post-image-container{align-items:center;height:auto;justify-content:center;margin-left:auto;margin-right:auto;max-width:95%}.post-image-container img{border-radius:.5em;height:auto;max-width:650px;width:99%}.content-preview{font-size:1.1em;padding:0 0 0 1.1em}.like-comment-counter{border-bottom:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.1);gap:10em;justify-content:center;padding:.25em 0}.like-comment-counter,.like-comment-counter>div{align-items:center;display:flex;flex-direction:row}.like-comment-counter>div{gap:.5em}.like-comment-counter button{background-color:initial;border:none}.like-comment-counter img{border-radius:50%;height:35px;width:35px}.body-right>div:nth-child(2){bottom:120px;height:600px;right:20px;width:90%;z-index:99}.body-right>div:nth-child(2),.chat-container{border-radius:.25em;max-height:600px;padding:.5em;position:absolute}.chat-container{background-color:#fff;box-shadow:var(--bodyShadow);display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:350px;min-width:350px;right:.25em;width:130%}@media screen and (max-width:768px){.chat-container{height:100%;position:absolute;right:.25em;width:340%}}.chat-header{align-items:center;border-bottom:2px solid var(--background);display:flex;flex-direction:row;font-size:1.2em;justify-content:space-between}.chatHistoryWrapper{display:flex;flex-direction:column;height:100%;justify-content:flex-end;max-height:570px;width:100%}.chatHistoryBox{display:flex;flex-direction:column;gap:.1em;margin:.1em;overflow-x:hidden;overscroll-behavior-y:contain;padding:.5em;scroll-snap-type:y proximity}.chatHistoryBox>div:last-child{scroll-snap-align:end}.leftchatItem{justify-content:flex-start;width:100%}.leftchatItem,.rightchatItem{border-radius:.25em;display:flex;line-height:1em;padding:.25em}.rightchatItem{justify-content:flex-end;width:99%}.chatItem{background-color:#f7f7f7;border-radius:.25em;line-height:1.1em;max-width:45%;padding:.55em}.chatTime{font-size:.6em;font-weight:300}.msgSendBox{display:flex;flex-direction:row;font-size:.9em;gap:.25em;margin:.25em;text-align:center}.msgSendBox input{background-color:var(--background);border:none;border-radius:.25em;font-size:1.1em;padding:.5em;width:93%}.friends-list{display:flex;flex-direction:column;gap:1em}.friends-list li{align-items:center;display:flex;flex-direction:row;gap:1em}.friends-list li a{position:relative}.friends-list li a .green-dot{left:30px;position:absolute;top:25px}.new-message-dot{align-items:center;background-color:#e21515;border-radius:50%;display:flex;height:16px;justify-content:center;left:30px;overflow:hidden;position:absolute;top:1px;width:16px;z-index:1}.new-message-dot p{color:#fff;font-size:.7em;font-weight:600;margin-bottom:auto;margin-top:auto;text-align:center}#root{height:100vh;width:100vw}body{background-color:#f0f2f5}.body-container{flex-direction:column;gap:1em;height:100%;height:calc(90vh - 3em)}.body,.body-container{display:flex;width:100%}.body{color:var(--fontColor);flex-direction:row;gap:4em;height:100%;justify-content:center;padding-top:9vh}.body-middle{display:flex;flex-direction:column;gap:1.2em;width:75%}.body-right{height:100%;position:fixed;right:0;width:25%}.chatIcon-container{cursor:pointer;float:right;height:50px}.infinite-scroll-component{display:flex;flex-direction:column;justify-content:center}.infinite-scroll-component>p,h4{max-width:650px}@media screen and (max-width:1024px){.body{justify-content:flex-start}}@media screen and (max-width:768px){.body{justify-content:center}.body-middle{width:99%}.chat-container,.contacts-container{font-size:.8em}header ul{gap:.4em;padding-left:.4em}header>ul li{min-width:2em}.contacts-container{background-color:hsla(0,0%,80%,.2);border-radius:.25em;box-shadow:var(--bodyShadow)}.contacts-container h1,h2{font-size:1.1em}}.signup{gap:10px;margin:10% auto auto;width:400px}.signup,.signupcontainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.signupcontainer{background-color:#fff;border:1px solid #c4c3c3;border-radius:.25em;font-size:.8em;gap:5px;padding:1.5em;text-align:center;width:100%}.signupcontainer img{width:150px}.sigupform{border-radius:.25em;display:flex;flex-direction:column;gap:.5em;width:80%}.signupcontainer input{background-color:#f5f5f5;border:1px solid #c4c3c3;border-radius:.25em;line-height:1.1em;padding:5px 0 7px 5px;text-overflow:hidden;width:100%}.signupcontainer input::-webkit-input-placeholder{color:#9e9d9d;text-align:left}.signupcontainer input::placeholder{color:#9e9d9d;text-align:left}.signupcontainer button{background-color:#0095f6;border:none;border-radius:.25em;color:#fff;cursor:pointer;font-size:1.4em;line-height:1.6em;width:104%}.signup a{color:#0095f6;font-weight:500;text-decoration:none}.signup-name{display:flex;flex-direction:row;gap:1em}.profile-body-container{color:var(--fontColor);height:100%;height:calc(90vh - 3em);width:100%}.profile,.profile-body-container{display:flex;flex-direction:column;gap:1em}.profile{align-items:center;justify-content:center;margin-top:9vh}.profile>*{display:flex;flex-direction:column;justify-content:center;max-width:650px;width:100%}.profile-container{background-color:#fff;border-radius:.25em;max-width:650px;width:100%}.profile-container>*{padding:1em}.edit-button{background-color:var(--FBlue);border:none;border-radius:.25em;color:#fff;font-size:1.2em;margin:.1em;padding:.3em .5em;width:8em}.edit-button:hover{background-color:var(--FHBlue)}.profile-img{border-radius:50%;height:150px;width:150px}.author-container{display:flex;flex-direction:row;gap:1em}.infinit-container,.posts-container{width:100%}.infinit-container,.posts-container,.profile-left{display:flex;flex-direction:column;justify-content:center}.profile-left{align-items:center;gap:1em;width:25%}.profile-right{display:flex;flex-direction:column;gap:1em;width:75%}.posts-counter{font-size:1.3em;font-weight:500}.profile-cancel-button{width:7em}.save-profile-form-container{display:flex;flex-direction:column;gap:.5em}.save-profile-form-container>div{display:flex;flex-direction:row;gap:.5em}.profile-form-container{display:flex;padding:.5em}.profile-form-container input{background-color:#f5f5f5;border:1px solid #c4c3c3;border-radius:.25em;line-height:1.1em;padding:5px 0 7px 5px;text-overflow:hidden;width:100%}.img-wrapper{position:relative}.hover-text{color:transparent;cursor:context-menu;font-size:.9em;position:absolute;text-align:center}.hover-text:hover{color:#000}@media screen and (max-width:768px){.profile-img{height:100px;width:100px}}
/*# sourceMappingURL=main.5c392840.css.map*/