::-webkit-scrollbar{width:6px!important;height:6px!important}::-webkit-scrollbar-thumb,html[dir] .light ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}::-webkit-scrollbar-track,html[dir] .light ::-webkit-scrollbar-track{background:rgba(250,250,250,.1)}.LoadingOverlay{display:none}.LoadingOverlay.active{display:block;z-index:10000000000000;position:absolute;width:100%;height:100%;background-color:#f0f2f5}.BigScreen{display:flex;width:100%;height:100%;overflow:hidden;justify-content:center;flex-direction:column;align-items:center}.LoadingLogo{width:200px;height:200px;margin-bottom:30px}.LoadingLogo>img{width:100%;height:100%}progress{-webkit-appearance:none;width:200px;height:10px;border-radius:5px}progress::-webkit-progress-bar{background-color:#d9d9d9;border-radius:5px}progress::-webkit-progress-value{background-color:#ffa44d;border-radius:5px}.TimiSpanLoading{margin-top:10px;font-size:17px;color:#3b4a54}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:100%;vertical-align:initial;outline:0;padding:0;margin:0;border:0}.TopThing{background-color:#ffa44d;width:100%;height:180px;z-index:-1;position:absolute;top:0}body,html{height:100%}body{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;color:#3b4a54;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-rendering:optimizeLegibility;font-feature-settings:"kern";background-color:#eae6df;background-image:linear-gradient(180deg,#eae6df,#d1d7db)}.App{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;overflow:hidden}.Margin{position:relative;z-index:100;width:100%;height:100%;overflow:hidden}.Margin::after{left:0;background-color:#ffa44d;position:fixed;top:0;z-index:-1;width:100%;height:127px;content:""}.Margin>div{animation:_1npGS .3s cubic-bezier(.1,.82,.25,1);left:0;background-position:0 0;background-color:#f7f8fa;background-repeat:repeat-x;border-radius:0;transform-origin:center;position:relative;top:0;display:flex;width:100%;height:100%;overflow:hidden;margin:0 auto;box-shadow:0 6px 18px rgba(11,20,26,.05)}.Margin>div::after{right:0;background-color:#f0f2f5;position:absolute;top:0;z-index:1;height:59px;content:""}.AddUser{left:0;position:absolute;top:0;z-index:200;display:flex;width:100%;height:100%;overflow:hidden;pointer-events:none}.AddUser>.Left{transform:translateX(-100%);transition:transform .3s ease-in-out;flex:0 0 30%;max-width:30%;overflow:hidden;display:flex;flex-direction:column;z-index:101;position:relative;height:100%}.AddUser>.Left.move{transform:translateX(0)}.AddUser>.Left>span{left:0;right:0;top:0;position:absolute;bottom:0}.AddUser>.Left>span>div{height:100%;transform:translateX(0);left:0;right:0;top:0;position:absolute;bottom:0}.AddUser>.Left>span>div>span{left:0;overflow-y:hidden;top:0;height:100%;width:100%;position:absolute;overflow-x:hidden}.AddUser>.Right{transform-origin:left top;transform:translateZ(0);flex-grow:1;position:relative;z-index:-100;height:100%;overflow:hidden}.AddUsers>.Right>span{left:0;right:0;top:0;position:absolute;bottom:0}.AddUsers{left:0;visibility:visible;overflow-y:hidden;top:0;height:100%;display:flex;width:100%;position:absolute;overflow-x:auto;background-color:#f0f2f5;flex-direction:column;pointer-events:auto}.AddUsers>header{padding-right:20px;padding-left:23px;background-color:#ff7f27;z-index:200;box-sizing:border-box;display:flex;flex:none;flex-direction:column;justify-content:flex-end;height:108px;color:#fff}.AddUsers>header>div{opacity:1;transform:translateX(0);padding:0;background-color:initial;height:59px;display:flex;flex:none;align-items:center;width:100%}.AddUsers>div{z-index:100;flex-basis:0;display:flex;flex-grow:1;overflow-x:hidden;position:relative;flex-direction:column;opacity:1;overflow-y:auto}.AddUsers>div>div{margin-left:0;margin-right:0;padding-left:34px;padding-right:34px;margin-top:0;padding-top:26px;margin-bottom:0;background-color:#fff;padding-bottom:12px}.InsideAddUsers>div{flex-grow:0;flex-direction:row;align-items:flex-start;display:flex;min-height:0;flex-shrink:1;flex-basis:auto;min-width:0;order:0;justify-self:auto;align-self:auto;justify-content:flex-start;flex-wrap:nowrap}.InsideAddUsers>div>input{width:402px;margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-right:none;border-left:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;margin-top:0;background-color:transparent;padding-bottom:2px;padding-top:2px;margin-bottom:0;width:100%;display:inline-block;line-height:22px;vertical-align:top;font-size:.9375rem;height:auto;border-bottom:none;border-top:none;outline:0}.InsideAddUsers>div>button{background:0 0;border:none;padding:0;margin:0;cursor:pointer;outline:0}.InsideAddUsers{padding-left:2px;padding-right:0;border-left:none;background-color:transparent;line-height:20px;padding-bottom:0;transition-property:border-color;padding-top:6px;width:100%;transition-duration:.2s;min-height:20px;position:relative;max-height:200px;font-weight:400;font-size:.9375rem;transition-timing-function:ease-out;overflow-y:auto;border-top:none;border-bottom:1px solid #e9edef;outline:0}.ArrowBack{width:53px;flex:none}.ArrowBack>div{cursor:pointer;flex:none;color:#fff;vertical-align:top;width:-moz-fit-content;width:fit-content}.TextAddUser{margin-top:-3px;font-weight:500;display:-webkit-box;flex-grow:1;max-height:46px;overflow:hidden;font-size:26px;line-height:23px;overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.TextAddUser>h1{font-weight:inherit;font-size:inherit;font:inherit;font-size:100%;vertical-align:initial;outline:0;padding:0;margin:0}.TopBar{background-color:#f0f2f5;position:relative;color:#000;font-size:20px;height:59px;width:100%;z-index:1;display:flex;justify-content:flex-end;align-items:center;padding:10px 16px 10px 16px;box-sizing:border-box}.Side{display:flex;flex-direction:column;height:100%;overflow:hidden}.SideAbove{transform:translateZ(0);display:flex;position:relative;height:100%;flex-direction:column;overflow:visible;background-color:#fff}.QrCode{display:flex;margin-right:auto;margin-left:auto;justify-content:center;padding-top:0}.QrCode>div{padding:auto}.QrCode>div>button{background-color:#ff7f27;outline:0;border:none;font-size:20px;color:#fff;width:200px;height:50px;border-radius:4px;cursor:pointer}.noPadding{padding:0}.line-container{position:relative;display:flex;align-items:center;height:1px}.line{flex-grow:1;height:1px;background-color:#000}.text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 10px;background-color:#fff}.OwnPFP{border-radius:50%;height:40px;position:relative}.MenuCon{flex:none;color:#54656f}.ProfilePictureMain{flex-grow:1}.Menu{position:relative;background-color:rgb(172,172,172,0);border-width:0;cursor:pointer}.MenuItems{transform-origin:top right;transform:scale(0);opacity:0;color:#fff;right:10px;width:180px;height:140px;position:absolute;text-align:right;background-color:#fff;border-radius:3px;box-shadow:0 2px 5px 0 rgba(11,20,26,.26),0 2px 10px 0 rgba(11,20,26,.16);transition:transform .1s ease-in-out,opacity .1s ease-in-out;z-index:10000;overflow:visible}.MenuItems.open{transform:scale(1);opacity:1}.MenuItem{height:45px;width:100%;border-radius:0;border-width:0;font-size:18px;cursor:pointer;font-family:inherit;text-align:left;background-color:#fff;color:#3b4a54}.MenuItem:hover{background-color:#f5f6f6}.Overlay{z-index:-100;width:100%;height:100%;position:absolute}.ChatMaker{display:block;position:fixed;width:85%;height:200px;border-radius:10px;background-color:#ffb266;left:calc(50% - 42.5%);top:calc(50% - 200px);color:#fff}.SpanUsername{font-size:18px;width:100%;text-align:center}.ChatMaker>form>.closeButton{position:absolute;top:0;right:0;width:30px;height:30px;border-radius:0 0 0 10px;background-color:#ffb266;color:#fff;font-size:16px;cursor:pointer;border-width:0}.Chats{margin-top:-1px;position:relative;overflow:hidden}.EndPeople{margin-left:16px;margin-right:16px;color:#3b4a54;margin-bottom:15px;display:flex;align-items:center;padding-top:10px;margin-top:15px;box-sizing:border-box;justify-content:center;border-top:1px solid #e9edef}.EndPeople>div{text-align:center;display:flex;justify-content:center}.EndPeople>div>div{white-space:normal;font-weight:400;font-size:.75rem;word-break:break-word;line-height:1.3333}.chats-container>.chat-card{height:72px;width:100%;position:relative}.activeChatColour{background-color:#f0f2f5!important}.chat-card>div{position:relative}.chat-card>div>div{cursor:pointer;background-color:#fff;position:relative;display:flex;flex-direction:row;height:72px}.chat-card>div>div:hover{background-color:#f0f2f5}.ProfilePicture{display:flex}.ProfilePicture>div{padding:0 15px 0 13px;margin-top:-1px;flex:none;align-items:center;display:flex}.ProfilePicture>div>div{height:49px;width:49px;border-radius:50%;position:relative;box-sizing:border-box}.ProfilePicture>div>div>img{visibility:visible;border-radius:50%;width:49px;height:49px}.ProfileText{padding-right:15px;border-top:2px solid #e9edef;display:flex;flex-basis:auto;flex-direction:column;flex-grow:1;justify-content:center;min-width:0}.chats-container>.chat-card>div .lastMessage{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 8px)}.UserName{text-align:left;display:flex;align-items:center;line-height:normal}.UserName>.Name{text-align:left;line-height:normal;display:flex;flex-grow:1;overflow:hidden;font-size:17px;font-weight:400;color:#111b21;overflow-wrap:break-word}.UserName>.Name>span{visibility:visible;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;flex-grow:1;overflow-x:hidden;position:relative;text-transform:capitalize}.UserName>.Time{margin-top:3px;margin-left:6px;overflow:hidden;line-height:14px;text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:100%;font-size:12px;color:#667781}.UserName>.Time>span{text-transform:capitalize}.LastMessage{margin-top:2px;display:flex;align-items:center;min-height:20px;font-size:13px;line-height:20px;color:#667781}.LastMessage>div{text-align:left;background-color:initial;flex-grow:1;overflow:hidden;font-size:14px;font-weight:400;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.LastMessage>div>span{align-items:center}.Searchbar{flex:none}.Searchbar>div{padding-right:0;padding:0 12px;background-color:#fff;position:relative;box-sizing:border-box;display:flex;flex:none;align-items:center;height:49px}.Searchbar>div>div{position:relative;box-sizing:border-box;flex:1;overflow:hidden}.IconSearch{display:none}.RoundThing{padding-right:32px;padding-left:65px;background-color:#f0f2f5;border-radius:8px;box-sizing:border-box;display:flex;align-items:center;height:35px}.Searchbar>div>div>input{right:10px;left:65px;position:absolute;top:7px;z-index:0;height:20px;overflow:hidden;font-size:14px;line-height:20px;color:#667781;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:0}.SearchIcons{left:12px;position:absolute;top:5px;z-index:100;width:24px;height:24px;cursor:pointer;background:0 0;outline:0;padding:0;border:0}.SearchIcon{opacity:0;transition:all .24s cubic-bezier(.4,0,.2,1);transform:rotate(135deg);top:0;left:0;position:absolute;color:#54656f}.SearchIcon.active{transition:all 2.4 cubic-bezier(.4,0,.2,1);transform:rotate(0);opacity:1}.BackIcon{pointer-events:none;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(.8) rotate(225deg);top:0;left:0;position:absolute;color:#ffa44d}.BackIcon.active{opacity:1;transform:scale(1) rotate(1turn)}.ChatWindow{position:relative;z-index:100;height:1000px;overflow:hidden;width:100%}.MainWindow{display:flex;flex-direction:column;height:100%;background-color:#efeae2}.HeaderOther{border-left:1px solid #d1d7db;padding:10px 16px;background-color:#f0f2f5;position:relative;z-index:1000;box-sizing:border-box;display:flex;align-items:center;width:100%;height:59px}.ProfilePictureother{padding:0 15px 0 0;margin-top:-1px;flex:none;cursor:pointer}.ProfilePictureother>div{height:40px;width:40px;border-radius:50%;position:relative}.ProfilePictureother>div>img{visibility:visible;border-radius:50%;overflow:hidden;height:100%;width:100%;position:relative;display:block;opacity:1;transition:opacity .15s ease-out}.NameHeader{display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-width:0}.NameHeader>div{text-align:left;margin-top:-1px;display:flex;align-items:flex-start;line-height:normal}.NameHeader>div>div{text-align:left;display:flex;flex-grow:1;overflow:hidden;font-size:16px;font-weight:400;line-height:21px;color:#111b21;text-overflow:ellipsis;white-space:nowrap}.NameHeader>div>div>span{visibility:visible;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;flex-grow:1;overflow-x:hidden;position:relative;text-transform:capitalize}.MenuIconsHeader{margin-left:20px;flex:none}.MenuIconsHeader>div{color:#54656f;display:flex;align-items:center}.MenuHeader>div,.SearchHeader{margin-left:0;margin:0 6px 0 8px;padding:0;border-radius:50%;position:relative;flex:none;height:100%;transition:background-color .3 ease}.MenuHeader>div>div,.SearchHeader>div{padding:8px;display:flex;align-items:center;cursor:pointer}.MenuHeader>div>div>span>svg,.SearchHeader>div>span>svg{display:block}.MenuHeader{margin-left:10px;position:relative}.MenuHeader>div>div>span{margin-top:2px}.HeaderOther::after{left:0;background-color:rgba(255,255,255,.14);border-bottom:1px solid #e9edef;position:absolute;bottom:-1px;width:100%;height:1px;content:""}.ActualChat{position:relative;z-index:1;flex:1 1 0;order:2}.ChatsMessages{left:0;border-left:1px solid #e9edef;background-color:initial;position:absolute;top:0;z-index:100;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.ChatsMessages>div{padding-left:0;padding-bottom:8px;flex:0 0 auto}.SendBox{position:relative;z-index:2;box-sizing:border-box;flex:none;order:3;width:100%;min-height:62px}.SendBox>div{padding-left:16px;padding-right:16px;border-left:1px solid #e9edef;padding-top:5px;padding-bottom:5px;background-color:#f0f2f5;position:relative;z-index:2;box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-end;max-width:100%;min-height:62px}.SendBox>div>div{position:relative;flex:1;min-width:0;min-height:52px}.SendBox>div>div>div{display:flex;align-items:flex-end}.InputDiv{display:flex;flex:1;align-items:flex-end;min-width:0}.ToInput{padding:9px 12px;margin:5px 8px;background-color:#fff;border:1px solid #fff;border-radius:8px;box-sizing:border-box;flex:1 1 auto;width:inherit;min-width:0;min-height:20px;font-size:15px;font-weight:400;line-height:20px;outline:0;will-change:width;display:flex}.InputDiv>div>div{width:100%;position:relative}.SendButton{padding:5px 0;width:40px;min-width:40px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:52px;flex-shrink:0}.SendButton>button{flex-grow:0;color:#54656f;opacity:.9;flex-shrink:0;flex-basis:auto;outline:0;padding:0;cursor:pointer;background:0 0;border:0}.MessageInput{background:0 0;outline:0;border:none;max-height:7.35em;min-height:1.47em;user-select:text;white-space:pre-wrap;word-wrap:break-word;line-height:1.47em;overflow-x:hidden;font-size:.9375rem;overflow-y:auto;width:100%;resize:none;height:22px;font-family:inherit}.MessageDiv{position:relative}.ElseMessage{padding-right:63px;padding-left:63px;margin-bottom:2px;align-items:flex-start;display:flex;flex-direction:column;user-select:text}.OwnMessage{padding-right:63px;padding-left:63px;margin-bottom:2px;align-items:flex-end;display:flex;flex-direction:column;user-select:text}.ElseMessage{padding-right:63px;padding-left:63px;margin-bottom:2px;align-items:flex-start;display:flex;flex-direction:column;user-select:text}.RightTriangle{left:-8px;color:#fff;position:absolute;top:0;z-index:100;display:block;width:8px;height:13px}.LeftTriangle{right:-8px;color:#ffcd9b;position:absolute;top:0;z-index:100;display:block;width:8px;height:13px}.MessageContainer{margin-bottom:0;border-radius:7.5px;max-width:65%;position:relative;flex:none;font-size:14.2px;line-height:19px;color:#111b21}.ElseMessageContainer{border-radius:0 7.5px 7.5px 7.5px;background-color:#fff;box-shadow:0 1px .5px rgba(11,20,26,.13);position:relative;z-index:200}.OwnMessageContainer{border-radius:7.5px 0 7.5px 7.5px;background-color:#ffcd9b;box-shadow:0 1px .5px rgba(11,20,26,.13);position:relative;z-index:200}.MessageContainer>div>div{padding-left:9px;padding-right:7px;user-select:text;-webkit-user-select:text;padding-bottom:8px;padding-top:6px;box-sizing:border-box}.ActualMessage{position:relative;overflow-wrap:break-word;white-space:pre-wrap}.NoTimeError{padding-right:14px;padding-left:4px;padding-bottom:0;font-size:.6875rem;vertical-align:middle;visibility:hidden;display:inline-flex;padding-top:0;line-height:15px;height:0}.NoTimeError>span{flex-grow:0;flex-shrink:0}.TimeText{margin-left:4px;margin-right:0;z-index:10;position:relative;float:right;margin-bottom:-5px;margin-top:-10px}.TimeText>div{display:flex;font-size:.6875rem;white-space:nowrap;color:#667781;align-items:center;height:15px;line-height:15px}.TimeText>div>span{display:inline-block;vertical-align:top}svg{display:block}.AboveChats{overflow-y:scroll}@media(max-width:510px){.TopThing{display:none}.Margin{margin:auto}.TopBar{width:100%}}@media screen and (min-width:1300px){.AddUser>.Left,.SideAbove{flex:0 0 30%;max-width:30%}}@media screen and (min-width:1024px) and (max-width:1300px){.AddUser>.Left,.SideAbove{flex:0 0 40%;max-width:40%}}@media screen and (min-width:900px) and (max-width:1024px){.AddUser>.Left,.SideAbove{flex:0 0 40%;max-width:40%}}@media screen and (max-width:900px){.AddUser>.Left,.SideAbove{flex:0 0 45%;max-width:45%}}@media(max-width:1410px){.TopThing{left:0;background-position:0 0;background-color:#f7f8fa;background-repeat:repeat-x;border-radius:0;transform-origin:center}.Margin{margin:auto}}@media screen and (min-width:1441px){.Margin>div{top:19px;width:calc(100% - 38px);max-width:1600px;height:calc(100% - 38px)}}