.chatApp{text-align:center;margin:0 auto}.chatApp header{background-color:#ff8c00;min-height:50px;color:#fff;width:100%;top:0;display:flex;align-items:center;justify-content:space-between;z-index:1000;padding:10px;box-sizing:border-box;cursor:move}.chatApp section{justify-content:center;background-color:#fff}.chatApp section,.messagesMain{display:flex;flex-direction:column}.messagesMain{padding:10px;height:30vh;overflow-y:scroll}.messagesMain::-webkit-scrollbar{width:.25rem}.messagesMain::-webkit-scrollbar-track{background:#fff}.messagesMain::-webkit-scrollbar-thumb{background:#ff8c00}.scrollable::-webkit-scrollbar{width:.25rem}.scrollableW::-webkit-scrollbar{width:1rem}.scrollable::-webkit-scrollbar-track{background:#ffffe0}.scrollable::-webkit-scrollbar-thumb{background:#ff8c00}.sendMessageForm{bottom:0;background-color:#ff8c00;width:100%;max-width:728px;display:flex;font-size:1.5rem}.sendMessageForm button{width:20%}.sendMessageForm textarea{line-height:1;width:100%;font-size:1rem;border-radius:3em;border:1px solid #ff8c00;outline:none;padding:0 10px;margin:5px}.sendMessageForm button{background-color:#ff8c00;border:none;color:#fff;padding:5px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;font-size:1.25rem}.sendMessageForm button:disabled{opacity:.5;cursor:not-allowed}.sign-in{color:#282c34;background:#fff;max-width:400px;margin:0 auto}.message pre{max-width:500px;margin-bottom:12px;line-height:24px;padding:10px 20px;border-radius:25px;position:relative;color:#fff;text-align:left}.message{display:flex}.sent{flex-direction:row-reverse}.sent pre{align-self:flex-end;border:1px solid #ff8c00}.received pre,.sent pre{color:#000;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.received pre{border:1px solid #a61a1a}.chatImg{width:40px;height:40px;border-radius:50%;margin:2px 5px}.chatBox{display:flex;justify-content:center;align-items:center;flex-direction:column;background:#ccc;border:1px solid #ff8c00;box-sizing:border-box;overflow:hidden;position:relative;margin:20px;border-radius:1em}.chatBox,.chatBox .text{text-align:center}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZ6IiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+");background-position:100% 100%;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-resizable-handle-e{right:0;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
/*# sourceMappingURL=main.eafde4f3.chunk.css.map */