body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.header{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;align-items:stretch;padding:0 10px;position:-webkit-sticky;position:sticky;top:0;width:100%;background-color:#fff;box-shadow:0 0 10px -5px #000}.header,.searchbar{display:-webkit-flex;display:flex}.searchbar{-webkit-align-items:center;align-items:center;-webkit-flex:1 1;flex:1 1;padding:5px 0}.searchbar svg{color:#00f}.user-img{padding:0 5px;border-radius:50%}.searchbar input[type=text]{padding:12px;font-size:16px;width:20vw;border:none;background-color:#eee;outline:none;border-radius:20px}.menubar{display:-webkit-flex;display:flex;-webkit-flex:1.5 1;flex:1.5 1}svg{position:relative;cursor:pointer}.menubar svg{min-width:30px;height:100%;padding:0 45px}.options{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex:1 1;flex:1 1}ul{list-style:none;margin:0;padding:0}.options li{height:40px;padding:0 10px;display:inline-block;margin:0 5px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.options li:not(:first-child){background-color:#eee;border-radius:50%}span{display:inline-block}.active{position:relative;color:#00f}.active:before{content:"";position:absolute;background-color:#00f;height:3px;left:0;right:0;bottom:0}*{padding:0;margin:0}.loading{margin-bottom:50px;height:50px;width:50px;border-radius:50%;border:5px solid #d3d3d3;border-top-color:#00f;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.feed{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.feed,.stories{display:-webkit-flex;display:flex}.stories{-webkit-justify-content:center;justify-content:center}.stories div{position:relative;height:200px;width:110px;overflow:hidden;border-radius:10px;margin:10px 5px}.stories div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.stories div:after{content:"";position:absolute;background:linear-gradient(transparent,rgba(0,0,0,.5));top:0;bottom:0;left:0;right:0}.stories img{height:200px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.stories span{position:absolute;z-index:999;bottom:10px;left:10px;color:#fff;font-weight:600}.upload{width:80%;-webkit-flex-direction:column;flex-direction:column;background-color:#fff;border-radius:10px;box-shadow:0 0 5px -3px #000;padding:5px 15px;margin:15px 0}.upload,.upload-form{display:-webkit-flex;display:flex}.upload-form{-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:10px 0}.upload-form svg{font-size:40px;-webkit-flex:0.2 1;flex:0.2 1}.upload-form svg:last-child{font-size:30px}.upload-form input{min-width:0;outline:none;background-color:#eee;padding:10px;border:none;font-size:16px;border-radius:20px}.upload-form input:nth-child(2){-webkit-flex:1 1;flex:1 1}.upload-form input:nth-child(3){-webkit-flex:0.5 1;flex:0.5 1}.upload-other{-webkit-justify-content:space-around;justify-content:space-around;padding:10px 0}.upload-other,.upload-other div{display:-webkit-flex;display:flex}.upload-other div{-webkit-align-items:center;align-items:center}.upload-other div svg{font-size:30px;margin:0 10px}.posts{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.post{width:80%;margin:10px 0;padding:10px 0 0;overflow:hidden;background-color:#fff;border-radius:10px;box-shadow:0 0 10px -8px #000}.post-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:5px 10px}.post-header svg{-webkit-flex:0.1 1;flex:0.1 1;font-size:50px}.post-header div{-webkit-flex:1 1;flex:1 1;padding:0 15px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.post-header div span:first-child{font-weight:600;font-size:18px}.post-body p{padding:0 10px}.post-body img{width:100%}.footer{border-top:2px solid #eee}.commentBox{background-color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-top:1px solid #ccc;padding-top:10px}.commentBox input{-webkit-flex:0.9 1;flex:0.9 1;border:none;outline:none;padding:10px;font-size:1em}.commentBox svg{-webkit-flex:0.1 1;flex:0.1 1}.commentWrapper{padding:5px 0;display:-webkit-flex;display:flex}.commentWrapper>div{margin:0 10px}.comment{background-color:#f0f0f0;border-radius:20px;padding:7px 15px;word-break:break-all}.comment>p:first-child{font-weight:600}.comment>p{font-size:14px}.replyBtn{cursor:pointer;font-size:12px;font-weight:700;background:transparent;border:none}.topReactionsContainer{padding:5px 10px}.topReactionsContainer div{display:-webkit-flex;display:flex}.numberOfReactions{padding:0 3px}.reactions{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.reactions>div:not(:first-child){position:relative;display:-webkit-flex;display:flex;padding:10px;margin:0 10px}.reactions>div:first-child{display:block}.reactions>div:hover{background-color:#eee;cursor:pointer}.reactions img:first-child,.reactions svg{margin:0 10px}.like-reaction:hover .reaction-tray{visibility:visible;transition:.6s;-webkit-animation-name:slideup;animation-name:slideup;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hide{visibility:hidden!important}@-webkit-keyframes slideup{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideup{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.reaction-tray{visibility:hidden;position:absolute!important;display:-webkit-flex;display:flex;padding:2px;background-color:#fff;border-radius:20px;top:0;left:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.reaction-tray>img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.reaction-tray>img{font-size:2em;transition:.1s}.reaction-tray>img:not(:last-child){margin:0 7px 0 0!important}.blank{min-height:100px}.body-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:15px 0 0;max-height:calc(100vh - 60px);overflow-y:auto}hr{width:80%;border:1px solid #dcdcdc}.contacts,.sidebar{-webkit-flex:.8 1;flex:.8 1}.contacts,.feed,.sidebar{max-height:inherit;overflow-y:scroll}::-webkit-scrollbar{opacity:0}.contacts ul li,.sidebar ul li{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:10px 0}.contacts h3,.sidebar h3{padding:0 10px;color:grey}.contacts ul li svg,.sidebar ul li img,.sidebar ul li svg{color:#00f;border-radius:50%;padding:0 15px}.contacts ul li span,.sidebar ul li span{font-weight:600}.feed{-webkit-flex:1.5 1;flex:1.5 1}.login-container{min-height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:0 150px}.section-left{-webkit-flex:.52 1;flex:.52 1}.section-right{-webkit-flex:.48 1;flex:.48 1;margin-left:50px;padding:10px}.image-wrapper:hover{cursor:pointer}.image-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:#fff;padding:10px;height:70px;box-shadow:0 0 10px -7px #000;border-radius:5px}.image-wrapper span{padding:0 20px;font-weight:600}.section-right hr{width:100%;margin:20px 0}.section-left h1{margin:0;font-size:3.5em;color:#00f;letter-spacing:-2px}.section-left p{margin:0;font-size:1.5em}:not(svg){box-sizing:border-box}body{background-color:#eee;letter-spacing:.5px}
/*# sourceMappingURL=main.984c4710.chunk.css.map */