.navigation-bar[data-v-c751857a]{margin-bottom:10px}.menu-title[data-v-c751857a]{color:#303548;font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:30px;margin-bottom:16px}.top-box[data-v-c751857a]{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;-ms-flex-item-align:stretch;align-self:stretch;height:40px;line-height:40px}.top-box .subtitle[data-v-c751857a]{color:#86909c}.top-box .current-title[data-v-c751857a],.top-box .subtitle[data-v-c751857a]{font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.top-box .current-title[data-v-c751857a]{color:#303548}.top-box .apply-button[data-v-c751857a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;padding:0 16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px;border:1px solid rgba(0,0,0,.1);background:#fff;margin-right:16px;cursor:pointer}.top-box .apply-button span[data-v-c751857a]{color:var(--theme-color);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:20px;padding-left:6px}.top-box .create-button[data-v-c751857a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;padding:0 16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px;border:1px solid hsla(0,0%,100%,.2);background:var(--theme-color);cursor:pointer}.top-box .create-button span[data-v-c751857a]{color:#fff;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:20px;padding-left:6px}.chatOnline-container[data-v-41893e38]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100% - 50px);gap:16px}.left-account[data-v-41893e38]{display:-webkit-box;display:-ms-flexbox;display:flex;width:340px;padding:0 8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:stretch;align-self:stretch;border-radius:6px;border:1px solid #e3e3e3;height:100%;overflow:hidden}.left-account .search-box[data-v-41893e38]{text-align:center;width:100%;padding:8px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px}.input-item[data-v-41893e38] .ant-input{border-radius:3px}[data-v-41893e38] .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),[data-v-41893e38] .ant-input:hover,[data-v-41893e38] .ant-select-selection:hover{border-color:var(--theme-color)}.account-box[data-v-41893e38]{height:calc(100% - 56px);width:100%;overflow-y:scroll}.account-box[data-v-41893e38]::-webkit-scrollbar{width:0!important;height:0!important;display:none}.account-box .account-item[data-v-41893e38]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;-ms-flex-item-align:stretch;align-self:stretch;border-radius:3px;position:relative;cursor:pointer}.account-active[data-v-41893e38]{background:#ececed}.account-item img[data-v-41893e38]{width:48px;height:48px;aspect-ratio:1;border-radius:3px;background:url(<path-to-image>) #d3d3d3 50%/cover no-repeat}.account-item .account-name[data-v-41893e38]{color:#303548;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:20px;max-width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-item .message-time[data-v-41893e38]{color:#86909c;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.account-active .message-time[data-v-41893e38]{opacity:.6}.account-item .account-message[data-v-41893e38]{width:100%;white-space:nowrap;overflow:hidden;color:#86909c;text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.account-active .account-message[data-v-41893e38]{opacity:.6}.message-num[data-v-41893e38]{position:absolute;left:47px;top:2px;color:#fff;display:inline-block;width:16px;height:16px;border-radius:50%;font-size:12px;text-align:center;line-height:16px;background:#ff4e00}.right-content-box[data-v-41893e38]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-item-align:stretch;align-self:stretch;border-radius:6px;border:1px solid #e3e3e3;background:#f8fafb;height:100%;overflow:hidden}.right-content-box .selected-name[data-v-41893e38]{color:#303548;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:22px}.send-box[data-v-41893e38] textarea.ant-input{border-radius:3px;padding:12px}.send-button[data-v-41893e38]{color:#fff;background:var(--theme-color)}.upload-button[data-v-41893e38] .ant-btn{height:40px;line-height:40px}.chat-content[data-v-41893e38]{width:100%;padding:16px;border-radius:3px;background:#fff;height:calc(100% - 150px);overflow-y:auto}.chat-content.no-content[data-v-41893e38]{height:100%;overflow:hidden}.chat-item[data-v-41893e38]{width:100%;background:#fff}.chat-item .chat-time[data-v-41893e38]{width:100%;text-align:center;color:#86909c;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:18px;padding:16px 0}.chat-item .left-content[data-v-41893e38],.chat-item .right-content[data-v-41893e38]{display:-webkit-box;display:-ms-flexbox;display:flex}.chat-item .right-content[data-v-41893e38]{width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.chat-item .avatar[data-v-41893e38]{width:48px;height:48px;border-radius:3px}.chat-item .chat-text[data-v-41893e38]{max-width:340px;padding:8px;border-radius:3px}.left-content .chat-text[data-v-41893e38]{background:#ececed}.right-content .chat-text[data-v-41893e38]{background:var(--theme-color)}[data-v-41893e38] .ant-upload-list{display:none}.send-button[data-v-41893e38]:active{-webkit-transform:scale(.8);transform:scale(.8)}.send-button.clicked[data-v-41893e38]{-webkit-animation:click-bounce-41893e38 1s;animation:click-bounce-41893e38 1s}@-webkit-keyframes click-bounce-41893e38{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes click-bounce-41893e38{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}[data-v-41893e38]::-webkit-scrollbar{width:8px;height:12px}[data-v-41893e38]::-webkit-scrollbar-track{background:#fff;border-radius:10px}[data-v-41893e38]::-webkit-scrollbar-thumb{background:#b8c1ce;border-radius:10px}[data-v-41893e38]::-webkit-scrollbar-thumb:hover{background:#555}[data-v-41893e38]::-webkit-scrollbar-button{display:none}[data-v-41893e38]::-webkit-scrollbar-corner{background:#f1f1f1}