.mention-component[data-v-e6d20e4b]{width:100%}.mention-component[data-v-e6d20e4b] .el-popper{padding-right:0}.mention-title[data-v-e6d20e4b]{color:var(--text-color-primary);font-size:16px;font-weight:600}.input-wrapper[data-v-e6d20e4b]{position:relative}.mention-btn[data-v-e6d20e4b]{cursor:pointer}.mention-btn .iconfont[data-v-e6d20e4b]{font-size:20px}.search-box[data-v-e6d20e4b]{margin-right:16px;margin-top:15px}.metion-user-list[data-v-e6d20e4b]{margin-bottom:36px}.friend-item[data-v-e6d20e4b]{cursor:pointer}.friend-check[data-v-e6d20e4b]{border-bottom:1px solid var(--split-line-color);border-radius:5px;display:flex;flex-direction:row-reverse;gap:8px;justify-content:space-between;padding:12px 16px 12px 0;width:calc(100% - 8px);word-break:break-all}.friend-check[data-v-e6d20e4b] .el-checkbox__label{flex:1}.friend-check .user-role[data-v-e6d20e4b]{color:var(--text-color-info);display:flex;flex:1;font-size:12px;justify-content:flex-end;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.friend-item[data-v-e6d20e4b]:hover{background-color:#f5f7fa}.friend-info[data-v-e6d20e4b]{align-items:center;display:flex;gap:4px}.at-confirm-btn[data-v-e6d20e4b]{background:var(--bg-page-back);border:none;border-radius:4px;bottom:16px;box-sizing:border-box;flex-basis:60px;font-size:14px;height:36px;padding:0;position:absolute;width:calc(100% - 32px);z-index:1}.at-confirm-btn[data-v-e6d20e4b]:hover,.confirm-active[data-v-e6d20e4b]{background-color:var(--primary-color);color:var(--color-white)}[data-v-e6d20e4b]::-webkit-scrollbar-button{display:none}@use "~/assets/style/elCustome.less" as element;@use "~/assets/style/theme.less" as *;.mention-drawer[data-v-22d1f9f9]{left:0;position:fixed;top:0;width:100vw;z-index:2001}.mention-box[data-v-22d1f9f9],.mention-drawer[data-v-22d1f9f9]{background:var(--color-white);height:100vh}.mention-box[data-v-22d1f9f9]{margin:0 auto}.mention-box .search-box[data-v-22d1f9f9]{align-items:center;display:flex;justify-content:space-between;margin:24px 24px 16px}.mention-box .search-box[data-v-22d1f9f9] .el-input{background:var(--bg-page-back)!important;border-radius:4px}.mention-box .search-box>span[data-v-22d1f9f9]{color:var(--text-color-info);cursor:pointer;font-size:14px;text-align:right;width:60px}.mention-box .search-box[data-v-22d1f9f9] .el-input__wrapper{background:var(--fill-light);border:none;box-shadow:none}.mention-box .friend-item[data-v-22d1f9f9]{cursor:pointer}.mention-box .friend-item .friend-check[data-v-22d1f9f9]{border-bottom:1px solid var(--split-line-color);border-radius:5px;display:flex;flex-direction:row-reverse;gap:8px;justify-content:space-between;padding:0 24px;word-break:break-all}.mention-box .friend-item .friend-check[data-v-22d1f9f9] .el-checkbox__label{flex:1}.mention-box .friend-item .friend-check .user-role[data-v-22d1f9f9]{color:var(--text-color-info);display:flex;flex:1;font-size:12px;justify-content:flex-end;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.mention-box .friend-item .friend-info[data-v-22d1f9f9]{align-items:center;display:flex;gap:4px}.mention-box .friend-item[data-v-22d1f9f9]:hover{background-color:#f5f7fa}.mention-box .at-confirm-btn[data-v-22d1f9f9]{border-radius:4px;bottom:28px;font-size:14px;height:32px;margin:0 24px;position:fixed;width:calc(100% - 48px);z-index:11}.mention-box .confirm-active[data-v-22d1f9f9]{background-color:var(--primary-color);color:var(--color-white)}.mention-btn .iconfont[data-v-22d1f9f9]{font-size:20px}