.chat-container{background:linear-gradient(180deg,#44475a,#282a36);border-left:2px solid #ff79c6;border-top:1px solid #ccc;display:flex;flex:1 1;flex-direction:column;overflow:hidden}@media(min-width:768px){.chat-container{border-left:1px solid #ccc;border-top:none}}.chat-container .message-list-container{background:transparent;flex:1 1;max-height:calc(100vh - 4rem);overflow-y:auto;padding:1rem;scroll-behavior:smooth;scrollbar-color:#61dafb transparent;scrollbar-width:thin}.chat-container .message-list-container .empty-state{text-align:center}@media(max-width:430px){.chat-container .message-list-container{max-height:calc(100vh - 50% - 19rem)}}@media(width:390px){.chat-container .message-list-container{max-height:calc(100vh - 50% - 14rem)}}@media(width:375px){.chat-container .message-list-container{max-height:calc(100vh - 50% + 8rem)}}@media(width:414px){.chat-container .message-list-container{max-height:calc(100vh - 50% - 17rem)}}.chat-container .message-list-container .message{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:#f8f8f2;font-family:Roboto,sans-serif;line-height:1.4;margin:.5rem 0;padding:.75rem 1rem}.chat-container .message-list-container .message p{background-color:transparent}.chat-container .message-list-container .message:hover{box-shadow:0 4px 8px rgba(0,0,0,.4);-webkit-transform:scale(1.02);transform:scale(1.02)}.chat-container .message-list-container .message .sender{background-color:transparent;font-size:.85rem;font-weight:700;margin-bottom:.3rem;opacity:.8}.chat-container .message-list-container .own-message{align-self:flex-end;background:linear-gradient(90deg,#6272a4,#44475a);border:1px solid #ff79c6}.chat-container .message-list-container .other-message{align-self:flex-start;background:linear-gradient(90deg,#f390c8,#bd93f9);border:1px solid #6272a4}.chat-container .input-container{background:#1a1a1a;border-top:1px solid #ccc;bottom:0;display:flex;padding:.5rem;position:-webkit-sticky;position:sticky}.chat-container .input-container .input-field{background:#282a36;border:none;color:#f8f8f2;flex:1 1;margin-bottom:0;outline:none;padding:.75rem}.chat-container .input-container .input-field:focus{border:2px solid #6272a4}.chat-container .input-container .send-button{background:linear-gradient(90deg,#6272a4,#ff79c6);border:none;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#fff;cursor:pointer;margin-left:.5rem;padding:.75rem 1.5rem}.chat-container .input-container .send-button:hover{background:linear-gradient(90deg,#6272a4,#d27ffc)}
/*# sourceMappingURL=853.0c970be8.chunk.css.map*/