body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*,:after,:before{box-sizing:border-box}@font-face{font-family:"Comfortaa",cursive;src:url(/static/media/Comfortaa-Regular.99567c98.ttf)}.loader_loader__2FVen{background-color:#000;height:100vh;width:100%;position:relative}.loader_loader__2FVen div{position:absolute;margin:auto;top:0;bottom:0;right:0;left:0;border-radius:50%;border:2px solid}.loader_loader__2FVen div:first-child{width:200px;height:200px;border-color:#e21a75 transparent;-webkit-animation:loader_rotation__6z5Fn 1s linear infinite;animation:loader_rotation__6z5Fn 1s linear infinite}.loader_loader__2FVen div:nth-child(2){width:180px;height:180px;border-color:transparent #2046e0;-webkit-animation:loader_rotation__6z5Fn .9s linear infinite;animation:loader_rotation__6z5Fn .9s linear infinite}.loader_loader__2FVen div:nth-child(3){width:160px;height:160px;border-color:#1bda60 transparent;-webkit-animation:loader_rotation__6z5Fn .8s linear infinite;animation:loader_rotation__6z5Fn .8s linear infinite}@-webkit-keyframes loader_rotation__6z5Fn{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader_rotation__6z5Fn{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader_threeDots__2mpYY{height:100%;max-height:60px;width:100%;display:grid;grid-template-columns:auto 20px 20px 20px auto;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:absolute;z-index:1;background-color:inherit}.loader_threeDots__2mpYY div{margin:10px;border:3px solid #000;background-color:#000;border-radius:50%}.loader_threeDots__2mpYY div:first-child{-webkit-animation:loader_anim__2b5fx 2s 0s infinite;animation:loader_anim__2b5fx 2s 0s infinite}.loader_threeDots__2mpYY div:nth-child(2){-webkit-animation:loader_anim__2b5fx 2s .3s infinite;animation:loader_anim__2b5fx 2s .3s infinite}.loader_threeDots__2mpYY div:nth-child(3){-webkit-animation:loader_anim__2b5fx 2s .6s infinite;animation:loader_anim__2b5fx 2s .6s infinite}@-webkit-keyframes loader_anim__2b5fx{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.5);transform:scale(1.5)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes loader_anim__2b5fx{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.5);transform:scale(1.5)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}.form-elements_container__2WgEv{display:-webkit-flex;display:flex;margin:10px;height:auto;border:1px solid;border-radius:5px;background-color:#fff}.form-elements_icon__2J88R{padding:5px 0 5px 5px;-webkit-flex:25px 0;flex:25px 0;-webkit-align-self:flex-end;align-self:flex-end;color:#000}.form-elements_input__GYh10{position:relative;-webkit-flex:100px 1 1;flex:100px 1 1}.form-elements_input__GYh10 input{font-size:1rem;width:100%;padding:13px 8px;border:none;outline:none;transition:padding .1s;letter-spacing:.05rem}.form-elements_input__GYh10 input::-webkit-input-placeholder{color:transparent}.form-elements_input__GYh10 input:-ms-input-placeholder{color:transparent}.form-elements_input__GYh10 input::placeholder{color:transparent}.form-elements_input__GYh10 label{position:absolute;display:block;padding:13px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#000;top:0;transition:padding .1s;letter-spacing:.8px;cursor:text;-webkit-user-select:none;-ms-user-select:none;user-select:none;opacity:.95}.form-elements_focus__2RiT-{padding:21px 8px 5px!important}.form-elements_inputFocus__AbSw_{padding:4px 8px!important;font-size:12.8px!important;opacity:1}.form-elements_button__3wkuE{display:block;margin:10px;height:auto;position:relative}.form-elements_button__3wkuE button{background:#fff;border:1px solid #0a9fda;color:#000;outline:none;width:100%;padding:.75rem;transition:background-color .15s;font-size:1rem;border-radius:5px;position:relative}.form-elements_button__3wkuE button:not(:disabled):hover{cursor:pointer;background-color:#000;color:#fff}.form-elements_button__3wkuE button:disabled{color:#bababa}.form-elements_button__3wkuE button[data-loading=true]{color:transparent}@-webkit-keyframes form-elements_rotation__2CnIm{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes form-elements_rotation__2CnIm{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.form-elements_checkbox__3eAMv{display:block;position:relative;margin:10px;height:auto}.form-elements_checkbox__3eAMv label{margin-left:5px}.login_container__kTXaq{font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;color:#fff;width:100%;min-height:100vh;max-width:400px;padding:calc(max(40px,5%)) 0;margin:auto}.login_container__kTXaq a{color:#fff}.login_container__kTXaq a:hover{color:#000}.login_app__28f71{font-size:1.5em;width:100%}.login_app__28f71,.login_error__2P8Ur,.login_text__3lcl2{text-align:center}.login_form__1Xd1M{margin-top:5%}.login_section__1ZnlG{display:block;position:relative;margin:10px;height:auto}.login_info__3XEuL{padding-top:10px}.login_error__2P8Ur{color:red;text-align:center}body{background:linear-gradient(to top left,#3cc 0,#36f)}.signup_container__3a1bG{font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;color:#fff;width:100%;min-height:100vh;max-width:400px;padding:calc(max(40px,5%)) 0;margin:auto}.signup_container__3a1bG a{color:#fff}.signup_container__3a1bG a:hover{color:#000}.signup_app__1HFMz{font-size:1.5em;width:100%}.signup_app__1HFMz,.signup_error__nuxT2,.signup_text__LbIFs{text-align:center}.signup_form__R796D{margin-top:5%}.signup_section__1KAx2{display:block;position:relative;margin:10px;height:auto}.signup_info__22mwU{padding-top:10px}.signup_error__nuxT2{color:red;text-align:center}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#fafafa}::-webkit-scrollbar-thumb{background:silver}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.grid-container{position:relative}.grid-container .chat-nav{display:grid;background-color:#fff;grid-template-rows:60px auto;overflow:hidden;position:relative}.grid-container .chat-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.grid-container .chat-content .initial{color:#fff;margin:auto;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;height:-webkit-fit-content;height:fit-content;height:-moz-fit-content}@media (min-width:768px){.grid-container{height:100vh;width:100vw;display:grid;grid-template-columns:30% auto;background:linear-gradient(90deg,#009c95,#0f4c75)}.chat-content{position:relative;background:linear-gradient(45deg,#4caf50,hsla(0,0%,100%,0) 70.71%),linear-gradient(165deg,#2196f3,hsla(0,0%,100%,0) 70.71%),linear-gradient(225deg,#ffeb3b,hsla(0,0%,100%,0) 70.71%)}.mobile-only{display:none!important}}@media (max-width:767px){.chat-nav{height:100vh}.chat-content{height:100%;position:fixed;top:0;left:100%;width:100%;z-index:10;background:#fff}.show-chat{left:0;transition:left .23s linear}}.profile_profile__3Qe7h{display:-webkit-flex;display:flex;height:100%;width:100%;-webkit-flex-direction:column;flex-direction:column}.profile_profile__3Qe7h figure{margin:10% auto;overflow:hidden}.profile_profile__3Qe7h figure img{width:100px;height:100px;border-radius:50%;margin:5px auto;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;display:block}.profile_profile__3Qe7h figure figcaption{text-align:center}.icons_cross__2p2qq{width:30px;height:30px;position:relative}.icons_cross__2p2qq div{width:30px;border:1px solid;position:absolute;top:15px}.icons_cross__2p2qq div:first-child{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.icons_cross__2p2qq div:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icons_arrow__1HCPD{width:25px;height:25px;position:relative}.icons_arrow__1HCPD div:first-child{padding:7px;border-style:solid;border-width:0 2px 2px 0;position:absolute;top:5px;right:1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icons_arrow__1HCPD div:nth-child(2){width:25px;position:absolute;border:1px solid;top:12px}.icons_arrowBack__21Ijx{width:20px;height:20px;position:relative}.icons_arrowBack__21Ijx div:first-child{padding:5px;border-style:solid;border-width:2px 0 0 2px;position:absolute;top:5px;left:1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icons_arrowBack__21Ijx div:nth-child(2){width:18px;position:absolute;border:1px solid;top:10px}.sidebar{position:absolute;top:0;bottom:0;left:0;right:0;display:grid;grid-template-columns:100% 100%;z-index:10;transition:.2s}.sidebar .menubar{list-style-type:none;padding:0;margin:0;display:block;border-right:5px solid #00bcd4;background-color:#fff;color:#000;min-width:200px;min-height:250px;-webkit-animation-name:slideIn;animation-name:slideIn;-webkit-animation-duration:.5s;animation-duration:.5s;position:relative;z-index:1}@-webkit-keyframes slideIn{0%{left:-300px;opacity:0}to{left:0;opacity:1}}@keyframes slideIn{0%{left:-300px;opacity:0}to{left:0;opacity:1}}.sidebar .menubar ul{margin:0;padding:0}.sidebar .menubar .logo{min-height:60px;cursor:default;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.sidebar .menubar .menubar-item{text-align:justify;width:100%;min-height:3rem;padding:5px 20px;border-collapse:collapse;display:grid;-webkit-align-items:center;align-items:center;cursor:pointer;grid-template-columns:40px auto;transition:.25s}.sidebar .menubar .menubar-item.active{background-color:#2a83ab;color:#fff}.sidebar .menubar .menubar-item:hover:not(.active){background-color:#bde7ff}.sidebar .menubar .menubar-item .menubar-label{padding-left:5%}.sidebar .menubar .close-menubar{width:60px;display:-webkit-flex;display:flex;height:60px;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:scale(.7);transform:scale(.7)}.sidebar .menubar .close-menubar:hover{cursor:pointer;color:#ee1e0f}.sidebar .sidebar-content{background-color:#fff;height:100%;position:relative;border-right:5px solid #00bcd4}.sidebar .sidebar-content header{position:relative}.sidebar .sidebar-content header .icon{margin:10px 15px;position:absolute}.sidebar .sidebar-content header .icon:hover{cursor:pointer}.sidebar .sidebar-content header .headline{-webkit-flex:0 1 100px;flex:0 1 100px;padding:10px;text-align:center;font-size:large}.sidebar .sidebar-content .feedback{display:-webkit-flex;display:flex;height:100%;width:100%;-webkit-flex-direction:column;flex-direction:column}.sidebar .sidebar-content .new-group{display:block}.sidebar .sidebar-content .new-group .new-group-form .form-section{display:grid;grid-template-columns:auto 35px;width:80%;min-width:200px;max-width:600px;margin:auto}.sidebar .sidebar-content .new-group .new-group-form .form-section .button{height:35px;-webkit-align-self:center;align-self:center;border-radius:50%;border:1px solid;padding:5px}.sidebar .sidebar-content .new-group .new-group-form .form-section button{padding:5px;outline:none;height:40px;font:inherit;margin:1%;width:120px;background-color:#f0f8ff;border:1px solid #07fff4;transition:.35s;font-size:1rem}.sidebar .sidebar-content .new-group .new-group-form .form-section button:hover{cursor:pointer;background-color:rgba(7,255,243,.7725490196078432);color:#fff;border:none}.sidebar .sidebar-content .new-group .search-result{width:80%;min-width:200px;max-width:600px;margin:2% auto auto}.sidebar .sidebar-content .new-group .search-result h3{margin:0}.sidebar .sidebar-content .new-group .search-result .search-result-channel{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border:1px solid;margin:5px}.sidebar .sidebar-content .new-group .search-result .search-result-channel .channel-members-count,.sidebar .sidebar-content .new-group .search-result .search-result-channel .channel-name{padding:5px}.sidebar .sidebar-content .new-group .search-result .search-result-channel .channel-name{max-width:calc(100% - 100px);-webkit-flex:1 1 150px;flex:1 1 150px}.sidebar .sidebar-content .new-group .search-result .search-result-channel .channel-name .channel-title{font-size:large;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#03a9f4}.sidebar .sidebar-content .new-group .search-result .search-result-channel .channel-name .channel-id{color:#2196f3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .sidebar-content .new-group .search-result .search-result-channel .channel-members-count{-webkit-flex:1 1 100px;flex:1 1 100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9e9e9e}.sidebar .sidebar-content .new-group .search-result .search-result-channel button{margin:5px;padding:0;border:none;background-color:#f0fff0;height:36px;width:50px;font:inherit;cursor:pointer}.sidebar .sidebar-content .feedback .feedback-form{width:80%;min-width:200px;max-width:400px;margin:auto;height:90%}.sidebar .sidebar-content .feedback button,.sidebar .sidebar-content .feedback input,.sidebar .sidebar-content .feedback textarea{margin-top:5%;padding:5px;outline:none}.sidebar .sidebar-content .feedback input,.sidebar .sidebar-content .feedback textarea{width:100%}.sidebar .sidebar-content .feedback input:focus,.sidebar .sidebar-content .feedback textarea:focus{border:1px solid #07fff4}.sidebar .sidebar-content .feedback input{height:40px}.sidebar .sidebar-content .feedback textarea{font:inherit}.sidebar .sidebar-content .feedback button{width:150px;height:35px;background-color:#f0f8ff;border:1px solid #07fff4;transition:.35s;font-size:1rem}.sidebar .sidebar-content .feedback button:hover{cursor:pointer;background-color:rgba(7,255,243,.7725490196078432);color:#fff;border:none}.show-sidebar-content{left:-100%;right:100%}.expand-menubar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:5px 10px;height:100%}.expand-menubar .menu-icon:hover{cursor:pointer}.hidden{display:none}ul.channel_list{margin:0;padding:0;overflow:auto;border-top:1px solid #e0e0e0}ul.channel_list li a{background-color:#fff;list-style-type:none;margin:0;padding:5px 10px;height:60px;text-decoration:none;color:#000;text-align:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}ul.channel_list li a:hover{background-color:rgba(0,255,243,.18823529411764706);cursor:pointer}ul.channel_list li a .channel-icon{-webkit-flex:0 0 40px;flex:0 0 40px}ul.channel_list li a .channel-details{-webkit-flex:1 1 100px;flex:1 1 100px;overflow:auto;margin-left:.8rem}ul.channel_list li a .channel-details .channel-name{font-size:larger;font-weight:500}ul.channel_list li a .channel-details .channel-name,ul.channel_list li a .channel-details .last-message{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ul.channel_list li a .channel-stats{-webkit-flex:0 0 55px;flex:0 0 55px}ul.channel_list li a .channel-stats .last-message-time{font-size:small}ul.channel_list li a .channel-stats .new-message-count{display:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:22px;text-align:center;margin:auto;background-color:#0f0;color:#fff;padding:3px;font-size:small;border-radius:50%}ul.channel_list .active{background-color:#00bcd4!important;color:#fff}.header{-webkit-flex:0 0 60px;flex:0 0 60px;background-color:#fff;border-left:1px solid #e0e0e0;box-shadow:0 -7px 10px 0;z-index:1;position:relative}.header,.header .channel-info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header .channel-info{-webkit-flex:1 1 100px;flex:1 1 100px;max-width:calc(100% - 40px);cursor:default}.header .channel-info .arrow-back:hover{cursor:pointer}.header .channel-info .channel-dp{margin-left:5%}.header .channel-info .channel-name{padding:0 2%;max-width:70%}.header .channel-info .channel-name:hover{cursor:pointer}.header .channel-info .channel-name .channel-title{font-size:larger;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .channel-info .channel-name .channel-id{font-size:small}.header .channel-info .members-count{font-size:medium;color:#b9b7b7}.header .exit-group{-webkit-flex:0 0 40px;flex:0 0 40px;cursor:pointer}@media (min-width:768px){.mobile-only{display:none!important}}.chatinputbox{display:grid;grid-template-columns:auto 60px;overflow:hidden;background-color:#efefef}.chatinputbox .multilineinput{background-color:#fff;overflow:auto;max-height:100px;min-height:40px;position:relative;display:inline-block;white-space:pre-wrap;margin:5px;border-radius:30px;border:none;outline:none;padding:5px 15px}.chatinputbox .multilineinput:empty:after{content:"Write your message";position:absolute;top:5px;left:15px;cursor:text;color:#8a8a8a}.chatinputbox input{border:none;outline:none;overflow:auto;border-top-left-radius:20px;border-bottom-left-radius:20px;padding-left:20px}.chatinputbox button{border:none;cursor:pointer}.message-list{-webkit-flex:1 1 200px;flex:1 1 200px;overflow:auto;background:linear-gradient(45deg,#4caf50,hsla(0,0%,100%,0) 70.71%),linear-gradient(165deg,#2196f3,hsla(0,0%,100%,0) 70.71%),linear-gradient(225deg,#ffeb3b,hsla(0,0%,100%,0) 70.71%)}.message-list .message-list-date{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#eee8aa;color:#9c27b0;margin:5px auto;text-align:center;font-size:smaller;-webkit-justify-content:right;justify-content:right;padding:2px 5px;border-radius:2px}.message-list .message,.message-list .user-message{display:-webkit-flex;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:95%;margin:auto}.message-list .message:nth-last-child(2),.message-list .user-message:nth-last-child(2){margin-bottom:12px}.message-list .message .chat-message,.message-list .user-message .chat-message{text-align:justify;padding:5px 10px 10px;display:block;max-width:80%;position:relative}.message-list .message .chat-message .content,.message-list .user-message .chat-message .content{padding:5px 0 0;margin:0;word-break:word-break;white-space:pre-wrap}.message-list .message .chat-message .dummy,.message-list .user-message .chat-message .dummy{width:60px;display:inline-block}.message-list .message .chat-message .time,.message-list .user-message .chat-message .time{right:10px;position:absolute;bottom:5px;font-size:.7em}.message-list .message .chat-message .sender,.message-list .user-message .chat-message .sender{font-size:.8em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-list .user-message{-webkit-justify-content:flex-end;justify-content:flex-end}.message-list .user-message .chat-message{background-color:azure;border-radius:7px 0 7px 7px}.message-list .user-message .chat-message:after{content:"";position:absolute;top:0;right:-8px;border-color:azure transparent transparent azure;border-style:solid;border-width:15px 8px}.message-list .user-message .chat-message .sender{display:none}.message-list .user-message .chat-message .sending:after{content:"\2713";color:#009688;font-size:.9rem;letter-spacing:-5px;padding-right:7px;padding-left:2px}.message-list .user-message .chat-message .sent:after{content:"\2713\2713";color:#009688;font-size:.9rem;letter-spacing:-5px;padding-right:7px;padding-left:2px}.message-list .user-message+.user-message{margin-top:1px}.message-list .user-message+.user-message .chat-message{border-radius:7px}.message-list .user-message+.user-message .chat-message:after{display:none}.message-list .message{-webkit-justify-content:flex-start;justify-content:flex-start}.message-list .message .chat-message{background-color:snow;border-radius:0 7px 7px}.message-list .message .chat-message:after{content:"";position:absolute;top:0;left:-8px;border-color:snow snow transparent transparent;border-style:solid;border-width:15px 8px}.message-list .message+.message{margin-top:1px}.message-list .message+.message .sender{display:none}.message-list .message+.message .chat-message{border-radius:7px}.message-list .message+.message .chat-message:after{display:none}.interstitial-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;padding:5px;border-radius:2px}.interstitial-message>p{margin:0;color:#fff}
/*# sourceMappingURL=main.39f14552.chunk.css.map */