.chat-container{display:flex;flex-direction:column;height:97vh;background-color:gray;color:#fff;min-width:98%}.messages-container{overflow:auto;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2vh;height:80vh}.message-container{align-items:flex-start;margin:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.message-bubble{white-space:pre-line;background-color:#f8f9fa;padding:10px 16px;border-radius:50px;min-width:70%;max-width:90%;word-wrap:break-word;box-shadow:0 0 50px #0000000d;color:#000}.sender-message-container{justify-content:flex-end}.sender-message-bubble{background-color:#f5f599;color:#000;min-width:70%;max-width:90%}.message-input-container{display:flex;align-items:center;padding:5px;background-color:#fff;flex-wrap:nowrap;flex-direction:row;overflow:hidden}#messageInput{margin-right:3px;border:none;outline:none;border-radius:50px;height:30px;font-size:16px;background-color:silver;padding:10px 16px;flex-grow:1;min-width:100px}#sendButton{background-color:#007bff;border-radius:50px;outline:none;border:none;padding:14px 16px;color:#fff;font-size:16px;cursor:pointer;flex-shrink:1;min-width:100px}#sendButton:hover{box-shadow:0 0 50px #0000000d}#sendButton:active{background-color:#3b9aff}.headerText{text-align:center;font-size:1.4rem;font-weight:bolder;margin-top:10px}.statusText{text-align:center;font-size:.7rem}.quote{font-size:.6rem;text-align:center}button:disabled{opacity:.5;cursor:not-allowed;background-color:#ccc;color:#666}.fileContainer{text-align:center;font-size:.6rem}.fileUpload{text-align:center;font-size:.8rem;margin-top:5px}input[type=file]{font-size:.6rem;border-radius:20px;display:none}.fileUpload:hover{cursor:pointer}svg{margin-right:5px}.title-custom{font-size:.7rem}