.mention-wrapper[data-v-9001fb03]{position:relative;width:100%}.mention-input[data-v-9001fb03]{background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:4px;color:var(--el-text-color-primary);font-family:inherit;font-size:14px;line-height:1.5;min-height:80px;outline:none;padding:8px 12px;resize:unset;transition:border-color .2s;width:100%}.mention-input[data-v-9001fb03]:hover{border-color:var(--el-border-color-hover)}.mention-input[data-v-9001fb03]:focus{border-color:var(--el-color-primary)}.mention-input[data-v-9001fb03]:disabled{background-color:var(--el-fill-color-light);color:var(--el-text-color-disabled);cursor:not-allowed}.mention-input[data-v-9001fb03]::-moz-placeholder{color:var(--el-text-color-placeholder)}.mention-input[data-v-9001fb03]::placeholder{color:var(--el-text-color-placeholder)}.mention-dropdown[data-v-9001fb03]{background-color:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:4px;box-shadow:var(--el-box-shadow-light);min-width:180px;overflow-y:auto;position:absolute;width:200px;z-index:9999}.mention-dropdown__item[data-v-9001fb03]{color:var(--el-text-color-regular);cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.mention-dropdown__item--selected[data-v-9001fb03],.mention-dropdown__item[data-v-9001fb03]:hover{background-color:var(--el-fill-color-light);color:var(--el-color-primary)}.mention-dropdown__item[data-v-9001fb03]:active{background-color:var(--el-fill-color)}.mention-dropdown__empty[data-v-9001fb03],.mention-dropdown__loading[data-v-9001fb03]{align-items:center;color:var(--el-text-color-secondary);display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px;text-align:center}.mention-dropdown__loading .el-icon[data-v-9001fb03]{font-size:16px}.commentInputBox[data-v-648d65f1]{background-color:var(--app-grey-900);border-radius:5px;color:var(--app-grey-950);padding:var(--app-space-xs)}.commentInputBox[data-v-648d65f1] textarea{background-color:unset;border:unset;box-shadow:unset}.commentInputBox_ribbon[data-v-648d65f1]{text-align:right}.commentCard[data-v-8ade437c]{display:grid;grid-template-columns:min-content 1fr min-content;grid-template-rows:repeat(4,min-content);padding:var(--app-space-xs) var(--app-space-xs) var(--app-space-xs) 0;grid-column-gap:var(--app-space-xs);grid-row-gap:0;position:relative}.commentCard_avatars[data-v-8ade437c]{align-self:center;background-color:var(--app-primary-color);border-radius:50%;color:var(--app-grey-950);grid-area:1/1/3/2;height:2.2rem;line-height:2.2rem;text-align:center;width:2.2rem}.commentCard_text[data-v-8ade437c]{color:var(--app-grey-950);font-style:normal;font-weight:400;grid-area:3/2/4/4;line-height:1.5rem}.commentCard_text>span[data-v-8ade437c]{white-space:break-spaces;word-break:break-word}.commentCard_text_to[data-v-8ade437c]{color:var(--app-grey-700)}.commentCard_name[data-v-8ade437c]{font-size:var(--app-font-size-m);font-weight:700;grid-area:1/2/2/3}.commentCard_date[data-v-8ade437c]{color:var(--app-grey-200);font-size:var(--app-font-size-s);font-weight:400;grid-area:2/2/3/3}.commentCard_ribbon[data-v-8ade437c]{align-items:center;display:flex;height:32px;position:absolute;right:10px;top:10px}.commentCard_ribbon_reply[data-v-8ade437c],.commentCard_ribbon_replyNum[data-v-8ade437c]{outline:unset;padding:unset;white-space:nowrap}.commentCard_ribbon_reply>span[data-v-8ade437c],.commentCard_ribbon_replyNum>span[data-v-8ade437c]{margin-left:unset!important}.commentCard_ribbon_reply[data-v-8ade437c]{display:none}.commentCard_ribbon_replyNum[data-v-8ade437c]{color:var(--app-grey-200)}.commentCard_ribbon .el-button+.el-button[data-v-8ade437c]{margin-left:var(--app-input-padding)}.commentCard_slot[data-v-8ade437c]{margin:var(--app-space-xs) var(--app-space-xs) var(--app-space-xs) 2rem}.commentCard:hover .commentCard_ribbon_reply[data-v-8ade437c]{display:block}.commentCard_mention[data-v-8ade437c],[data-v-8ade437c] .commentCard_mention{color:var(--app-primary-color);font-weight:700}.rotateFirst[data-v-8ade437c] .el-icon{transform:rotate(180deg);transition:all .5s}.rotateLast[data-v-8ade437c] .el-icon{transition:all .5s}.commentCard_text[data-v-8ade437c]{color:var(--app-grey-050);-webkit-user-select:text;-moz-user-select:text;user-select:text}.highlight-comments[data-v-8ade437c]{background:var(--app-grey-700);border-radius:8px;color:#fff}