body,html{height:100vh}.progress__bar{margin:.3em 0 0!important}.color__container{position:relative;overflow:hidden;width:35px;border-radius:3px}.color__overlay{width:85px;height:35px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.user__typing{font-style:italic;font-weight:700;margin-right:3px}.typing{width:5em;height:2em;position:relative;padding:10px;margin-left:5px;background:#e6e6e6;border-radius:20px}.typing__dot{float:left;width:8px;height:8px;margin:0 4px;background-color:#8d8c91;border-radius:50%;opacity:0;-webkit-animation:loadingFade 1s infinite;animation:loadingFade 1s infinite}.typing__dot:first-child{-webkit-animation-delay:0s;animation-delay:0s}.typing__dot:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.typing__dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes loadingFade{0%{opacity:0}50%{opacity:.8}to{opacity:0}}@keyframes loadingFade{0%{opacity:0}50%{opacity:.8}to{opacity:0}}.skeleton{position:relative;overflow:hidden;height:40px;margin-bottom:10px}.skeleton:after{content:"";display:block;position:absolute;top:0;left:0;width:50%;height:100%;-webkit-animation:sweep 2s infinite;animation:sweep 2s infinite;background-image:linear-gradient(270deg,transparent,hsla(0,0%,100%,.4),transparent)}@-webkit-keyframes sweep{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{-webkit-transform:translateX(150%);transform:translateX(150%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes sweep{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{-webkit-transform:translateX(150%);transform:translateX(150%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.skeleton__avatar{height:35px;width:35px;border-radius:3px;background-color:rgba(58,57,57,.3)}.skeleton__author{width:120px;height:10px;bottom:30px;right:0}.skeleton__author,.skeleton__details{background-color:rgba(58,57,57,.3);border-radius:3px;position:absolute;left:40px}.skeleton__details{height:20px;bottom:5px;right:20px}.app__container--outer{background-color:rgba(208,218,247,.8235294117647058);display:flex;align-items:center;justify-content:center;height:100vh}.app__container--inner{width:90%;height:96%;background-color:#2155bf;border-radius:3rem;padding:2rem 2rem 2rem 0;overflow:hidden;display:flex}.app__icon--rocket{padding-left:1rem}.app__icons{width:7%;color:#fff}.app__icons i:before{font-size:4rem;padding-left:1rem}.app__icons--group{width:30%;margin-top:5.5rem}.app__icons--group div{transition:all 6s}.app__icons--group div a{margin-bottom:0!important}.app__icons--group div a:hover{border-left:5.7px solid #fff!important}.app__icons--group div .active{border-left:5.7px solid #fff!important}.app__icon--small{padding:1rem 0}.app__icon--small i:before{font-size:2rem}.app__chat{border-radius:2rem;width:100%;margin:-1rem 0;display:flex;background-color:#e4e9f5;padding:1.5rem}.app__messageArea{width:70%;margin:1rem 2rem;background-color:inherit}.info__icon{margin-top:1rem!important;width:4rem!important;height:3rem!important;margin-left:-2rem!important;padding-right:2px}.info__icon:before{font-size:2rem}.userPanel{display:flex;align-items:center;justify-content:center;padding:3rem 0;background-color:#fff}.userPanel__userName{width:80%;border:3px solid #000;border-radius:4rem;position:relative}.userPanel__float{padding:1rem 4rem;background-color:#fff;width:100%;position:absolute;top:0;left:0;border-radius:4rem;z-index:30;box-shadow:6px 5px 18px 6px hsla(0,0%,50.2%,.15)}.menu-modal .visible.menu.transition{border-radius:2rem}.channel__channelName{display:flex;width:100%!important;padding:1rem 0 1rem 3rem!important}.channel__notification{position:absolute;display:flex;top:1.9rem;right:3rem;border-radius:3rem!important}.directMessage{display:flex;flex-direction:column;width:100%;height:100%;margin-top:-2rem}.directMessage__heading{margin-left:1rem}.directMessage__channel{padding-top:0!important;padding-left:7rem;padding-right:9rem;margin-left:0;padding-bottom:1rem;justify-self:start;color:#000;font-size:2rem;border-bottom:.1px solid #cecaca}.starred{display:flex;flex-direction:column;width:100%;height:100%;margin-top:-2rem}.starred__heading{margin-left:1rem}.starred__channel{margin-left:0;padding:0 9rem 1rem 7rem;justify-self:start;color:#000;font-size:2rem;border-bottom:.1px solid #cecaca}.sidePanel__channels{margin-top:2rem;display:flex;align-items:center;justify-content:center}.app__sidePanel{background-color:#fff;width:25%;border-radius:4rem;overflow:hidden}.colorPanel{width:90%;display:grid;grid-column-gap:1rem;grid-row-gap:1rem;grid-template-columns:repeat(2,1fr)}.colorPanel__modal{display:flex;flex-direction:column;align-items:flex-start}.colorPanel__modal--heading{margin-bottom:7rem;font-size:4rem!important}.colorPanel__modal--panel{display:flex!important;margin-bottom:2rem}.colorPanel__modal--subHeading{font-size:2rem!important;margin-bottom:1rem!important}.colorPanel__modal--panelArea-2{margin-left:13rem}.colorPanel__modal--buttons{margin-top:5rem;align-self:flex-end}.colorPanel__modal--button-1{font-size:1.5rem!important}.colorPanel__modal--button-2{font-size:1.5rem!important;margin-left:7rem!important}.messageForm{position:relative!important;margin-left:2rem!important;z-index:200;background-color:transparent;width:78%;height:10%;background-color:#fff;border-radius:2rem}.messageForm__textarea{background-color:inherit!important;position:absolute;border-radius:30rem;width:75%!important;height:5.28rem;left:5rem;border:none!important;font-size:1.5rem!important;overflow:hidden}.messageForm__addFile{top:1.3rem;left:1rem;border-radius:10rem;position:absolute;z-index:300}.messageForm__smile{position:absolute;top:1.3rem;right:6.5rem;z-index:300;background-color:transparent!important}.messageForm__replay{position:absolute;z-index:300;top:1.1rem;right:1rem;border-radius:3rem!important;padding:1.2rem 1.5rem 1.2rem 1rem!important}.error{background-color:rgba(248,230,230,.807843137254902);border:1px solid #e0b4b4;color:#9f3a38!important;box-shadow:none!important}.messageHeader{position:relative;display:flex;flex-direction:row}.messageHeader__heading{padding-left:3rem!important}.messageHeader__search{position:absolute;bottom:1rem;right:11rem}.messageChatMe{padding-bottom:3rem}.messageChatMe .area{margin-left:5rem;background-color:#fff;width:50%;border-radius:3.5rem 3.5rem 3.5rem 0;padding:2.5rem;color:#000}.messageChatMe .avatar{margin-top:-1.5rem}.messageChatMe .messageDetails{position:relative}.messageChatMe .messageDetails--name{position:absolute;font-size:1rem;left:6rem;color:#fff;visibility:hidden}.messageChatMe .messageDetails--time{position:absolute;font-size:1rem;bottom:.6rem;color:#a39f9f}.messageChatMe .image{border-radius:1rem}.messageChatOther{padding-bottom:3rem;width:100%}.messageChatOther .area{margin-left:25rem;background-color:#f5669d;width:50%;border-radius:3rem 3rem 0 3rem;padding:2rem;color:#fff}.messageChatOther .avatar{display:flex;flex-direction:row-reverse;margin-right:1rem;margin-top:-1.5rem}.messageChatOther .image{border-radius:1rem}.messageChatOther .messageDetails--name{position:absolute;font-size:1rem;right:33rem;color:#f1d3d3;z-index:20}.messageChatOther .messageDetails--time{position:absolute;font-size:1rem;right:9rem;color:#f1d3d3;z-index:20}.messageDetails--content{display:block;white-space:pre-wrap;word-wrap:break-word;text-align:right}.messages{margin-top:0!important;height:78%;overflow-y:scroll;margin-bottom:0!important}.loginContainer{margin:0;background-color:#cfd4fe;height:100vh;display:flex;justify-content:center;align-items:center}.login{background-color:#fff;width:80%;height:85%;display:grid;grid-template-columns:50% 50%;border-radius:2.5rem;align-items:center;overflow:hidden;box-shadow:0 5rem 8rem rgba(0,0,0,.2)}@media (max-width:65em){.login{grid-template-columns:100%}}.login__image{width:100%;height:100%}@media (max-width:65em){.login__image{display:none}}.login__signin{display:flex;flex-direction:column}.login__signin--form{height:70%;margin-bottom:5.5rem}.login__signin--heading{font-size:3rem;color:#3b4089;align-self:center}.loginForm{margin-top:2rem;padding-left:4rem}.loginForm__input{width:80%;border-radius:30%}.loginForm__button{background-color:#ff6161;border:none;padding:1.2rem;font-size:1.5rem;border-radius:35%;color:#fff;margin-top:.6rem}.loginForm__button:focus,.loginForm__button:hover{outline:none;background-color:#fd012b}.loginForm__link{padding-top:.4rem;padding-left:8rem}.loginForm__input2{width:80%}.container{margin:0;background-image:linear-gradient(to right bottom,#f3f4f4,rgba(241,189,154,.847059));height:100vh;display:flex;justify-content:center;align-items:center}.register{background-color:#fff;width:90%;height:85%;display:grid;grid-template-columns:60% 40%;border-radius:2.5rem;overflow:hidden;box-shadow:0 5rem 8rem rgba(0,0,0,.2)}@media (max-width:65em){.register{grid-template-columns:100%}}.register__signup{display:flex;flex-direction:column;justify-content:space-between}.register__signup--form{height:70%}.register__image{width:100%;height:100%}@media (max-width:65em){.register__image{display:none}}.registerform{margin-top:3.5rem;padding-left:4rem}.registerform__heading{padding-bottom:.6rem;color:#ef6973;font-size:2rem;font-weight:900;font-style:italic}.registerform__input1{width:40%}.registerform__input2{width:80%}.registerform__button{background-color:#f6335b;border:none;padding:1.3rem 1.6rem;border-radius:30%;color:#fff;margin-top:.6rem}.registerform__button:focus{outline:none;background-color:#fd012b}.registerform__link{padding-top:.4rem;padding-left:13rem}.registerform__error{margin-top:-2rem!important;padding:1.3rem!important}*,:after,:before{margin:0;padding:0;box-sizing:inherit;font-size:1.6rem}body{margin:0;font-family:"Lato",sans-serif;font-weight:400;font-size:16px;line-height:1.7;box-sizing:border-box}html{font-size:62.5%}@media (max-width:75em){html{font-size:56.25%}}@media (max-width:56.25em){html{font-size:50%}}@media (min-width:112.5em){html{font-size:75%}}
/*# sourceMappingURL=main.2f8d4834.chunk.css.map */