:not(input){-webkit-touch-callout:none!important;-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}.app__body{background-color:#ededed;box-shadow:-1px 4px 20px 6px rgba(0,0,0,.2);overflow:hidden;position:relative;border-top:1px solid #d3d3d3}.app__body,.loader__container{display:-webkit-flex;display:flex;height:100%;width:100%}.loader__container{background-color:#fff;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.app .MuiCircularProgress-svg{-webkit-transform:scale(2.5);transform:scale(2.5)}@media (max-width:760px){.app__body{display:block;position:relative;border-radius:0;background-color:#fff;border-top:none}}.picker-container{position:relative;width:300px}.emoji-icon{cursor:pointer;position:absolute;top:8px;right:5px}.input-style{padding:7px 30px 7px 10px;width:calc(100% - 40px);border-radius:3px;border:1px solid #999;margin-bottom:10px}.app{background-color:#fff;height:100vh;-webkit-transform-origin:0 0;transform-origin:0 0;position:relative}.app,.login{display:grid;place-items:center}.login{background-color:#f8f8f8;height:100%;width:100%}.login__container{padding:100px;text-align:center;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.login__container>img{object-fit:contain;height:100px;margin-bottom:40px}.login__container>button{margin-top:50px;text-transform:inherit!important;background-color:#0a8d48!important;color:#fff}@media (max-width:760px){.login__container{padding:100px 50px}.login__text>h1{font-size:28px;width:100%}}@media (max-width:435px){.login__container{padding:50px 25px}}.filter{padding-left:10px;color:#a4b0b8}.sidebar{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:0.3 1;flex:0.3 1;width:30%;position:relative;background-color:#fff}.sidebar__header{-webkit-justify-content:space-between;justify-content:space-between;padding:10px 12px;border-right:1px solid #d3d3d3;background-color:#ededed}.sidebar__header,.sidebar__header--left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sidebar__header--left{-webkit-justify-content:flex-start;justify-content:flex-start;width:68%}.sidebar__header--left h4{margin-left:10px;font-size:15px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.sidebar__header--right{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;max-width:120px}.sidebar__header--right>.MuiSvgIcon-root{margin-right:2vw;font-size:24px!important;color:#54656f}.sidebar__search{background-color:#fff;padding:10px;border-right:1px solid #d3d3d3;border-bottom:1px solid #e9edef}.sidebar__search,.sidebar__search--container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sidebar__search--container{background-color:#f0f2f5;width:90%;height:35px;border-radius:10px;padding-right:13px}.sidebar__search--container>.MuiSvgIcon-root{color:grey;padding:10px;box-sizing:content-box}.sidebar__search--container>input{font-family:Roboto;font-size:14px;font-weight:400;border:none;margin-left:0;width:100%;background-color:#f0f2f5}.sidebar__search--container>input:focus{outline:none}.sidebar__menu{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#ededed;border-right:1px solid #d3d3d3}.sidebar__menu>a,.sidebar__menu>div{-webkit-flex:1 1;flex:1 1;display:grid;place-items:center;padding-top:15px;cursor:pointer}.sidebar__menu div{width:100%;display:grid;place-items:center}.sidebar__menu div>.MuiSvgIcon-root{fill:rgba(0,0,0,.5411764705882353)}.sidebar__menu div>.sidebar__menu--line{opacity:0;width:100%;height:3px;background:rgba(0,0,0,.5411764705882353);margin-top:5px}.sidebar__menu>.sidebar__menu--selected>div>.sidebar__menu--line{opacity:1}.sidebar__chat--container{-webkit-flex:1 1;flex:1 1;background-color:#fff;overflow:scroll;position:relative}.side{-webkit-transform:scale(1)!important;transform:scale(1)!important}@media (max-width:760px){.sidebar{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .25s cubic-bezier(.37,0,.63,1)!important;transition:transform .25s cubic-bezier(.37,0,.63,1)!important;transition:transform .25s cubic-bezier(.37,0,.63,1),-webkit-transform .25s cubic-bezier(.37,0,.63,1)!important}.sidebar__header,.sidebar__menu,.sidebar__search{border:none}}.sidebar__chat--addRoom{width:50px;height:50px;position:absolute;background-color:#06d755!important;border-radius:50%;bottom:20px;right:20px;cursor:pointer;color:#fff;box-shadow:4px 4px 20px 0 rgba(0,0,0,.281);-webkit-transform:translateZ(456px);transform:translateZ(456px)}.sidebar__chat--addRoom button{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.sidebar__chat--addRoom .MuiSvgIcon-root{-webkit-transform:scale(1.3);transform:scale(1.3);color:#fff}.exit:hover{background-color:hsla(0,0%,84.3%,.6);box-shadow:0 0 11px rgba(33,33,33,.2);cursor:pointer}.item-list{border:solid #639}.container{padding-top:30px;width:300px;margin:auto}.input{padding:5px 15px;width:300px}.user-list{margin-top:30px}.user{list-style:none;margin:10px 0;padding:10px;background:#eee;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.user-id{color:red;margin-right:20px}.user-name{color:#000}.user-age{margin-left:auto}.App{border:solid #639;width:500px;height:20px}.sidebar__chat--container::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.sidebar__chat--container>h2{padding-top:15px;padding-bottom:10px;padding-left:20px;font-weight:700;color:#000;transition:opacity .4s}.sidebar__chat{display:-webkit-flex;display:flex;padding:20px;-webkit-align-items:center;align-items:center;cursor:pointer;border-bottom:1px solid #f6f6f6;width:100%;max-height:87px;transition:opacity .4s}.sidebar__chat:active{background-color:#ebebeb;transition:background-color 50ms}.avatar__container{position:relative}.online{position:absolute;height:13px;width:13px;background-color:#06d755;border-radius:50%;top:0;right:0}.sidebar__chat--info>h2{font-size:16px;margin-bottom:8px;font-weight:500}em{font-weight:900;font-style:normal}.sidebar__chat--info p{-webkit-align-items:center;align-items:center;color:#6f6f6f;font-weight:400}.sidebar__chat--info span{margin-left:2px;color:#6f6f6f;vertical-align:middle}.sidebar__chat--info p svg{color:#868686;vertical-align:middle}.sidebar__chat--info h2,.sidebar__chat--info p,.sidebar__chat--info p span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar__chat--info{margin-left:15px}.sidebar__chat--unreadMessages{position:relative;height:100%;-webkit-flex:1 1;flex:1 1}.sidebar__chat--unreadMessages>div{background-color:#06d755;border-radius:50%;color:#fff;width:21px;height:21px;display:grid;place-items:center;font-size:10px;font-weight:700;position:absolute;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.scrollFetch{height:90px!important}.scrollFetch>div>.MuiCircularProgress-svg{-webkit-transform:scale(1);transform:scale(1)}.sidebar__loader{background-color:transparent!important;height:65%!important}.sidebar__loader .MuiCircularProgress-svg{-webkit-transform:scale(2)!important;transform:scale(2)!important}.no-result{width:100%;height:80%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;opacity:0;-webkit-animation:noresult-fade-in .4s forwards;animation:noresult-fade-in .4s forwards;padding:1em}.no-result>div>.MuiSvgIcon-root:first-child{-webkit-transform:scale(3);transform:scale(3)}.cancel-root{background-color:#fff;border-radius:50%;width:25px;height:25px}.no-result>div{-webkit-transform:scale(1.8);transform:scale(1.8)}.no-result>div>div{-webkit-transform:translate(-60%,-90%);transform:translate(-60%,-90%)}.animate{opacity:0}@media (min-width:760px){.sidebar__chat:hover{background-color:#ebebeb;transition:background-color .2s}}@-webkit-keyframes noresult-fade-in{0%{opacity:0}to{opacity:1}}@keyframes noresult-fade-in{0%{opacity:0}to{opacity:1}}.chat{opacity:1;-webkit-flex:0.7 1;flex:0.7 1;width:70%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;right:0;top:0;background-color:#e5ddd5;-webkit-transform:translateZ(456px);transform:translateZ(456px)}.page-enter{opacity:0;-webkit-transform:scale(.9) translateZ(456px);transform:scale(.9) translateZ(456px)}.page-enter-active{opacity:1;-webkit-transform:scale(1) translateZ(456px);transform:scale(1) translateZ(456px);transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.page-exit{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.page-exit-active{opacity:0;-webkit-transform:scale(.9) translateZ(456px);transform:scale(.9) translateZ(456px);transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.chat__background{background-image:url(https://web.whatsapp.com/img/bg-chat-tile-light_686b98c9fdffef3f63127759e2057750.png);background-size:contain;background-position:50%;position:absolute;width:100%;height:100%;z-index:0;opacity:.06}.MuiIconButton-label>.MuiSvgIcon-root{margin-right:10px}.chat__header{padding:10px 0 10px 12px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-bottom:1px solid #d3d3d3;background-color:#ededed;z-index:1;height:60px}.chat__header--info{-webkit-flex:1 1;flex:1 1;margin-left:8px}.chat__header--info>h3{font-size:15px;font-weight:500;margin-bottom:3px}.chat__header--info>h3,.chat__header--info>p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:200px}.chat__header--info>p{color:grey;font-size:13px}.chat__header--right{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;min-width:50px}.chat__header--right>.MuiButtonBase-root{padding:12px}.chat__header--right--icons{padding:20px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;max-width:70px}.searchicon-right,.verticaldots-right{margin:10px;color:#54656f}.verticaldots-right:hover{margin:10px;background-color:hsla(0,0%,84.3%,.6);box-shadow:0 0 11px rgba(33,33,33,.2);cursor:pointer}.chat__body--container{-webkit-flex:1 1;flex:1 1;background-position:50%;overflow:scroll;background-color:transparent;z-index:1;position:relative;height:calc(100% - 125px);background:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat;background-size:450px}.chat__body{padding:1px 60px 0;padding-bottom:98px!important;transition:opacity .2s;position:relative}.chat__body--container::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.paginateLoader{background:transparent!important}.paginateLoader>div>.MuiCircularProgress-svg{-webkit-transform:scale(1);transform:scale(1)}.chat__message{z-index:0;position:relative;font-size:16px;border-radius:10px;background-color:#fff;padding:22px 10px 10px;word-wrap:break-word;max-width:320px;margin-top:4px}.chat__message--message{margin-right:10px}.chat__message--sender{margin-left:auto;background-color:#dcf8c6}.chat__lastMessage{margin-bottom:30px;opacity:0;-webkit-animation:fade-in .3s .6s forwards;animation:fade-in .3s .6s forwards}.chat__name{position:absolute;top:8px;left:9px;font-weight:500;font-size:10.5px;color:grey}.image-container{position:relative;max-height:300px;max-width:300px;overflow:hidden;margin:10px 0;border-radius:10px}.image-container img{width:100%}.chat__message img{cursor:pointer;height:100%;width:100%;object-fit:cover}.image__container--loader{-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);position:absolute;left:50%;top:50%;width:100%;height:100%;display:grid;place-items:center}.image-container .MuiCircularProgress-svg{-webkit-transform:none!important;transform:none!important}.chat__timestamp{font-size:10px;text-align:right;color:grey}.scroll{width:52px;height:52px;border-radius:50%;background-color:#fff;bottom:78px;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;z-index:1;box-shadow:0 0 2px 0 rgba(0,0,0,.5294117647058824);cursor:pointer}.scroll,.scroll svg{position:absolute;left:50%}.scroll svg{top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.scroll div{position:absolute;top:0;right:0;width:19px;height:19px;border-radius:50%;background-color:#06d755;font-size:10px;font-weight:500;display:grid;place-items:center;color:#fff}.scroll-enter{-webkit-transform:translateX(-50%) scale(.7);transform:translateX(-50%) scale(.7);opacity:0}.scroll-enter-active{transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.scroll-enter-active,.scroll-exit{opacity:1;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}.scroll-exit-active{opacity:0;-webkit-transform:translateX(-50%) scale(.7);transform:translateX(-50%) scale(.7);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.chat__deleting{position:absolute;width:100%;height:100%;display:grid;place-items:center;background-color:hsla(0,0%,100%,.4235294117647059);z-index:2}.seen{position:absolute;height:30px;width:94px;right:60px;bottom:58px}.seen,.seen-animate-enter{opacity:0!important}.seen-animate-enter-active{opacity:1!important;transition:opacity .2s}.seen-animate-exit,.seen-animate-exit-active{opacity:0!important}.seen-animate-enter-done{opacity:1!important}.seen p{background-color:#dcf8c6;padding:3px 15px;text-align:center;position:absolute;right:0;border-radius:10px}.seen span{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-weight:500}.seen .MuiSvgIcon-root{-webkit-transform:scale(.9);transform:scale(.9);margin-left:5px}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:761px){.chat__header--info>h3,.chat__header--info>p{width:350px}}@media (max-width:760px){.seen{right:20px}.chat{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#e5ddd5;opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:opacity .25s cubic-bezier(.37,0,.63,1),-webkit-transform .25s cubic-bezier(.37,0,.63,1);transition:transform .25s cubic-bezier(.37,0,.63,1),opacity .25s cubic-bezier(.37,0,.63,1);transition:transform .25s cubic-bezier(.37,0,.63,1),opacity .25s cubic-bezier(.37,0,.63,1),-webkit-transform .25s cubic-bezier(.37,0,.63,1)}.chat__body{padding:0 20px}.image-container .MuiCircularProgress-svg{-webkit-transform:scale(1.5)!important;transform:scale(1.5)!important}.chat__header{padding:10px 10px 10px 8px}.chat__header--right>.MuiButtonBase-root{padding:8px}.chat__header>.MuiButtonBase-root{padding:0 5px 0 0;border-radius:18.5px}.chat__header--info>h3,.chat__header--info>p{width:180px}.chat__header--info>p{font-size:11px;font-weight:400}.page-enter-active{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.page-enter-active,.page-exit-active{transition:opacity .3s cubic-bezier(.37,0,.63,1),-webkit-transform .3s cubic-bezier(.37,0,.63,1);transition:transform .3s cubic-bezier(.37,0,.63,1),opacity .3s cubic-bezier(.37,0,.63,1);transition:transform .3s cubic-bezier(.37,0,.63,1),opacity .3s cubic-bezier(.37,0,.63,1),-webkit-transform .3s cubic-bezier(.37,0,.63,1)}.page-exit-active{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}.chat__footer{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:62px;background-color:#f0f2f5;z-index:1;padding:0 10px;height:65px;position:absolute;width:calc(100% + 56px);bottom:0;z-index:5;-webkit-transform:translateZ(456px);transform:translateZ(456px)}.chat__footer>.MuiSvgIcon-root{font-size:32px}.chat__footer>form{width:100%;display:-webkit-flex;display:flex}.send__btn{width:46px;height:46px;border-radius:50%;background:none;border:none;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;-webkit-transform:scale(1);transform:scale(1);cursor:pointer;color:#54656f}.send__btn:active{-webkit-transform:scale(.75);transform:scale(.75)}.send__btn:focus{outline:none}.send__btn svg{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.send__btn svg:first-child{opacity:0;-webkit-transform:translateX(-48%) translateY(-50%);transform:translateX(-48%) translateY(-50%)}.chat__footer>.MuiSvgIcon-root{color:grey;box-sizing:content-box}.chat__footer>form>input{height:44px;border-radius:10px;padding-left:20px;border:none;font-size:15px;margin-right:10px;padding-right:20px;font-family:Roboto,sans-serif;transition:all .3s;width:calc(100% - 112px);position:relative}.chat__footer>form>input:focus{outline:none}.send__animate2-enter,.send__animate-enter{opacity:0!important;-webkit-transform:scale(.8) translateX(-58%) translateY(-58%)!important;transform:scale(.8) translateX(-58%) translateY(-58%)!important}.send__animate2-enter-active,.send__animate-enter-active{opacity:1!important;-webkit-transform:scale(1) translateX(-50%) translateY(-50%)!important;transform:scale(1) translateX(-50%) translateY(-50%)!important;transition:opacity .2s,-webkit-transform .2s!important;transition:opacity .2s,transform .2s!important;transition:opacity .2s,transform .2s,-webkit-transform .2s!important;transition-delay:.2s!important}.send__animate2-enter-done,.send__animate-enter-done{opacity:1!important}.send__animate2-exit,.send__animate-exit{opacity:1!important;-webkit-transform:scale(1) translateX(-50%) translateY(-50%)!important;transform:scale(1) translateX(-50%) translateY(-50%)!important}.send__animate2-exit-active,.send__animate-exit-active{opacity:0!important;-webkit-transform:scale(.8) translateX(-58%) translateY(-58%)!important;transform:scale(.8) translateX(-58%) translateY(-58%)!important;transition:opacity .2s,-webkit-transform .2s!important;transition:opacity .2s,transform .2s!important;transition:opacity .2s,transform .2s,-webkit-transform .2s!important}.send__animate2-exit-done,.send__animate-exit-done{opacity:0!important}.send__animate2-enter{-webkit-transform:scale(.8) translateX(-58%) translateY(-58%)!important;transform:scale(.8) translateX(-58%) translateY(-58%)!important}.send__animate2-enter-active,.send__animate2-exit{-webkit-transform:scale(1) translateX(-47%) translateY(-50%)!important;transform:scale(1) translateX(-47%) translateY(-50%)!important}.send__animate2-exit-active{-webkit-transform:scale(.8) translateX(-57%) translateY(-58%)!important;transform:scale(.8) translateX(-57%) translateY(-58%)!important}.record{opacity:0;transition:opacity .3s;position:absolute;right:86px;width:135px}.record,.record>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.record>div{width:53px}.record__redcircle{opacity:0;width:10px;height:10px;border-radius:50%;background:#f21d2f;-webkit-animation:animate-record-circle .5s infinite alternate;animation:animate-record-circle .5s infinite alternate}.record__duration{font-size:15px;font-weight:500;color:#737373}.record>.MuiSvgIcon-root{cursor:pointer}@-webkit-keyframes animate-record-circle{0%{opacity:0}to{opacity:1}}@keyframes animate-record-circle{0%{opacity:0}to{opacity:1}}*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:Roboto,sans-serif}a{text-decoration:none;color:inherit}
/*# sourceMappingURL=main.8f01131e.chunk.css.map */