@charset "UTF-8";.chat-emotion[data-v-514a2d4e]{position:fixed;width:425px;box-sizing:border-box;padding:5px;background-color:#fff;box-shadow:var(--im-box-shadow-lighter);border-radius:6px;display:flex;flex-direction:column}.chat-emotion .emotion-scroll[data-v-514a2d4e]{height:220px}.chat-emotion .emotion-section[data-v-514a2d4e]{padding-bottom:8px}.chat-emotion .emotion-items[data-v-514a2d4e]{display:flex;flex-wrap:wrap;gap:5px}.chat-emotion .emotion-items .emotion-item[data-v-514a2d4e]{text-align:center;cursor:pointer;padding:2px}.chat-emotion .sticker-items[data-v-514a2d4e]{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;margin-top:6px}.chat-emotion .sticker-items .sticker-item[data-v-514a2d4e]{width:56px;height:72px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;padding:4px 4px 6px}.chat-emotion .sticker-items .sticker-item img[data-v-514a2d4e]{width:48px;height:48px}.chat-emotion .sticker-items .sticker-item .sticker-name[data-v-514a2d4e]{margin-top:4px;font-size:var(--im-font-size-smaller);color:var(--im-text-color-light);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-emotion .sticker-items .sticker-item[data-v-514a2d4e]:hover{transform:scale(1.05);background:var(--im-background-active-dark)}.chat-emotion .sticker-items .sticker-item.upload-item[data-v-514a2d4e]{background:var(--im-background-light)}.chat-emotion .sticker-items .sticker-item.upload-item .upload-btn[data-v-514a2d4e]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--im-background-active-dark);border:var(--im-border)}.chat-emotion .sticker-items .sticker-item.upload-item .upload-btn i[data-v-514a2d4e]{font-size:24px;color:var(--im-text-color-light)}.chat-emotion .sticker-empty[data-v-514a2d4e]{text-align:center;color:var(--im-text-color-light);font-size:var(--im-font-size-smaller);padding:12px 0}.chat-emotion .search-box[data-v-514a2d4e]{margin-bottom:8px}.chat-emotion .search-box[data-v-514a2d4e] .el-input__inner{height:30px}.chat-emotion .album-bar-wrapper[data-v-514a2d4e]{display:flex;align-items:center;margin-top:6px;padding-top:10px;padding-bottom:5px;border-top:var(--im-border);gap:10px}.chat-emotion .album-bar-wrapper .album-arrow[data-v-514a2d4e]{width:28px;height:28px;border-radius:50%;border:1px solid #dcdfe6;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--im-text-color-light);cursor:pointer;transition:all .2s}.chat-emotion .album-bar-wrapper .album-arrow i[data-v-514a2d4e]{font-size:16px}.chat-emotion .album-bar-wrapper .album-arrow[data-v-514a2d4e]:hover{color:var(--im-color-primary);border-color:var(--im-color-primary)}.chat-emotion .album-bar-wrapper .album-arrow[data-v-514a2d4e]:disabled{opacity:.4;cursor:not-allowed}.chat-emotion .album-bar-wrapper .album-bar[data-v-514a2d4e]{flex:1;display:flex;flex-wrap:nowrap;gap:18px;cursor:pointer}.chat-emotion .album-bar-wrapper .album-bar .album-item[data-v-514a2d4e]{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:0;transition:all .2s}.chat-emotion .album-bar-wrapper .album-bar .album-item img[data-v-514a2d4e]{width:26px;height:26px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat-emotion .album-bar-wrapper .album-bar .album-item .album-item-icon[data-v-514a2d4e]{display:flex;align-items:center;justify-content:center;font-size:0;line-height:1;width:24px;height:24px}.chat-emotion .album-bar-wrapper .album-bar .album-item .album-item-icon i[data-v-514a2d4e]{font-size:24px}.chat-emotion .album-bar-wrapper .album-bar .album-item.active[data-v-514a2d4e]{background:#e8f3ff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.chat-emotion .album-bar-wrapper .album-bar .album-item[data-v-514a2d4e]:hover{background:#e0e7ff}.chat-emotion .preview-box[data-v-514a2d4e]{position:absolute;width:120px;height:120px;padding:6px;background:rgba(0,0,0,.75);border-radius:8px;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 10px 20px rgba(0,0,0,.2)}.chat-emotion .preview-box img[data-v-514a2d4e]{max-width:100%;max-height:100%}.chat-record{text-align:center}.chat-record .tip{font-size:18px}.chat-record .btn-group{margin-bottom:20px}.chat-at-box[data-v-d9ee3e18]{position:fixed;width:200px;height:300px;background-color:#fff;box-shadow:var(--im-box-shadow);border-radius:6px;overflow:hidden}.no-data-tip{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.no-data-tip .image{height:256px}.no-data-tip .text{text-align:center;font-size:var(--im-font-size);color:var(--im-text-color-light);margin-top:5px}.chat-input-area{width:100%;height:100%;position:relative}.chat-input-area .input-placeholder{position:absolute;top:8px;left:20px;color:var(--im-text-color-lighter);pointer-events:none;font-size:var(--im-font-size);line-height:26px}.chat-input-area .edit-container{position:absolute;top:0;left:0;right:0;bottom:0;outline:none;padding:8px 12px 0 20px;line-height:26px;font-size:var(--im-font-size);text-align:left;overflow-y:auto;white-space:pre-wrap}.chat-input-area .edit-container>div:before{content:" ";font-size:14px;position:absolute;top:0;left:0}.chat-input-area .edit-container .chat-image{display:block;max-width:200px;max-height:100px;border:1px solid #e6e6e6;cursor:pointer}.chat-input-area .edit-container .chat-file-container{max-width:65%;padding:10px;border:2px solid #587ff0;display:flex;background:hsla(0,0%,93.3%,.8);border-radius:10px}.chat-input-area .edit-container .chat-file-container .file-position-left{display:flex;width:80px;justify-content:center;align-items:center}.chat-input-area .edit-container .chat-file-container .file-position-left .el-icon-document{font-size:40px;text-align:center;color:#d42e07}.chat-input-area .edit-container .chat-file-container .file-position-right{flex:1}.chat-input-area .edit-container .chat-file-container .file-position-right .file-name{font-size:16px;font-weight:600;color:#66b1ff}.chat-input-area .edit-container .chat-file-container .file-position-right .file-size{font-size:14px;font-weight:600}.chat-input-area .edit-container .chat-at-user{color:#00f;border-radius:3px}