.app,body,html{height:100%;background:#eee}.menu{padding:.5em 0 2em}.messages{height:100%;width:100%;overflow-y:scroll;margin-bottom:10%}.messages::-webkit-scrollbar{width:.5em}.messages::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.messages::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}.messages__form{margin-left:320px!important;position:fixed!important;bottom:1em;left:0;right:22em;z-index:200}.msg{height:90%;padding:0}.message__self{border-left:2px solid orange;padding-left:8px}.message__image{padding:1em}.color__container{cursor:pointer;position:relative;overflow:hidden;width:35px;border-radius:3px}.color__square{width:35px;height:35px}.color__overlay{width:85px;height:35px;transform:rotate(225deg)}.emojipicker{position:absolute}.skeleton{position:relative;height:40px;overflow:hidden;margin-bottom:10px}.skeleton:after{content:"";display:block;position:absolute;top:0;left:0;width:50%;height:100%;animation:sweep 2s infinite;background-image:linear-gradient(270deg,transparent,hsla(0,0%,100%,.4),transparent)}@keyframes sweep{0%{transform:translateX(-100%)}50%{transform:translateX(150%)}to{transform:translateX(-100%)}}.skeleton__avatar{width:35px;height: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.8ceab26c.chunk.css.map */