.app,body,html{height:100vh;background:#eee;padding:1em;color:#000}textarea{margin:0;width:305px;max-width:100%;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:1.21428571em;font-family:Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;padding:.67857143em 1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;transition:box-shadow .1s ease,border-color .1s ease;box-shadow:none}.messages{height:76vh;overflow-y:scroll}.messages__progress{height:72vh;overflow-y:scroll}.message__form{position:fixed!important;bottom:2em;margin-left:76%!important;margin-top:100px;left:0;right:1em;z-index:200;margin-bottom:120px}.emojiPicker{position:absolute}.message__self{border-left:2px solid orange;padding-left:8px}.message__image{padding:1em}.progress__bar{margin:0!important}.menu{padding-bottom:2em}.scrollMenu{height:30vh;overflow-y:scroll}.channelScrollMenu{height:22vh;overflow-y:scroll}.user__typing{font-style:italic;margin-right:3px}.typing{width:4em;height:1em;position:relative;padding:3px;margin-left:5px;background:#e6e6ee;border-radius:20px}.typing__dot{float:left;width:8px;height:8px;margin:0 4px;background:#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%{transform:translateX(-100%)}50%{transform:translateX(150%)}to{transform:translateX(-100%)}}@keyframes sweep{0%{transform:translateX(-100%)}50%{transform:translateX(150%)}to{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}
/*# sourceMappingURL=main.dd00b070.chunk.css.map */