#app,body,html{width:100%;height:100%;margin:0;padding:0;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.start-view[data-v-16e51d28]{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;background:#f4f7f6;background:url(/img/bg.a431e984.png) no-repeat 50% fixed;background-size:cover}.overlay[data-v-16e51d28]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.content[data-v-16e51d28]{position:relative;z-index:1;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);text-align:center}input[data-v-16e51d28]{padding:10px;font-size:16px;margin-bottom:10px;border-radius:5px;border:1px solid #ccc;width:100%;display:block;box-sizing:border-box}button[data-v-16e51d28]{padding:10px 20px;font-size:16px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;width:100%}button[data-v-16e51d28]:hover{background-color:#0056b3}.avatar-selection[data-v-16e51d28]{text-align:center;margin-bottom:20px}.avatars[data-v-16e51d28]{display:flex;justify-content:center;gap:10px}.avatars img[data-v-16e51d28]{width:50px;height:50px;cursor:pointer;border:2px solid transparent;border-radius:50%}.avatars img.selected[data-v-16e51d28]{border-color:#007bff}body[data-v-52dc2f14]{background-color:#f4f7f6;margin-top:20px}.card[data-v-52dc2f14]{background:#fff;transition:.5s;border:0;margin-bottom:30px;position:relative;width:100%;height:100%;border-radius:0;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.chat-app .people-list[data-v-52dc2f14]{width:280px;position:absolute;left:0;top:0;padding:20px;z-index:7}.chat-app .chat[data-v-52dc2f14]{margin-left:280px;border-left:1px solid #eaeaea}.people-list[data-v-52dc2f14]{transition:.5s}.people-list .chat-list li[data-v-52dc2f14]{padding:10px 15px;list-style:none}.people-list .chat-list li[data-v-52dc2f14]:hover{background:#efefef;cursor:pointer}.people-list .chat-list li.active[data-v-52dc2f14]{background:#efefef}.people-list .chat-list li .name[data-v-52dc2f14]{font-size:15px}.people-list .chat-list img[data-v-52dc2f14]{width:45px;border-radius:50%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.people-list img[data-v-52dc2f14]{float:left;border-radius:50%}.people-list .about[data-v-52dc2f14]{float:left;padding-left:8px}.people-list .status[data-v-52dc2f14]{color:#999;font-size:13px}.chat .chat-header[data-v-52dc2f14]{padding:15px 20px;border-bottom:2px solid #f4f7f6}.chat .chat-header img[data-v-52dc2f14]{float:left;border-radius:40px;width:40px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.chat .chat-header .chat-about[data-v-52dc2f14]{float:left;padding-left:10px}.chat .chat-history[data-v-52dc2f14]{padding:20px;border-bottom:2px solid #fff}.chat-history[data-v-52dc2f14]{height:100%}.chat[data-v-52dc2f14]{overflow:hidden}.chat-history>ul[data-v-52dc2f14]{height:85%;overflow-y:scroll;padding-bottom:20px!important}.chat .chat-history ul[data-v-52dc2f14]{padding:0}.chat .chat-history ul li[data-v-52dc2f14]{list-style:none;margin-bottom:30px}.chat .chat-history ul li[data-v-52dc2f14]:last-child{margin-bottom:0}.chat .chat-history .message-data[data-v-52dc2f14]{margin-bottom:5px}.chat .chat-history .message-data img[data-v-52dc2f14]{border-radius:40px;width:28px}.chat .chat-history .message-data-time[data-v-52dc2f14]{color:#434651;padding-left:6px;padding-right:6px}.chat .chat-history .message[data-v-52dc2f14]{color:#444;padding:14px 20px;line-height:26px;font-size:16px;border-radius:7px;display:inline-block;position:relative}.chat .chat-history .my-message[data-v-52dc2f14]{background:#efefef;border-radius:28px 28px 28px 0!important}.chat .chat-history .other-message[data-v-52dc2f14]{background:#e8f1f3;text-align:right;border-radius:28px 28px 0 28px!important}.chat .chat-history .other-message[data-v-52dc2f14]:after{border-bottom-color:#e8f1f3;left:93%}.chat .chat-message[data-v-52dc2f14]{padding:20px}.chat-message.sticky-bottom[data-v-52dc2f14]{position:sticky;bottom:0;background:#fff;z-index:10}.me[data-v-52dc2f14],.offline[data-v-52dc2f14],.online[data-v-52dc2f14]{margin-right:2px;font-size:8px;vertical-align:middle}.online[data-v-52dc2f14]{color:#86c541}.offline[data-v-52dc2f14]{color:#e47297}.me[data-v-52dc2f14]{color:#1d8ecd}.float-end[data-v-52dc2f14]{float:right}.clearfix[data-v-52dc2f14]:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}@media only screen and (max-width:767px){.chat-app .people-list[data-v-52dc2f14]{height:465px;width:100%;overflow-x:auto;background:#fff;left:-400px;display:none}.chat-app .people-list.open[data-v-52dc2f14]{left:0}.chat-app .chat[data-v-52dc2f14]{margin:0}.chat-app .chat-history[data-v-52dc2f14]{height:300px;overflow-x:auto}}@media only screen and (min-width:768px) and (max-width:992px){.chat-app .chat-list[data-v-52dc2f14]{height:650px;overflow-x:auto}.chat-app .chat-history[data-v-52dc2f14]{height:600px;overflow-x:auto}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){.chat-app .chat-list[data-v-52dc2f14]{height:480px;overflow-x:auto}.chat-app .chat-history[data-v-52dc2f14]{height:calc(100vh - 350px);overflow-x:auto}}.col-lg-12[data-v-52dc2f14]{padding:0;border-radius:0}.chat[data-v-52dc2f14],.container-fluid>.row[data-v-52dc2f14],.container-fluid[data-v-52dc2f14]{height:100%}h1[data-v-52dc2f14]{text-align:center;margin-bottom:0!important;font-family:"0Enchanted_Land",cursive;font-weight:900}hr[data-v-52dc2f14]{margin-top:.25rem!important}.dropdown-menu[data-v-52dc2f14]{position:absolute;top:50px;right:10px;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000}.dropdown-item[data-v-52dc2f14]{padding:10px 20px;cursor:pointer}.dropdown-item[data-v-52dc2f14]:hover{background-color:#f1f1f1}.input-group-text[data-v-52dc2f14]{height:100%;margin-left:5px}.new-messages[data-v-52dc2f14]{position:absolute;bottom:80px;left:280px;right:0;z-index:1100;display:flex;justify-content:center;align-items:center}