.room_chatPage__H1ji5{display:flex;flex-direction:column;height:100vh;width:100vw;justify-content:center;align-items:center}.room_container__ngIw_{display:flex;flex-direction:column;height:100%;width:50%}.room_title__n_89q{display:flex;flex-direction:column;height:10%;width:100%;justify-content:center;align-items:center}.room_chatContainer__9IUxV{display:flex;flex-direction:column;height:100vh;width:100%}.room_chatBox__N1kYu{display:flex;flex-direction:column;height:90vh;max-height:90vh;width:100%;justify-content:space-between}.room_chatBoxBody__Cjxas{height:100%;width:100%;overflow-x:scroll}.room_chatBoxBodyMessage__s6rny,.room_systemMessage__1HRPg{display:flex;flex-direction:column;width:100%;justify-content:center}.room_systemMessage__1HRPg{height:100%;align-items:center;background-color:red;color:#fff}.room_chatBoxBodyMessageLeft__g1V0s{align-items:flex-start}.room_chatBoxBodyMessageLeft__g1V0s,.room_chatBoxBodyMessageRight__oHE5T{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;width:100%;justify-content:center}.room_chatBoxBodyMessageRight__oHE5T{align-items:flex-end}.room_chatMessage__J0_5p{background-color:#f1f0f0;color:#000;border-radius:10px;padding:10px;margin:10px;width:50%;font:400 14px Roboto,sans-serif}.room_chatMessage__J0_5p.room_sent__V0UPa{background-color:#dcf8c6}.room_chatMessage__J0_5p.room_received__AOqUX{background-color:#f1f0f0}.room_message__ZCch5{overflow-wrap:break-word}.room_chatBoxFooter__EEdZG{display:flex;width:100%;height:10%;justify-content:center;align-items:center}.room_chatBoxFooter__EEdZG form{display:flex;width:100%;height:100%}.room_chatBoxFooter__EEdZG input{flex:4 1}.room_chatBoxFooter__EEdZG button,.room_chatBoxFooter__EEdZG input{width:100%;height:100%;border:none;outline:none;padding:10px;font:400 14px Roboto,sans-serif}.room_chatBoxFooter__EEdZG button{flex:1 1;background-color:#dcf8c6;color:#000;cursor:pointer;border-radius:0 10px 10px 0}@media screen and (max-width:768px){.room_chatPage__H1ji5{height:90vh;width:100vw}.room_chatPage__H1ji5 h1{position:-webkit-sticky;position:sticky;top:0;height:auto;margin-bottom:10px}.room_container__ngIw_{width:100vw;height:100vh}.room_chatContainer__9IUxV{height:75vh}.room_chatBox__N1kYu{height:100%;max-height:100vh;justify-content:space-between}.room_chatBoxBody__Cjxas{overflow-x:scroll}.room_chatBoxBodyMessage__s6rny{align-items:center}.room_chatBoxBodyMessageLeft__g1V0s,.room_chatBoxBodyMessage__s6rny{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;width:100%;justify-content:center}.room_chatBoxBodyMessageLeft__g1V0s{align-items:flex-start}.room_chatBoxBodyMessageRight__oHE5T{display:flex;flex-direction:column;height:100%;width:100%;justify-content:center;align-items:flex-end}.room_chatMessage__J0_5p{background-color:#f1f0f0;color:#000;border-radius:10px;padding:10px;margin:10px;width:50%;font:400 14px Roboto,sans-serif}.room_chatMessage__J0_5p.room_sent__V0UPa{background-color:#dcf8c6}.room_chatMessage__J0_5p.room_received__AOqUX{background-color:#f1f0f0}.room_chatBoxFooter__EEdZG{display:flex;position:-webkit-sticky;position:sticky;bottom:0;width:100%;height:-moz-fit-content;height:fit-content;justify-content:center;align-items:center}.room_chatBoxFooter__EEdZG input{flex:4 1;width:100%;height:100%;border:none;outline:none;padding:10px;font:400 16px Roboto,sans-serif}.room_chatBoxFooter__EEdZG button{flex:1 1;width:100%;height:100%;border:none;outline:none;padding:10px;font:400 14px Roboto,sans-serif;background-color:#dcf8c6;color:#000;cursor:pointer;border-radius:0 10px 10px 0}}