.user_item{padding:10px;align-items:center}.user_item.select_contact{cursor:pointer}.user_item .user_item__body .name{font-size:15px;max-width:210px}.user_item .user_item__body .ant-tag{font-size:12px;padding:0 4px;line-height:15px}.message_images[data-v-9692e070]{display:flex;align-items:center;margin-right:5px}.message_images__image[data-v-9692e070]{width:20px;height:20px;overflow:hidden;border-radius:5px;background:hsla(0,0%,45.1%,.1);display:flex;align-items:center;justify-content:center;border:1px solid var(--border2)}.message_images__image[data-v-9692e070]:not(:last-child){margin-right:3px}.message_images__image img[data-v-9692e070]{object-fit:cover;vertical-align:middle;-o-object-fit:cover;max-width:100%;opacity:0;transition:opacity .05s ease-in-out}.message_images__image img.lazyloaded[data-v-9692e070]{opacity:1}.chat_contact{padding:10px;cursor:pointer;align-items:center}.chat_contact .message_desc{font-size:13px;color:#747679}.chat_contact.active{background:var(--primaryHover)}.chat_contact .user_item__body .name{font-size:15px}.chat_contact .user_item__body .name .team_icon{font-size:12px;margin-left:5px}.ant-badge-dot{top:5px;right:3px;width:8px!important;height:8px!important}.date_label[data-v-49e24609]{padding-left:15px;padding-right:15px;font-weight:300;padding-bottom:5px;padding-top:5px;color:var(--gray);text-transform:capitalize}.date_label.l_sticky[data-v-49e24609]{background:#f7f9fc;position:sticky;top:0;z-index:5}@media(max-width:900px){.chat_aside__header[data-v-05525105]{padding:10px 15px}}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{border:none;background-color:transparent;opacity:0}.resize-observer[data-v-b329ee4c],.resize-observer[data-v-b329ee4c] object{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none;display:block;overflow:hidden}.group_chat_drawer[data-v-c36028fc] .ant-drawer-content,.group_chat_drawer[data-v-c36028fc] .ant-drawer-wrapper-body{overflow:hidden}.group_chat_drawer[data-v-c36028fc] .ant-drawer-body{height:calc(100% - 40px)}.group_chat_drawer[data-v-c36028fc] .ant-drawer-body .drawer_scroll{height:calc(100% - 56px)}.group_chat_drawer.mobile[data-v-c36028fc] .drawer_footer{border-top:1px solid var(--borderColor);border-bottom:0}.old_selected .check_user[data-v-c57ee240]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background:rgba(0,0,0,.2);color:#fff;display:flex;align-items:center;justify-content:center}.old_selected .lable[data-v-c57ee240]{font-weight:300;font-size:13px}.old_selected .item_sel[data-v-c57ee240]{position:relative;overflow:hidden;width:35px;height:35px;border-radius:50%}.old_selected .item_sel[data-v-c57ee240]:not(:last-child){margin-right:3px}.drawer_menu[data-v-6b36f3a6]{position:relative;z-index:10;border-bottom:1px solid #e5e5e5;padding-left:30px;padding-right:30px}.drawer_menu.use_shadow[data-v-6b36f3a6] .ant-menu{box-shadow:0 8px 15px rgba(0,0,0,.04)}.drawer_menu[data-v-6b36f3a6] .page_switch{border-bottom:0}.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu{height:100%}.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu.ant-menu-horizontal{line-height:32px;border-bottom:0}.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu-submenu .ant-menu-submenu-title{padding:0}.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu-item,.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu-submenu{margin-right:15px}.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu-item .ant-badge-count,.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu-submenu .ant-badge-count{min-width:14px;height:14px;line-height:14px;top:-3px;right:-3px;font-size:10px}.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu-item .ant-badge-count .ant-scroll-number-only,.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu-item .ant-badge-count .ant-scroll-number-only-unit,.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu-submenu .ant-badge-count .ant-scroll-number-only,.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu-submenu .ant-badge-count .ant-scroll-number-only-unit{height:14px}.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu-item{padding:0;min-height:32px}.drawer_menu[data-v-6b36f3a6] .page_switch .ant-menu-item>div{min-height:32px}.drawer_menu[data-v-6b36f3a6] .ant-tabs .ant-tabs-tab{margin-right:15px;padding-left:0;padding-right:0;padding-top:0}.drawer_menu[data-v-6b36f3a6] .ant-tabs .ant-tabs-tab .ant-badge-count{min-width:16px;height:15px;font-size:10px;line-height:15px}.drawer_menu[data-v-6b36f3a6] .ant-tabs .ant-tabs-tab .ant-badge-count .ant-scroll-number-only,.drawer_menu[data-v-6b36f3a6] .ant-tabs .ant-tabs-tab .ant-badge-count .ant-scroll-number-only-unit{height:15px}.drawer_menu[data-v-6b36f3a6] .ant-tabs .ant-tabs-ink-bar{height:3px}.drawer_aside[data-v-6b36f3a6]{padding-bottom:20px;background:var(--bgWrap);border-radius:var(--borderRadius2)}.drawer_wrap.ant-drawer .ant-drawer-header{display:none}.drawer_wrap.ant-drawer .ant-drawer-content-wrapper{box-shadow:none}.drawer_wrap.ant-drawer .ant-drawer-content{overflow:hidden;border-top-left-radius:10px;border-bottom-left-radius:10px}.drawer_wrap.ant-drawer .ant-drawer-body{height:100%;overflow:hidden;padding:0;display:flex;flex-direction:column;border-radius:10px}.drawer_wrap.ant-drawer .ant-drawer-body .drawer_footer{display:flex;align-items:center;padding-left:30px;padding-right:30px;padding-bottom:20px;padding-top:10px}.drawer_wrap.ant-drawer .ant-drawer-body .drawer_header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:60px;padding:8px 30px}.drawer_wrap.ant-drawer .ant-drawer-body .drawer_header .drawer_title,.drawer_wrap.ant-drawer .ant-drawer-body .drawer_header .text-base,.drawer_wrap.ant-drawer .ant-drawer-body .drawer_header .title{font-size:18px;font-weight:500;color:#000}.drawer_wrap.ant-drawer .ant-drawer-body .drawer_body{overflow-y:auto;overflow-x:hidden;flex-grow:1}.drawer_wrap.ant-drawer .ant-drawer-body .drawer_body.body_fill{overflow:hidden}.drawer_wrap.ant-drawer .ant-drawer-body .drawer_body.padding{padding:20px 30px}.drawer_wrap.ant-drawer .ant-drawer-body .drawer_body .drawer_col{height:100%;position:static}.drawer_wrap.ant-drawer .ant-drawer-body .drawer_body .drawer_row{height:100%}.drawer_menu .ant-tabs-bar{margin:0;border:0}.chat_info_drawer .chat_members .item:not(:first-child){border-top:1px solid var(--border2)}.chat_info_drawer .ant-drawer-content-wrapper{transition:all .3s cubic-bezier(.645,.045,.355,1)}.chat_info_drawer .ant-drawer-header-no-title{display:none}.chat_info_drawer .ant-drawer-body{overflow:hidden}.chat_info_drawer .drawer_tabs .ant-tabs-bar,.chat_info_drawer .drawer_tabs .ant-tabs-bar .ant-tabs-tab{margin:0}.chat_info_drawer .drawer_header{border-bottom:1px solid var(--border2);height:50px;padding:0 10px}.chat_info_drawer .drawer_header .name .truncate{max-width:150px}.chat_info_drawer .drawer_header .member{font-size:12px;line-height:13px;color:var(--gray)}.chat_info_drawer .drawer_header .actions{display:flex;align-items:center}.chat_info_drawer .drawer_body{height:calc(100% - 95px);overflow:hidden}.chat_info_drawer .drawer_body .body_tabs{height:100%}.chat_info_drawer .drawer_body .body_tabs .ant-tabs-bar{display:none}.chat_info_drawer .drawer_body .body_tabs .ant-tabs-content{height:100%}.chat_info_drawer .drawer_body .body_tabs .ant-tabs-tabpane{height:100%;overflow-y:auto}.chat_info_drawer .drawer_body .body_tabs .ant-tabs-tabpane.padding_tab{padding:15px}.ch_lght[data-v-56c8b302]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.message_files .res_img_wrapper img[data-v-56c8b302]{opacity:0;transition:opacity .05s ease-in-out}.message_files .res_img_wrapper img.lazyloaded[data-v-56c8b302]{opacity:1}.visor_user{display:flex;align-items:center}.visor_user:not(:first-child){margin-left:-10px}.order_rows .row[data-v-1a55ecb2]:not(:last-child){margin-bottom:8px}.res_img_wrapper[data-v-e0fa085c]{background:transparent!important}.bubble.mobile[data-v-0655b30a]{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .5s cubic-bezier(.645,.045,.355,1)}.bubble.mobile:not(.is_system).touch[data-v-0655b30a]{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(.97)}.drawer_footer[data-v-6061a903]{position:absolute;bottom:0;width:100%;border-top:1px solid #e8e8e8;padding:10px 16px;text-align:right;left:0;background:#fff;border-radius:0 0 4px 4px}.pin_chat_wrapper[data-v-6061a903] .ant-drawer-body,.pin_chat_wrapper[data-v-6061a903] .ant-drawer-content,.pin_chat_wrapper[data-v-6061a903] .ant-drawer-wrapper-body{overflow:hidden}.pin_chat_wrapper[data-v-6061a903] .ant-drawer-body{padding:0;height:calc(100% - 40px)}.pin_chat_wrapper[data-v-6061a903] .drawer_body{height:calc(100% - 53px);overflow-y:auto;padding:15px;background-color:#f2f2f2;background-image:url(../img/chat_bg.0cefd4c5.png)}.pin_chat_wrapper.mobile .drawer_body[data-v-6061a903]{height:calc(100% - 100px)}.pin_chat_wrapper.mobile .drawer_footer[data-v-6061a903]{height:100px;display:block;padding-top:5px;padding-bottom:5px}.pin_chat_wrapper.mobile .drawer_footer .ant-btn[data-v-6061a903]:last-child{margin-top:5px}.pin_messages{height:44px;border-bottom:1px solid var(--borderColor);overflow:hidden;position:relative;background-color:#f7f9fc;display:grid;grid-template-columns:1fr 40px}.pin_messages .pin_count .ant-badge-count{font-size:8px;padding:0 1px;top:10px;right:10px;min-width:16px;height:16px;line-height:16px}@media(min-width:1900px){.pin_messages .size-text{max-width:70vw}}@media(min-width:1700px){.pin_messages .size-text{max-width:67vw}}@media(min-width:1500px){.pin_messages .size-text{max-width:63vw}}@media(min-width:1300px){.pin_messages .size-text{max-width:58vw}}@media(min-width:1200px){.pin_messages .size-text{max-width:53vw}}.pin_messages .spin_slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.5)}.pin_messages .swiper_thumbs{padding-top:2px;margin-top:-10px}.pin_messages .swiper_thumbs .thumb{width:2px;height:15px;background:var(--primaryColor);border-radius:1px}.pin_messages .swiper_thumbs .thumb:not(.swiper-slide-active){opacity:.3}.pin_messages .swiper{height:44px}.pin_messages .swiper .swiper-slide,.url_input[data-v-5616eb95]{display:flex;align-items:center}.url_input[data-v-5616eb95]{margin-top:30px;background:#f1f3f5;overflow:hidden;width:100%;padding-left:15px;border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.url_input[data-v-5616eb95] .ant-btn{border-radius:0 8px 8px 0}.back_badge[data-v-5616eb95] .ant-badge-count{font-size:10px;min-width:17px;height:17px;line-height:17px;top:10px;right:9px}.mobile_group_link[data-v-5616eb95]{border-bottom:1px solid var(--borderColor);cursor:pointer;padding:5px 15px;text-align:center;font-size:14px}.print-dot[data-v-5616eb95]{display:inline-block;font-size:1rem;clip-path:inset(0 2ch 0 0);animation:l-5616eb95 2s steps(4) infinite}.chat_name[data-v-5616eb95]{padding:0 8px}.chat_name .name[data-v-5616eb95]{font-size:14px}.chat_name .chat_status[data-v-5616eb95]{font-size:12px;font-weight:300}@keyframes l-5616eb95{to{clip-path:inset(0 -1ch 0 0)}}.ant-modal-footer .reply_nav.reply_modal{position:relative;bottom:auto;left:auto;margin-bottom:5px;padding-left:0;padding-right:0;backdrop-filter:none}.ant-modal-footer .reply_nav.reply_modal .replay_nav_body{text-align:left}.emoji_list[data-v-e64b8cb2]{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));min-width:164px}.emoji_list[data-v-e64b8cb2] .ant-btn{font-size:22px}.search{.filter_pop_wrapper{height:100%;min-width:0;max-width:none}}.list-view[data-v-7250c859]{width:100%;display:grid;grid-template-rows:40px 1fr;row-gap:20px}.list-view .search-and-add[data-v-7250c859]{display:grid;grid-template-columns:408px 1fr;-moz-column-gap:10px;column-gap:10px}.list-view .search-and-add .add-button[data-v-7250c859]{width:100%;height:100%}.list-view .template-list[data-v-7250c859]{overflow-y:auto;height:238px}.list-view .template-list .list-item[data-v-7250c859]{margin-top:3px;display:grid;grid-template-columns:120px 1fr auto;grid-template-rows:40px;-moz-column-gap:15px;column-gap:15px}.list-view .template-list .list-item .template-title[data-v-7250c859]{font-size:14px;font-weight:400;line-height:19.6px;text-align:left}.list-view .template-list .list-item .template-text[data-v-7250c859]{height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:19.6px;text-align:left;opacity:.6;cursor:pointer}.list-view .template-list .list-item .template-actions[data-v-7250c859]{margin-top:2px;display:grid;grid-template-columns:repeat(3,15px);grid-template-rows:15px;-moz-column-gap:15px;column-gap:15px;direction:rtl}.list-view .template-list .list-item .template-actions .cursor-pointer[data-v-7250c859]{cursor:pointer}.list-view .template-list .list-item .template-actions .red[data-v-7250c859]{color:#dc2626}.list-view .template-list .list-item .template-actions .disabled[data-v-7250c859]{color:#d1d5db}.list-view .template-list .list-item[data-v-7250c859]:not(:last-child){border-bottom:1px solid var(--borderColor);padding-bottom:15px}.head[data-v-ecf4c798]{display:grid;grid-template-columns:1fr auto;border-bottom:2px solid #000;padding-bottom:25px;align-items:center}.head .title[data-v-ecf4c798]{font-size:16px;font-weight:400;line-height:16px;text-align:left}.head .close-icon[data-v-ecf4c798]{height:14px;width:14px;cursor:pointer}.form[data-v-ecf4c798]{display:grid;grid-template-rows:repeat(2,auto);row-gap:20px;margin-top:25px}.form .label[data-v-ecf4c798]{font-size:14px;font-weight:400;line-height:14px;text-align:left;margin-bottom:10px}.form .title .input-field .ant-input[data-v-ecf4c798]{height:40px}.form .text .text-input-field .ant-input[data-v-ecf4c798]{height:122px;min-height:122px;max-height:122px;overflow-y:auto}.form .error .ant-input[data-v-ecf4c798]{border-color:red}.form .error .label[data-v-ecf4c798]{color:red}.is-private-switch[data-v-ecf4c798]{margin-top:20px}.is-private-switch .switch[data-v-ecf4c798]{margin-left:20px}.button[data-v-ecf4c798]{margin-top:20px}.button .ant-btn[data-v-ecf4c798]{height:40px;width:100%}.delete[data-v-ecf4c798]{margin-top:20px;color:#d62e2e;font-size:14px;font-weight:400;line-height:14px;text-align:center;cursor:pointer}.wrapper[data-v-28fcc44c]{width:552px;margin:20px 25px 10px 25px}.send_button_wrap[data-v-5bb07655]{display:flex;flex-direction:column;align-items:center}.send_behavior[data-v-5bb07655]{font-size:9px;color:var(--gray);cursor:pointer;margin-top:1px;min-width:49px;text-align:center}.send_behavior[data-v-5bb07655]:hover{opacity:.8}.file_modal_body{overflow-y:auto;padding:10px}.file_modal_body .img_delete{top:10px;right:10px}.file_modal_body .file_item:not(:last-child) .image_file{margin-bottom:10px}.file_modal_body .file_item .image_file{background:rgba(0,0,0,.04);position:relative;min-height:200px;max-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.file_modal_body .file_item .image_file img{width:100%;object-fit:cover;vertical-align:middle;-o-object-fit:cover}.file_modal .ant-modal-header{padding:10px}.file_modal .ant-modal-footer{padding:0;position:sticky;bottom:0;z-index:10}.file_modal .ant-modal-close-x{width:43px;height:43px;line-height:43px}.file_modal .input_wrapper{position:relative}.file_modal .input_wrapper .message_input{width:100%;height:100%;text-align:left;min-height:55px!important;padding:10px 90px 10px 15px;border:0;outline:none}.file_modal .input_wrapper .message_input:focus,.file_modal .input_wrapper .message_input:hover{border:0;box-shadow:none}.file_modal .input_wrapper .send_actions{position:absolute;bottom:0;z-index:1;right:0;height:55px;display:flex;align-items:center;padding-right:10px}.file_modal .input_wrapper .send_actions .act_btn{margin-right:8px}.file_modal .input_wrapper .send_actions .act_btn i{font-size:20px}.file_modal .ant-modal-body{padding:0;min-height:400px;max-height:400px;overflow-y:auto}@media(max-width:900px){.file_modal .ant-modal-body{min-height:auto;max-height:300px}}@media(min-width:901px){.file_modal .ant-modal-mask,.file_modal .ant-modal-wrap{position:absolute}}.file_modal .ant-modal-mask{background-color:rgba(0,0,0,.3)}.drag-win{display:block;width:100%;height:100%;position:absolute;display:flex;left:0;bottom:0;z-index:99}.drag-win,.drag-win .drag-body{flex-direction:column;align-items:center;justify-content:center}.drag-win .drag-body{display:flex;background:#fff;border:3px dashed var(--primaryColor);border-radius:20px;width:96%;height:80%;margin-right:1%}.chat_wrapper,.pin_chat_wrapper{overflow:hidden;display:flex;flex:1}.chat_wrapper .reply_nav,.pin_chat_wrapper .reply_nav{max-height:50px;width:100%;border-bottom:1px solid var(--border2);display:grid;grid-template-columns:1fr 40px}.chat_wrapper .reply_nav .replay_nav_body,.pin_chat_wrapper .reply_nav .replay_nav_body{border-left:3px solid var(--blue);padding-left:10px}.chat_wrapper .reply_nav.slide-enter-active,.pin_chat_wrapper .reply_nav.slide-enter-active{transition-duration:.3s;transition-timing-function:ease-in}.chat_wrapper .reply_nav.slide-leave-active,.pin_chat_wrapper .reply_nav.slide-leave-active{transition-duration:.3s;transition-timing-function:cubic-bezier(0,1,.5,1)}.chat_wrapper .reply_nav.slide-enter-to,.chat_wrapper .reply_nav.slide-leave,.pin_chat_wrapper .reply_nav.slide-enter-to,.pin_chat_wrapper .reply_nav.slide-leave{max-height:100px;overflow:hidden}.chat_wrapper .reply_nav.slide-enter,.chat_wrapper .reply_nav.slide-leave-to,.pin_chat_wrapper .reply_nav.slide-enter,.pin_chat_wrapper .reply_nav.slide-leave-to{overflow:hidden;max-height:0}.chat_wrapper .reply_dummy,.pin_chat_wrapper .reply_dummy{height:40px}.chat_wrapper .flashing .bubble,.pin_chat_wrapper .flashing .bubble{opacity:.4}.chat_wrapper .contact_list .chat__active-chats li:not(:last-child),.pin_chat_wrapper .contact_list .chat__active-chats li:not(:last-child){border-bottom:1px solid var(--borderColor)}.chat_wrapper .contact_list .chat_contact.active,.pin_chat_wrapper .contact_list .chat_contact.active{background-color:var(--bgColor5)}.chat_wrapper .bubble,.pin_chat_wrapper .bubble{padding:10px 15px;border-radius:var(--borderRadius2);overflow:hidden;border-radius:10px;max-width:500px;transition:opacity .4s ease-in-out;opacity:1;box-shadow:0 2px 2px rgba(0,0,0,.02)}.chat_wrapper .bubble.bg_primary .file_wrapper a,.chat_wrapper .bubble.bg_primary .message a,.pin_chat_wrapper .bubble.bg_primary .file_wrapper a,.pin_chat_wrapper .bubble.bg_primary .message a{color:#fff}.chat_wrapper .bubble .m_link,.pin_chat_wrapper .bubble .m_link{text-decoration:underline}.chat_wrapper .bubble .text_expand,.pin_chat_wrapper .bubble .text_expand{display:flex;justify-content:flex-end}.chat_wrapper .bubble .text_expand .btn,.pin_chat_wrapper .bubble .text_expand .btn{cursor:pointer;font-size:11px;margin-top:5px;opacity:.7}.chat_wrapper .bubble .doc_file_message,.pin_chat_wrapper .bubble .doc_file_message{display:flex;align-items:center;background:hsla(0,0%,45.1%,.1);border-radius:5px;padding:8px}.chat_wrapper .bubble .res_img_wrapper,.pin_chat_wrapper .bubble .res_img_wrapper{background:hsla(0,0%,45.1%,.1);border-radius:5px;width:180px;height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center}.chat_wrapper .bubble .res_img_wrapper img,.pin_chat_wrapper .bubble .res_img_wrapper img{object-fit:cover;vertical-align:middle;-o-object-fit:cover;max-width:100%}.chat_wrapper .bubble .message,.pin_chat_wrapper .bubble .message{word-break:break-word}.chat_wrapper .bubble.delete_message.bg_gray,.pin_chat_wrapper .bubble.delete_message.bg_gray{background-color:#f9f9f9}.chat_wrapper .bubble.delete_message.bg_primary,.pin_chat_wrapper .bubble.delete_message.bg_primary{background-color:#92b3f9}.chat_wrapper .bubble:not(.delete_message).bg_primary,.pin_chat_wrapper .bubble:not(.delete_message).bg_primary{background-color:var(--primaryColor)}.chat_wrapper .bubble:not(.delete_message).bg_primary .profiler .text-gray,.pin_chat_wrapper .bubble:not(.delete_message).bg_primary .profiler .text-gray{color:#fff;opacity:.7}.chat_wrapper .bubble:not(.delete_message).bg_system,.pin_chat_wrapper .bubble:not(.delete_message).bg_system{background-color:#f9f0d1}.chat_wrapper .bubble:not(.delete_message).bg_system .profiler .text-gray,.pin_chat_wrapper .bubble:not(.delete_message).bg_system .profiler .text-gray{color:#fff;opacity:.7}.chat_wrapper .bubble .reply_message,.pin_chat_wrapper .bubble .reply_message{border-left:5px solid;border-radius:5px 5px;padding-left:5px}.chat_wrapper .bubble .reply_message .reply_author,.pin_chat_wrapper .bubble .reply_message .reply_author{font-size:11px;font-weight:300}.chat_wrapper .bubble.bg_task,.pin_chat_wrapper .bubble.bg_task{color:#1a3353;background-color:#eeedf7}.chat_wrapper .bubble.bg_gray .reply_message,.chat_wrapper .bubble.bg_task .reply_message,.pin_chat_wrapper .bubble.bg_gray .reply_message,.pin_chat_wrapper .bubble.bg_task .reply_message{background:hsla(0,0%,45.1%,.1);border-color:var(--primaryColor)}.chat_wrapper .bubble.bg_gray .message_action,.pin_chat_wrapper .bubble.bg_gray .message_action{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.chat_wrapper .bubble.bg_primary .reply_message,.pin_chat_wrapper .bubble.bg_primary .reply_message{background:rgba(0,0,0,.1);border-color:#fff}.chat_wrapper .bubble.bg_primary .message_action,.pin_chat_wrapper .bubble.bg_primary .message_action{color:#fff;opacity:.7}.chat_wrapper .bubble.bg_primary .ant-spin .ant-spin-dot-item,.pin_chat_wrapper .bubble.bg_primary .ant-spin .ant-spin-dot-item{background-color:#fff}.chat_wrapper .bubble.large_message:not(.show)>.message,.pin_chat_wrapper .bubble.large_message:not(.show)>.message{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.chat_wrapper .bubble.bg_gray,.pin_chat_wrapper .bubble.bg_gray{color:#1a3353}.chat_wrapper .bubble.bg_primary,.pin_chat_wrapper .bubble.bg_primary{color:#fff}.chat_wrapper .bubble:not(.delete_message).bg_gray,.pin_chat_wrapper .bubble:not(.delete_message).bg_gray{background-color:#fff}.chat_wrapper .bubble:not(.delete_message).bg_primary,.pin_chat_wrapper .bubble:not(.delete_message).bg_primary{background-color:var(--blue)}.chat_wrapper .chat_aside,.pin_chat_wrapper .chat_aside{display:flex;flex-direction:column;border-right:1px solid var(--border2);background:#f7f9fc}.chat_wrapper .chat_aside .sidebar_list,.pin_chat_wrapper .chat_aside .sidebar_list{height:100%;overflow-y:auto}.chat_wrapper .chat_aside .ant-list,.chat_wrapper .chat_aside .ant-list .ant-spin-nested-loading,.chat_wrapper .chat_aside .ant-list .ant-spin-nested-loading .ant-spin-container,.pin_chat_wrapper .chat_aside .ant-list,.pin_chat_wrapper .chat_aside .ant-list .ant-spin-nested-loading,.pin_chat_wrapper .chat_aside .ant-list .ant-spin-nested-loading .ant-spin-container{height:100%}.chat_wrapper .chat_aside .ant-list .ant-list-item,.pin_chat_wrapper .chat_aside .ant-list .ant-list-item{padding:0}.chat_wrapper .chat_aside .ant-list .vue-recycle-scroller__item-view:not(:last-child),.pin_chat_wrapper .chat_aside .ant-list .vue-recycle-scroller__item-view:not(:last-child){border-bottom:1px solid var(--border2)}.chat_wrapper .chat_aside .ant-list .vue-recycle-scroller__item-view .user_item,.pin_chat_wrapper .chat_aside .ant-list .vue-recycle-scroller__item-view .user_item{cursor:pointer}.chat_wrapper .chat_aside .ant-list .vue-recycle-scroller__item-view .user_item:hover,.pin_chat_wrapper .chat_aside .ant-list .vue-recycle-scroller__item-view .user_item:hover{background:var(--bg2)}.chat_wrapper .chat_aside .aside_wrapper,.pin_chat_wrapper .chat_aside .aside_wrapper{width:340px}.chat_wrapper .chat_aside .new_chat_button,.pin_chat_wrapper .chat_aside .new_chat_button{font-size:20px}.chat_wrapper .chat_aside .chat_aside__header,.pin_chat_wrapper .chat_aside .chat_aside__header{padding:10px;border-bottom:1px solid var(--border2);height:52px}.chat_wrapper .chat_aside .chat_aside__header .ant-input-search input,.pin_chat_wrapper .chat_aside .chat_aside__header .ant-input-search input{border:0;background:#fff;color:#000}.chat_wrapper .chat_aside .chat_aside__header .ant-input-search input::-moz-placeholder,.pin_chat_wrapper .chat_aside .chat_aside__header .ant-input-search input::-moz-placeholder{color:#000}.chat_wrapper .chat_aside .chat_aside__header .ant-input-search input::placeholder,.pin_chat_wrapper .chat_aside .chat_aside__header .ant-input-search input::placeholder{color:#000}.chat_wrapper .chat_aside .chat_aside__body,.pin_chat_wrapper .chat_aside .chat_aside__body{height:calc(100% - 53px)}.chat_wrapper .chat_aside .chat_aside__body .ant-tabs-bar,.pin_chat_wrapper .chat_aside .chat_aside__body .ant-tabs-bar{margin:0}.chat_wrapper .chat_aside .chat_aside__body .ant-tabs-bar .ant-tabs-nav,.pin_chat_wrapper .chat_aside .chat_aside__body .ant-tabs-bar .ant-tabs-nav{width:100%}.chat_wrapper .chat_aside .chat_aside__body .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab,.pin_chat_wrapper .chat_aside .chat_aside__body .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab{margin:0;width:50%;text-align:center}.chat_wrapper .chat_aside .chat_aside__body .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab span,.pin_chat_wrapper .chat_aside .chat_aside__body .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab span{display:flex;align-items:center;justify-content:center}.chat_wrapper .chat_aside .chat_aside__body .ant-tabs,.pin_chat_wrapper .chat_aside .chat_aside__body .ant-tabs{height:100%}.chat_wrapper .chat_aside .chat_aside__body .ant-tabs-content,.pin_chat_wrapper .chat_aside .chat_aside__body .ant-tabs-content{height:calc(100% - 44px)}.chat_wrapper .chat_aside .chat_aside__body .ant-tabs-content .tab_list,.pin_chat_wrapper .chat_aside .chat_aside__body .ant-tabs-content .tab_list{height:100%;overflow-y:auto}.chat_wrapper .chat_aside .chat_aside__body .chat_item:not(:last-child),.pin_chat_wrapper .chat_aside .chat_aside__body .chat_item:not(:last-child){border-bottom:1px solid var(--border2)}.chat_wrapper .chat_aside .chat_aside__body .chat_item.active .user_item,.pin_chat_wrapper .chat_aside .chat_aside__body .chat_item.active .user_item{background:var(--bg2)}.chat_wrapper .chat_aside .chat_aside__body .chat_item .user_item,.pin_chat_wrapper .chat_aside .chat_aside__body .chat_item .user_item{cursor:pointer}.chat_wrapper .chat_aside .chat_aside__body .chat_item .user_item:hover,.pin_chat_wrapper .chat_aside .chat_aside__body .chat_item .user_item:hover{background:var(--bg2)}.chat_wrapper .chat_body,.pin_chat_wrapper .chat_body{flex:1;display:flex;flex-direction:column;position:relative;background-color:#f2f2f2;background-image:url(../img/chat_bg.0cefd4c5.png)}.chat_wrapper .chat_body .chat_body__wrapper,.pin_chat_wrapper .chat_body .chat_body__wrapper{overflow:hidden;position:relative;display:flex;flex-direction:column}.chat_wrapper .chat_body .chat_body__messages,.pin_chat_wrapper .chat_body .chat_body__messages{overflow-x:auto;flex-grow:1}.chat_wrapper .chat_body .chat_body__footer,.pin_chat_wrapper .chat_body .chat_body__footer{border-top:1px solid var(--border2);width:100%;background:#f7f9fc}.chat_wrapper .chat_body .chat_body__footer .input_wrapper,.pin_chat_wrapper .chat_body .chat_body__footer .input_wrapper{position:relative}.chat_wrapper .chat_body .chat_body__footer .input_wrapper .send_actions,.pin_chat_wrapper .chat_body .chat_body__footer .input_wrapper .send_actions{position:absolute;bottom:0;z-index:1;right:0;height:55px;display:flex;align-items:center;padding-right:10px}.chat_wrapper .chat_body .chat_body__footer .input_wrapper .send_actions .act_btn,.pin_chat_wrapper .chat_body .chat_body__footer .input_wrapper .send_actions .act_btn{margin-right:8px}.chat_wrapper .chat_body .chat_body__footer .input_wrapper .send_actions .act_btn i,.pin_chat_wrapper .chat_body .chat_body__footer .input_wrapper .send_actions .act_btn i{font-size:20px}.chat_wrapper .chat_body .chat_body__footer .input_wrapper .send_actions .paper,.pin_chat_wrapper .chat_body .chat_body__footer .input_wrapper .send_actions .paper{font-size:24px;margin-top:-2px}.chat_wrapper .chat_body .chat_body__footer .input_wrapper .message_input,.pin_chat_wrapper .chat_body .chat_body__footer .input_wrapper .message_input{width:100%;height:100%;resize:none;border:none;min-height:55px!important;text-align:left;outline:none;padding:10px 145px 10px 15px;overflow:hidden;background:transparent;box-shadow:none;background:#f7f9fc}.chat_wrapper .chat_body .chat_body__footer .input_wrapper .message_input:focus,.chat_wrapper .chat_body .chat_body__footer .input_wrapper .message_input:hover,.pin_chat_wrapper .chat_body .chat_body__footer .input_wrapper .message_input:focus,.pin_chat_wrapper .chat_body .chat_body__footer .input_wrapper .message_input:hover{outline:none!important;border:none}.chat_wrapper .chat_body .chat_header,.pin_chat_wrapper .chat_body .chat_header{height:52px;border-bottom:1px solid var(--border2);padding:10px;background:#f7f9fc}.chat_wrapper .chat_body .chat_header .chat_info .chat_name .name,.pin_chat_wrapper .chat_body .chat_header .chat_info .chat_name .name{font-size:15px;line-height:18px}.chat_wrapper .chat_body .chat_header .chat_info .chat_name .user_count,.pin_chat_wrapper .chat_body .chat_header .chat_info .chat_name .user_count{font-size:12px;color:var(--gray);line-height:14px}.chat_wrapper .file_modal .ant-modal-mask,.chat_wrapper .file_modal .ant-modal-wrap,.pin_chat_wrapper .file_modal .ant-modal-mask,.pin_chat_wrapper .file_modal .ant-modal-wrap{position:absolute}.chat_wrapper .file_modal .doc_item,.pin_chat_wrapper .file_modal .doc_item{background-color:#ededed;border-radius:.625rem;color:#1a3353;padding:10px 15px}.chat_wrapper .file_modal textarea,.pin_chat_wrapper .file_modal textarea{resize:none}.chat_wrapper .file_modal .footer_action,.pin_chat_wrapper .file_modal .footer_action{right:15px;top:50%;margin-top:-16px}.chat_wrapper .file_modal .ant-modal-body,.pin_chat_wrapper .file_modal .ant-modal-body{padding:0}.chat_wrapper .file_modal .file_scroll,.pin_chat_wrapper .file_modal .file_scroll{padding:24px;max-height:400px}.chat_wrapper .file_modal .file_scroll .file_item,.pin_chat_wrapper .file_modal .file_scroll .file_item{-moz-user-select:none;-webkit-user-select:none;user-select:none}.chat_wrapper .file_modal .file_scroll .file_item .img_delete,.pin_chat_wrapper .file_modal .file_scroll .file_item .img_delete{top:15px;right:15px;z-index:10}.chat_wrapper .file_modal .file_scroll .file_item:not(:last-child),.pin_chat_wrapper .file_modal .file_scroll .file_item:not(:last-child){margin-bottom:15px}.chat_wrapper .file_modal .file_scroll img,.pin_chat_wrapper .file_modal .file_scroll img{width:100%;max-width:100%;object-fit:cover;vertical-align:middle;-o-object-fit:cover}.chat_wrapper .res_img_wrapper,.pin_chat_wrapper .res_img_wrapper{background:rgba(0,0,0,.1);border-radius:5px;width:180px;height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center}.chat_wrapper .res_img_wrapper img,.pin_chat_wrapper .res_img_wrapper img{object-fit:cover;vertical-align:middle;-o-object-fit:cover;max-width:100%}.chat_wrapper .message,.pin_chat_wrapper .message{word-break:break-word}.hfl{height:100%}.wfl{width:100%}.flx{display:flex}.itms_center{align-items:center}.pl-2{padding-left:.5rem}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.ml-4{margin-left:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-light{font-weight:300}.font-medium{font-weight:500}.moderate_select label{font-size:10px;cursor:pointer;padding:2px 8px;border-radius:30px;color:var(--primaryColor);background:#e6f7ff;display:block}.moderate_select input{display:none}.moderate_select input:checked~label{background:var(--primaryColor);color:#fff}.check_theme label{position:relative;top:0;left:0;display:block;cursor:pointer;width:16px;height:16px;background-color:var(--bgColor);border:1px solid var(--bgColor6);border-radius:2px;border-collapse:separate;transition:all .3s}.check_theme label:hover{border-color:var(--primaryColor)}.check_theme label:after{position:absolute;top:50%;left:22%;display:table;width:5.71428571px;height:9.14285714px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:" "}.check_theme input{display:none}.check_theme input:checked~label{background-color:var(--primaryColor);border-color:var(--primaryColor)}.check_theme input:checked~label:after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:" "}@media(min-width:969px){.empty_chat i{font-size:80px}}@media(max-width:968px){.chat_wrapper{height:calc(100vh - 84px)}.dialog_close{height:calc(100% - 57px)}.empty_chat i{font-size:60px}}.nav_label{max-width:280px}.empty_chat{max-width:200px;text-align:center}.empty_chat .create{color:var(--primaryColor)}.group_chat_drawer .ant-drawer-wrapper-body{overflow:hidden}.group_chat_drawer .ant-drawer-body{padding:0;height:100%}.group_chat_drawer .ant-drawer-body .drawer_scroll{height:calc(100% - 111px);overflow:hidden}.group_chat_drawer .ant-drawer-body .drawer_scroll .scroll_list{height:100%}.group_chat_drawer .ant-drawer-body .drawer_footer{border-bottom:1px solid var(--borderColor)}.group_chat_drawer .ant-drawer-body .drawer_footer button{right:10px;top:50%;margin-top:-16px;position:absolute!important}.group_chat_drawer .ant-drawer-body .drawer_footer .input_name{padding-right:50px}.group_chat_drawer .ant-drawer-body .drawer_footer .input_search input{padding-left:40px;padding-right:40px}.group_chat_drawer .ant-drawer-body .drawer_footer .member_spin{right:10px;top:50%;margin-top:-11px}.group_chat_drawer .ant-drawer-body .drawer_footer input{border:0;height:55px;border-radius:0}.group_chat_drawer .ant-drawer-body .drawer_footer input:focus,.group_chat_drawer .ant-drawer-body .drawer_footer input:hover{box-shadow:0 0 0 0 transparent;border:0}.chat_info_drawer .ant-drawer-wrapper-body{overflow:hidden}.chat_info_drawer .contact_list{overflow-y:auto;overflow-x:hidden}.chat_info_drawer .ant-drawer-body{padding:0;height:100%}.chat_info_drawer .ant-drawer-body .contact_list{height:calc(100% - 73px)}.chat_info_drawer .ant-drawer-body .contact_list .ant-tag{border:0;font-size:10px}