*{box-sizing:border-box;padding:0}*,body{margin:0}body{font-family:Roboto,sans-serif}a{color:inherit;text-decoration:none}.sidebar__chat--container::-webkit-scrollbar{-ms-overflow-style:none;display:none;scrollbar-width:none}.sidebar__chat--container>h2{color:#000;font-weight:700;padding-bottom:10px;padding-left:20px;padding-top:15px;transition:opacity .4s}.sidebar__chat{align-items:center;border-bottom:1px solid #f6f6f6;cursor:pointer;display:flex;max-height:87px;padding:20px;transition:opacity .4s;width:100%}.sidebar__chat:active{background-color:#ebebeb;transition:background-color 50ms}.avatar__container{position:relative}.online{background-color:#06d755;border-radius:50%;height:13px;position:absolute;right:0;top:0;width:13px}.online--unread{border:1.5px solid #fff;color:#fff;display:grid;font-size:10px;font-weight:700;height:18px;line-height:1;place-items:center;right:-2px;top:-2px;width:18px}.online__chat--avatar{height:10px;width:10px}.sidebar__chat--info>h2{font-size:16px;font-weight:500;margin-bottom:8px}.sidebar__chat--info>h2>em{font-style:normal;font-weight:700}.sidebar__chat--info p{align-items:center;color:#6f6f6f;font-weight:400}.sidebar__chat--info span{color:#6f6f6f;margin-left:2px;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;text-overflow:ellipsis;white-space:nowrap}.sidebar__chat--info{margin-left:15px}.sidebar__chat--unreadMessages{flex:1 1;height:100%;position:relative}.sidebar__chat--unreadMessages>div{color:#fff;display:grid;font-size:10px;font-weight:700;height:21px;place-items:center;right:0;transform:translateY(-50%);width:21px}.sidebar__chat--addRoom,.sidebar__chat--unreadMessages>div{background-color:#007fff;border-radius:50%;position:absolute}.sidebar__chat--addRoom{bottom:20px;box-shadow:4px 4px 20px 0 rgba(0,0,0,.281);color:#fff;cursor:pointer;height:50px;right:20px;transform:translateZ(456px);width:50px}.sidebar__chat--addRoom button{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.sidebar__chat--addRoom .MuiSvgIcon-root{color:#fff;transform:scale(1.3)}.scrollFetch{height:90px!important}.scrollFetch>div>.MuiCircularProgress-svg{transform:scale(1)}.sidebar__loader{background-color:initial!important;height:65%!important}.sidebar__loader .MuiCircularProgress-svg{transform:scale(2)!important}.no-result{align-items:center;animation:noresult-fade-in .4s forwards;display:flex;flex-direction:column;height:80%;justify-content:center;opacity:0;width:100%}.no-result>div>.MuiSvgIcon-root:first-child{transform:scale(3)}.cancel-root{background-color:#fff;border-radius:50%;height:25px;width: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{background-color:#fff;border-right:1px solid #d3d3d3;flex:0.30 1;flex-direction:column;position:relative;width:30%}.sidebar,.sidebar__header{background-color:#d2f7ff;display:flex}.sidebar__header{align-items:center;justify-content:space-between;padding:10px 0 10px 12px}.sidebar__header--left{align-items:center;display:flex;justify-content:flex-start;width:64%}.sidebar__header--left h4{font-size:15px;font-weight:500;margin-left:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__header--right{align-items:center;display:flex;justify-content:flex-end;max-width:120px}.sidebar__header--right .MuiButtonBase-root{padding:8px}.sidebar__header--right .MuiSvgIcon-root{font-size:24px!important;margin-right:0}.sidebar__search{align-items:center;background-color:#d2f7ff;display:flex;padding:10px}.sidebar__search--container{align-items:center;background-color:#fff;border-radius:26px;box-shadow:0 0 8px 0 #00000016;display:flex;height:45px;padding-right:13px;width:100%}.sidebar__search--container>.MuiSvgIcon-root{box-sizing:initial;color:grey;padding:10px}.sidebar__search--container>input{border:none;font-family:Roboto;font-size:16px;font-weight:400;margin-left:0;width:100%}.sidebar__search--container>input:focus{outline:none}.sidebar__menu{align-items:center;background-color:#d2f7ff;display:flex;justify-content:center;margin-bottom:20px;margin-top:10px;padding:0 10px}.sidebar__menu>a{background-color:initial;border-radius:17px;box-shadow:0 0 0 0 #00000016;transition:background-color .2s ease-out,box-shadow .2s ease-out}.sidebar__menu>a,.sidebar__menu>div{cursor:pointer;display:grid;flex:1 1;place-items:center}.sidebar__menu div{background-color:initial;border-radius:17px;box-shadow:0 0 0 0 #00000016;display:grid;padding:2px 0;place-items:center;transition:background-color .2s ease-out,box-shadow .2s ease-out;width:100%}.sidebar__menu div>.MuiSvgIcon-root{fill:#0000008a}.sidebar__menu div>.sidebar__menu--line{background:#0000008a;height:3px;margin-top:5px;opacity:0;width:100%}.sidebar__menu>.sidebar__menu--selected{background-color:#fff;border-radius:17px;box-shadow:0 0 8px 0 #00000016}.sidebar__menu>.sidebar__menu--selected>div>.sidebar__menu--line{opacity:0}.sidebar__chat--container{background-color:#fff;border-radius:25px 25px 0 0;flex:1 1;overflow:scroll;position:relative;scrollbar-width:none}.side{transform:scale(1) translateZ(0)!important}@keyframes slected-menu{0%{background-color:initial;box-shadow:0 0 0 0 #00000016}to{background-color:#fff;box-shadow:0 0 8px 0 #00000016}}@media (max-width:760px){.sidebar{height:100%;left:0;position:absolute;top:0;width:100%}.sidebar__header,.sidebar__menu,.sidebar__search{border:none}}@media (min-width:950px){.sidebar__header--right .MuiButtonBase-root{padding:10px}}@media (max-width:340px){.sidebar__header--right .MuiButtonBase-root{padding:4px}}.audioplayer{align-items:center;display:flex;height:40px;justify-content:space-between;width:100%}.audioplayer__controls{align-items:center;display:flex;gap:12px;min-width:52px}.audioplayer .MuiSvgIcon-root{color:#53ccfc;cursor:pointer;height:24px;transform:scale(2);width:24px}.audioplayer button{background:none;border:none}.audioplayer__download{align-items:center;display:inline-flex;justify-content:center;padding:0}.audio__error .MuiSvgIcon-root{color:#ff4c30;height:40px;margin-right:15px;transform:none;width:40px}.audio__error .MuiSlider-root{color:#ff4c30}.audioplayer .btn__audio--sender{color:#fff}.audioplayer .MuiSlider-thumb{height:15px;width:15px}.audioplayer .pause{transform:scale(1.7)}.audioplayer>div:last-of-type{align-items:center;display:flex;height:15px;position:relative;width:calc(100% - 48px)}.audioplayer__time{display:inline-block;font-size:14px!important;margin-left:2px;margin-right:10px;min-width:35px;position:static!important}.audioplayer .MuiCircularProgress-root{color:#a9a9a9;margin-right:15px}.chat__reciever .audioplayer__time,.chat__reciever .chat__timestamp{color:#fff}.mediaPreview{align-items:center;animation:opacity-in .3s ease forwards;background-color:#00000026;display:flex;height:calc(100% - 68px);justify-content:center;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:4}.mediaPreview .close__arrow{cursor:pointer;position:absolute;right:10px;top:10px}.mediaPreview .arrow{cursor:pointer;position:absolute;top:50%;transform:translateY(calc(-50% - 7px))}.mediaPreview .left__arrow{left:5px}.mediaPreview .right__arrow{right:5px}.carousel{height:80%;left:50%;overflow-x:hidden;overflow-y:visible;position:absolute;top:50%;transform:translateX(-50%) translateY(calc(-50% - 24px));width:80%}.inner{justify-content:space-between;transition:transform .25s}.carousel__item,.inner{align-items:center;display:flex;height:100%}.carousel__item{flex-direction:column;justify-content:center;margin:0 5px;position:relative;width:100%}.carousel__item img{border-radius:15px;max-height:calc(100% - 50px);max-width:100%}.media__details{align-items:center;background:#fff;border-radius:5px;display:flex;height:33px;justify-content:space-between;margin-bottom:17px;padding:0 10px}.media__details h3{font-size:14px;font-weight:500;padding-left:8px}@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:0}}.imagePreview{background-color:initial;height:100%;left:0;position:absolute;top:0;transform:translateZ(456px);transition:all .2s;width:100%;z-index:15}.imagePreview .MuiSvgIcon-root{background:#f5f5f5;border:none;border-radius:17.5px;cursor:pointer;height:35px;opacity:0;padding:5px;position:absolute;right:10px;top:10px;transform:scale(.9);transition:transform .2s,opacity .2s;width:35px;z-index:2}.imagePreview .close-animate{opacity:1;transform:scale(1)}.imagePreview .imagePreview-container{border-radius:10px;margin:0;opacity:1;overflow:hidden;position:absolute;transform:translateX(0) translateY(0);transition:height .3s cubic-bezier(.37,0,.63,1),transform .3s cubic-bezier(.37,0,.63,1),border-radius .3s cubic-bezier(.37,0,.63,1);z-index:1}.imagePreview img{height:auto;left:50%;max-height:100vh;max-width:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.filePreview{background:#0f172ae0;display:flex;flex-direction:column;inset:0;position:fixed;z-index:10000}.filePreview__toolbar{align-items:center;background:#0f172af5;border-bottom:1px solid #ffffff1f;display:flex;flex-shrink:0;gap:12px;height:56px;justify-content:space-between;padding:0 12px}.filePreview__title{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filePreview__actions{align-items:center;display:flex;gap:8px}.filePreview__btn{align-items:center;background:#ffffff1f;border:none;border-radius:999px;color:#fff;display:flex;height:38px;justify-content:center;width:38px}.filePreview__btn--close{background:#fff3}.filePreview__content{background:#fff;flex:1 1;min-height:0}.filePreview__frame{background:#fff;border:none;height:100%;width:100%}@media (max-width:760px){.filePreview__toolbar{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}}.chat__footer{align-items:center;background-color:initial;bottom:0;display:flex;height:62px;height:54px;justify-content:space-between;padding:0 10px;position:absolute;transform:translateZ(456px);width:calc(100% + 56px);z-index:1;z-index:5}.chat__footer>form{display:flex;position:relative;width:100%}.send__btn{background:#007fff;border:none;border-radius:50%;box-shadow:0 0 2px 0 #0000005e;cursor:pointer;height:46px;transform:scale(1);transition:transform .15s;width:46px}.send__btn:active{transform:scale(.75)}.send__btn:focus{outline:none}.send__btn svg{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.send__btn svg:first-child{opacity:0;transform:translateX(-48%) translateY(-50%)}.chat__footer>.MuiSvgIcon-root{box-sizing:initial;color:gray}.chat__footer>form>input{border:none;border-radius:31px;box-shadow:0 0 2px 0 #0000003b;font-family:Roboto,sans-serif;font-size:16px;height:44px;height:46px;margin-right:10px;padding-left:48px;padding-right:20px;position:relative;transition:all .3s;width:calc(100% - 112px)}.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:0;position:absolute;right:86px;transition:opacity .3s;width:135px}.record,.record>div{align-items:center;display:flex;justify-content:space-between}.record>div{width:53px}.record__redcircle{animation:animate-record-circle .5s infinite alternate;background:#f21d2f;border-radius:50%;height:10px;opacity:0;width:10px}.record__duration{color:#737373;font-size:15px;font-weight:500}.record>.MuiSvgIcon-root{cursor:pointer}.chat__footer form .css-r9uhzn{height:46px!important;width:46px!important}.chat__footer form .css-r9uhzn,.chat__footer form .css-r9uhzn:hover{background-color:initial!important;box-shadow:none!important;color:#757575!important}@keyframes animate-record-circle{0%{opacity:0}to{opacity:1}}.reply__panel{align-items:center;background:#f5f5f5;border-top:1px solid #e0e0e0;display:flex;gap:8px;min-height:48px;padding:6px 12px 6px 16px}.reply__panel--icon{color:#007fff;flex-shrink:0;height:18px!important;width:18px!important}.reply__panel--content{border-left:3px solid #007fff;flex:1 1;overflow:hidden;padding-left:8px}.reply__panel--name{color:#007fff;font-weight:600;margin-bottom:2px}.reply__panel--name,.reply__panel--text{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply__panel--text{color:#555;max-width:100%}.reply__panel--cancel{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:background .15s}.reply__panel--cancel:hover{background:#00000014;color:#333}.forward__overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.forward__dialog{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:70vh;max-width:90vw;overflow:hidden;width:360px}.forward__header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px 12px}.forward__header h3{font-size:16px;font-weight:600;margin:0}.forward__close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;padding:4px}.forward__close:hover{background:#f0f0f0}.forward__external-btn{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:12px 20px 0;padding:10px 16px;transition:opacity .15s}.forward__external-btn:hover{opacity:.9}.forward__search{align-items:center;background:#f0f2f5;border-radius:20px;display:flex;gap:8px;margin:12px 20px;padding:8px 12px}.forward__search input{background:none;border:none;flex:1 1;font-size:14px;outline:none}.forward__list{flex:1 1;overflow-y:auto;padding:0 8px 12px}.forward__loading{display:flex;justify-content:center;padding:30px}.forward__empty{color:#999;font-size:14px;padding:30px;text-align:center}.forward__contact{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background .15s}.forward__contact:hover{background:#f0f2f5}.forward__contact-name{flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forward__contact-action{flex-shrink:0}.forward__sent{color:#25d366;font-size:13px;font-weight:600}.forward__send-label{color:#007fff;font-size:13px;font-weight:600}.chat{background-color:#d2f7ff;display:flex;flex:0.7 1;flex-direction:column;height:100%;padding-top:50px;position:absolute;right:0;top:0;width:70%}.page-enter{opacity:0;transform:scale(.9) translateZ(0)}.page-enter-active{opacity:1;transform:scale(1) translateZ(0);transition:transform .3s,opacity .3s}.page-exit{opacity:1;transform:scale(1)}.page-exit-active{opacity:0;transform:scale(.9) translateZ(0);transition:transform .3s,opacity .3s}.chat__background{background-position:50%!important;background-size:contain!important;height:100%!important;opacity:.2;position:absolute!important;width:100%;z-index:0}.backdrop__title{color:#fff;font-size:45px}.chat__header{align-items:center;align-self:center;background-color:#ededed;border-radius:37px;box-shadow:2px 2px 15px 0 #c2c2c2;display:flex;padding-left:12px;padding-right:0;position:absolute;top:10px;width:95%;z-index:2}.chat__header--info{flex:1 1;margin-left:8px}.chat__header--info>h3{font-size:13px;font-weight:500}.chat__header--info>h3,.chat__header--info>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.chat__header--info>p{color:grey;font-size:10px}.chat__header--right{display:flex;justify-content:space-between}.chat__header--right>.MuiButtonBase-root{padding:12px}.chat__body--container{background-color:initial;background-position:50%;background-repeat:repeat;flex:1 1;overflow:scroll;position:relative;scrollbar-width:none;width:100%;z-index:1}.chat__body{display:flex;flex-direction:column;opacity:0;padding:0 60px;padding-bottom:98px!important;position:relative;transition:opacity .2s}.chat__body--container::-webkit-scrollbar{-ms-overflow-style:none;display:none;scrollbar-width:none}.chat__body>.chat__message:last-child{opacity:0;transition:opacity .15s}.paginateLoader{background:#0000!important}.paginateLoader .MuiCircularProgress-svg{transform:scale(1)!important}.chat__message{word-wrap:break-word;align-self:flex-start;background-color:#fff;border-radius:15px;display:inline-block;font-size:16px;max-width:320px;min-width:200px;opacity:1;padding:22px 10px 20px;position:relative;z-index:0}.chat__message--message{margin-right:45px;margin-top:10px}.chat__message--message>a{text-decoration:underline}.chat__message--message>a:visited{color:#290088}.chat__reciever{align-self:flex-end;background-color:#007fff;margin-left:auto}.chat__reciever .MuiCircularProgress-root{color:#fff!important}.chat__reciever .chat__message--message,.chat__reciever .chat__name{color:#fff}.chat__lastMessage{animation:fade-in .3s .6s forwards;margin-bottom:0;opacity:0}.chat__name{color:grey;font-size:10.5px;font-weight:500;left:9px;position:absolute;top:8px}.image-container{border-radius:10px;margin:10px 0;overflow:hidden;position:relative}.image-container img{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}.chat__message img{cursor:pointer}.image__container--loader{display:grid;height:100%;left:50%;place-items:center;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}.image-container .MuiCircularProgress-svg{transform:none!important}.error__container{display:flex;flex-direction:column;justify-content:center;place-items:unset;align-items:center}.error__container h3{margin-top:15px}.chat__reciever .error__container h3{color:#fff}.error__container .MuiSvgIcon-root{color:#ff4c30;height:80px;width:80px}.chat__timestamp{align-items:center;bottom:10px;color:grey;display:flex;font-size:14px;gap:2px;position:absolute;right:10px}.chat__check{color:#ffffffb3;font-size:16px!important}.chat__check--read{color:#34b7f1!important}.chat__reciever .chat__timestamp{color:#ffffffb3}.chat__time{align-items:center;display:flex;justify-content:center;margin:30px 0;width:100%}.chat__time>div{background-color:rgba(0,0,0,.445);border-radius:22px;padding:10px}.chat__time>div>h2{color:#fff;font-size:15px;font-weight:500}.scroll{background-color:#fff;border-radius:50%;bottom:78px;box-shadow:0 0 2px 0 #00000087;cursor:pointer;height:52px;transform:translateX(-50%) scale(1);transition:transform .15s;width:52px;z-index:1}.scroll,.scroll svg{left:50%;position:absolute}.scroll svg{top:50%;transform:translateX(-50%) translateY(-50%)}.scroll div{background-color:#007fff;border-radius:50%;color:#fff;display:grid;font-size:10px;font-weight:500;height:19px;place-items:center;position:absolute;right:0;top:0;width:19px}.scroll-enter{opacity:0;transform:translateX(-50%) scale(.7)}.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{background-color:#ffffff6c;display:grid;height:100%;place-items:center;position:absolute;width:100%;z-index:2}.seen{bottom:58px;height:30px;position:absolute;right:60px;width:94px}.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:#007fff;border-radius:10px;color:#fff;padding:3px 15px;position:absolute;right:0;text-align:center}.seen span{align-items:center;display:flex;font-weight:500;justify-content:center}.seen .MuiSvgIcon-root{margin-left:5px;transform:scale(.9)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:761px){.chat__header--info>h3,.chat__header--info>p{width:350px}.image-container{max-height:300px;max-width:300px}}@media (max-width:760px){.seen{right:20px}.chat__background{background-size:contain!important}.chat{height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateX(45%);transition:transform .25s cubic-bezier(.25,1,.5,1),opacity .25s cubic-bezier(.25,1,.5,1);width:100%;will-change:opacity,transform}.chat__body{padding:0 20px;will-change:opacity}.image-container .MuiCircularProgress-svg{transform:scale(1.5)!important}.image-container{max-height:40%}.chat__header{padding:3px 0 3px 8px}.chat__header--right>.MuiButtonBase-root{padding:8px}.chat__header>.MuiButtonBase-root{border-radius:18.5px;padding:0}.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)}.chat__message{max-width:90%}}.chat-animate{opacity:1;transform:translateX(0)}.file__message{gap:10px;max-width:300px;min-width:220px;padding:4px 4px 26px}.file__icon,.file__message{align-items:center;display:flex}.file__icon{background-color:#00000014;border-radius:50%;flex-shrink:0;height:36px;justify-content:center;width:36px}.chat__reciever .file__icon{background-color:#fff3;color:#fff}.file__info{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.file__name{color:inherit;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__reciever .file__name{color:#fff}.file__size{color:#888;font-size:11px}.chat__reciever .file__size{color:#ffffffb3}.file__actions{display:flex;flex-shrink:0;gap:4px}.file__btn{align-items:center;background:none;border:none;border-radius:50%;color:#007fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .15s}.file__btn:hover{background-color:#007fff1a}.chat__reciever .file__btn{color:#fff}.chat__reciever .file__btn:hover{background-color:#fff3}.message__actions{display:flex;gap:2px;opacity:0;position:absolute;right:6px;top:4px;transition:opacity .15s;z-index:2}.chat__message:hover .message__actions{opacity:1}.message__action-btn{align-items:center;background:#ffffffd9;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;height:26px;justify-content:center;padding:3px;transition:background .15s,color .15s;width:26px}.message__action-btn:hover{background:#007fff26;color:#007fff}.chat__reciever .message__action-btn{background:#ffffff40;color:#ffffffd9}.chat__reciever .message__action-btn:hover{background:#fff6;color:#fff}@media (max-width:760px){.message__actions{opacity:1}}.reply__quote{background:#0000000d;border-left:3px solid #007fff99;border-radius:4px;cursor:pointer;margin-bottom:4px;max-width:100%;overflow:hidden;padding:4px 8px}.reply__quote--sender{background:#ffffff26;border-left-color:#ffffffb3}.reply__quote--name{color:#007fff;display:block;font-size:11px;font-weight:600;margin-bottom:2px}.reply__quote--sender .reply__quote--name{color:#fffffff2}.reply__quote--text{display:block;font-size:12px;max-width:240px;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login{background-position:50%!important;background-size:cover!important;display:grid;height:100%;place-items:center;width:100%}.login__container{background-color:#fff;border-radius:30px;box-shadow:5px 5px 30px 0 #c2c2c2;padding:100px;text-align:center}.access__container{padding:80px;width:50%}.access__container h1{font-size:30px;margin-bottom:20px}.access__container h3{color:#8a8a8a;font-size:20px;font-weight:500;line-height:150%;text-align:center}.login__container>svg{fill:none;color:#fff0;height:150px;margin-bottom:40px!important;object-fit:contain}.access__container>svg{margin-bottom:20px}.login__container>button{background-color:#007fff!important;color:#fff;margin-top:50px;text-transform:inherit!important}.access__container>button,.login__container>button{border-radius:20px;font-size:15px;font-weight:600;padding:5px 35px}.access__container>button{margin-top:40px}@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}}@media (max-width:1100px){.access__container{box-shadow:5px 5px 30px 0 #9e9e9e;padding:20px 30px 30px;width:80%}.access__container svg{height:80px;margin-bottom:10px}.access__container h1{font-size:20px;margin-bottom:15px}.access__container h3{font-size:15px}.access__container button{font-size:15px;margin-top:30px;padding:2.5px 20px}}.login__form{display:flex;flex-direction:column;gap:12px;margin-left:auto;margin-right:auto;margin-top:30px;max-width:300px;width:100%}.login__form input{border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s}.login__form input:focus{border-color:#007fff}.login__form button{background-color:#007fff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:12px;transition:background-color .2s}.login__form button:hover{background-color:#06c}.login__form button:disabled{cursor:not-allowed;opacity:.7}.login__error{color:#d32f2f;font-size:14px;margin:0;text-align:center}.login__toggle{color:#007fff;cursor:pointer;font-size:14px;margin-top:20px}.login__toggle:hover{text-decoration:underline}.btn{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.redPhone{background-color:#ff3b30;box-shadow:3px 3px 20px #ff3b30b3}.blurredBtn{background-color:#00000081}.greenCamera{background-color:#2ec452;box-shadow:3px 3px 20px #2ec452b3}@media (max-width:1000px){.btn{transform:scale(.7)}}.startVideoCall__container{border-radius:15px;box-shadow:15px 15px 20px 0 #00000069;left:15%;overflow:hidden;position:absolute;top:7%;z-index:5}.startVideoCall__video{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);width:100%}.startVideoCall__elements{align-items:center;background-color:#36363699;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;padding:31px;position:absolute;top:0;width:100%}.startVideoCall__info{text-align:center}.startVideoCall__info>h1{color:#fff;font-size:19px;font-weight:500}.startVideoCall__info>p{color:#a6a6a6;font-size:10px;font-weight:400}.startVideoCall__btn{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:96px}@media (max-width:760px){.startVideoCall__container{left:20%;top:8%}.startVideoCall__elements{padding:15px 0}.startVideoCall__info>h1{font-size:12px}}.videocall{background-color:#36363699;border-radius:15px;box-shadow:15px 15px 20px #00000069;left:15%;overflow:hidden;position:absolute;top:7%;z-index:5}.videocall__large{height:100%;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%;z-index:3}.videocall__small{border-radius:8px;bottom:11px;box-shadow:5px 5px 10px #000000a6;object-fit:cover;position:absolute;right:12px;z-index:5}.videocall__top--section{height:40px;padding:0 12.5px;top:11px;width:100%}.videocall__bottom--section,.videocall__top--section{align-items:center;display:flex;flex-direction:row;justify-content:space-between;position:absolute;z-index:4}.videocall__bottom--section{bottom:11px;left:12px;width:152px}@media (max-width:760px){.videocall{left:7.5%;top:8%}.videocall__small{bottom:3px;right:3px}.videocall__top--section{padding:0;top:0}.videocall__bottom--section{bottom:0;left:0;width:auto}}.audiocall{background-color:#0000004d;border-radius:20px;height:78px;left:15%;padding:0 15px;position:absolute;top:7%;width:450px;z-index:5}.audiocall,.audiocall__info{align-items:center;display:flex;justify-content:space-between}.audiocall__text{margin-left:10px}.audiocall__info--name{color:#fff;font-weight:700}.audiocall__info--time{color:#dadada}.audiocall__buttons{align-items:center;display:flex;justify-content:space-between}.audiocall__buttons>.redPhone{margin-left:10px}@media (max-width:760px){.audiocall{border-radius:15px;height:55px;padding:0 10px;width:70%}.audiocall__text>p{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audiocall__buttons{transform:translateX(5px)}.audiocall__buttons>.redPhone{margin-left:0}}:not(input){-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}.app .MuiCircularProgress-root{color:#007fff}.app{background-color:#fff;display:grid;height:100%;left:0;place-items:center;position:absolute;right:0;transform-origin:0 0}.app__body{background-color:#d2f7ff;border-top:1px solid #d3d3d3;box-shadow:-1px 4px 20px 6px #0003;display:flex;height:100%;overflow:hidden;position:relative;width:100%}.app__notificationPrompt{align-items:center;background:#00437ceb;border-radius:14px;box-shadow:0 10px 25px #0000002e;color:#fff;display:flex;gap:12px;justify-content:space-between;left:12px;padding:12px 14px;position:absolute;right:12px;top:12px;z-index:20}.app__notificationButton{background:#fff;border:none;border-radius:999px;color:#00437c;cursor:pointer;flex-shrink:0;font-weight:700;padding:10px 14px}html{overflow:hidden}.loader__container{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;width:100%}@media (max-width:760px){.app__body{background-color:#fff;border-radius:0;border-top:none;display:block;position:relative}.app__notificationPrompt{font-size:14px;left:8px;padding:10px 12px;right:8px;top:8px}}.delete__user--container{align-items:center;background:#fff;border-radius:20px;display:flex;flex-direction:column;padding:20px 0;width:40%}.app .MuiBackdrop-root{z-index:6}.delete__avatar--container{margin-bottom:30px;position:relative}.delete__avatar--container>.MuiAvatar-root{height:70px;width:70px}.warning__container{background:#cecececb;border-radius:15px;bottom:-5px;height:30px;position:absolute;right:-5px;width:30px}.warning__container,.warning__container>svg{align-items:center;display:flex;justify-content:center}.warning__container>svg{color:#ff4c30}.warning__container>svg>path{transform:translateY(-1px) translateX(.5px)}.delete__user--container h2{font-size:25px;margin-bottom:10px}.delete__user--container p{color:#8a8a8a;font-size:17px;font-weight:500;line-height:27px;max-width:80%;text-align:center}.delete__buttons{align-items:center;display:flex;flex-direction:column;margin-top:30px}.delete__buttons>button{border-radius:28px;font-size:17px;padding:8px 20px;text-transform:none;width:250px}.delete__buttons>button:first-child{background:#007fff;color:#fff}.delete__buttons>button:nth-child(2){color:#ff4c30;margin-top:5px}@media (max-width:1100px){.delete__user--container{width:80%}}@media (max-width:760px){.delete__user--container h2{font-size:20px}.delete__user--container p{font-size:15px;line-height:22px}.delete__buttons{width:80%}.delete__buttons>button{border-radius:28px;font-size:15px;padding:5px 0;width:100%}}
/*# sourceMappingURL=main.29510f59.css.map*/