.app,body,html{height:100vh;background:#eee}.grid{display:flex;background:#eee}.messages__column{margin-left:320px}.messages{height:55.5vh;width:100%;overflow-y:scroll;z-index:200}.message__form{position:absolute;bottom:0;left:0;z-index:200}.message__self{border-left:2px solid orange;padding-left:8px}.message__image{padding:1em}.progress__bar{margin:.3em 0 0!important}.menu{padding-bottom:2em}.color__container{cursor:pointer;position:relative;overflow:hidden;margin:0 auto;width:35px;border-radius:3px;-webkit-transition:all .2s;transition:all .2s}.color__container:active{-webkit-transform:scale(.9);transform:scale(.9)}.color__container:focus{-webkit-transform:scale(1.2);transform:scale(1.2)}.color__square{width:35px;height:35px}.color__overlay{width:87px;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:orange;border-radius:20px}.typing__dot{float:left;width:8px;height:8px;border-radius:50%;margin:0 4px;background:#fff;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}}.overflow{overflow-y:scroll;overflow-x:hidden;padding:0 1em}.overflow::-webkit-scrollbar{width:7px}@media (max-width:480px){.overflow{width:100%}}.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:-webkit-linear-gradient(right,transparent,hsla(0,0%,100%,.4),transparent);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}.responsive{display:block}.mobilenav{display:flex;justify-content:space-between;align-items:center}@media (max-width:768px){.app{padding:0}.messages__column{margin-left:0}.responsive{display:none}.message__form{z-index:0}}
/*# sourceMappingURL=main.6325def2.chunk.css.map */