.message-list-container[data-v-6a09530b]{background-color:#f5f7fa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath fill='%23bdbdbd' fill-opacity='.05' fill-rule='evenodd' d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14m48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14m-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6m63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6M34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6m56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6M12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5m-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5M32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5m57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5m-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29M60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91M35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41M12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60'/%3E%3C/svg%3E");display:flex;flex-direction:column;height:100%;width:100%}.message-list-container .connection-status[data-v-6a09530b]{align-items:center;box-shadow:0 2px 8px #0000001a;display:flex;font-size:14px;font-weight:500;justify-content:center;left:0;padding:8px 16px;position:absolute;right:0;top:0;transition:all .3s ease;z-index:10}.message-list-container .connection-status .connection-status-badge[data-v-6a09530b]{align-items:center;background-color:#ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-left:8px;width:20px}.message-list-container .connection-status.status-connecting[data-v-6a09530b]{background-color:#ff9800;color:#fff}.message-list-container .connection-status.status-connecting .q-icon[data-v-6a09530b]{animation:spin-6a09530b 1.5s linear infinite}.message-list-container .connection-status.status-connected[data-v-6a09530b]{background-color:#4caf50;color:#fff}.message-list-container .connection-status.status-reconnecting[data-v-6a09530b]{background-color:#ff9800;color:#fff}.message-list-container .connection-status.status-reconnecting .q-icon[data-v-6a09530b]{animation:spin-6a09530b 1.5s linear infinite}.message-list-container .connection-status.status-disconnected[data-v-6a09530b]{background-color:#f44336;color:#fff}@keyframes spin-6a09530b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.message-list-container .message-scroll-area[data-v-6a09530b]{background-color:#f5f7fa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath fill='%23bdbdbd' fill-opacity='.05' fill-rule='evenodd' d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14m48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14m-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6m63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6M34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6m56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6M12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5m-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5M32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5m57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5m-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29M60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91M35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41M12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60'/%3E%3C/svg%3E");flex:1;height:calc(100vh - 160px);position:relative}@media (min-width:768px){.message-list-container .message-scroll-area[data-v-6a09530b]{height:calc(80vh - 160px)}}.message-list-container .message-scroll-area .load-more-container[data-v-6a09530b]{display:flex;justify-content:center;padding:15px 0}.message-list-container .message-scroll-area .load-more-container .q-btn[data-v-6a09530b]{background-color:#fffc;border-radius:20px;box-shadow:0 2px 5px #00000014;transition:all .3s ease}.message-list-container .message-scroll-area .load-more-container .q-btn[data-v-6a09530b]:hover{background-color:#fff;box-shadow:0 3px 8px #0000001f}.message-list-container .message-scroll-area .messages-container[data-v-6a09530b]{padding:15px}@media (min-width:768px){.message-list-container .message-scroll-area .messages-container[data-v-6a09530b]{padding:20px}}.message-list-container .message-scroll-area .messages-container .message-item[data-v-6a09530b]{animation:fadeIn-6a09530b .3s ease-out;margin-bottom:16px}.message-list-container .message-scroll-area .new-message-tip[data-v-6a09530b]{animation:pulse-6a09530b 2s infinite;bottom:120px;box-shadow:0 3px 10px #0003;position:fixed;right:20px;z-index:1000}@keyframes fadeIn-6a09530b{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-6a09530b{0%{box-shadow:0 3px 10px #0003;transform:scale(1)}50%{box-shadow:0 5px 15px #0000004d;transform:scale(1.05)}to{box-shadow:0 3px 10px #0003;transform:scale(1)}}