@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;700&display=swap);#root,.app,body,html{font-family:Poppins,sans-serif;transition:all .3s}#root,.app,.chat-window,body,html{height:100%;width:100%}.chat-window p{margin:0}.chat-window .chat-header p{color:#fff;display:block;font-weight:700;line-height:45px;padding:0 1em 0 2em}.chat-window .chat-body{background:"#333333";position:relative}.chat-window .chat-body .message-container{height:100%;overflow-x:hidden;overflow-y:scroll;width:100%}.chat-window .chat-body .message-container::-webkit-scrollbar{display:none}.chat-window .chat-body .message{display:flex;height:auto;padding:10px}.chat-window .chat-body .message .message-content{align-items:center;border-radius:20px;color:#fff;display:flex;height:auto;margin-left:5px;margin-right:5px;max-width:160px;min-height:40px;overflow-wrap:break-word;padding-left:12px;padding-right:12px;padding-top:3px;width:-webkit-max-content;width:max-content;word-break:break-word}#other,#other .message-content{justify-content:flex-start}#other .message-content{background-color:none;border:1px solid #222}#other .message-meta{flex-direction:row-reverse;margin-left:5px}#other .message-meta,#you,#you .message-content{justify-content:flex-end}#you .message-content{align-self:flex-end;background-color:#222}#you .message-meta{justify-content:flex-end;margin-right:5px}.message-meta #author{font-weight:700;margin-left:10px;margin-right:10px}.chat-window .chat-body .message .message-meta{display:flex;font-size:12px}.chat-window .chat-footer{border:1px solid #263238;border-top:none;display:flex;height:40px}.chat-window .chat-footer input{border:0;border-right:1px dotted #607d8b;flex:85% 1;font-family:Open Sans,sans-serif;font-size:1em;height:100%;outline:none;padding:0 .7em}.chat-window .chat-footer button{background:transparent;border:0;color:#d3d3d3;cursor:pointer;display:grid;flex:15% 1;font-size:25px;height:100%;outline:none;place-items:center}.chat-window .chat-footer button:hover{color:#43a047}.hide{opacity:0!important}#time{padding-left:5px;padding-right:5px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#888;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}@media only screen and (max-width:999px){.chat-window .chat-body .message .message-content{max-width:390px}}@media only screen and (max-width:500px){.chat-window .chat-body .message .message-content{max-width:160px}}
/*# sourceMappingURL=main.890e5fb8.css.map*/