.moji-container[data-v-5c99cda5]{position:fixed;left:0;top:0;display:flex;flex-direction:column;width:376px;height:327px;padding:12px 5px;background:var(--elevation-high-background);box-shadow:var(--elevation-high-shadow);border-radius:12px;animation:fadeIn-5c99cda5 .2s;overflow:scroll;z-index:10000}.tab-name[data-v-5c99cda5]{padding-left:10px;font-size:12px;line-height:17px}.tab-content[data-v-5c99cda5]{display:flex;flex-wrap:wrap}.item[data-v-5c99cda5]{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;cursor:pointer;border-radius:8px;transition:all .2s}.item[data-v-5c99cda5]:hover{background:$olor-active-background}img[data-v-5c99cda5]{max-width:32px;max-height:32px}.hover-moji[data-v-5c99cda5]{position:fixed;left:0;top:0;width:72px;height:88px;background:var(--color-background);border-radius:8px;display:none;filter:var(--elevation-high-shadow-filter);z-index:10000;transition:all .2s;pointer-events:none}.hover-moji img[data-v-5c99cda5]{max-width:48px;max-height:48px;display:flex;margin:8px auto}.triangle[data-v-5c99cda5]{display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid transparent;border-top:6px solid var(--color-border);position:absolute;left:30px;top:88px}.hover-name[data-v-5c99cda5]{width:48px;font-size:12px;line-height:16px;text-align:center;color:var(--color-primary-label);margin:auto}@keyframes fadeIn-5c99cda5{0%{opacity:0;transform:translate(-19px,calc(-100%))}100%{opacity:1;transform:translate(-19px,calc(-100% - 20px))}}
.mention-select-container[data-v-d26602f2]{position:absolute;width:376px;height:160px;padding:20px 16px;background:var(--elevation-high-background);box-shadow:var(--elevation-high-shadow);border-radius:12px;overflow:auto;display:none}.mention-select-container.new[data-v-d26602f2]{width:250px;position:fixed;padding:4px;left:0;top:0}.mention-select-container.active[data-v-d26602f2]{z-index:99;opacity:1;transform:translate(-19px,calc(-100% - 10px));animation:mention-show-d26602f2 .2s;display:block}.mention-select-container.close[data-v-d26602f2]{opacity:0;z-index:-1;transform:translate(-19px,calc(-100%));animation:mention-hide-d26602f2 .2s}[data-v-d26602f2] .mention-container ul{margin:0;padding:0;display:flex;flex-wrap:wrap;height:128px}[data-v-d26602f2] .mention-container li{margin:0;list-style:none;margin-bottom:20px;margin-left:2px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;width:67px;height:74px;flex:0 0 auto;cursor:pointer}[data-v-d26602f2] .mention-container li:first-child{margin-left:0}[data-v-d26602f2] .mention-container li:nth-child(6n){margin-left:0}[data-v-d26602f2] .mention-container li .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:67px;font-size:12px;line-height:18px;text-align:center;color:var(--color-primary-label)}[data-v-d26602f2] .mention-container li img{width:40px;height:40px;border-radius:50%}[data-v-d26602f2] .mention-container-new ul{margin:0;padding:0;display:flex;flex-wrap:wrap;height:128px}[data-v-d26602f2] .mention-container-new li{margin:0;list-style:none;display:flex;align-items:center;justify-content:flex-start;padding:8px;width:100%;height:40px;flex:0 0 auto;cursor:pointer}[data-v-d26602f2] .mention-container-new li:hover{opacity:.8}[data-v-d26602f2] .mention-container-new li .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;text-align:center;color:var(--color-primary-label)}[data-v-d26602f2] .mention-container-new li img{width:24px;height:24px;border-radius:50%;margin-right:8px}@keyframes mention-show-d26602f2{from{opacity:0;z-index:-1;transform:translate(-19px,calc(-100%));display:block}to{z-index:99;opacity:1;transform:translate(-19px,calc(-100% - 10px))}}@keyframes mention-hide-d26602f2{0%{z-index:99;opacity:1;transform:translate(-19px,calc(-100% - 10px));display:block}100%{opacity:0;z-index:-1;transform:translate(-19px,calc(-100%))}}.content-input[data-v-d26602f2]{cursor:text;caret-color:var(--color-red);margin:0;width:100%;min-height:40px;max-height:100px;background-color:var(--color-active-background);border:none;border-radius:4px;padding:9px 16px;border-radius:20px;outline:none;overflow-y:auto;text-rendering:optimizeLegibility;word-break:break-all;white-space:break-spaces;font-size:16px;line-height:22px;color:var(--color-primary-label)}.content-input[data-v-d26602f2] a{color:var(--color-link)}
.not-active[data-v-c6e6457a]{cursor:text;width:100%;padding-left:8px}.not-active .inner[data-v-c6e6457a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;justify-content:flex-start;color:var(--color-tertiary-label);font-size:14px}.not-active .inner .icon[data-v-c6e6457a]{margin-right:6px;width:24px;height:24px;border-radius:12px;overflow:hidden;color:var(--color-quaternary-label)}
.emoji-area[data-v-68de07ac]{padding-right:8px;display:flex;align-items:center;justify-content:center;justify-content:space-evenly;height:40px;width:120px}.emoji-area .click-area[data-v-68de07ac]{width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center}.emoji-area .click-area .emoji[data-v-68de07ac]{height:20px;width:20px}
.engage-bar[data-v-64f12a14]{position:relative}.engage-bar .reply-content[data-v-64f12a14]{margin-bottom:12px;padding:0 16px;line-height:16px}.engage-bar .reply-content .reply[data-v-64f12a14]{color:var(--color-tertiary-label);font-size:14px}.engage-bar .reply-content .content[data-v-64f12a14]{color:var(--color-secondary-label);font-size:14px;width:100%;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.engage-bar .input-box[data-v-64f12a14]{display:flex;align-items:center;margin-bottom:16px;transition:all .2s}.engage-bar .input-box .content-edit[data-v-64f12a14]{flex:1;position:relative;min-width:70px}.engage-bar .input-box .content-edit .inner-when-not-active[data-v-64f12a14]{position:absolute;height:100%;display:flex;align-items:center;justify-content:center;left:0;top:0}.engage-bar .input-box .content-edit .recent-emoji[data-v-64f12a14]{position:absolute;right:0;top:0}.engage-bar .input-box .interact-container[data-v-64f12a14]{width:auto;margin-right:0;transition:all .2s;opacity:1}.engage-bar .bottom[data-v-64f12a14]{overflow:hidden;transition:all .2s;height:0;opacity:0}.engage-bar .bottom .bottom-inner[data-v-64f12a14]{width:100%;height:40px;display:flex;align-items:center;justify-content:center;justify-content:space-between}.engage-bar .bottom .bottom-inner .left-icon-area[data-v-64f12a14]{display:flex;align-items:center;justify-content:center}.engage-bar .bottom .bottom-inner .left-icon-area svg[data-v-64f12a14]{padding:10px;cursor:pointer;width:40px;height:40px}.engage-bar .bottom .bottom-inner .left-icon-area .icon[data-v-64f12a14]{color:var(--color-secondary-label);width:40px;height:40px;border-radius:20px}.engage-bar .bottom .bottom-inner .left-icon-area .icon[data-v-64f12a14]:hover{color:var(--color-primary-label);background:var(--color-active-background)}.engage-bar .bottom .bottom-inner .right-btn-area[data-v-64f12a14]{display:flex;align-items:center;justify-content:center}.engage-bar .bottom .bottom-inner .right-btn-area .btn[data-v-64f12a14]{margin-left:8px;width:64px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;border-radius:44px;font-size:16px;font-weight:600}.engage-bar .bottom .bottom-inner .right-btn-area .btn.submit[data-v-64f12a14]{color:var(--color-white);font-weight:600;background:var(--color-red)}.engage-bar .bottom .bottom-inner .right-btn-area .btn.cancel[data-v-64f12a14]{border:1px solid var(--color-border);color:var(--color-secondary-label)}.engage-bar .bottom .bottom-inner .right-btn-area .btn.cancel[data-v-64f12a14]:hover{background:var(--color-active-background);color:var(--color-primary-label)}.engage-bar .bottom .bottom-inner .right-btn-area .btn[disabled][data-v-64f12a14]{opacity:.5}.engage-bar.active .interact-container[data-v-64f12a14]{margin-right:var(--d6cd0722);visibility:hidden;opacity:0}.engage-bar.active .bottom[data-v-64f12a14]{height:56px;opacity:1}.engage-bar.active .input-box[data-v-64f12a14]{margin-bottom:8px}.fade-enter-active[data-v-64f12a14]{transition:all .3s}.fade-enter-from[data-v-64f12a14],.fade-leave-to[data-v-64f12a14]{opacity:0}

/*# sourceMappingURL=https://picasso-private-1251524319.cos.ap-shanghai.myqcloud.com/data/formula-static/formula/xhs-pc-web/937.de1aa713.css.map*/