@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");*{padding:0;box-sizing:border-box;font-family:Inter,Arial,Helvetica,sans-serif!important}*,body{margin:0}a{text-decoration:none;color:inherit}:not(input){-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-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:flex;height:100%;width:100%}.loader__container{background-color:#fff;align-items:center;justify-content:center}.app .MuiCircularProgress-svg{transform:scale(2.5)}@media (max-width:760px){.app__body{display:block;position:relative;border-radius:0;background-color:#fff;border-top:none}}.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:flex;padding:20px;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:0;font-weight:500}em{font-weight:900;font-style:normal}.sidebar__chat--info p{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%;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;transform:translateY(-50%)}.sidebar{display:flex;flex-direction:column;flex:0.3 1;width:30%;position:relative;background-color:#fff}.sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-right:1px solid #d3d3d3;background-color:#ededed}.sidebar__header--left{display:flex;justify-content:flex-start;align-items:center;width:68%;margin-left:8px}.sidebar__header--left h4{margin-left:13px;font-size:15px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.sidebar__header--right{display:flex;justify-content:flex-end;align-items:center;max-width:120px}.sidebar__header--right>.MuiSvgIcon-root{margin-right:2vw;font-size:24px!important}.sidebar__search{display:flex;align-items:center;background-color:#f6f6f6;padding:10px;border-right:1px solid #d3d3d3}.sidebar__search--container{display:flex;align-items:center;background-color:#fff;width:100%;height:35px;box-shadow:0 0 8px 0 #00000016;border-radius:20px;padding-right:13px}.sidebar__search--container>.MuiSvgIcon-root{color:grey;padding:10px;box-sizing:content-box}.sidebar__search--container>input{font-size:14px;font-weight:400;border:none;margin-left:0;width:100%}.sidebar__search--container>input:focus{outline:none}.sidebar__menu{display:flex;justify-content:center;align-items:center;background-color:#ededed;border-right:1px solid #d3d3d3}.sidebar__menu>a,.sidebar__menu>div{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:#0000008a}.sidebar__menu div>.sidebar__menu--line{opacity:0;width:100%;height:3px;background:#0000008a;margin-top:5px}.sidebar__menu>.sidebar__menu--selected>div>.sidebar__menu--line{opacity:1}.sidebar__chat--container{flex:1 1;background-color:#fff;overflow:scroll;position:relative}.side{transform:scale(1)!important}@media (max-width:760px){.sidebar{position:absolute;width:100%;height:100%;top:0;left:0;transform:scale(1);transition:transform .25s cubic-bezier(.37,0,.63,1)!important}.sidebar__header,.sidebar__menu,.sidebar__search{border:none}}.scrollFetch{height:90px!important}.scrollFetch>div>.MuiCircularProgress-svg{transform:scale(1)}.sidebar__loader{background-color:transparent!important;height:65%!important}.sidebar__loader .MuiCircularProgress-svg{transform:scale(2)!important}.no-result{width:100%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;animation:noresult-fade-in .4s forwards;padding:1em}.no-result>div>.MuiSvgIcon-root:first-child{transform:scale(3)}.cancel-root{background-color:#fff;border-radius:50%;width:25px;height:25px}.no-result>div{transform:scale(1.8)}.no-result>div>div{transform:translate(-60%,-90%)}.animate{opacity:0}@media (min-width:760px){.sidebar__chat:hover{background-color:#ebebeb;transition:background-color .2s}}@keyframes noresult-fade-in{0%{opacity:0}to{opacity:1}}.sidebar__chat--addRoom{width:50px;height:50px;position:absolute;background-color:#379df1!important;border-radius:50%;bottom:20px;right:20px;cursor:pointer;color:#fff;box-shadow:4px 4px 20px 0 rgba(0,0,0,.281);transform:translateZ(456px)}.sidebar__chat--addRoom button{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.sidebar__chat--addRoom .MuiSvgIcon-root{transform:scale(1.3);color:#fff}.mediaPreview{position:absolute;top:60px;left:0;background-color:#00000045;width:100%;height:calc(100% - 68px);z-index:4;opacity:0;animation:opacity-in .3s ease forwards}.mediaPreview .MuiSvgIcon-root{position:absolute;height:32px;color:#fff;background-color:#b73030;border-radius:50%;width:32px;right:10px;top:10px;cursor:pointer}.mediaPreview img{max-width:80%;border:20px solid #d8d8d8;border-radius:10px;max-height:85%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(calc(-50% - 24px)) scale(.8);animation:scale-in .5s forwards}@keyframes opacity-out{0%{opacity:1}to{opacity:0}}@keyframes opacity-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{transform:translateX(-50%) translateY(calc(-50% - 24px)) scale(.8)}to{transform:translateX(-50%) translateY(calc(-50% - 24px)) scale(1)}}@media (min-width:761px){.mediaPreview{top:68px}}.app{place-items:center;background-color:#fff;height:100vh;transform-origin:0 0;position:relative}.app,.login{display:grid}.login{background-color:#e5ddd5;height:100%;width:100%;place-items:center}.login__background{background-image:url(webpack:///mini-css-extract-plugin/_next/static/media/background.ad0b0d18.png);background-color:#e6ddd5;background-size:contain;background-position:50%;position:absolute;width:100%;height:100%;z-index:0;opacity:.1}.login__container{padding:48px;text-align:center;background-color:#fff;z-index:10;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}}.chat__footer{display:flex;justify-content:space-between;align-items:center;height:62px;background-color:transparent;z-index:1;padding:0 10px;height:54px;position:absolute;width:calc(100% + 56px);bottom:0;z-index:5;transform:translateZ(456px)}.chat__footer>form{width:100%;display:flex}.send__btn{width:46px;height:46px;border-radius:50%;background:#379df1;box-shadow:0 0 2px 0 #0000005e;border:none;transition:transform .15s;transform:scale(1);cursor:pointer}.send__btn:active{transform:scale(.75)}.send__btn:focus{outline:none}.send__btn svg{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.send__btn svg:first-child{opacity:0;transform:translateX(-48%) translateY(-50%)}.chat__footer>.MuiSvgIcon-root{color:gray;box-sizing:content-box}.chat__footer>form>input{height:44px;border-radius:31px;padding-left:20px;border:none;font-size:15px;margin-right:10px;padding-right:20px;box-shadow:0 0 2px 0 #0000003b;transition:all .3s;width:calc(100% - 112px);position:relative}.chat__footer>form>input:focus{outline:none}.send__animate-enter,.send__animate2-enter{opacity:0!important;transform:scale(.8) translateX(-58%) translateY(-58%)!important}.send__animate-enter-active,.send__animate2-enter-active{opacity:1!important;transform:scale(1) translateX(-50%) translateY(-50%)!important;transition:opacity .2s,transform .2s!important;transition-delay:.2s!important}.send__animate-enter-done,.send__animate2-enter-done{opacity:1!important}.send__animate-exit,.send__animate2-exit{opacity:1!important;transform:scale(1) translateX(-50%) translateY(-50%)!important}.send__animate-exit-active,.send__animate2-exit-active{opacity:0!important;transform:scale(.8) translateX(-58%) translateY(-58%)!important;transition:opacity .2s,transform .2s!important}.send__animate-exit-done,.send__animate2-exit-done{opacity:0!important}.send__animate2-enter{transform:scale(.8) translateX(-58%) translateY(-58%)!important}.send__animate2-enter-active,.send__animate2-exit{transform:scale(1) translateX(-47%) translateY(-50%)!important}.send__animate2-exit-active{transform:scale(.8) translateX(-57%) translateY(-58%)!important}.record{opacity:1;transition:opacity .3s;position:absolute;right:86px;width:135px}.record,.record>div{display:flex;align-items:center;justify-content:space-between}.record>div{width:60px}.record__redcircle{opacity:0;width:10px;height:10px;border-radius:50%;background:#f21d2f;animation:animate-record-circle .5s infinite alternate}.record__duration{font-size:15px;font-weight:500;color:#737373}.record>.MuiSvgIcon-root{cursor:pointer}@keyframes animate-record-circle{0%{opacity:0}to{opacity:1}}.chat{opacity:1;flex:0.7 1;width:70%;height:100%;display:flex;flex-direction:column;position:absolute;right:0;top:0;background-color:#e4ded6;transform:translateZ(456px)}.page-enter{opacity:0;transform:scale(.9) translateZ(456px)}.page-enter-active{opacity:1;transform:scale(1) translateZ(456px);transition:transform .3s,opacity .3s}.page-exit{opacity:1;transform:scale(1)}.page-exit-active{opacity:0;transform:scale(.9) translateZ(456px);transition:transform .3s,opacity .3s}.chat__background{background-image:url(webpack:///mini-css-extract-plugin/_next/static/media/background.ad0b0d18.png);background-size:contain;background-position:50%;position:absolute;width:100%;height:100%;z-index:0;opacity:.06}.chat__header{padding:10px 12px;display:flex;align-items:center;border-bottom:1px solid #d3d3d3;background-color:#ededed;z-index:1}.chat__header--info{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:flex;justify-content:space-between;min-width:50px}.chat__header--right>.MuiButtonBase-root{padding:12px}.chat__body--container{background-repeat:repeat;background-position:50%;overflow:scroll;background-color:transparent;z-index:1;position:relative;height:calc(100% - 125px)}.chat__body{padding:0 60px;padding-bottom:98px!important;transition:opacity .2s;position:relative;height:calc(100% - 68px)}.chat__body--container::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.paginateLoader{background:transparent!important}.paginateLoader>div>.MuiCircularProgress-svg{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;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{transform:translateX(-50%) translateY(-50%);position:absolute;left:50%;top:50%;width:100%;height:100%;display:grid;place-items:center}.image-container .MuiCircularProgress-svg{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;transform:translateX(-50%) scale(1);transition:transform .15s;z-index:1;box-shadow:0 0 2px 0 #00000087;cursor:pointer}.scroll,.scroll svg{position:absolute;left:50%}.scroll svg{top: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{transform:translateX(-50%) scale(.7);opacity:0}.scroll-enter-active{transition:opacity .3s,transform .3s}.scroll-enter-active,.scroll-exit{opacity:1;transform:translateX(-50%) scale(1)}.scroll-exit-active{opacity:0;transform:translateX(-50%) scale(.7);transition:opacity .3s,transform .3s}.chat__deleting{position:absolute;width:100%;height:100%;display:grid;place-items:center;background-color:#ffffff6c;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:flex;align-items:center;justify-content:center;font-weight:500}.seen .MuiSvgIcon-root{transform:scale(.9);margin-left:5px}@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;transform:scale(1);transition:transform .25s cubic-bezier(.37,0,.63,1),opacity .25s cubic-bezier(.37,0,.63,1)}.chat__body{padding:0 20px}.image-container .MuiCircularProgress-svg{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;transform:scale(1)}.page-enter-active,.page-exit-active{transition:transform .3s cubic-bezier(.37,0,.63,1),opacity .3s cubic-bezier(.37,0,.63,1)}.page-exit-active{opacity:0;transform:scale(.9)}}.audioplayer{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between}.audioplayer .MuiSvgIcon-root{transform:scale(2);color:#a9a9a9;cursor:pointer;width:24px;height:24px}.audioplayer .pause{transform:scale(1.7)}.audioplayer>div{width:calc(100% - 48px);height:15px;display:flex;align-items:center;position:relative}.audioplayer__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;width:100%;background:#00000030;border-radius:2.5px;position:absolute;right:0;z-index:1}.audioplayer__slider:focus{outline:none}.audioplayer__slider--played{height:5px;background:#a9a9a9;border-radius:2.5px;border-top-right-radius:0;border-bottom-right-radius:0;position:absolute;left:0;z-index:2}.audioplayer__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;background:#a9a9a9;cursor:pointer;border-radius:50%;border:none;position:relative;z-index:5}.audioplayer__slider::-webkit-slider-thumb:active{transform:scale(1.25)}.audioplayer__slider::-moz-range-thumb{width:15px;height:15px;background:#a9a9a9;cursor:pointer;border-radius:50%;border:none}.audioplayer__slider::-moz-range-thumb:active{transform:scale(1.25)}.audioplayer__alt .audioplayer__slider::-webkit-slider-thumb{background:#06d755}.audioplayer__alt .audioplayer__slider::-moz-range-thumb{background:#06d755}.audioplayer__alt .audioplayer__slider--played{background:#06d755}.audioplayer__played .audioplayer__slider::-webkit-slider-thumb{background:#2ab5eb}.audioplayer__played .audioplayer__slider::-moz-range-thumb{background:#2ab5eb}.audioplayer__played .audioplayer__slider--played{background:#2ab5eb}.audioplayer__time{margin-right:10px;margin-left:2px;min-width:35px;display:inline-block;font-size:14px!important}.audioplayer .MuiCircularProgress-root{width:25.39px!important;height:24px!important;margin-right:15px;color:#a9a9a9}.audioplayer .MuiCircularProgress-root .MuiCircularProgress-svg{transform:scale(1.1);width:25.375px;height:25.375px}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d1d9458b69004127-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b967158bc7d7a9fb-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ae9ae6716d4f8bf8-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c0f5ec5bbf5913b7-s.woff2) format("woff2");unicode-range:U+0370-03ff}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b1db3e28af9ef94a-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9c4f34569c9b36ca-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2aaf0723e720e8b9-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_20951f;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_20951f{font-family:__Inter_20951f,__Inter_Fallback_20951f;font-style:normal}