#root,body{position:absolute;width:100%;height:100%;margin:0;padding:0;display:flex;flex-flow:column;align-items:center;justify-content:space-evenly;overflow:hidden;font-family:Roboto,sans-serif}ul{padding:0}li{display:block;list-style-type:none}input{background-clip:padding-box}section{width:400px;min-width:300px;max-width:400px;max-height:600px;height:600px;touch-action:auto;border-radius:10px;background:#343458;overflow:hidden;border:.5px solid transparent}.Profile,section{position:relative}.Profile{width:100%;height:100%}#status{position:absolute;background:#00cebc;height:17px;width:17px;border-radius:50%;border:3px solid #fff;left:43px;top:45px}@media screen and (max-width:600px){section{max-height:100%;max-width:100%;width:100%;height:100%;border-radius:0;border:none}.Header{padding:0}.scollArea{height:100%!important;height:calc(100% - 50px)!important}.navFooter{height:50px!important;top:calc(100% - 50px)!important}}#Loader{position:absolute;left:calc(50% - 75px);top:calc(50% - 50px);display:block}#Loader img,#Loader small{position:absolute;width:150px;height:100px}#Loader small{top:90px;left:50px}::-webkit-scrollbar{width:0;height:0}.LoginSection{position:relative;background:#5b5b96!important}.LoginSection:after,.LoginSection:before{height:500px;width:320px;-webkit-transform:rotate(70deg);transform:rotate(70deg);content:"";display:block;position:absolute;top:-240px;background-color:#ee4180;border-radius:40%}.LoginSection:before{top:calc(100% - 150px);left:20px}.LoginForm{position:relative;z-index:1;background:#fff;border-radius:10px;margin-bottom:20px;box-shadow:0 5px 10px rgba(0,0,0,.158)}.content{position:relative;width:100%;height:100%;overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:2}.form-group{margin:15px 0}.LoginForm{overflow:hidden;padding:60px 20px}.avatar,.LoginSection img{width:200px;height:200px}.avatar{position:relative;left:calc(50% - 100px);margin-bottom:25px}.avatar,.LoginSection img{-webkit-transition:all .2s;transition:all .2s}.LoginSection img{content:none;border-radius:50%}.avatar i{-webkit-transform:all .2s;transform:all .2s;cursor:pointer;position:absolute;border-radius:50%;background:#fff;z-index:1;border:10px solid #fff;font-size:40px;left:calc(100% - 74px);top:calc(100% - 50px)}.LoginSection label{text-align:start;width:80%;margin:0;padding:0}.LoginSection input{border:1px solid rgba(0,0,0,.13);border-radius:2px;padding:12px;width:100%}.LoginSection input[type=submit]{position:relative;width:100px;border-radius:5px;cursor:pointer;left:calc(50% - 50px)}.LoginSection input[type=checkbox]{width:5%}.LoginSection h3{position:relative;z-index:1;text-align:center;color:#fff;top:20px;padding:25px 0}.LoginSection input[type=submit]:hover{color:#ee4180}.LoginSection input:hover{box-shadow:0 2px 5px rgba(0,0,0,.082)}.LoginSection input:focus{outline:none;border:1px solid rgba(238,65,128,.77)}.styled-checkbox{position:absolute;opacity:0}.styled-checkbox+label:before{-webkit-transition:all .2s;transition:all .2s;content:"";margin-right:10px;display:inline-block;vertical-align:text-top;width:20px;height:20px;border-radius:2px;box-shadow:0 0 0 2px rgba(0,0,0,.12);background:rgba(90,80,165,.85)}.styled-checkbox:focus+label:before,.styled-checkbox:hover+label:before{box-shadow:0 0 0 5px rgba(0,0,0,.12)}.styled-checkbox:checked+label:before{background:#ef4180;border-radius:50%}.RegisterPic{position:absolute;z-index:2;width:300px;height:300px;border-radius:50%;box-shadow:0 10px 40px rgba(0,0,0,.4);border:2px solid #5a50a5;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);overflow:hidden;background:#fff}.takePic,.takePic span{position:absolute;z-index:2;background:hsla(0,0%,100%,.5);width:70px;height:70px;cursor:pointer;border-radius:50%}.takePic{left:calc(100% - 82px);top:calc(100% + 20px)}.takePic span{-webkit-transition:all .08s;transition:all .08s;width:50px;height:50px;left:10px;top:10px}.takePic span:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.takePic span:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.Camera{position:absolute;width:100%;height:100%;top:-50px;left:-50px}.uploadMethods{-webkit-transition:all .2s cubic-bezier(1,-.21,0,1.25);transition:all .2s cubic-bezier(1,-.21,0,1.25);position:absolute;white-space:nowrap;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.3);border-radius:30px;overflow:hidden;width:54.4px;left:calc(100% - 79px);top:calc(100% - 51px)}.uploadMethods i{-webkit-transition:all .1s;transition:all .1s;position:relative;font-size:20px;margin:0 5px 0 0;left:0;padding:15px;border:2px solid transparent;color:#5a50a5}.uploadMethods i:hover{color:#ed4180;border-color:#ed4180}.uploadMethods i:last-child{margin-right:0}.uploadImage{top:-35px;z-index:4}.LinkedImage,.uploadImage{position:relative;background:#fff}.LinkedImage{left:-35px;top:-20px;display:flex;flex-flow:row nowrap;width:270px}.LinkedImage input{height:20px}.SubmitLink{background:#fff;padding:0 10px;border:1px solid #5a50a5;border-radius:2px;margin-left:3px;cursor:pointer}.SubmitLink:hover{color:#ed4180}#Alert{position:absolute;width:100%;height:100%;margin:0;left:0;top:0;-webkit-transition:all .2s;transition:all .2s;height:auto;background:#202651;color:#fff;padding:0;border-radius:0 0 60px 60px;text-align:center;z-index:10}.Header .headerCont,.navFooter,.Person{display:flex;flex-flow:column;align-items:center;justify-content:space-between}.Header{position:relative;background:#f6f6fc;color:#3a424f;flex-flow:nowrap;font-weight:500;border-radius:0 0 30px 30px;padding:10px 20px}.Header .headerCont{-webkit-transition:all .2s;transition:all .2s;flex-flow:row nowrap}.Header .header1{display:flex}.Header i,.Header span{font-size:25px}.Header i{text-decoration:none;color:#3a424f;padding:0 20px;cursor:pointer}.Header i:hover{opacity:.7}.header2 :last-child{padding:0}.OnlineCont{display:flex;flex-flow:column nowrap}img{width:50px;height:50px;background-size:cover;background-position:50%;border-radius:50%;content:url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")}.inboxSection{padding:20px 20px 50px;overflow:hidden}.scollArea{overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;height:calc(100% - 60px);padding-bottom:10px;z-index:2;border-radius:0 0 30px 30px}.scollArea,input[type=search]{position:relative;background:#fff}input[type=search]{width:100%;padding:5px 10px;border-radius:8px;outline:none;font-size:14px;font-weight:450;box-shadow:0 1px 7px rgba(0,0,0,.1);border:2px solid transparent;cursor:text;color:rgba(0,0,0,.7)}input[type=search]:focus{border:2px solid rgba(63,106,255,.9)}.SearchBar{display:flex;height:40px;flex-flow:row nowrap;justify-content:center;align-items:center;margin:10px 0}.SearchBar span{-webkit-transition:all .2s;transition:all .2s;font-size:16px;padding:10px 20px;cursor:pointer}#OnlinePeople{text-align:end;opacity:1}#OnlinePeople span{border-radius:50%;margin:0;padding:5px 7px;font-size:20px;background:rgba(0,120,178,.2)}.Person{position:relative;cursor:pointer;width:100%;display:flex;flex-flow:row nowrap;justify-content:flex-start;padding:0;margin:0 0 20px}.Person img{width:60px;height:60px;background-size:cover;background-position:50%;overflow:hidden}.Person:last-child{margin:0}#ProfilePic{position:relative}time{font-size:12px;font-weight:500;color:rgba(58,66,79,.65);width:100px;white-space:nowrap}.details{position:relative;padding-left:5px;display:flex;flex-flow:column;align-items:flex-start;white-space:nowrap}.details,.details h4{overflow:hidden;width:100%}.details h4{font-size:18px;font-weight:500;padding:0 0 5px;color:#3a424f}.details h4,.details p{text-overflow:ellipsis;margin:0}.details p{overflow:hidden;white-space:nowrap;padding:0;max-width:100%;display:inline-block;font-size:15px;color:rgba(58,66,79,.55)}.navFooter{width:100%;position:absolute;font-size:25px;height:60px;flex-flow:row nowrap;justify-content:center;top:calc(100% - 60px);z-index:1}.navFooter a{display:block}.navFooter i{color:#8486a2;margin:0 25px;padding:10px;cursor:pointer}#Messages{color:#fff;position:relative}.Notifications{background:orange;position:absolute;font-size:10px;border-radius:50%;padding:5px;left:10px;top:0}.activeFooter{color:#673ab7;opacity:.8}.userInfo img{width:50px;height:50px;border-radius:50%;background:#f5f5f5}.YourProfileInfor{position:absolute}.myDetails,.YourProfileInfor{display:flex;flex-flow:column nowrap;width:100%;align-items:center}.myDetails{font-size:30px;font-weight:500;color:#3a424f}.myDetails img{width:160px;height:160px;margin:35px 0}.myDetails i{position:absolute;cursor:pointer;border-radius:50%;background:#fff;padding:12px;width:55px;height:55px;top:140px;margin-left:35px}.myDetails i:hover{box-shadow:0 2px 10px rgba(0,0,0,.3)}.MoreDetail{padding:25px 20px}.MoreDetail i{opacity:.6;margin:20px}.Stories{position:relative;width:100%;white-space:nowrap;overflow:hidden;overflow-x:scroll;display:flex;flex-flow:row nowrap;justify-content:flex-start}.DailySnap{min-width:100px;max-width:100px;height:150px;border-radius:10px;border:2px solid rgba(58,66,78,.2);padding:10px;margin:15px 8px 10px;font-size:13px;color:#3a424e;display:flex;flex-flow:column nowrap;justify-content:space-between;cursor:pointer}.DailySnap label{margin-bottom:-2px}.DailySnap:focus,.DailySnap:hover{border-color:#007bff}.DailySnap i{margin:0;width:35px;height:35px;border-radius:50%;background:#3a424e;color:#fff;padding:5px 7px}.DailySnap:first-child,.DailySnap:last-child{margin-left:0}.DailySnap img{border-radius:50%;padding:2px;border:2px solid #3a424e;width:50px;height:50px}.MessagingBoard{-webkit-transition:all .3s cubic-bezier(.67,.01,0,.91);transition:all .3s cubic-bezier(.67,.01,0,.91);position:absolute;width:100%;height:100%;top:0;left:100%;z-index:10;background:#f5f5fc}.MessagingBoard i{opacity:.7;cursor:pointer}.MessagingBoard i:hover{opacity:1}.MessagingBoard .Header{position:relative;background:#fff;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center;padding:10px 15px;overflow:hidden;border-radius:0;box-shadow:0 0 20px rgba(0,0,0,.05);height:70px}.MessagingBoard .Header .fa-chevron-left{padding-left:0;margin:0}.MessagingBoard .Header span{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.MSGheader1{flex-flow:row nowrap;align-items:center;height:100%}.MSGheader1,.MSGheader1 .PersonStatus{position:relative;display:flex;width:100%;overflow:hidden}.MSGheader1 .PersonStatus{flex-flow:column nowrap;padding-left:5px}.MSGheader1 .PersonStatus span{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.MSGheader1 time{padding:0;margin:0;overflow:hidden;text-align:start;width:110px;font-weight:450}.MSGheader1 .msgPic{position:relative;margin:0;padding:0}.MSGheader1 .msgPic #status{left:29px;top:32px}.MSGheader1 .msgPic img{width:45px;height:45px;background-size:cover;background-position:50%}.header2{white-space:nowrap}.header2 .fa-phone{padding:0 20px}.header2 i{font-size:22px}.msgDashboard{position:relative;width:100%;height:calc(100% - 122px);overflow:hidden;overflow-y:scroll;top:0;margin:0;-webkit-overflow-scrolling:touch;touch-action:touch;padding:50px 15px}.msgDashboard label{font-size:10px;margin:-15px 0 0 15px;opacity:.6;font-weight:700;position:absolute}.msgDashboard time{font-size:10px;text-align:center;margin:0}.replyMessage div div,.sentMessage div div{-webkit-transition:all .1s;transition:all .1s;background:#fff;padding:10px;border-radius:20px;text-align:start;font-size:15px;display:inline-block;max-width:80%;color:#3a424f;word-wrap:break-word;cursor:pointer}.replyMessage,.sentMessage{display:flex;flex-flow:column;text-align:end}.replyMessage time,.sentMessage time{-webkit-transition:all .1s;transition:all .1s;width:100%;text-align:center;opacity:0;margin:5px 0 0}.replyMessage label,.sentMessage label{position:absolute;font-size:10px;width:100%;padding:0;left:0;text-align:end;margin:-15px -10px;font-weight:500;opacity:.5}.replyMessage img,.sentMessage img{border-radius:5px;margin:5px 0;width:auto;height:auto;max-width:100%}.replyMessage{text-align:start}.replyMessage div div:hover{background:rgba(58,66,79,.2)}.replyMessage label{margin-left:67px;text-align:start}.sentMessage label{margin-left:-28px}.sentMessage div div{position:relative;background:#6b8af4;color:#fff}.sentMessage div div:hover{background:rgba(63,81,181,.9)}#userIcon{position:relative;padding:10px;border-radius:50%;top:10px;margin-right:3px}.userTyping{position:relative;background:#343458;width:100%;margin:0;display:flex;flex-flow:column nowrap}.messageTools{width:100%;display:flex;flex-flow:row nowrap;align-items:center;font-size:25px;color:rgba(0,0,0,.7)}.messageTools span{white-space:nowrap}.messageTools i{cursor:pointer;color:#fff}.InsertImage{position:relative;display:flex;width:auto;flex-flow:row nowrap}.optionIcons{-webkit-transition:all .2s;transition:all .2s;margin:0!important;padding:0!important;overflow:hidden;width:160px}.InsertImage i{margin:10px;color:#fff;padding:4px;border-radius:8px}.InsertImage .fa-chevron-right{-webkit-transition:all .15s;transition:all .15s;margin-right:0!important}.submitMessage{font-size:22px;background:#f5f5fc;padding:0 7px;border-radius:50%;margin-right:8px}.submitMessage i{color:#6b8af4}.submitMessage:hover{background:#6b8af4;color:#fff}.submitMessage:hover i{color:#fff}.TextArea{position:relative;width:100%;margin:2px 8px;display:flex}.TextArea textarea{width:100%;min-height:35px;height:35px;margin:0;font-size:14px;padding:5px 30px 5px 10px;resize:none;outline:none;border:none;border-radius:20px}#emoji{position:absolute;margin:0;padding:0;top:calc(50% - 13px);left:calc(100% - 30px);color:#343a40}.iconToggle{opacity:0!important;width:0!important;padding:0!important;margin:0!important}.iconToggleUp{margin-top:-40px!important}.pushUp{top:80px!important}.pushFullUp{top:0!important}.LookUp{background:#f6f6fc;position:absolute;z-index:2;top:100%;width:100%;height:100%;border-radius:30px 30px 0 0;-webkit-transition:top .2s ease-in-out;transition:top .2s ease-in-out}
/*# sourceMappingURL=main.8847a6df.chunk.css.map */