@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.dark3{background-color:#2b2e30!important}.App{align-items:center;background-color:#dddedd;display:flex;height:100vh;justify-content:center}@font-face{font-family:MyFont;font-style:normal;font-weight:400;src:url(/static/media/LotusEater_Personal_use.c88c223ce2c699e8ba93.otf) format("opentype")}@media only screen and (max-width:43em){*{font-size:12px}.login-image{display:none!important}.login-form{flex:1 1!important}.login-container{border-radius:0!important;height:100vh!important;width:100vw!important}.icon{height:1.25em!important;width:1.25em!important}.main-container{border-radius:0!important;height:100vh!important;width:100vw!important}.sb-chats,.sb-search{display:none!important}.sb-header{display:grid!important;flex:1 1!important;flex-direction:column!important}.sidebar-container{flex:0 1!important}.chatarea-container,.creategroup-container,.usersonline-container,.welcome-container{flex:1 1!important;margin-left:0!important}.creategroup-container{margin-right:.5rem}.icons1{grid-template-rows:5rem auto!important;justify-self:flex-start!important;margin:0!important}.icons1,.icons2{display:grid!important}.icons2{flex-direction:column!important;grid-template-rows:auto auto auto auto!important;justify-self:center!important}.loading{flex:1 1!important}}@media only screen and (min-width:43.063em) and (max-width:52em){*{font-size:12px}.sidebar-container{min-width:41vw}.loading{flex:1 1!important}}@media only screen and (min-width:52.063em) and (max-width:64em){*{font-size:13px}.sidebar-container{min-width:36vw}.loading{flex:1 1!important}}.dark,.dark1{background-color:#1d2123!important;color:#e8e6e3!important}.dark1{transition-duration:.5s}.dark-text{color:#e8e6e3!important}.dark2{background-color:#23292c!important}.dark4{color:#e8e6e3!important}.dark1:active,.dark1:hover,.dark4{background-color:#34383a!important}.dark5{background-color:#4c5255!important;color:#d2c9d9!important}.icon{height:1.25em!important;width:1.25em!important}.main-container{background-color:#f4f5f8;border-radius:1.25rem;box-shadow:0 1.875rem 5.625rem rgba(0,0,0,.4);display:flex;height:90vh;width:90vw}.sidebar-container{display:flex;flex:0.3 1;flex-direction:column;max-width:37vw}.workarea-container{flex:1 1;min-width:40vw}.sb-header{background-color:#fbfbfd;border-radius:1.25rem;box-shadow:0 .75rem 1.75rem 0 rgba(0,0,0,.2),0 .125rem .25rem 0 rgba(0,0,0,.1),inset 0 0 0 .063rem hsla(0,0%,100%,.05);display:flex;justify-content:space-between;margin:.625rem;padding:.625rem .313rem}.sb-header-chaticon{visibility:hidden}.icons1{display:flex;flex:0.6 1}.icons2{display:flex;flex:1 1}@media only screen and (max-width:40em){.sb-header-chaticon{visibility:visible!important}}.sb-search{align-items:center;background-color:#fbfbfd;border-radius:1.25rem;box-shadow:0 .75rem 1.75rem 0 rgba(0,0,0,.2),0 .125rem .25rem 0 rgba(0,0,0,.1),inset 0 0 0 .063rem hsla(0,0%,100%,.05);display:flex;margin:.313rem;padding:.625rem}.searchbox{border:none;color:rgba(0,0,0,.54);font-size:1.2rem;margin:.313rem;outline-width:0}.sb-chats,.sb-chats-phone{background-color:#fbfbfd;border-radius:1.25rem;box-shadow:0 .75rem 1.75rem 0 rgba(0,0,0,.2),0 .125rem .25rem 0 rgba(0,0,0,.1),inset 0 0 0 .063rem hsla(0,0%,100%,.05);flex:1 1;margin:.625rem;overflow:scroll;padding:.313rem .625rem;scrollbar-width:none}.sb-chats::-webkit-scrollbar{display:none}.conversation-container,.conversation-container-chat{grid-column-gap:.625rem;border-radius:1.875rem;-webkit-column-gap:.625rem;column-gap:.625rem;display:grid;grid-template-columns:2rem auto auto;grid-template-rows:auto auto;padding:.625rem .938rem;transition-duration:.5s}.conversation-container:hover{background-color:#e2e2e2}.conversation-container:active{background-color:#fbfbfd}.con-icon{align-items:center;align-self:center;background-color:#a3a3a3;border-radius:50%;color:#fbfbfd;display:flex;font-family:Poppins,sans-serif;font-size:2rem;font-weight:bolder;grid-area:1/1/3/2;height:2rem;justify-content:center;justify-self:center;padding:.5rem;width:2rem}.con-title{font-family:Poppins,sans-serif;margin-left:.25rem}.con-title,.con-title-2{color:rgba(0,0,0,.54);font-weight:700;grid-area:1/2/2/4}.con-title-2{font-family:Raleway;font-family:Poppins,sans-serif}.con-timestamp{justify-self:flex-end}.con-timestamp,.self-timestamp{color:rgba(0,0,0,.54);font-family:Poppins,sans-serif;font-size:.75rem}.self-timestamp{display:flex;justify-content:flex-end;padding-top:.188rem}.con-lastmessage{font-family:Poppins,sans-serif;font-size:.75rem;margin-left:.313rem}.chatarea-container{display:flex;flex:0.7 1;flex-direction:column;margin:.625rem}.chatarea-header{align-items:center;background-color:#fbfbfd;border-radius:1.25rem;box-shadow:0 .75rem 1.75rem 0 rgba(0,0,0,.2),0 .125rem .25rem 0 rgba(0,0,0,.1),inset 0 0 0 .063rem hsla(0,0%,100%,.05);display:flex;gap:.625rem;margin:.625rem;padding:.625rem}.header-text{display:flex;flex:1 1;flex-direction:column;justify-content:center}.chatarea-messages{background-color:#fbfbfd;border-radius:1.25rem;box-shadow:0 .75rem 1.75rem 0 rgba(0,0,0,.2),0 .125rem .25rem 0 rgba(0,0,0,.1),inset 0 0 0 .063rem hsla(0,0%,100%,.05);display:flex;flex:1 1;flex-direction:column-reverse;margin:.625rem;overflow:scroll;padding:.625rem .938rem;scrollbar-width:none}.chatarea-messages::-webkit-scrollbar{display:none}.other-message-container,.self-message-container{border-radius:1.25rem;display:flex}.self-message-container{justify-content:flex-end}.messageBox{background-color:#94c59b;display:flex;flex-direction:column}.messageBox,.other-text-content{border-radius:1.25rem;font-family:Poppins,sans-serif;margin:.625rem;padding:.625rem}.other-text-content{background-color:#cecece}.chatarea-input{box-shadow:0 .75rem 1.75rem 0 rgba(0,0,0,.2),0 .125rem .25rem 0 rgba(0,0,0,.1),inset 0 0 0 .063rem hsla(0,0%,100%,.05);padding:.438rem .625rem}.chatarea-input,.text-input-area{background-color:#fbfbfd;border-radius:1.25rem;display:flex;justify-content:space-between;margin:.625rem}.text-input-area{box-shadow:0 .375rem .75rem -.125rem rgba(50,50,93,.25),0 .188rem .438rem -.188rem rgba(0,0,0,.3);padding:.625rem}.welcome-container{align-items:center;border-bottom:.438rem solid #63b7b0;border-radius:1.25rem;box-shadow:0 .75rem 1.75rem 0 rgba(0,0,0,.2),0 .125rem .25rem 0 rgba(0,0,0,.1),inset 0 0 0 .063rem hsla(0,0%,100%,.05);color:rgba(0,0,0,.54);display:flex;flex:0.7 1;flex-direction:column;font-family:Poppins,sans-serif;gap:1.25rem;justify-content:center;margin:.625rem}.welcome-logo{width:25vw}.welcome-text{align-self:center;margin:.625rem}.creategroup-container{align-self:center;background-color:#fbfbfd;border-bottom:.188rem solid #63b7b0;border-radius:1.25rem;box-shadow:0 .75rem 1.75rem 0 rgba(0,0,0,.2),0 .125rem .25rem 0 rgba(0,0,0,.1),inset 0 0 0 .063rem hsla(0,0%,100%,.05);display:flex;flex:0.683 1;justify-content:space-between;padding:.625rem}.login-container{background-color:#f4f5f8;border-radius:1.25rem;box-shadow:0 1.875rem 5.625rem rgba(0,0,0,.4);display:flex;height:90vh;width:90vw}.login-image{align-items:center;display:flex;flex:0.4 1;flex-direction:column;justify-content:center}.login-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00b7ff 0,#790978);-webkit-background-clip:text;font-family:MyFont;font-size:4rem}.login-form{align-items:center;background-color:#fbfbfd;border-bottom:.375rem solid #63b7b0;border-radius:1.25rem;box-shadow:inset 0 .063rem .063rem 0 hsla(0,0%,100%,.1),0 3.125rem 6.25rem -1.25rem rgba(50,50,93,.25),0 1.875rem 3.75rem -1.875rem rgba(0,0,0,.3);color:#63b7b0;display:flex;flex:0.6 1;flex-direction:column;font-family:Poppins,sans-serif;font-weight:bolder;gap:.625rem;justify-content:center;margin:1.25rem}.login-heading{font-size:1.75rem;margin-bottom:.938rem}.login-footer{display:flex;gap:.625rem}.hyper{color:#1a73e8;cursor:pointer;text-decoration:underline}.usersonline-container{display:flex;flex:0.7 1;flex-direction:column;gap:.625rem;padding:.625rem}.usersonline-header{align-items:center;background-color:#fbfbfd;border-radius:1.25rem;box-shadow:0 .75rem 1.75rem 0 rgba(0,0,0,.2),0 .125rem .25rem 0 rgba(0,0,0,.1),inset 0 0 0 .063rem hsla(0,0%,100%,.05);display:flex;justify-content:space-between;padding:1.25rem}.usersonline-hleft{display:flex}.uo-logo{width:3rem}.uo-title{color:rgba(0,0,0,.54);font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;margin-left:.938rem}.uo-list{border-radius:1.25rem;display:flex;flex:1 1;flex-direction:column;gap:.2rem;overflow:scroll;padding:.625rem;scrollbar-width:none}.uo-list::-webkit-scrollbar{display:none}.uo-listitem{align-items:center;background-color:#fbfbfd;border-radius:1.25rem;box-shadow:0 .75rem 1.75rem 0 rgba(0,0,0,.2),0 .125rem .25rem 0 rgba(0,0,0,.1),inset 0 0 0 .063rem hsla(0,0%,100%,.05);color:rgba(0,0,0,.54);display:flex;font-family:Poppins,sans-serif;margin:.04rem;padding:.625rem .938rem;transition-duration:.5s}.uo-listitem:hover{background-color:#e2e2e2}.uo-listitem:active{background-color:#fbfbfd}.loading{display:flex;flex:0.7 1;flex-direction:column;gap:.625rem;padding:.625rem;width:100%}
/*# sourceMappingURL=main.0f2d2ea5.css.map*/