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