.chat-app[data-v-7d08c606]{display:flex;max-width:80%;height:70vh;margin:0 auto;background-color:#afafaf}.vs-button[data-v-7d08c606]{border-radius:25px!important}.chat-list[data-v-7d08c606]{width:20%;padding:20px;border-radius:5%;background-color:#e9e9e9;border-right:1px solid #ccc;overflow-y:auto}.chat-item[data-v-7d08c606]{cursor:pointer;padding:10px;border-bottom:1px solid #292929;color:#1b1b1b}.chat[data-v-7d08c606]{background-image:url(/img/chat-2.png);background-repeat:repeat;flex:1;background-color:#eee;display:flex;flex-direction:column;color:#222}.chat-header[data-v-7d08c606]{background-color:#eee;color:#363636;padding:10px;font-weight:700;display:flex;align-items:center;gap:10px;font-size:large}.chat-messages[data-v-7d08c606]{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column}.message[data-v-7d08c606]{padding:10px;margin:10px 0;border-radius:5px;max-width:70%}.sent-message[data-v-7d08c606]{background-color:#f5f5f5;color:#030303;align-self:flex-end;box-shadow:2px 2px 5px rgba(0,0,0,.096);border-radius:10px;padding:12px}.received-message[data-v-7d08c606]{background-color:#c4c4c4;color:#0a0a0a;align-self:flex-start;max-width:70%;box-shadow:2px 2px 5px rgba(0,0,0,.2);border-radius:10px;padding:12px}.message-input-container[data-v-7d08c606]{display:flex;padding:10px;background-color:#fff}.message-input[data-v-7d08c606]{flex:1;padding:10px;color:#030303;border-radius:5%;background-color:#ddd;border:1px solid #ced1d6;border-radius:5px}.send-button[data-v-7d08c606]{padding:10px 20px;background-color:#186bdd;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-left:10px}.dark .chat-app[data-v-7d08c606]{display:flex;max-width:80%;height:70vh;margin:0 auto;background-color:#18191c}.dark .chat-list[data-v-7d08c606]{width:20%;padding:20px;border-radius:5%;background-color:#1e2023;border-right:1px solid #ccc;overflow-y:auto}.dark .chat-item[data-v-7d08c606]{cursor:pointer;padding:10px;border-bottom:1px solid #ccc;color:#fff}.dark .chat[data-v-7d08c606]{background-image:url(/img/chat.png);background-repeat:repeat;flex:1;background-color:#131416;display:flex;flex-direction:column;color:#fff}.dark .chat-header[data-v-7d08c606]{background-color:#131416;color:#fff;padding:10px;font-weight:700}.dark .chat-messages[data-v-7d08c606]{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column}.dark .message[data-v-7d08c606]{padding:10px;margin:10px 0;border-radius:5px;max-width:70%}.dark .sent-message[data-v-7d08c606]{background-color:#1e2023;color:#fff;align-self:flex-end;box-shadow:2px 2px 5px rgba(0,0,0,.2);border-radius:10px;padding:12px}.dark .received-message[data-v-7d08c606]{background-color:#17191b;color:#f1f1f1;align-self:flex-start;max-width:70%;box-shadow:2px 2px 5px rgba(0,0,0,.2);border-radius:10px;padding:12px}.dark .message-input-container[data-v-7d08c606]{display:flex;padding:10px;background-color:#131416}.dark .message-input[data-v-7d08c606]{flex:1;padding:10px;color:#fff;border-radius:5%;background-color:#1e2023;border:1px solid #1e2023;border-radius:5px}.dark .send-button[data-v-7d08c606]{padding:10px 20px;background-color:#0073e6;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-left:10px}