.conversation{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;position:relative;height:calc(100vh - 132px)}@media (max-width:550px){.conversation{height:calc(100vh - 124px)}}.messages{overflow:auto;-webkit-flex:auto;flex:auto}.messageBox{background:#f3f3f3;padding:8px 10px;display:inline-block;max-width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin-top:4px}.messageText{width:100%;letter-spacing:0;float:left;font-size:1em;word-wrap:break-word}.messageText img{vertical-align:middle}.messageContainer,.messageContainer2{display:-webkit-flex;display:flex;padding:0 8px;margin:4px 0}.messageContainer2{-webkit-justify-content:flex-end;justify-content:flex-end}.sentText{font-size:10px;color:#fff;background-color:#af52bf;padding:0 6px;border-radius:0 12px 12px 0;letter-spacing:.3px;text-align:start;margin-bottom:.6px}.backgroundGreen{text-align:left;background:#9c27b0;border-radius:0 12px 12px 12px;color:#fff}.backgroundLight{text-align:right;background:#f3f3f3;border-radius:12px 12px 0 12px}.conversation-compose{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;position:fixed;bottom:6px;overflow:hidden;height:50px;width:calc(100% - 265px);margin:0 auto;z-index:2}input:focus,select:focus,textarea:focus{outline:none}.conversation-compose input{background:#f0f0f0;height:100%}.conversation-compose .emoji{display:-webkit-flex;display:flex;border:0;cursor:pointer;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:#f0f0f0;border-radius:32px 0 0 32px;-webkit-flex:0 0 auto;flex:0 0 auto;width:48px;height:50px;position:relative;outline:none}.conversation-compose .input-msg{border:0;-webkit-flex:1 1 auto;flex:1 1 auto;font-size:16px;margin:0;outline:none;min-width:50px}.conversation-compose .send{-webkit-flex:0 0 auto;flex:0 0 auto;background:#f0f0f0;border-radius:0 32px 32px 0;text-align:center;color:#f0f8ff;height:50px;width:48px}.conversation-compose .send,.conversation-compose .send .circle{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative}.conversation-compose .send .circle{background:#3f51b5;border-radius:50%;color:#fff;width:36px;height:36px;display:-webkit-flex;display:flex;outline:none;border:0;cursor:pointer;top:7px}@media (max-width:600px){.conversation-compose{width:97%}}
/*# sourceMappingURL=main.c63782a6.chunk.css.map */