.el-select[data-v-426b9ec3]{width:80%}.start-conversation[data-v-426b9ec3]{width:15%}.chat-icon i[data-v-426b9ec3]{font-size:28px}@media screen and (max-width:375px){.chat-icon[data-v-426b9ec3]{right:12px;width:44px;height:44px}.chat-icon i[data-v-426b9ec3]{font-size:26px}}.chat-history[data-v-426b9ec3]{background:#f5f5f5;padding:12px 15px;margin-top:15px;border-radius:8px;font-size:14px;color:#555}.chat-history h3[data-v-426b9ec3],.chat-history h4[data-v-426b9ec3]{font-size:16px;font-weight:700;margin-bottom:8px;color:#333}.chat-history ul[data-v-426b9ec3]{list-style:none;padding:0}.chat-message[data-v-426b9ec3]{background:#e1eaf6;padding:10px;border-radius:8px;margin-bottom:5px}.search-container[data-v-426b9ec3]{position:relative;width:100%}.chat-search[data-v-426b9ec3]{width:100%;padding:5px 5px 5px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.chat-search[data-v-426b9ec3]:focus{outline:none;border-color:#007bff;-webkit-box-shadow:0 0 5px rgba(0,123,255,.5);box-shadow:0 0 5px rgba(0,123,255,.5)}.chat-list[data-v-426b9ec3]{max-height:50vh;padding-right:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.chat-list[data-v-426b9ec3]::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:5px}.chat-card[data-v-426b9ec3]{padding:12px 15px;border-radius:8px;border:1px solid #ddd;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.chat-card[data-v-426b9ec3]:hover{background:#f1f1f1}.chat-item[data-v-426b9ec3]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.chat-item[data-v-426b9ec3],.user-avatar[data-v-426b9ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-avatar[data-v-426b9ec3]{width:50px;height:50px;background-color:#007bff;color:#fff;font-size:18px;font-weight:700;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;margin-right:10px}.chat-details[data-v-426b9ec3]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chat-name[data-v-426b9ec3]{font-weight:700;font-size:16px;color:#0078d7}.chat-id[data-v-426b9ec3]{font-size:12px;color:#666}.user-count[data-v-426b9ec3]{font-size:13px;color:grey}.chat-meta[data-v-426b9ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-negative:0;flex-shrink:0;font-size:12px;color:#777}.timestamp[data-v-426b9ec3]{font-size:12px;color:grey}.no-chats[data-v-426b9ec3]{color:#888;text-align:center;margin-top:10px;padding:15px 0}.chat-container[data-v-426b9ec3]{position:fixed;bottom:0;right:20px;width:0;height:90vh;background:#fff;-webkit-box-shadow:-2px 0 10px rgba(0,0,0,.2);box-shadow:-2px 0 10px rgba(0,0,0,.2);overflow:hidden;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:1em 1em 0 1em;z-index:999}.chat-container.open[data-v-426b9ec3]{padding:2px;width:35%}.chat-header[data-v-426b9ec3]{background:#f4f4f4;color:orange;padding:1%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:18px;font-weight:700;border-radius:12px 12px 0 0}.chat-header[data-v-426b9ec3],.chat-header button[data-v-426b9ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-header button[data-v-426b9ec3]{background:none;border:none;font-size:16px;color:#ff4d4f;cursor:pointer;padding:5px;width:24px;height:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;margin-left:5px}.chat-header button[data-v-426b9ec3]:hover{background:rgba(255,77,79,.2)}.button-group[data-v-426b9ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.chat-frame-container[data-v-426b9ec3]{position:relative;width:100%;height:100vh;overflow:hidden}.chat-frame[data-v-426b9ec3]{width:100%;height:100%;border:none}.online-indicator[data-v-426b9ec3]{font-size:14px;margin-left:8px;color:#90ee90}.chat-btn[data-v-426b9ec3]{margin-top:2%;width:100%;background:#0078d7;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:8px;font-weight:700}.chat-btn[data-v-426b9ec3]:disabled{background:#bbb;cursor:not-allowed}.iframe-loader[data-v-426b9ec3]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.iframe-loader .loader[data-v-426b9ec3]{border:4px solid #f3f3f3;border-top:4px solid #0078d7;border-radius:50%;width:40px;height:40px;-webkit-animation:spin-426b9ec3 1s linear infinite;animation:spin-426b9ec3 1s linear infinite;margin-bottom:10px}.iframe-loader p[data-v-426b9ec3]{color:#0078d7;font-weight:700}.chat-toggle[data-v-426b9ec3]{position:fixed;bottom:0;right:20px;width:220px;height:45px;background:var(--primary-color)!important;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;border-radius:12px 12px 0 0;-webkit-box-shadow:0 -2px 8px rgba(0,0,0,.3);box-shadow:0 -2px 8px rgba(0,0,0,.3);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:999!important}.arrow[data-v-426b9ec3]{margin-left:8px}.chat-form[data-v-426b9ec3]{padding:1%}.form-group[data-v-426b9ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}@-webkit-keyframes spin-426b9ec3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-426b9ec3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:768px){.chat-container[data-v-426b9ec3]{display:none;width:100%;height:90vh!important;border-radius:0;bottom:0;right:0;overflow-y:auto}.chat-container.open[data-v-426b9ec3]{display:block;width:100%;height:80vh;padding:0}.chat-list[data-v-426b9ec3]{max-height:50vh;overflow-y:scroll;padding-right:5px}.chat-frame-container[data-v-426b9ec3]{height:calc(100vh - 50px)}.chat-frame[data-v-426b9ec3]{height:100%}.chat-toggle[data-v-426b9ec3]{width:100%;right:0;bottom:0;border-radius:0}.chat-toggle[data-v-426b9ec3]:focus{-webkit-box-shadow:0 0 0 2px rgba(0,123,255,.5);box-shadow:0 0 0 2px rgba(0,123,255,.5)}.chat-header[data-v-426b9ec3]{font-size:16px;padding:10px}.iframe-loader[data-v-426b9ec3]{height:80vh}.chat-box[data-v-426b9ec3]{display:none;position:fixed;bottom:80px;right:10px;width:90%;max-height:80%}}@media screen and (max-width:375px){.chat-container[data-v-426b9ec3]{display:none}}.chat-initiation-panel[data-v-426b9ec3]{padding:20px;background:#fdfdfd;border:1px solid #eaeaea;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.chat-label[data-v-426b9ec3]{font-weight:600;font-size:15px;color:#333}.chat-user-select[data-v-426b9ec3]{width:100%}.chat-option-item[data-v-426b9ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.chat-user-avatar[data-v-426b9ec3]{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#ddd}.chat-user-name[data-v-426b9ec3]{font-weight:500;color:#333}.chat-start-button[data-v-426b9ec3]{width:100%;font-weight:700;height:40px}.chat-history[data-v-426b9ec3]{background:#fff;padding:15px 20px;border-radius:12px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.05);box-shadow:0 2px 6px rgba(0,0,0,.05);h3[data-v-426b9ec3]{font-size:16px;font-weight:600;margin-bottom:12px;color:#333}.chat-list[data-v-426b9ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;max-height:50vh;overflow-y:scroll}.chat-item-card[data-v-426b9ec3]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.05em .75em;background-color:#f9f9f9;border-radius:10px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;&[data-v-426b9ec3]:hover{background-color:#eef6ff;border-color:#cce4ff}}.chat-avatar[data-v-426b9ec3],.chat-item-card[data-v-426b9ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-avatar[data-v-426b9ec3]{background-color:#0078d7;color:#fff;font-size:16px;width:38px;height:38px;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;margin-right:12px;-ms-flex-negative:0;flex-shrink:0}.chat-info[data-v-426b9ec3]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.chat-title[data-v-426b9ec3]{font-size:14px;font-weight:600;color:#222}.chat-subtitle[data-v-426b9ec3]{font-size:12px;color:#888}.chat-timestamp[data-v-426b9ec3]{font-size:11px;color:#999;white-space:nowrap;margin-left:12px;-ms-flex-negative:0;flex-shrink:0}.no-chats[data-v-426b9ec3]{text-align:center;color:#aaa;padding:15px;font-size:14px}}.mb-1[data-v-426b9ec3]{margin-bottom:1em}.msg-board.show-grp-2 .create-group-panel[data-v-426b9ec3],.msg-board.show-grp .create-group-panel[data-v-426b9ec3]{z-index:1;background:#fff;-webkit-box-shadow:0 0 8px #ddd;box-shadow:0 0 8px #ddd}.create-grp-scr-2[data-v-426b9ec3],.create-grp-scr-3[data-v-426b9ec3]{display:none}.msg-board.show-grp-2 .create-grp-scr-3[data-v-426b9ec3],.msg-board.show-grp .create-grp-scr-2[data-v-426b9ec3]{z-index:1;display:block}.chat-user-list-panel[data-v-426b9ec3]{width:100%;background:#f6f6f6;border-radius:5px;display:inline-block}.add-group-btn[data-v-426b9ec3]{padding:5px 5px;text-align:center;float:right}.add-group-btn a[data-v-426b9ec3]{color:#2a2a2a;font-size:20px}.chat-detail li[data-v-426b9ec3]{display:inline-block;vertical-align:middle}.chat-list .chat-detail li[data-v-426b9ec3]:last-child{text-align:right;float:right}.chat-user-nm[data-v-426b9ec3]{color:#2a2a2a}.chat-desc[data-v-426b9ec3],.chat-seen[data-v-426b9ec3]{color:grey}.chat-profile-user[data-v-426b9ec3]{margin-right:10px;height:50px;width:50px;border:2px solid #b0b0b0;border-radius:50px}.chat-user-nm[data-v-426b9ec3]{font-weight:500;font-size:16px;line-height:25px}.chat-list[data-v-426b9ec3]{max-height:80vh;overflow-y:scroll;padding-bottom:2em}.chat-list[data-v-426b9ec3]::-webkit-scrollbar-thumb{background:#1d437e;border-radius:10px;-webkit-border-radius:10px}.chat-list[data-v-426b9ec3]::-webkit-scrollbar{height:6px;width:6px}.chat-list[data-v-426b9ec3]::-moz-scrollbar-thumb{background:#1d437e;border-radius:10px;-webkit-border-radius:10px}.chat-list[data-v-426b9ec3]::-moz-scrollbar{height:6px;width:6px}.chat-list li a[data-v-426b9ec3]{padding:.25em .35em;display:block;border-bottom:1px solid rgba(217,215,215,.4)}.chat-list li a[data-v-426b9ec3]:hover{background:#fff}.not-read-lable[data-v-426b9ec3]{background:#e12026;font-size:12px;color:#fff;height:20px;width:20px;border-radius:50px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.spectacledcoder-search-bar[data-v-426b9ec3]{width:40px;height:40px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:0 30px 30px 30px;-webkit-transition:width 1s;transition:width 1s;-webkit-box-shadow:5px 5px 20px #d8e6fd,-5px -5px 30px #fff;box-shadow:5px 5px 20px #d8e6fd,-5px -5px 30px #fff;float:inline-end}.search-icon[data-v-426b9ec3]{padding:5px;margin-bottom:auto;margin-top:auto;margin-left:auto;margin-right:auto;border-radius:50%;background-color:#e9f1ff}.spectacledcoder-search-bar[data-v-426b9ec3]:hover{width:100%;border-radius:0 30px 30px 30px}.spectacledcoder-search-input[data-v-426b9ec3]{margin:auto;display:none;-webkit-transition:display 12s;transition:display 12s;outline:none;border:none;font-family:Belanosima,sans-serif;border-radius:25px;padding-left:10px}.spectacledcoder-search-bar:hover .spectacledcoder-search-input[data-v-426b9ec3]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:78%;height:70%}input[type=submit][data-v-426b9ec3]{display:none}@media only screen and (max-width:600px){.spectacledcoder-search-bar[data-v-426b9ec3]:hover{width:80%;border-radius:0 30px 30px 15px}}.justify-space-between[data-v-426b9ec3]{display:-webkit-box;display:-ms-flexbox;display:flex}.chat-header-bar-container[data-v-426b9ec3]{width:100%;background:#fdfdfd;border-radius:12px;overflow:hidden;border:1px solid #eee}.chat-header-bar[data-v-426b9ec3]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 14px;background:#f9f9f9}.chat-header-bar[data-v-426b9ec3],.chat-title-group[data-v-426b9ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-title-group[data-v-426b9ec3]{font-weight:600;font-size:15px;.chat-add-icon[data-v-426b9ec3]{margin-left:10px;font-size:18px;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.rotated[data-v-426b9ec3]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.chat-form-accordion[data-v-426b9ec3]{padding:15px;background:#fff;border-top:1px solid #eee}.accordion-enter-active[data-v-426b9ec3],.accordion-leave-active[data-v-426b9ec3]{-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden}.accordion-enter[data-v-426b9ec3],.accordion-leave-to[data-v-426b9ec3]{height:0;padding:0;opacity:0}.icon-wrapper[data-v-426b9ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:12px;position:relative}@media screen and (max-width:768px){.chat-list[data-v-426b9ec3]{max-height:60vh}}@media screen and (max-width:375px){.chat-list[data-v-426b9ec3]{max-height:55vh}}.chat-loader[data-v-426b9ec3]{text-align:center;padding:10px;font-size:14px;color:#999}.not-read-label[data-v-426b9ec3]{background-color:#ff4949;color:#fff;font-size:12px;border-radius:10px;margin-top:4px;display:inline-block;min-width:18px;text-align:center}.no-chat-message[data-v-426b9ec3]{font-size:14px;color:#999;margin-top:10px;padding:20px;border-radius:8px;background:#f9f9f9}.chat-end-message[data-v-426b9ec3]{font-size:13px;color:#888;margin-bottom:10px}