.CommunityPost{margin:20px 0}.CommunityPost .first_loading{height:80vh;padding:20px 0}.community_post_section{position:relative}.comments_title{padding:20px var(--padding-width);flex-wrap:wrap;align-items:center;display:flex}.comments_title .comments_count{color:var(--text-sub-color);white-space:nowrap;margin:0 14px;font-size:16px}.comments_main{padding:0 var(--padding-width)}.comments_tools_box{padding:14px var(--padding-width);background:var(--dialog-color);border-radius:var(--border-radius);bottom:var(--sticky-bottom);position:sticky}.comments_tools{justify-content:flex-start;align-items:center;display:flex}.comments_tools .Pagination{width:unset}.comments_tools_num{white-space:nowrap}.comments_tools_button{justify-content:flex-end;align-items:center;margin-left:auto;display:flex}.comments_tools_button span{padding-right:30px;transition:all .2s}.comments_tools_button svg{opacity:.3;width:40px;height:40px;fill:var(--main-color);transition:all .2s;position:absolute}.pc_browser .comments_tools_button:hover svg{opacity:.5}.write_comment_dialog{width:600px}.add_comment_character{align-items:center;margin-bottom:20px;display:flex}.add_comment_character .character_name{color:var(--main-color);font-size:16px;font-weight:700}.add_comment_character .character_cid{text-transform:lowercase;color:var(--text-sub-color);margin-top:6px;font-size:14px}.add_comment_character .KAvatar{flex-shrink:0;margin-right:10px}.add_comment_character .kbutton{width:max-content;margin-left:10px}.add_comment_text textarea{height:200px}.add_comment_reply_target{background-color:var(--section-inside-color);box-sizing:border-box;border-radius:var(--border-radius);width:100%;margin-bottom:20px;padding:20px}.add_comment_reply_target_character_name{color:var(--main-color);margin-bottom:10px;font-weight:700}.add_comment_new_character{border:1px solid var(--border-light-color);border-radius:var(--border-radius);margin-bottom:20px;padding:14px}.add_comment_new_character_row{text-align:center;margin-bottom:20px;line-height:1.6}.add_comment_actions{justify-content:flex;margin-top:10px;display:flex}.add_comment_actions .add_comment_action_btn{cursor:pointer;width:40px;height:32px;fill:var(--text-sub-color-opaque);background-color:var(--section-inside-color);border-radius:10px;justify-content:center;align-items:center;margin-right:10px;padding:4px;transition:all .2s;display:flex}.add_comment_actions .add_comment_action_btn:hover{background:var(--main-color-alpha);fill:var(--main-color)}.add_comment_actions .add_comment_action_btn svg{width:100%;height:100%}.add_images_dialog{width:400px}.add_images_dialog .form_buttons_row{justify-content:flex-end;margin-top:10px}.add_comments_attachments{flex-wrap:wrap;margin-top:10px;display:flex}.add_comments_attachments .attachment_item{background-color:var(--section-inside-color);border-radius:10px;width:100px;height:100px;margin-bottom:10px;margin-right:10px;position:relative}.add_comments_attachments .attachment_item .remove_attachment{box-sizing:border-box;cursor:pointer;background-color:var(--section-inside-color);width:20px;height:20px;fill:var(--text-sub-color-opaque);border-radius:50%;justify-content:center;align-items:center;padding:3px;transition:all .2s;display:flex;position:absolute;top:-4px;right:-4px}.add_comments_attachments .attachment_item .remove_attachment:hover{background-color:var(--danger-color-alpha);fill:var(--danger-color)}.add_comments_attachments .attachment_item .remove_attachment svg{width:100%;height:100%}.add_comments_attachments .attachment_item .image_attachment{border-radius:10px;width:100%;height:100%;overflow:hidden}.add_comments_attachments .attachment_item .image_attachment img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.add_comments_attachments .attachment_item .add_image_attachment{cursor:pointer;width:100%;height:100%;fill:var(--text-sub-color-opaque);background-color:#fff0;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.add_comments_attachments .attachment_item .add_image_attachment svg{width:40px;height:40px}.add_comments_attachments .attachment_item .add_image_attachment:hover{background-color:var(--main-color-alpha);fill:var(--main-color)}.delete_dialog{width:600px}.delete_dialog .comment_warning{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.delete_dialog .comment_warning svg{width:28px;height:28px;fill:var(--danger-color);flex-shrink:0;margin-right:4px}.delete_dialog .comment_warning p{color:var(--danger-color);line-height:1.5}.comments_loading{background-color:rgba(var(--page-background-rgb),.8);border-radius:inherit;position:absolute;inset:0}.comments_loading .comments_loading_icon_box{padding:40px 20px;position:sticky;top:50px}.active_animation .comment_transition-enter-active,.active_animation .comment_transition-leave-active{transition:all .5s;display:grid}.active_animation .comment_transition-enter-from,.active_animation .comment_transition-leave-to{opacity:0;grid-template-rows:0fr}.active_animation .comment_transition-enter-to,.active_animation .comment_transition-leave-from{opacity:1;grid-template-rows:1fr}.active_animation .comment_empty_transition-enter-active,.active_animation .comment_empty_transition-leave-active{transition:all .5s;overflow:hidden}.active_animation .comment_empty_transition-enter-from,.active_animation .comment_empty_transition-leave-to{opacity:0;margin-top:-154px;transform:scale(0)}.active_animation .comment_empty_transition-enter-to,.active_animation .comment_empty_transition-leave-from{opacity:1;margin-top:0}.agree_link{color:var(--text-sub-color);margin-top:4px;margin-left:64px;font-size:13px;line-height:1.6}.user_dialog .dialog_content_box{padding:0}.comment_need_character .top_text{color:var(--text-sub-color);line-height:1.5}.comment_need_character .options_row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:20px;display:grid}.comment_need_character .option_item{background-color:var(--section-inside-color);border-radius:var(--border-radius);padding:20px;transition:all .2s}.pc_browser .comment_need_character .option_item:hover{background:var(--main-color-alpha)}.comment_need_character .option_item h4{color:var(--main-color);font-size:18px}.comment_need_character .option_item p{color:var(--text-sub-color);margin-top:10px;font-size:14px;line-height:1.5}