From 6ac2822c732b08a89b7a7d3e3cbc349eb62bce47 Mon Sep 17 00:00:00 2001 From: FloatingGhost Date: Tue, 14 Jun 2022 17:29:41 +0100 Subject: [PATCH] update fe --- priv/static/index.html | 2 +- .../css/app.ab6cb01d5b0b782e7457.css.map | 1 - ...e7457.css => app.ff49eba8c60fb923a345.css} | Bin 151889 -> 151869 bytes .../css/app.ff49eba8c60fb923a345.css.map | 1 + ...dab2e4c.js => app.ac6a5ffb0464738cd624.js} | Bin 671280 -> 671280 bytes ...js.map => app.ac6a5ffb0464738cd624.js.map} | Bin 1677334 -> 1677334 bytes priv/static/static/mfm.css | Bin 4151 -> 4105 bytes priv/static/sw-pleroma.js | Bin 187820 -> 187820 bytes rel/env.sh.eex | 12 -- rel/files/bin/pleroma_ctl | 159 ------------------ rel/files/installation/init.d/pleroma | 21 --- rel/files/installation/pleroma.service | 36 ---- rel/vm.args.eex | 11 -- 13 files changed, 2 insertions(+), 241 deletions(-) delete mode 100644 priv/static/static/css/app.ab6cb01d5b0b782e7457.css.map rename priv/static/static/css/{app.ab6cb01d5b0b782e7457.css => app.ff49eba8c60fb923a345.css} (99%) create mode 100644 priv/static/static/css/app.ff49eba8c60fb923a345.css.map rename priv/static/static/js/{app.e8949b9a3c7cfdab2e4c.js => app.ac6a5ffb0464738cd624.js} (99%) rename priv/static/static/js/{app.e8949b9a3c7cfdab2e4c.js.map => app.ac6a5ffb0464738cd624.js.map} (99%) delete mode 100644 rel/env.sh.eex delete mode 100755 rel/files/bin/pleroma_ctl delete mode 100755 rel/files/installation/init.d/pleroma delete mode 100644 rel/files/installation/pleroma.service delete mode 100644 rel/vm.args.eex diff --git a/priv/static/index.html b/priv/static/index.html index ea41fd795..b74a294de 100644 --- a/priv/static/index.html +++ b/priv/static/index.html @@ -1 +1 @@ -Pleroma
\ No newline at end of file +Pleroma
\ No newline at end of file diff --git a/priv/static/static/css/app.ab6cb01d5b0b782e7457.css.map b/priv/static/static/css/app.ab6cb01d5b0b782e7457.css.map deleted file mode 100644 index 0566787bc..000000000 --- a/priv/static/static/css/app.ab6cb01d5b0b782e7457.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack:///./src/components/login_form/login_form.vue?0143","webpack:///./src/components/media_upload/media_upload.vue?b948","webpack:///./src/components/scope_selector/scope_selector.vue?b42e","webpack:///./src/components/checkbox/checkbox.vue?2c56","webpack:///./src/components/emoji_picker/emoji_picker.scss","webpack:///./src/components/emoji_input/emoji_input.vue?b70f","webpack:///./src/components/select/select.vue?0972","webpack:///./src/components/poll/poll_form.vue?4e05","webpack:///./src/components/still-image/still-image.vue?d62b","webpack:///./src/components/flash/flash.vue?8680","webpack:///./src/components/attachment/attachment.scss","webpack:///./src/components/gallery/gallery.vue?28da","webpack:///./src/components/user_avatar/user_avatar.vue?1437","webpack:///./src/components/mention_link/mention_link.scss","webpack:///./src/components/mentions_line/mentions_line.scss","webpack:///./src/components/hashtag_link/hashtag_link.scss","webpack:///./src/components/rich_content/rich_content.scss","webpack:///./src/components/poll/poll.vue?63e7","webpack:///./src/components/status_body/status_body.scss","webpack:///./src/components/link-preview/link-preview.vue?ae49","webpack:///./src/components/status_content/status_content.vue?02f4","webpack:///./src/components/post_status_form/post_status_form.vue?e8f7","webpack:///./src/components/remote_follow/remote_follow.vue?695f","webpack:///./src/components/dialog_modal/dialog_modal.vue?d035","webpack:///./src/components/popover/popover.vue?d601","webpack:///./src/components/moderation_tools/moderation_tools.vue?0d1a","webpack:///./src/components/account_actions/account_actions.vue?059b","webpack:///./src/components/user_card/user_card.scss","webpack:///./src/components/user_panel/user_panel.vue?d3c4","webpack:///./src/components/nav_panel/nav_panel.vue?2f93","webpack:///./src/components/features_panel/features_panel.vue?bb75","webpack:///./src/components/who_to_follow_panel/who_to_follow_panel.vue?3ce6","webpack:///./src/components/shout_panel/shout_panel.vue?80b8","webpack:///./src/components/modal/modal.vue?941f","webpack:///./src/components/panel_loading/panel_loading.vue?bd27","webpack:///./src/components/async_component_error/async_component_error.vue?3398","webpack:///./src/components/settings_modal/settings_modal.scss","webpack:///./src/components/media_modal/media_modal.vue?629c","webpack:///./src/components/side_drawer/side_drawer.vue?d1fd","webpack:///./src/components/mobile_post_status_button/mobile_post_status_button.vue?53e4","webpack:///./src/components/reply_button/reply_button.vue?b99a","webpack:///./src/components/favorite_button/favorite_button.vue?6a3c","webpack:///./src/components/react_button/react_button.vue?a9f8","webpack:///./src/components/retweet_button/retweet_button.vue?b1bb","webpack:///./src/components/extra_buttons/extra_buttons.vue?bd78","webpack:///./src/components/avatar_list/avatar_list.vue?4e4a","webpack:///./src/components/status_popover/status_popover.vue?0929","webpack:///./src/components/user_list_popover/user_list_popover.vue?787c","webpack:///./src/components/emoji_reactions/emoji_reactions.vue?235c","webpack:///./src/components/status/status.scss","webpack:///./src/components/notification/notification.scss","webpack:///./src/components/notifications/notification_filters.vue?603c","webpack:///./src/components/notifications/notifications.scss","webpack:///./src/components/mobile_nav/mobile_nav.vue?6393","webpack:///./src/components/search_bar/search_bar.vue?12c6","webpack:///./src/components/desktop_nav/desktop_nav.scss","webpack:///./src/components/list/list.vue?9770","webpack:///./src/components/user_reporting_modal/user_reporting_modal.vue?40b9","webpack:///./src/components/post_status_modal/post_status_modal.vue?1d2d","webpack:///./src/components/global_notice_list/global_notice_list.vue?340a","webpack:///./src/App.scss","webpack:///./src/components/thread_tree/thread_tree.vue?605c","webpack:///./src/components/conversation/conversation.vue?14b0","webpack:///./src/components/timeline_menu/timeline_menu.vue?3e08","webpack:///./src/components/timeline/timeline_quick_settings.vue?700a","webpack:///./src/components/timeline/timeline.scss","webpack:///./src/components/tab_switcher/tab_switcher.scss","webpack:///./src/components/chat_title/chat_title.vue?b7a1","webpack:///./src/components/chat_list_item/chat_list_item.vue?e9b5","webpack:///./src/components/basic_user_card/basic_user_card.vue?c98b","webpack:///./src/components/chat_new/chat_new.vue?547b","webpack:///./src/components/chat_list/chat_list.vue?1734","webpack:///./src/components/chat_message/chat_message.vue?7461","webpack:///./src/components/chat/chat.vue?4d65","webpack:///./src/components/follow_card/follow_card.vue?cae2","webpack:///./src/hocs/with_load_more/with_load_more.scss","webpack:///./src/components/user_profile/user_profile.vue?63ff","webpack:///./src/components/search/search.vue?b7f8","webpack:///./src/components/registration/registration.vue?a474","webpack:///./src/components/password_reset/password_reset.vue?e61a","webpack:///./src/components/follow_request_card/follow_request_card.vue?3deb","webpack:///./src/components/terms_of_service_panel/terms_of_service_panel.vue?2ce4","webpack:///./src/components/staff_panel/staff_panel.vue?efac","webpack:///./src/components/mrf_transparency_panel/mrf_transparency_panel.vue?5ff6"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACtDA;AACA;AACA;AACA;AACA;AACA,C;ACLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACvDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC5LA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC3GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACvDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACvDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC3FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AChFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACVA;AACA;AACA;AACA;AACA;AACA,C;ACLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC9OA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACvIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACjTA;AACA;AACA;AACA,C;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACxFA;AACA;AACA,C;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACjEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACjBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACvEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACjKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AChCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACtEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACtDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACtXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACxFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC9IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC1BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC1GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACzFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AChBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC7DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACj5BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACzEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AChOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC/BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AChFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC1BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC7IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC9GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACjBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC3EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACxFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClBA;AACA;AACA,C;ACFA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C","file":"static/css/app.ab6cb01d5b0b782e7457.css","sourcesContent":[".login-form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0.6em;\n}\n.login-form .btn {\n min-height: 2em;\n width: 10em;\n}\n.login-form .register {\n -ms-flex: 1 1;\n flex: 1 1;\n}\n.login-form .login-bottom {\n margin-top: 1em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.login-form .form-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0.3em 0.5em 0.6em;\n line-height: 24px;\n}\n.login-form .form-bottom {\n display: -ms-flexbox;\n display: flex;\n padding: 0.5em;\n height: 32px;\n}\n.login-form .form-bottom button {\n width: 10em;\n}\n.login-form .form-bottom p {\n margin: 0.35em;\n padding: 0.35em;\n display: -ms-flexbox;\n display: flex;\n}\n.login-form .error {\n text-align: center;\n animation-name: shakeError;\n animation-duration: 0.4s;\n animation-timing-function: ease-in-out;\n}",".media-upload {\n cursor: pointer;\n}\n.media-upload .hidden-input-file {\n display: none;\n}",".ScopeSelector .scope {\n display: inline-block;\n cursor: pointer;\n min-width: 1.3em;\n min-height: 1.3em;\n text-align: center;\n}\n.ScopeSelector .scope.selected svg {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}","@charset \"UTF-8\";\n.checkbox {\n position: relative;\n display: inline-block;\n min-height: 1.2em;\n}\n.checkbox-indicator {\n position: relative;\n padding-left: 1.2em;\n}\n.checkbox-indicator::before {\n position: absolute;\n right: 0;\n top: 0;\n display: block;\n content: \"\\2713\";\n transition: color 200ms;\n width: 1.1em;\n height: 1.1em;\n border-radius: 2px;\n border-radius: var(--checkboxRadius, 2px);\n box-shadow: 0px 0px 2px black inset;\n box-shadow: var(--inputShadow);\n background-color: #182230;\n background-color: var(--input, #182230);\n vertical-align: top;\n text-align: center;\n line-height: 1.1em;\n font-size: 1.1em;\n color: transparent;\n overflow: hidden;\n box-sizing: border-box;\n}\n.checkbox.disabled .checkbox-indicator::before,\n.checkbox.disabled .label {\n opacity: 0.5;\n}\n.checkbox.disabled .label {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.checkbox input[type=checkbox] {\n display: none;\n}\n.checkbox input[type=checkbox]:checked + .checkbox-indicator::before {\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n}\n.checkbox input[type=checkbox]:indeterminate + .checkbox-indicator::before {\n content: \"\\2013\";\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n}\n.checkbox > span {\n margin-left: 0.5em;\n}",".emoji-picker {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n position: absolute;\n right: 0;\n left: 0;\n margin: 0 !important;\n z-index: 100;\n background-color: #121a24;\n background-color: var(--popover, #121a24);\n color: #d8a070;\n color: var(--popoverText, #d8a070);\n --lightText: var(--popoverLightText, $fallback--faint);\n --faint: var(--popoverFaintText, $fallback--faint);\n --faintLink: var(--popoverFaintLink, $fallback--faint);\n --lightText: var(--popoverLightText, $fallback--lightText);\n --icon: var(--popoverIcon, $fallback--icon);\n}\n.emoji-picker .keep-open,\n.emoji-picker .too-many-emoji {\n padding: 7px;\n line-height: normal;\n}\n.emoji-picker .too-many-emoji {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.emoji-picker .keep-open-label {\n padding: 0 7px;\n display: -ms-flexbox;\n display: flex;\n}\n.emoji-picker .heading {\n display: -ms-flexbox;\n display: flex;\n height: 32px;\n padding: 10px 7px 5px;\n}\n.emoji-picker .content {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n min-height: 0px;\n}\n.emoji-picker .emoji-tabs {\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.emoji-picker .emoji-groups {\n min-height: 200px;\n}\n.emoji-picker .additional-tabs {\n border-left: 1px solid;\n border-left-color: #666;\n border-left-color: var(--icon, #666);\n padding-left: 7px;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.emoji-picker .additional-tabs,\n.emoji-picker .emoji-tabs {\n display: block;\n min-width: 0;\n -ms-flex-preferred-size: auto;\n flex-basis: auto;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n}\n.emoji-picker .additional-tabs-item,\n.emoji-picker .emoji-tabs-item {\n padding: 0 7px;\n cursor: pointer;\n font-size: 1.85em;\n}\n.emoji-picker .additional-tabs-item.disabled,\n.emoji-picker .emoji-tabs-item.disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n.emoji-picker .additional-tabs-item.active,\n.emoji-picker .emoji-tabs-item.active {\n border-bottom: 4px solid;\n}\n.emoji-picker .additional-tabs-item.active svg,\n.emoji-picker .emoji-tabs-item.active svg {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.emoji-picker .sticker-picker {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.emoji-picker .stickers-content,\n.emoji-picker .emoji-content {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n min-height: 0;\n}\n.emoji-picker .stickers-content.hidden,\n.emoji-picker .emoji-content.hidden {\n opacity: 0;\n pointer-events: none;\n position: absolute;\n}\n.emoji-picker .emoji-search {\n padding: 5px;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.emoji-picker .emoji-search input {\n width: 100%;\n}\n.emoji-picker .emoji-groups {\n -ms-flex: 1 1 1px;\n flex: 1 1 1px;\n position: relative;\n overflow: auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white);\n transition: -webkit-mask-size 150ms;\n transition: mask-size 150ms;\n transition: mask-size 150ms, -webkit-mask-size 150ms;\n -webkit-mask-size: 100% 20px, 100% 20px, auto;\n mask-size: 100% 20px, 100% 20px, auto;\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.emoji-picker .emoji-groups.scrolled-top {\n -webkit-mask-size: 100% 20px, 100% 0, auto;\n mask-size: 100% 20px, 100% 0, auto;\n}\n.emoji-picker .emoji-groups.scrolled-bottom {\n -webkit-mask-size: 100% 0, 100% 20px, auto;\n mask-size: 100% 0, 100% 20px, auto;\n}\n.emoji-picker .emoji-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n padding-left: 5px;\n -ms-flex-pack: left;\n justify-content: left;\n}\n.emoji-picker .emoji-group-title {\n font-size: 0.85em;\n width: 100%;\n margin: 0;\n}\n.emoji-picker .emoji-group-title.disabled {\n display: none;\n}\n.emoji-picker .emoji-item {\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 32px;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin: 4px;\n cursor: pointer;\n}\n.emoji-picker .emoji-item img {\n -o-object-fit: contain;\n object-fit: contain;\n max-width: 100%;\n max-height: 100%;\n}",".emoji-input {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative;\n}\n.emoji-input.with-picker input {\n padding-right: 30px;\n}\n.emoji-input .emoji-picker-icon {\n position: absolute;\n top: 0;\n right: 0;\n margin: 0.2em 0.25em;\n font-size: 1.3em;\n cursor: pointer;\n line-height: 24px;\n}\n.emoji-input .emoji-picker-icon:hover i {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.emoji-input .emoji-picker-panel {\n position: absolute;\n z-index: 20;\n margin-top: 2px;\n}\n.emoji-input .emoji-picker-panel.hide {\n display: none;\n}\n.emoji-input .autocomplete-panel {\n position: absolute;\n z-index: 20;\n margin-top: 2px;\n}\n.emoji-input .autocomplete-panel.hide {\n display: none;\n}\n.emoji-input .autocomplete-panel-body {\n margin: 0 0.5em 0 0.5em;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n box-shadow: var(--popupShadow);\n min-width: 75%;\n background-color: #121a24;\n background-color: var(--popover, #121a24);\n color: #d8a070;\n color: var(--popoverText, #d8a070);\n --faint: var(--popoverFaintText, $fallback--faint);\n --faintLink: var(--popoverFaintLink, $fallback--faint);\n --lightText: var(--popoverLightText, $fallback--lightText);\n --postLink: var(--popoverPostLink, $fallback--link);\n --postFaintLink: var(--popoverPostFaintLink, $fallback--link);\n --icon: var(--popoverIcon, $fallback--icon);\n}\n.emoji-input .autocomplete-item {\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n padding: 0.2em 0.4em;\n border-bottom: 1px solid rgba(0, 0, 0, 0.4);\n height: 32px;\n}\n.emoji-input .autocomplete-item .image {\n width: 32px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n font-size: 32px;\n margin-right: 4px;\n}\n.emoji-input .autocomplete-item .image img {\n width: 32px;\n height: 32px;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.emoji-input .autocomplete-item .label {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-pack: center;\n justify-content: center;\n margin: 0 0.1em 0 0.2em;\n}\n.emoji-input .autocomplete-item .label .displayText {\n line-height: 1.5;\n}\n.emoji-input .autocomplete-item .label .detailText {\n font-size: 9px;\n line-height: 9px;\n}\n.emoji-input .autocomplete-item.highlighted {\n background-color: #182230;\n background-color: var(--selectedMenuPopover, #182230);\n color: var(--selectedMenuPopoverText, #b9b9ba);\n --faint: var(--selectedMenuPopoverFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuPopoverLightText, $fallback--lightText);\n --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n}\n.emoji-input input, .emoji-input textarea {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}","/* TODO fix order of styles */\nlabel.Select {\n padding: 0;\n}\nlabel.Select select {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: transparent;\n border: none;\n color: #b9b9ba;\n color: var(--inputText, --text, #b9b9ba);\n margin: 0;\n padding: 0 2em 0 0.2em;\n font-family: sans-serif;\n font-family: var(--inputFont, sans-serif);\n font-size: 1em;\n width: 100%;\n z-index: 1;\n height: 2em;\n line-height: 16px;\n}\nlabel.Select .select-down-icon {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 5px;\n height: 100%;\n width: 0.875em;\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n line-height: 2;\n z-index: 0;\n pointer-events: none;\n}",".poll-form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0 0.5em 0.5em;\n}\n.poll-form .add-option {\n -ms-flex-item-align: start;\n align-self: flex-start;\n padding-top: 0.25em;\n padding-left: 0.1em;\n}\n.poll-form .poll-option {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n -ms-flex-pack: justify;\n justify-content: space-between;\n margin-bottom: 0.25em;\n}\n.poll-form .input-container {\n width: 100%;\n}\n.poll-form .input-container input {\n padding-right: 2.5em;\n width: 100%;\n}\n.poll-form .delete-option {\n width: 1.5em;\n margin-left: -1.5em;\n z-index: 1;\n}\n.poll-form .poll-type-expiry {\n margin-top: 0.5em;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n}\n.poll-form .poll-type {\n margin-right: 0.75em;\n -ms-flex: 1 1 60%;\n flex: 1 1 60%;\n}\n.poll-form .poll-type .poll-type-select {\n padding-right: 0.75em;\n}\n.poll-form .poll-expiry {\n display: -ms-flexbox;\n display: flex;\n}\n.poll-form .poll-expiry .expiry-amount {\n width: 3em;\n text-align: right;\n}",".still-image {\n position: relative;\n line-height: 0;\n overflow: hidden;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.still-image canvas {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n visibility: var(--_still-image-canvas-visibility, visible);\n}\n.still-image img {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.still-image.animated::before {\n zoom: var(--_still_image-label-scale, 1);\n content: \"gif\";\n position: absolute;\n line-height: 1;\n font-size: 0.7em;\n top: 0.5em;\n left: 0.5em;\n background: rgba(127, 127, 127, 0.5);\n color: #fff;\n display: block;\n padding: 2px 4px;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n z-index: 2;\n visibility: var(--_still-image-label-visibility, visible);\n}\n.still-image.animated:hover canvas {\n display: none;\n}\n.still-image.animated:hover::before {\n visibility: var(--_still-image-label-visibility, hidden);\n}\n.still-image.animated img {\n visibility: var(--_still-image-img-visibility, hidden);\n}\n.still-image.animated:hover img {\n visibility: visible;\n}",".Flash {\n display: inline-block;\n width: 100%;\n height: 100%;\n position: relative;\n}\n.Flash .player {\n height: 100%;\n width: 100%;\n}\n.Flash .placeholder {\n height: 100%;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n background: var(--bg);\n color: var(--link);\n}\n.Flash .hider {\n top: 0;\n}\n.Flash .label {\n text-align: center;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n line-height: 1.2;\n white-space: normal;\n word-wrap: normal;\n}\n.Flash .hidden {\n display: none;\n visibility: \"hidden\";\n}",".Attachment {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative;\n -ms-flex-item-align: start;\n align-self: flex-start;\n line-height: 0;\n height: 100%;\n border-style: solid;\n border-width: 1px;\n border-radius: 10px;\n border-radius: var(--attachmentRadius, 10px);\n border-color: #222;\n border-color: var(--border, #222);\n}\n.Attachment .attachment-wrapper {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n height: 100%;\n position: relative;\n overflow: hidden;\n}\n.Attachment .description-container {\n -ms-flex: 0 1 0px;\n flex: 0 1 0;\n display: -ms-flexbox;\n display: flex;\n padding-top: 0.5em;\n z-index: 1;\n}\n.Attachment .description-container p {\n -ms-flex: 1;\n flex: 1;\n text-align: center;\n line-height: 1.5;\n padding: 0.5em;\n margin: 0;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.Attachment .description-container.-static {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding-top: 0;\n background: var(--popover);\n box-shadow: var(--popupShadow);\n}\n.Attachment .description-field {\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.Attachment .placeholder-container, .Attachment .image-container, .Attachment .audio-container, .Attachment .video-container, .Attachment .flash-container, .Attachment .oembed-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n}\n.Attachment .image-container .image {\n width: 100%;\n height: 100%;\n}\n.Attachment .flash-container .flash, .Attachment .flash-container video, .Attachment .video-container .flash, .Attachment .video-container video {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center;\n}\n.Attachment .audio-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.Attachment .audio-container audio {\n width: 100%;\n height: 100%;\n}\n.Attachment .placeholder-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n padding-top: 0.5em;\n}\n.Attachment .play-icon {\n position: absolute;\n font-size: 64px;\n top: calc(50% - 32px);\n left: calc(50% - 32px);\n color: rgba(255, 255, 255, 0.75);\n text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);\n}\n.Attachment .play-icon::before {\n margin: 0;\n}\n.Attachment .attachment-buttons {\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n right: 0;\n top: 0;\n margin-top: 0.5em;\n margin-right: 0.5em;\n z-index: 1;\n}\n.Attachment .attachment-buttons .attachment-button {\n padding: 0;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n text-align: center;\n width: 2em;\n height: 2em;\n margin-left: 0.5em;\n font-size: 1.25em;\n background: rgba(230, 230, 230, 0.7);\n}\n.Attachment .attachment-buttons .attachment-button .svg-inline--fa {\n color: rgba(0, 0, 0, 0.6);\n}\n.Attachment .attachment-buttons .attachment-button:hover .svg-inline--fa {\n color: rgba(0, 0, 0, 0.9);\n}\n.Attachment .oembed-container {\n line-height: 1.2em;\n -ms-flex: 1 0 100%;\n flex: 1 0 100%;\n width: 100%;\n margin-right: 15px;\n display: -ms-flexbox;\n display: flex;\n}\n.Attachment .oembed-container img {\n width: 100%;\n}\n.Attachment .oembed-container .image {\n -ms-flex: 1;\n flex: 1;\n}\n.Attachment .oembed-container .image img {\n border: 0px;\n border-radius: 5px;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.Attachment .oembed-container .text {\n -ms-flex: 2;\n flex: 2;\n margin: 8px;\n word-break: break-all;\n}\n.Attachment .oembed-container .text h1 {\n font-size: 1rem;\n margin: 0px;\n}\n.Attachment.-size-small .play-icon {\n zoom: 0.5;\n opacity: 0.7;\n}\n.Attachment.-size-small .attachment-buttons {\n zoom: 0.7;\n opacity: 0.5;\n}\n.Attachment.-editable {\n padding: 0.5em;\n}\n.Attachment.-editable .description-container, .Attachment.-editable .attachment-buttons {\n margin: 0;\n}\n.Attachment.-placeholder {\n display: inline-block;\n color: #d8a070;\n color: var(--postLink, #d8a070);\n overflow: hidden;\n white-space: nowrap;\n height: auto;\n line-height: 1.5;\n}\n.Attachment.-placeholder:not(.-editable) {\n border: none;\n}\n.Attachment.-placeholder.-editable {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.Attachment.-placeholder.-editable .description-container, .Attachment.-placeholder.-editable .attachment-buttons {\n margin: 0;\n padding: 0;\n position: relative;\n}\n.Attachment.-placeholder.-editable .description-container {\n -ms-flex: 1;\n flex: 1;\n padding-left: 0.5em;\n}\n.Attachment.-placeholder.-editable .attachment-buttons {\n -ms-flex-order: 99;\n order: 99;\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center;\n}\n.Attachment.-placeholder a {\n display: inline-block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.Attachment.-placeholder svg {\n color: inherit;\n}\n.Attachment.-loading {\n cursor: progress;\n}\n.Attachment.-contain-fit img,\n.Attachment.-contain-fit canvas {\n -o-object-fit: contain;\n object-fit: contain;\n}\n.Attachment.-cover-fit img,\n.Attachment.-cover-fit canvas {\n -o-object-fit: cover;\n object-fit: cover;\n}",".Gallery .gallery-rows {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.Gallery .gallery-row {\n position: relative;\n height: 0;\n width: 100%;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.Gallery .gallery-row:not(:first-child) {\n margin-top: 0.5em;\n}\n.Gallery.-long .gallery-rows {\n max-height: 25em;\n overflow: hidden;\n -webkit-mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white);\n /* Autoprefixed seem to ignore this one, and also syntax is different */\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.Gallery .many-attachments-text {\n text-align: center;\n line-height: 2;\n}\n.Gallery .many-attachments-buttons {\n display: -ms-flexbox;\n display: flex;\n}\n.Gallery .many-attachments-button {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1;\n flex: 1;\n -ms-flex-pack: center;\n justify-content: center;\n line-height: 2;\n}\n.Gallery .many-attachments-button button {\n padding: 0 2em;\n}\n.Gallery .gallery-row.-grid, .Gallery .gallery-row.-minimal {\n height: auto;\n}\n.Gallery .gallery-row.-grid .gallery-row-inner, .Gallery .gallery-row.-minimal .gallery-row-inner {\n position: relative;\n}\n.Gallery .gallery-row-inner {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n -ms-flex-line-pack: stretch;\n align-content: stretch;\n}\n.Gallery .gallery-row-inner.-grid {\n width: 100%;\n height: auto;\n position: relative;\n display: -ms-grid;\n display: grid;\n grid-column-gap: 0.5em;\n grid-row-gap: 0.5em;\n -ms-grid-columns: (minmax(15em, 1fr))[auto-fill];\n grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));\n}\n.Gallery .gallery-row-inner.-grid .gallery-item {\n margin: 0;\n height: 200px;\n}\n.Gallery .gallery-item {\n margin: 0 0.5em 0 0;\n -ms-flex-positive: 1;\n flex-grow: 1;\n height: 100%;\n box-sizing: border-box;\n min-width: 2em;\n}\n.Gallery .gallery-item:last-child {\n margin: 0;\n}",".Avatar {\n --_avatarShadowBox: var(--avatarStatusShadow);\n --_avatarShadowFilter: var(--avatarStatusShadowFilter);\n --_avatarShadowInset: var(--avatarStatusShadowInset);\n --_still-image-label-visibility: hidden;\n display: inline-block;\n position: relative;\n width: 48px;\n height: 48px;\n}\n.Avatar.-compact {\n width: 32px;\n height: 32px;\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.Avatar .avatar {\n width: 100%;\n height: 100%;\n box-shadow: var(--_avatarShadowBox);\n border-radius: 4px;\n border-radius: var(--avatarRadius, 4px);\n}\n.Avatar .avatar.-better-shadow {\n box-shadow: var(--_avatarShadowInset);\n filter: var(--_avatarShadowFilter);\n}\n.Avatar .avatar.-animated::before {\n display: none;\n}\n.Avatar .avatar.-compact {\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.Avatar .avatar.-placeholder {\n background-color: #182230;\n background-color: var(--fg, #182230);\n}\n.Avatar img {\n width: 100%;\n height: 100%;\n}\n.Avatar .bot-indicator {\n position: absolute;\n bottom: 0;\n right: 0;\n margin: -0.2em;\n padding: 0.2em;\n background: rgba(127, 127, 127, 0.5);\n color: #fff;\n border-radius: var(--tooltipRadius);\n}",".MentionLink {\n position: relative;\n white-space: normal;\n display: inline;\n color: var(--link);\n word-break: normal;\n}\n.MentionLink .new, .MentionLink .original {\n display: inline;\n border-radius: 2px;\n}\n.MentionLink .mention-avatar {\n border-radius: var(--avatarAltRadius, 10px);\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin-right: 0.2em;\n}\n.MentionLink .full {\n position: absolute;\n display: inline-block;\n pointer-events: none;\n opacity: 0;\n top: 100%;\n left: 0;\n height: 100%;\n word-wrap: normal;\n white-space: nowrap;\n transition: opacity 0.2s ease;\n z-index: 1;\n margin-top: 0.25em;\n padding: 0.5em;\n -webkit-user-select: all;\n -moz-user-select: all;\n -ms-user-select: all;\n user-select: all;\n}\n.MentionLink .short.-with-tooltip, .MentionLink .you {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.MentionLink .short, .MentionLink .full {\n white-space: nowrap;\n}\n.MentionLink .shortName {\n white-space: normal;\n}\n.MentionLink .new .at {\n color: var(--link);\n opacity: 0.8;\n display: inline-block;\n line-height: 1;\n padding: 0 0.1em;\n vertical-align: -25%;\n margin: 0;\n}\n.MentionLink .new.-striped .shortName, .MentionLink .new.-striped .full {\n background-image: repeating-linear-gradient(135deg, var(--____highlight-tintColor), var(--____highlight-tintColor) 5px, var(--____highlight-tintColor2) 5px, var(--____highlight-tintColor2) 10px);\n}\n.MentionLink .new.-solid .shortName, .MentionLink .new.-solid .full {\n background-image: linear-gradient(var(--____highlight-tintColor2), var(--____highlight-tintColor2));\n}\n.MentionLink .new.-side .shortName, .MentionLink .new.-side .userNameFull {\n box-shadow: 0 -5px 3px -4px inset var(--____highlight-solidColor);\n}\n.MentionLink:hover .new .full {\n opacity: 1;\n pointer-events: initial;\n}\n.MentionLink .serverName.-faded {\n color: var(--faintLink, #d8a070);\n}\n.MentionLink .full .-faded {\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}",".MentionsLine {\n word-break: break-all;\n}\n.MentionsLine .mention-link:not(:first-child)::before {\n content: \" \";\n}\n.MentionsLine .showMoreLess {\n margin-left: 0.5em;\n white-space: normal;\n color: var(--link);\n}",".HashtagLink {\n position: relative;\n white-space: normal;\n display: inline-block;\n color: var(--link);\n}",".RichContent blockquote {\n margin: 0.2em 0 0.2em 2em;\n font-style: italic;\n}\n.RichContent pre {\n overflow: auto;\n}\n.RichContent code,\n.RichContent samp,\n.RichContent kbd,\n.RichContent var,\n.RichContent pre {\n font-family: var(--postCodeFont, monospace);\n}\n.RichContent p {\n margin: 0 0 1em 0;\n}\n.RichContent p:last-child {\n margin: 0 0 0 0;\n}\n.RichContent h1 {\n font-size: 1.1em;\n line-height: 1.2em;\n margin: 1.4em 0;\n}\n.RichContent h2 {\n font-size: 1.1em;\n margin: 1em 0;\n}\n.RichContent h3 {\n font-size: 1em;\n margin: 1.2em 0;\n}\n.RichContent h4 {\n margin: 1.1em 0;\n}\n.RichContent .img {\n display: inline-block;\n}\n.RichContent .emoji {\n display: inline-block;\n width: var(--emoji-size, 32px);\n height: var(--emoji-size, 32px);\n}\n.RichContent .img,\n.RichContent video {\n max-width: 100%;\n max-height: 400px;\n vertical-align: middle;\n -o-object-fit: contain;\n object-fit: contain;\n}",".poll .votes {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0 0 0.5em;\n}\n.poll .poll-option {\n margin: 0.75em 0.5em;\n}\n.poll .option-result {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n position: relative;\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.poll .option-result-label {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n padding: 0.1em 0.25em;\n z-index: 1;\n word-break: break-word;\n}\n.poll .result-percentage {\n width: 3.5em;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.poll .result-fill {\n height: 100%;\n position: absolute;\n color: #b9b9ba;\n color: var(--pollText, #b9b9ba);\n background-color: #151e2a;\n background-color: var(--poll, #151e2a);\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n top: 0;\n left: 0;\n transition: width 0.5s;\n}\n.poll .option-vote {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.poll input {\n width: 3.5em;\n}\n.poll .footer {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.poll.loading * {\n cursor: progress;\n}\n.poll .poll-vote-button {\n padding: 0 0.5em;\n margin-right: 0.5em;\n}",".StatusBody {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.StatusBody .emoji {\n --_still_image-label-scale: 0.5;\n width: 50px;\n height: 50px;\n}\n.StatusBody .attachments {\n margin-top: 0.5em;\n}\n.StatusBody .text, .StatusBody .summary {\n font-family: var(--postFont, sans-serif);\n white-space: pre-wrap;\n overflow-wrap: break-word;\n word-wrap: break-word;\n word-break: break-word;\n line-height: var(--post-line-height);\n}\n.StatusBody .summary {\n display: block;\n font-style: italic;\n padding-bottom: 0.5em;\n}\n.StatusBody .text.-single-line {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n height: 1.4em;\n}\n.StatusBody .summary-wrapper {\n margin-bottom: 0.5em;\n border-style: solid;\n border-width: 0 0 1px 0;\n border-color: var(--border, #222);\n -ms-flex-positive: 0;\n flex-grow: 0;\n}\n.StatusBody .summary-wrapper.-tall {\n position: relative;\n}\n.StatusBody .summary-wrapper.-tall .summary {\n max-height: 2em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.StatusBody .text-wrapper {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.StatusBody .text-wrapper.-tall-status {\n position: relative;\n height: 220px;\n overflow-x: hidden;\n overflow-y: hidden;\n z-index: 1;\n}\n.StatusBody .text-wrapper.-tall-status .media-body {\n min-height: 0;\n -webkit-mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white);\n /* Autoprefixed seem to ignore this one, and also syntax is different */\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.StatusBody .tall-status-hider, .StatusBody .tall-subject-hider, .StatusBody .status-unhider, .StatusBody .cw-status-hider {\n display: inline-block;\n word-break: break-all;\n width: 100%;\n text-align: center;\n}\n.StatusBody .tall-status-hider {\n position: absolute;\n height: 70px;\n margin-top: 150px;\n line-height: 110px;\n z-index: 2;\n}\n.StatusBody .tall-subject-hider {\n padding-bottom: 0.5em;\n}\n.StatusBody .status-unhider, .StatusBody .cw-status-hider {\n word-break: break-all;\n}\n.StatusBody .status-unhider svg, .StatusBody .cw-status-hider svg {\n color: inherit;\n}\n.StatusBody .greentext {\n color: #0fa00f;\n color: var(--postGreentext, #0fa00f);\n}\n.StatusBody .cyantext {\n color: var(--postCyantext, #0095ff);\n}\n.StatusBody.-compact {\n -ms-flex-align: top;\n align-items: top;\n -ms-flex-direction: row;\n flex-direction: row;\n --emoji-size: 16px;\n}\n.StatusBody.-compact .body, .StatusBody.-compact .attachments {\n max-height: 3.25em;\n}\n.StatusBody.-compact .body {\n overflow: hidden;\n white-space: normal;\n min-width: 5em;\n -ms-flex: 5 1 auto;\n flex: 5 1 auto;\n -webkit-mask-size: auto 3.5em, auto auto;\n mask-size: auto 3.5em, auto auto;\n -webkit-mask-position: 0 0, 0 0;\n mask-position: 0 0, 0 0;\n -webkit-mask-repeat: repeat-x, repeat;\n mask-repeat: repeat-x, repeat;\n -webkit-mask-image: linear-gradient(to bottom, white 2em, transparent 3em);\n mask-image: linear-gradient(to bottom, white 2em, transparent 3em);\n /* Autoprefixed seem to ignore this one, and also syntax is different */\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.StatusBody.-compact .attachments {\n margin-top: 0;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n min-width: 5em;\n height: 100%;\n margin-left: 0.5em;\n}\n.StatusBody.-compact .summary-wrapper {\n line-height: inherit;\n margin: 0;\n border: none;\n display: inline-block;\n}\n.StatusBody.-compact .summary-wrapper .summary::after {\n content: \": \";\n}\n.StatusBody.-compact .text-wrapper {\n display: inline-block;\n}",".link-preview-card {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n cursor: pointer;\n overflow: hidden;\n margin-top: 0.5em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n border-style: solid;\n border-width: 1px;\n border-radius: 10px;\n border-radius: var(--attachmentRadius, 10px);\n border-color: #222;\n border-color: var(--border, #222);\n}\n.link-preview-card .card-image {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n width: 120px;\n max-width: 25%;\n}\n.link-preview-card .card-image img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n border-radius: 10px;\n border-radius: var(--attachmentRadius, 10px);\n}\n.link-preview-card .card-content {\n max-height: 100%;\n margin: 0.5em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.link-preview-card .card-host {\n font-size: 0.85em;\n}\n.link-preview-card .card-description {\n margin: 0.5em 0 0 0;\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: break-word;\n line-height: 1.2em;\n max-height: calc(1.2em * 3 - 1px);\n}\n.link-preview-card .nsfw-alert {\n margin: 2em 0;\n}",".StatusContent {\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.StatusContent img.emoji, .StatusContent video.emoji {\n width: 50px;\n height: 50px;\n}",".post-status-form {\n position: relative;\n}\n.post-status-form .attachments {\n margin-bottom: 0.5em;\n}\n.post-status-form .form-bottom {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 0.5em;\n height: 2.5em;\n}\n.post-status-form .form-bottom button {\n width: 10em;\n}\n.post-status-form .form-bottom p {\n margin: 0.35em;\n padding: 0.35em;\n display: -ms-flexbox;\n display: flex;\n}\n.post-status-form .form-bottom-left {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1;\n flex: 1;\n padding-right: 7px;\n margin-right: 7px;\n max-width: 10em;\n}\n.post-status-form .preview-heading {\n display: -ms-flexbox;\n display: flex;\n padding-left: 0.5em;\n}\n.post-status-form .preview-toggle {\n -ms-flex: 1;\n flex: 1;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.post-status-form .preview-toggle:hover {\n text-decoration: underline;\n}\n.post-status-form .preview-toggle svg, .post-status-form .preview-toggle i {\n margin-left: 0.2em;\n font-size: 0.8em;\n transform: rotate(90deg);\n}\n.post-status-form .preview-container {\n margin-bottom: 1em;\n}\n.post-status-form .preview-error {\n font-style: italic;\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.post-status-form .preview-status {\n border: 1px solid #222;\n border: 1px solid var(--border, #222);\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n padding: 0.5em;\n margin: 0;\n}\n.post-status-form .text-format .only-format {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.post-status-form .visibility-tray {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding-top: 5px;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.post-status-form .media-upload-icon, .post-status-form .poll-icon, .post-status-form .emoji-icon {\n font-size: 1.85em;\n line-height: 1.1;\n -ms-flex: 1;\n flex: 1;\n padding: 0 0.1em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.post-status-form .media-upload-icon.selected svg, .post-status-form .media-upload-icon.selected i, .post-status-form .media-upload-icon.selected label, .post-status-form .media-upload-icon:hover svg, .post-status-form .media-upload-icon:hover i, .post-status-form .media-upload-icon:hover label, .post-status-form .poll-icon.selected svg, .post-status-form .poll-icon.selected i, .post-status-form .poll-icon.selected label, .post-status-form .poll-icon:hover svg, .post-status-form .poll-icon:hover i, .post-status-form .poll-icon:hover label, .post-status-form .emoji-icon.selected svg, .post-status-form .emoji-icon.selected i, .post-status-form .emoji-icon.selected label, .post-status-form .emoji-icon:hover svg, .post-status-form .emoji-icon:hover i, .post-status-form .emoji-icon:hover label {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.post-status-form .media-upload-icon.disabled svg, .post-status-form .media-upload-icon.disabled i, .post-status-form .poll-icon.disabled svg, .post-status-form .poll-icon.disabled i, .post-status-form .emoji-icon.disabled svg, .post-status-form .emoji-icon.disabled i {\n cursor: not-allowed;\n color: #666;\n color: var(--btnDisabledText, #666);\n}\n.post-status-form .media-upload-icon.disabled svg:hover, .post-status-form .media-upload-icon.disabled i:hover, .post-status-form .poll-icon.disabled svg:hover, .post-status-form .poll-icon.disabled i:hover, .post-status-form .emoji-icon.disabled svg:hover, .post-status-form .emoji-icon.disabled i:hover {\n color: #666;\n color: var(--btnDisabledText, #666);\n}\n.post-status-form .media-upload-icon {\n -ms-flex-order: 1;\n order: 1;\n -ms-flex-pack: left;\n justify-content: left;\n}\n.post-status-form .emoji-icon {\n -ms-flex-order: 2;\n order: 2;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.post-status-form .poll-icon {\n -ms-flex-order: 3;\n order: 3;\n -ms-flex-pack: right;\n justify-content: right;\n}\n.post-status-form .error {\n text-align: center;\n}\n.post-status-form .media-upload-wrapper {\n margin-right: 0.2em;\n margin-bottom: 0.5em;\n width: 18em;\n}\n.post-status-form .media-upload-wrapper img, .post-status-form .media-upload-wrapper video {\n -o-object-fit: contain;\n object-fit: contain;\n max-height: 10em;\n}\n.post-status-form .media-upload-wrapper .video {\n max-height: 10em;\n}\n.post-status-form .media-upload-wrapper input {\n -ms-flex: 1;\n flex: 1;\n width: 100%;\n}\n.post-status-form .status-input-wrapper {\n display: -ms-flexbox;\n display: flex;\n position: relative;\n width: 100%;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.post-status-form .btn[disabled] {\n cursor: not-allowed;\n}\n.post-status-form form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0.6em;\n position: relative;\n}\n.post-status-form .form-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0.25em 0.5em 0.5em;\n line-height: 1.85;\n}\n.post-status-form .form-post-body {\n box-sizing: content-box;\n overflow: hidden;\n transition: min-height 200ms 100ms;\n padding-bottom: calc(var(--_padding) + var(--post-line-height) * 1em);\n height: calc(var(--post-line-height) * 1em);\n min-height: calc(var(--post-line-height) * 1em);\n resize: none;\n}\n.post-status-form .form-post-body.scrollable-form {\n overflow-y: auto;\n}\n.post-status-form .main-input {\n position: relative;\n}\n.post-status-form .character-counter {\n position: absolute;\n bottom: 0;\n right: 0;\n padding: 0;\n margin: 0 0.5em;\n}\n.post-status-form .character-counter.error {\n color: #ff0000;\n color: var(--cRed, #ff0000);\n}\n.post-status-form .btn[disabled] {\n cursor: not-allowed;\n}\n@keyframes fade-in {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 0.6;\n}\n}\n@keyframes fade-out {\nfrom {\n opacity: 0.6;\n}\nto {\n opacity: 0;\n}\n}\n.post-status-form .drop-indicator {\n position: absolute;\n width: 100%;\n height: 100%;\n font-size: 5em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 0.6;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n border: 2px dashed #b9b9ba;\n border: 2px dashed var(--text, #b9b9ba);\n}",".remote-follow {\n max-width: 220px;\n}\n.remote-follow .remote-button {\n width: 100%;\n min-height: 2em;\n}",".dark-overlay::before {\n bottom: 0;\n content: \" \";\n display: block;\n cursor: default;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n background: rgba(27, 31, 35, 0.5);\n z-index: 99;\n}\n.dialog-modal.panel {\n top: 0;\n left: 50%;\n max-height: 80vh;\n max-width: 90vw;\n margin: 15vh auto;\n position: fixed;\n transform: translateX(-50%);\n z-index: 999;\n cursor: default;\n display: block;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.dialog-modal.panel .dialog-modal-heading .title {\n text-align: center;\n}\n.dialog-modal.panel .dialog-modal-content {\n margin: 0;\n padding: 1rem 1rem;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n white-space: normal;\n}\n.dialog-modal.panel .dialog-modal-footer {\n margin: 0;\n padding: 0.5em 0.5em;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n border-top: 1px solid #222;\n border-top: 1px solid var(--border, #222);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.dialog-modal.panel .dialog-modal-footer button {\n width: auto;\n margin-left: 0.5rem;\n}","@charset \"UTF-8\";\n.popover-trigger-button {\n display: inline-block;\n}\n.popover {\n z-index: 500;\n position: absolute;\n min-width: 0;\n}\n.popover-default {\n transition: opacity 0.3s;\n border-radius: 4px;\n border-radius: var(--btnRadius, 4px);\n background-color: #121a24;\n background-color: var(--popover, #121a24);\n color: #b9b9ba;\n color: var(--popoverText, #b9b9ba);\n --faint: var(--popoverFaintText, $fallback--faint);\n --faintLink: var(--popoverFaintLink, $fallback--faint);\n --lightText: var(--popoverLightText, $fallback--lightText);\n --postLink: var(--popoverPostLink, $fallback--link);\n --postFaintLink: var(--popoverPostFaintLink, $fallback--link);\n --icon: var(--popoverIcon, $fallback--icon);\n}\n.popover-default:after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 3;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n pointer-events: none;\n}\n.dropdown-menu {\n display: block;\n padding: 0.5rem 0;\n font-size: 1em;\n text-align: left;\n list-style: none;\n max-width: 100vw;\n z-index: 200;\n white-space: nowrap;\n}\n.dropdown-menu .dropdown-divider {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #222;\n border-top: 1px solid var(--border, #222);\n}\n.dropdown-menu .dropdown-item {\n line-height: 21px;\n overflow: hidden;\n display: block;\n padding: 0.5em 0.75em;\n clear: both;\n font-weight: 400;\n text-align: inherit;\n white-space: nowrap;\n border: none;\n border-radius: 0px;\n background-color: transparent;\n box-shadow: none;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n --btnText: var(--popoverText, $fallback--text);\n}\n.dropdown-menu .dropdown-item-icon svg {\n width: 22px;\n margin-right: 0.75rem;\n color: var(--menuPopoverIcon, #666);\n}\n.dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:hover {\n background-color: #151e2a;\n background-color: var(--selectedMenuPopover, #151e2a);\n box-shadow: none;\n --btnText: var(--selectedMenuPopoverText, $fallback--link);\n --faint: var(--selectedMenuPopoverFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuPopoverLightText, $fallback--lightText);\n --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n}\n.dropdown-menu .dropdown-item:active svg, .dropdown-menu .dropdown-item:hover svg {\n color: var(--selectedMenuPopoverIcon, #666);\n --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n}\n.dropdown-menu .dropdown-item .menu-checkbox {\n display: inline-block;\n vertical-align: middle;\n min-width: 22px;\n max-width: 22px;\n min-height: 22px;\n max-height: 22px;\n line-height: 22px;\n text-align: center;\n border-radius: 0px;\n background-color: #182230;\n background-color: var(--input, #182230);\n box-shadow: 0px 0px 2px black inset;\n box-shadow: var(--inputShadow);\n margin-right: 0.75em;\n}\n.dropdown-menu .dropdown-item .menu-checkbox.menu-checkbox-checked::after {\n font-size: 1.25em;\n content: \"\\2713\";\n}\n.dropdown-menu .dropdown-item .menu-checkbox.-radio {\n border-radius: 9999px;\n}\n.dropdown-menu .dropdown-item .menu-checkbox.-radio.menu-checkbox-checked::after {\n font-size: 2em;\n content: \"\\2022\";\n}\n.dropdown-menu .button-default.dropdown-item,\n.dropdown-menu .button-default.dropdown-item i[class*=icon-] {\n color: #b9b9ba;\n color: var(--btnText, #b9b9ba);\n}\n.dropdown-menu .button-default.dropdown-item:active {\n background-color: #151e2a;\n background-color: var(--selectedMenuPopover, #151e2a);\n color: #d8a070;\n color: var(--selectedMenuPopoverText, #d8a070);\n}\n.dropdown-menu .button-default.dropdown-item:disabled {\n color: #b9b9ba;\n color: var(--btnDisabledText, #b9b9ba);\n}\n.dropdown-menu .button-default.dropdown-item.toggled {\n color: #b9b9ba;\n color: var(--btnToggledText, #b9b9ba);\n}",".moderation-tools-popover {\n height: 100%;\n}\n.moderation-tools-popover .trigger {\n display: -ms-flexbox !important;\n display: flex !important;\n height: 100%;\n}\n.moderation-tools-button svg, .moderation-tools-button i {\n font-size: 0.8em;\n}",".AccountActions .ellipsis-button {\n width: 2.5em;\n margin: -0.5em 0;\n padding: 0.5em 0;\n text-align: center;\n}\n.AccountActions .ellipsis-button:not(:hover) .icon {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}",".user-card {\n position: relative;\n z-index: 1;\n}\n.user-card:hover {\n --_still-image-img-visibility: visible;\n --_still-image-canvas-visibility: hidden;\n --_still-image-label-visibility: hidden;\n}\n.user-card .panel-heading {\n padding: 0.5em 0;\n text-align: center;\n box-shadow: none;\n background: transparent;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: stretch;\n align-items: stretch;\n position: relative;\n}\n.user-card .panel-body {\n word-wrap: break-word;\n border-bottom-right-radius: inherit;\n border-bottom-left-radius: inherit;\n position: relative;\n}\n.user-card .background-image {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n -webkit-mask: linear-gradient(to top, white, transparent) bottom no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white, transparent) bottom no-repeat, linear-gradient(to top, white, white);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n background-size: cover;\n -webkit-mask-size: 100% 60%;\n mask-size: 100% 60%;\n border-top-left-radius: calc(var(--panelRadius) - 1px);\n border-top-right-radius: calc(var(--panelRadius) - 1px);\n background-color: var(--profileBg);\n z-index: -2;\n}\n.user-card .background-image.hide-bio {\n -webkit-mask-size: 100% 40px;\n mask-size: 100% 40px;\n}\n.user-card-bio {\n text-align: center;\n display: block;\n line-height: 1.3;\n padding: 1em;\n margin: 0;\n}\n.user-card-bio a {\n color: #d8a070;\n color: var(--postLink, #d8a070);\n}\n.user-card-bio img {\n -o-object-fit: contain;\n object-fit: contain;\n vertical-align: middle;\n max-width: 100%;\n max-height: 400px;\n}\n.user-card-rounded-t {\n border-top-left-radius: 10px;\n border-top-left-radius: var(--panelRadius, 10px);\n border-top-right-radius: 10px;\n border-top-right-radius: var(--panelRadius, 10px);\n}\n.user-card-rounded {\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n}\n.user-card-bordered {\n border-width: 1px;\n border-style: solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.user-info {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n padding: 0 26px;\n}\n.user-info .container {\n min-width: 0;\n padding: 16px 0 6px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: start;\n align-items: flex-start;\n max-height: 56px;\n}\n.user-info .container > * {\n min-width: 0;\n}\n.user-info .container .Avatar {\n --_avatarShadowBox: var(--avatarShadow);\n --_avatarShadowFilter: var(--avatarShadowFilter);\n --_avatarShadowInset: var(--avatarShadowInset);\n -ms-flex: 1 0 100%;\n flex: 1 0 100%;\n width: 56px;\n height: 56px;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.user-info-avatar-link {\n position: relative;\n cursor: pointer;\n}\n.user-info-avatar-link-overlay {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.3);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n border-radius: 4px;\n border-radius: var(--avatarRadius, 4px);\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.user-info-avatar-link-overlay svg {\n color: #FFF;\n}\n.user-info-avatar-link:hover .user-info-avatar-link-overlay {\n opacity: 1;\n}\n.user-info .external-link-button, .user-info .edit-profile-button {\n cursor: pointer;\n width: 2.5em;\n text-align: center;\n margin: -0.5em 0;\n padding: 0.5em 0;\n}\n.user-info .external-link-button:not(:hover) .icon, .user-info .edit-profile-button:not(:hover) .icon {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.user-info .user-summary {\n display: block;\n margin-left: 0.6em;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n z-index: 1;\n line-height: 2em;\n --emoji-size: 1.7em;\n}\n.user-info .user-summary .top-line,\n.user-info .user-summary .bottom-line {\n display: -ms-flexbox;\n display: flex;\n}\n.user-info .user-name {\n text-overflow: ellipsis;\n overflow: hidden;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n margin-right: 1em;\n font-size: 1.1em;\n}\n.user-info .bottom-line {\n font-weight: light;\n font-size: 1.1em;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.user-info .bottom-line .lock-icon {\n margin-left: 0.5em;\n}\n.user-info .bottom-line .user-screen-name {\n min-width: 1px;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n text-overflow: ellipsis;\n overflow: hidden;\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.user-info .bottom-line .dailyAvg {\n min-width: 1px;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n margin-left: 1em;\n font-size: 0.7em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.user-info .bottom-line .user-role {\n -ms-flex: none;\n flex: none;\n color: #b9b9ba;\n color: var(--alertNeutralText, #b9b9ba);\n background-color: #182230;\n background-color: var(--alertNeutral, #182230);\n}\n.user-info .user-meta {\n margin-bottom: 0.15em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n line-height: 22px;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.user-info .user-meta .following {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n margin: 0;\n margin-bottom: 0.25em;\n text-align: left;\n}\n.user-info .user-meta .highlighter {\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-right: -0.5em;\n -ms-flex-item-align: start;\n align-self: start;\n}\n.user-info .user-meta .highlighter .userHighlightCl {\n padding: 2px 10px;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.user-info .user-meta .highlighter .userHighlightSel {\n padding-top: 0;\n padding-bottom: 0;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.user-info .user-meta .highlighter .userHighlightText {\n width: 70px;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.user-info .user-meta .highlighter .userHighlightCl,\n.user-info .user-meta .highlighter .userHighlightText,\n.user-info .user-meta .highlighter .userHighlightSel {\n vertical-align: top;\n margin-right: 0.5em;\n margin-bottom: 0.25em;\n}\n.user-info .user-interactions {\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n margin-right: -0.75em;\n}\n.user-info .user-interactions > * {\n margin: 0 0.75em 0.6em 0;\n white-space: nowrap;\n min-width: 95px;\n}\n.user-info .user-interactions button {\n margin: 0;\n}\n.sidebar .edit-profile-button {\n display: none;\n}\n.user-counts {\n display: -ms-flexbox;\n display: flex;\n line-height: 16px;\n padding: 0.5em 1.5em 0em 1.5em;\n text-align: center;\n -ms-flex-pack: justify;\n justify-content: space-between;\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.user-count {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n padding: 0.5em 0 0.5em 0;\n margin: 0 0.5em;\n}\n.user-count h5 {\n font-size: 1em;\n font-weight: bolder;\n margin: 0 0 0.25em;\n}\n.user-count a {\n text-decoration: none;\n}",".user-panel .signed-in {\n overflow: visible;\n z-index: 10;\n}",".NavPanel .panel {\n overflow: hidden;\n box-shadow: var(--panelShadow);\n}\n.NavPanel ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.NavPanel li {\n position: relative;\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n padding: 0;\n}\n.NavPanel li:first-child .menu-item {\n border-top-right-radius: 10px;\n border-top-right-radius: var(--panelRadius, 10px);\n border-top-left-radius: 10px;\n border-top-left-radius: var(--panelRadius, 10px);\n}\n.NavPanel li:last-child .menu-item {\n border-bottom-right-radius: 10px;\n border-bottom-right-radius: var(--panelRadius, 10px);\n border-bottom-left-radius: 10px;\n border-bottom-left-radius: var(--panelRadius, 10px);\n}\n.NavPanel li:last-child {\n border: none;\n}\n.NavPanel .menu-item {\n display: block;\n box-sizing: border-box;\n height: 3.5em;\n line-height: 3.5em;\n padding: 0 1em;\n width: 100%;\n color: #d8a070;\n color: var(--link, #d8a070);\n}\n.NavPanel .menu-item:hover {\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: #d8a070;\n color: var(--selectedMenuText, #d8a070);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.NavPanel .menu-item.router-link-active {\n font-weight: bolder;\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: #b9b9ba;\n color: var(--selectedMenuText, #b9b9ba);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.NavPanel .menu-item.router-link-active:hover {\n text-decoration: underline;\n}\n.NavPanel .timelines-chevron {\n margin-left: 0.8em;\n font-size: 1.1em;\n}\n.NavPanel .timelines-background {\n padding: 0 0 0 0.6em;\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n border-top: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.NavPanel .timelines {\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.NavPanel .fa-scale-110 {\n margin-right: 0.8em;\n}\n.NavPanel .badge {\n position: absolute;\n right: 0.6rem;\n top: 1.25em;\n}",".features-panel li {\n line-height: 24px;\n}",".who-to-follow * {\n vertical-align: middle;\n}\n.who-to-follow img {\n width: 32px;\n height: 32px;\n}\n.who-to-follow {\n padding: 0em 1em;\n margin: 0px;\n}\n.who-to-follow-items {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0px;\n margin: 1em 0em;\n}\n.who-to-follow-more {\n padding: 0px;\n margin: 1em 0em;\n text-align: center;\n}",".floating-shout {\n position: fixed;\n bottom: 0.5em;\n z-index: 1000;\n max-width: 25em;\n}\n.floating-shout.-left {\n left: 0.5em;\n}\n.floating-shout:not(.-left) {\n right: 0.5em;\n}\n.shout-panel .shout-heading {\n cursor: pointer;\n}\n.shout-panel .shout-heading .icon {\n color: #b9b9ba;\n color: var(--panelText, #b9b9ba);\n margin-right: 0.5em;\n}\n.shout-panel .shout-heading .title {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: center;\n align-items: center;\n}\n.shout-panel .shout-window {\n overflow-y: auto;\n overflow-x: hidden;\n max-height: 20em;\n}\n.shout-panel .shout-window-container {\n height: 100%;\n}\n.shout-panel .shout-message {\n display: -ms-flexbox;\n display: flex;\n padding: 0.2em 0.5em;\n}\n.shout-panel .shout-avatar img {\n height: 24px;\n width: 24px;\n border-radius: 4px;\n border-radius: var(--avatarRadius, 4px);\n margin-right: 0.5em;\n margin-top: 0.25em;\n}\n.shout-panel .shout-input {\n display: -ms-flexbox;\n display: flex;\n}\n.shout-panel .shout-input textarea {\n -ms-flex: 1;\n flex: 1;\n margin: 0.6em;\n min-height: 3.5em;\n resize: none;\n}\n.shout-panel .shout-panel .title {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}",".modal-view {\n z-index: 2000;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n overflow: auto;\n pointer-events: none;\n animation-duration: 0.2s;\n animation-name: modal-background-fadein;\n opacity: 0;\n}\n.modal-view > * {\n pointer-events: initial;\n}\n.modal-view.modal-background {\n pointer-events: initial;\n background-color: rgba(0, 0, 0, 0.5);\n}\n.modal-view.open {\n opacity: 1;\n}\n@keyframes modal-background-fadein {\nfrom {\n background-color: rgba(0, 0, 0, 0);\n}\nto {\n background-color: rgba(0, 0, 0, 0.5);\n}\n}",".panel-loading {\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-size: 2em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.panel-loading .loading-text svg {\n line-height: 0;\n vertical-align: middle;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}",".async-component-error {\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.async-component-error .btn {\n margin: 0.5em;\n padding: 0.5em 2em;\n}",".settings-modal {\n overflow: hidden;\n}\n.settings-modal .setting-list,\n.settings-modal .option-list {\n list-style-type: none;\n padding-left: 2em;\n}\n.settings-modal .setting-list li,\n.settings-modal .option-list li {\n margin-bottom: 0.5em;\n}\n.settings-modal .setting-list .suboptions,\n.settings-modal .option-list .suboptions {\n margin-top: 0.3em;\n}\n.settings-modal.peek .settings-modal-panel {\n /* Explanation:\n * Modal is positioned vertically centered.\n * 100vh - 100% = Distance between modal's top+bottom boundaries and screen\n * (100vh - 100%) / 2 = Distance between bottom (or top) boundary and screen\n * + 100% - we move modal completely off-screen, it's top boundary touches\n * bottom of the screen\n * - 50px - leaving tiny amount of space so that titlebar + tiny amount of modal is visible\n */\n transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px));\n}\n@media all and (max-width: 800px) {\n.settings-modal.peek .settings-modal-panel {\n /* For mobile, the modal takes 100% of the available screen.\n This ensures the minimized modal is always 50px above the browser bottom bar regardless of whether or not it is visible.\n */\n transform: translateY(calc(100% - 50px));\n}\n}\n.settings-modal .settings-modal-panel {\n overflow: hidden;\n transition: transform;\n transition-timing-function: ease-in-out;\n transition-duration: 300ms;\n width: 1000px;\n max-width: 90vw;\n height: 90vh;\n}\n@media all and (max-width: 800px) {\n.settings-modal .settings-modal-panel {\n max-width: 100vw;\n height: 100%;\n}\n}\n.settings-modal .settings-modal-panel > .panel-body {\n height: 100%;\n overflow-y: hidden;\n}\n.settings-modal .settings-modal-panel > .panel-body .btn {\n min-height: 2em;\n min-width: 10em;\n padding: 0 2em;\n}\n.settings-modal .settings-footer {\n display: -ms-flexbox;\n display: flex;\n}\n.settings-modal .settings-footer > * {\n margin-right: 0.5em;\n}\n.settings-modal .settings-footer .extra-content {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}",".modal-view.media-modal-view {\n z-index: 9000;\n -ms-flex-direction: column;\n flex-direction: column;\n overflow: hidden;\n}\n.modal-view.media-modal-view .modal-view-button-arrow,\n.modal-view.media-modal-view .modal-view-button-hide {\n opacity: 0.75;\n}\n.modal-view.media-modal-view .modal-view-button-arrow:focus, .modal-view.media-modal-view .modal-view-button-arrow:hover,\n.modal-view.media-modal-view .modal-view-button-hide:focus,\n.modal-view.media-modal-view .modal-view-button-hide:hover {\n outline: none;\n box-shadow: none;\n}\n.modal-view.media-modal-view .modal-view-button-arrow:hover,\n.modal-view.media-modal-view .modal-view-button-hide:hover {\n opacity: 1;\n}\n@keyframes media-fadein {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n.media-modal-view .modal-image-container {\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: column;\n flex-direction: column;\n max-width: 100%;\n max-height: 100%;\n width: 100%;\n height: 100%;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.media-modal-view .modal-image-container-inner {\n width: 100%;\n height: 100%;\n -ms-flex-positive: 1;\n flex-grow: 1;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.media-modal-view .description,\n.media-modal-view .counter {\n /* Hardcoded since background is also hardcoded */\n color: white;\n margin-top: 1em;\n text-shadow: 0 0 10px black, 0 0 10px black;\n padding: 0.2em 2em;\n}\n.media-modal-view .description {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n overflow-y: auto;\n min-height: 1em;\n max-width: 500px;\n max-height: 9.5em;\n word-break: break-all;\n}\n.media-modal-view .modal-image {\n max-width: 100%;\n max-height: 100%;\n image-orientation: from-image;\n animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein;\n}\n.media-modal-view .modal-image.loading {\n opacity: 0.5;\n}\n.media-modal-view .loading-spinner {\n width: 100%;\n height: 100%;\n position: absolute;\n pointer-events: none;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.media-modal-view .loading-spinner svg {\n color: white;\n}\n.media-modal-view .modal-view-button {\n border: 0;\n padding: 0;\n opacity: 0;\n box-shadow: none;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n overflow: visible;\n cursor: pointer;\n transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);\n height: 3em;\n width: 3em;\n}\n.media-modal-view .modal-view-button .button-icon {\n position: absolute;\n height: 3em;\n width: 3em;\n font-size: 1rem;\n line-height: 3em;\n color: #FFF;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.3);\n}\n.media-modal-view .modal-view-button-arrow {\n position: absolute;\n display: block;\n top: 50%;\n margin-top: calc(3em / 2);\n width: 3em;\n height: 3em;\n}\n.media-modal-view .modal-view-button-arrow .arrow-icon {\n position: absolute;\n top: 0;\n line-height: 3em;\n color: #FFF;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.3);\n}\n.media-modal-view .modal-view-button-arrow--prev {\n left: 0;\n}\n.media-modal-view .modal-view-button-arrow--prev .arrow-icon {\n left: 0.5em;\n}\n.media-modal-view .modal-view-button-arrow--next {\n right: 0;\n}\n.media-modal-view .modal-view-button-arrow--next .arrow-icon {\n right: 0.5em;\n}\n.media-modal-view .modal-view-button-hide {\n position: absolute;\n top: 0;\n right: 0;\n}\n.media-modal-view .modal-view-button-hide .button-icon {\n top: 0.5em;\n right: 0.5em;\n}",".side-drawer-container {\n position: fixed;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: stretch;\n align-items: stretch;\n transition-duration: 0s;\n transition-property: transform;\n}\n.side-drawer-container-open {\n transform: translate(0%);\n}\n.side-drawer-container-closed {\n transition-delay: 0.35s;\n transform: translate(-100%);\n}\n.side-drawer-darken {\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n position: fixed;\n z-index: -1;\n transition: 0.35s;\n transition-property: background-color;\n background-color: rgba(0, 0, 0, 0.5);\n}\n.side-drawer-darken-closed {\n background-color: rgba(0, 0, 0, 0);\n}\n.side-drawer-click-outside {\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n}\n.side-drawer {\n overflow-x: hidden;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n transition: 0.35s;\n transition-property: transform;\n margin: 0 0 0 -100px;\n padding: 0 0 1em 100px;\n width: 80%;\n max-width: 20em;\n -ms-flex: 0 0 80%;\n flex: 0 0 80%;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n background-color: #121a24;\n background-color: var(--popover, #121a24);\n color: #d8a070;\n color: var(--popoverText, #d8a070);\n --faint: var(--popoverFaintText, $fallback--faint);\n --faintLink: var(--popoverFaintLink, $fallback--faint);\n --lightText: var(--popoverLightText, $fallback--lightText);\n --icon: var(--popoverIcon, $fallback--icon);\n}\n.side-drawer .badge {\n margin-left: 10px;\n}\n.side-drawer-logo-wrapper {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n padding: 0.85em;\n}\n.side-drawer-logo-wrapper img {\n -ms-flex: none;\n flex: none;\n height: 50px;\n margin-right: 0.85em;\n}\n.side-drawer-logo-wrapper span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.side-drawer-click-outside-closed {\n -ms-flex: 0 0 0px;\n flex: 0 0 0;\n}\n.side-drawer-closed {\n transform: translate(-100%);\n}\n.side-drawer-heading {\n background: transparent;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: stretch;\n align-items: stretch;\n display: -ms-flexbox;\n display: flex;\n padding: 0;\n margin: 0;\n}\n.side-drawer ul {\n list-style: none;\n margin: 0;\n padding: 0;\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.side-drawer ul:last-child {\n border: 0;\n}\n.side-drawer li {\n padding: 0;\n}\n.side-drawer li a, .side-drawer li button {\n box-sizing: border-box;\n display: block;\n height: 3em;\n line-height: 3em;\n padding: 0 0.7em;\n}\n.side-drawer li a:hover, .side-drawer li button:hover {\n background-color: #151e2a;\n background-color: var(--selectedMenuPopover, #151e2a);\n color: #b9b9ba;\n color: var(--selectedMenuPopoverText, #b9b9ba);\n --faint: var(--selectedMenuPopoverFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuPopoverLightText, $fallback--lightText);\n --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n}",".MobilePostButton.button-default {\n width: 5em;\n height: 5em;\n border-radius: 100%;\n position: fixed;\n bottom: 1.5em;\n right: 1.5em;\n background-color: #182230;\n background-color: var(--btn, #182230);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), 0px 4px 6px rgba(0, 0, 0, 0.3);\n z-index: 10;\n transition: 0.35s transform;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n}\n.MobilePostButton.hidden {\n transform: translateY(150%);\n}\n.MobilePostButton svg {\n font-size: 1.5em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n@media all and (min-width: 801px) {\n.new-status-button:not(.always-show) {\n display: none;\n}\n}",".ReplyButton {\n display: -ms-flexbox;\n display: flex;\n}\n.ReplyButton > :first-child {\n padding: 10px;\n margin: -10px -8px -10px -10px;\n}\n.ReplyButton .action-counter {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.ReplyButton .interactive:hover .svg-inline--fa, .ReplyButton .interactive.-active .svg-inline--fa {\n color: #0095ff;\n color: var(--cBlue, #0095ff);\n}",".FavoriteButton {\n display: -ms-flexbox;\n display: flex;\n}\n.FavoriteButton > :first-child {\n padding: 10px;\n margin: -10px -8px -10px -10px;\n}\n.FavoriteButton .action-counter {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.FavoriteButton .interactive .svg-inline--fa {\n animation-duration: 0.6s;\n}\n.FavoriteButton .interactive:hover .svg-inline--fa, .FavoriteButton .interactive.-favorited .svg-inline--fa {\n color: orange;\n color: var(--cOrange, orange);\n}",".custom-reaction {\n width: 30px !important;\n}\n.ReactButton {\n /* override of popover internal stuff */\n}\n.ReactButton .reaction-picker-filter {\n padding: 0.5em;\n display: -ms-flexbox;\n display: flex;\n}\n.ReactButton .reaction-picker-filter input {\n -ms-flex: 1;\n flex: 1;\n}\n.ReactButton .reaction-picker-divider {\n height: 1px;\n width: 100%;\n margin: 0.5em;\n background-color: var(--border, #222);\n}\n.ReactButton .reaction-picker {\n width: 10em;\n height: 9em;\n font-size: 1.5em;\n overflow-y: scroll;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n padding: 0.5em;\n text-align: center;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white);\n transition: -webkit-mask-size 150ms;\n transition: mask-size 150ms;\n transition: mask-size 150ms, -webkit-mask-size 150ms;\n -webkit-mask-size: 100% 20px, 100% 20px, auto;\n mask-size: 100% 20px, 100% 20px, auto;\n /* Autoprefixed seem to ignore this one, and also syntax is different */\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.ReactButton .reaction-picker .emoji-button {\n cursor: pointer;\n -ms-flex-preferred-size: 20%;\n flex-basis: 20%;\n line-height: 1.5;\n -ms-flex-line-pack: center;\n align-content: center;\n}\n.ReactButton .reaction-picker .emoji-button:hover {\n transform: scale(1.25);\n}\n.ReactButton .popover-trigger-button {\n width: auto;\n}\n.ReactButton .popover-trigger {\n padding: 10px;\n margin: -10px;\n}\n.ReactButton .popover-trigger:hover .svg-inline--fa {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}",".RetweetButton {\n display: -ms-flexbox;\n display: flex;\n}\n.RetweetButton > :first-child {\n padding: 10px;\n margin: -10px -8px -10px -10px;\n}\n.RetweetButton .action-counter {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.RetweetButton .interactive .svg-inline--fa {\n animation-duration: 0.6s;\n}\n.RetweetButton .interactive:hover .svg-inline--fa, .RetweetButton .interactive.-repeated .svg-inline--fa {\n color: #0fa00f;\n color: var(--cGreen, #0fa00f);\n}",".ExtraButtons {\n /* override of popover internal stuff */\n}\n.ExtraButtons .popover-trigger-button {\n width: auto;\n}\n.ExtraButtons .popover-trigger {\n position: static;\n padding: 10px;\n margin: -10px;\n}\n.ExtraButtons .popover-trigger:hover .svg-inline--fa {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}",".avatars {\n display: -ms-flexbox;\n display: flex;\n margin: 0;\n padding: 0;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n height: 24px;\n}\n.avatars .avatars-item {\n margin: 0 0 5px 5px;\n}\n.avatars .avatars-item:first-child {\n padding-left: 5px;\n}\n.avatars .avatars-item .avatar-small {\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n height: 24px;\n width: 24px;\n}","/* popover styles load on-demand, so we need to override */\n.status-popover.popover {\n font-size: 1rem;\n min-width: 15em;\n max-width: 95%;\n border-color: #222;\n border-color: var(--border, #222);\n border-style: solid;\n border-width: 1px;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);\n box-shadow: var(--popupShadow);\n /* TODO cleanup this */\n}\n.status-popover.popover .Status.Status {\n border: none;\n}\n.status-popover.popover .status-preview-no-content {\n padding: 1em;\n text-align: center;\n}\n.status-popover.popover .status-preview-no-content i {\n font-size: 2em;\n}",".user-list-popover {\n padding: 0.5em;\n --emoji-size: 16px;\n}\n.user-list-popover .user-list-row {\n padding: 0.25em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.user-list-popover .user-list-row .user-list-names {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin-left: 0.5em;\n min-width: 5em;\n}\n.user-list-popover .user-list-row .user-list-names img {\n width: 1em;\n height: 1em;\n}\n.user-list-popover .user-list-row .user-list-screen-name {\n font-size: 0.65em;\n}",".emoji-reactions {\n display: -ms-flexbox;\n display: flex;\n margin-top: 0.25em;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.unicode-emoji {\n font-size: 210%;\n}\n.emoji-reaction {\n padding: 0 0.5em;\n margin-right: 0.5em;\n margin-top: 0.5em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.emoji-reaction .reaction-emoji {\n width: 2.55em !important;\n margin-right: 0.25em;\n}\n.emoji-reaction:focus {\n outline: none;\n}\n.emoji-reaction.not-clickable {\n cursor: default;\n}\n.emoji-reaction.not-clickable:hover {\n box-shadow: 0px 0px 2px 0px black, 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;\n box-shadow: var(--buttonShadow);\n}\n.emoji-reaction-expand {\n padding: 0 0.5em;\n margin-right: 0.5em;\n margin-top: 0.5em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.emoji-reaction-expand:hover {\n text-decoration: underline;\n}\n.picked-reaction {\n border: 1px solid var(--accent, #d8a070);\n margin-left: -1px;\n margin-right: calc(0.5em - 1px);\n}",".Status {\n min-width: 0;\n white-space: normal;\n word-wrap: break-word;\n word-break: break-word;\n overflow: hidden;\n}\n.Status:hover {\n --_still-image-img-visibility: visible;\n --_still-image-canvas-visibility: hidden;\n --_still-image-label-visibility: hidden;\n}\n.Status.-focused {\n background-color: #151e2a;\n background-color: var(--selectedPost, #151e2a);\n color: #b9b9ba;\n color: var(--selectedPostText, #b9b9ba);\n --lightText: var(--selectedPostLightText, $fallback--light);\n --faint: var(--selectedPostFaintText, $fallback--faint);\n --faintLink: var(--selectedPostFaintLink, $fallback--faint);\n --postLink: var(--selectedPostPostLink, $fallback--faint);\n --postFaintLink: var(--selectedPostFaintPostLink, $fallback--faint);\n --icon: var(--selectedPostIcon, $fallback--icon);\n}\n.Status .gravestone {\n padding: var(--status-margin, 0.75em);\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n display: -ms-flexbox;\n display: flex;\n}\n.Status .gravestone .deleted-text {\n margin: 0.5em 0;\n -ms-flex-align: center;\n align-items: center;\n}\n.Status .status-container {\n display: -ms-flexbox;\n display: flex;\n padding: var(--status-margin, 0.75em);\n}\n.Status .status-container > * {\n min-width: 0;\n}\n.Status .status-container.-repeat {\n padding-top: 0;\n}\n.Status .pin {\n padding: var(--status-margin, 0.75em) var(--status-margin, 0.75em) 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n._misclick-prevention .Status {\n pointer-events: none;\n}\n._misclick-prevention .Status .attachments {\n pointer-events: initial;\n cursor: initial;\n}\n.Status .left-side {\n margin-right: var(--status-margin, 0.75em);\n}\n.Status .right-side {\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.Status .usercard {\n margin-bottom: var(--status-margin, 0.75em);\n}\n.Status .status-username {\n white-space: nowrap;\n overflow: hidden;\n max-width: 85%;\n font-weight: bold;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n margin-right: 0.4em;\n text-overflow: ellipsis;\n --_still_image-label-scale: 0.25;\n --emoji-size: 14px;\n}\n.Status .status-favicon {\n height: 18px;\n width: 18px;\n margin-right: 0.4em;\n}\n.Status .status-heading {\n margin-bottom: 0.5em;\n}\n.Status .heading-name-row {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n line-height: 1.3;\n}\n.Status .heading-name-row a {\n display: inline-block;\n word-break: break-all;\n}\n.Status .account-name {\n min-width: 1.6em;\n margin-right: 0.4em;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n}\n.Status .heading-left {\n display: -ms-flexbox;\n display: flex;\n min-width: 0;\n}\n.Status .heading-right {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.Status .heading-right .button-unstyled {\n padding: 5px;\n margin: -5px;\n}\n.Status .heading-right .button-unstyled:hover svg {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.Status .heading-right .svg-inline--fa {\n margin-left: 0.25em;\n}\n.Status .glued-label {\n display: -ms-inline-flexbox;\n display: inline-flex;\n white-space: nowrap;\n}\n.Status .timeago {\n margin-right: 0.2em;\n}\n.Status .heading-reply-row {\n position: relative;\n -ms-flex-line-pack: baseline;\n align-content: baseline;\n font-size: 0.85em;\n margin-top: 0.2em;\n line-height: 130%;\n max-width: 100%;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.Status .reply-to-popover, .Status .reply-to-no-popover, .Status .mentions {\n min-width: 0;\n margin-right: 0.4em;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.Status .reply-glued-label {\n margin-right: 0.5em;\n}\n.Status .reply-to-popover .reply-to:hover::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: 0;\n width: 100%;\n border-bottom: 1px solid var(--faint);\n pointer-events: none;\n}\n.Status .reply-to-popover .faint-link:hover {\n text-decoration: none;\n}\n.Status .reply-to-popover.-strikethrough .reply-to::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n width: 100%;\n border-bottom: 1px solid var(--faint);\n pointer-events: none;\n}\n.Status .mentions, .Status .reply-to {\n white-space: nowrap;\n position: relative;\n}\n.Status .mentions-text, .Status .reply-to-text {\n color: var(--faint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.Status .mentions-line {\n display: inline;\n}\n.Status .replies {\n margin-top: 0.25em;\n line-height: 1.3;\n font-size: 0.85em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.Status .replies > * {\n margin-right: 0.4em;\n}\n.Status .reply-link {\n height: 17px;\n}\n.Status .repeat-info {\n padding: 0.4em var(--status-margin, 0.75em);\n}\n.Status .repeat-info .repeat-icon {\n color: #0fa00f;\n color: var(--cGreen, #0fa00f);\n}\n.Status .repeater-avatar {\n border-radius: var(--avatarAltRadius, 10px);\n margin-left: 28px;\n width: 20px;\n height: 20px;\n}\n.Status .repeater-name {\n text-overflow: ellipsis;\n margin-right: 0;\n}\n.Status .repeater-name .emoji {\n width: 14px;\n height: 14px;\n vertical-align: middle;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.Status .status-fadein {\n animation-duration: 0.4s;\n animation-name: fadein;\n}\n@keyframes fadein {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n.Status .status-actions {\n position: relative;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n margin-top: var(--status-margin, 0.75em);\n}\n.Status .status-actions > * {\n max-width: 4em;\n -ms-flex: 1;\n flex: 1;\n}\n.Status .muted {\n padding: 0.25em 0.6em;\n height: 1.2em;\n line-height: 1.2em;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.Status .muted .status-username, .Status .muted .mute-thread, .Status .muted .mute-words {\n word-wrap: normal;\n word-break: normal;\n white-space: nowrap;\n}\n.Status .muted .status-username, .Status .muted .mute-words {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.Status .muted .status-username {\n font-weight: normal;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n margin-right: 0.2em;\n font-size: smaller;\n}\n.Status .muted .mute-thread {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.Status .muted .mute-words {\n -ms-flex: 1 0 5em;\n flex: 1 0 5em;\n margin-left: 0.2em;\n}\n.Status .muted .mute-words::before {\n content: \" \";\n}\n.Status .muted .unmute {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n margin-left: auto;\n display: block;\n}\n.Status .reply-form {\n padding-top: 0;\n padding-bottom: 0;\n}\n.Status .reply-body {\n -ms-flex: 1;\n flex: 1;\n}\n.Status .favs-repeated-users {\n margin-top: var(--status-margin, 0.75em);\n}\n.Status .stats {\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n line-height: 1em;\n}\n.Status .avatar-row {\n -ms-flex: 1;\n flex: 1;\n overflow: hidden;\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.Status .avatar-row::before {\n content: \"\";\n position: absolute;\n height: 100%;\n width: 1px;\n left: 0;\n background-color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.Status .stat-count {\n margin-right: var(--status-margin, 0.75em);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Status .stat-count .stat-title {\n color: var(--faint, rgba(185, 185, 186, 0.5));\n font-size: 0.85em;\n text-transform: uppercase;\n position: relative;\n}\n.Status .stat-count .stat-number {\n font-weight: bolder;\n font-size: 1.1em;\n line-height: 1em;\n}\n.Status .stat-count:hover .stat-title {\n text-decoration: underline;\n}\n@media all and (max-width: 800px) {\n.Status .repeater-avatar {\n margin-left: 20px;\n}\n.Status .post-avatar {\n width: 40px;\n height: 40px;\n}\n.Status .post-avatar.-compact {\n width: 32px;\n height: 32px;\n}\n}",".notification-reaction-emoji {\n width: 40px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.Notification {\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n word-wrap: break-word;\n word-break: break-word;\n --emoji-size: 14px;\n}\n.Notification:hover {\n --_still-image-img-visibility: visible;\n --_still-image-canvas-visibility: hidden;\n --_still-image-label-visibility: hidden;\n}\n.Notification.-muted {\n padding: 0.25em 0.6em;\n height: 1.2em;\n line-height: 1.2em;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.Notification.-muted .status-username, .Notification.-muted .mute-thread, .Notification.-muted .mute-words {\n word-wrap: normal;\n word-break: normal;\n white-space: nowrap;\n}\n.Notification.-muted .status-username, .Notification.-muted .mute-words {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.Notification.-muted .status-username {\n font-weight: normal;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n margin-right: 0.2em;\n font-size: smaller;\n}\n.Notification.-muted .mute-thread {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.Notification.-muted .mute-words {\n -ms-flex: 1 0 5em;\n flex: 1 0 5em;\n margin-left: 0.2em;\n}\n.Notification.-muted .mute-words::before {\n content: \" \";\n}\n.Notification.-muted .unmute {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n margin-left: auto;\n display: block;\n}\n.Notification .type-icon {\n margin: 0 0.1em;\n}\n.Notification.-type--repeat .type-icon {\n color: #0fa00f;\n color: var(--cGreen, #0fa00f);\n}\n.Notification.-type--follow .type-icon {\n color: #0095ff;\n color: var(--cBlue, #0095ff);\n}\n.Notification.-type--follow-request .type-icon {\n color: #0095ff;\n color: var(--cBlue, #0095ff);\n}\n.Notification.-type--like .type-icon {\n color: orange;\n color: orange;\n color: var(--cOrange, orange);\n}\n.Notification.-type--move .type-icon {\n color: #0095ff;\n color: var(--cBlue, #0095ff);\n}",".NotificationFilters {\n -ms-flex-item-align: stretch;\n -ms-grid-row-align: stretch;\n align-self: stretch;\n}\n.NotificationFilters > button {\n line-height: 100%;\n height: 100%;\n width: var(--__panel-heading-height-inner);\n text-align: center;\n}\n.NotificationFilters > button svg {\n font-size: 1.2em;\n}",".Notifications:not(.minimal) {\n padding-bottom: 15em;\n}\n.Notifications .loadmore-error {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.Notifications .notification {\n position: relative;\n}\n.Notifications .notification .notification-overlay {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n pointer-events: none;\n}\n.Notifications .notification.unseen .notification-overlay {\n background-image: linear-gradient(135deg, var(--badgeNotification, #ff0000) 4px, transparent 10px);\n}\n.notification {\n box-sizing: border-box;\n /* TODO cleanup this */\n}\n.notification:hover .animated.Avatar canvas {\n display: none;\n}\n.notification:hover .animated.Avatar img {\n visibility: visible;\n}\n.notification:last-child .Notification {\n border-bottom: none;\n}\n.notification .non-mention {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1;\n flex: 1;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n padding: 0.6em;\n min-width: 0;\n --link: var(--faintLink);\n --text: var(--faint);\n}\n.notification .non-mention .avatar-container {\n width: 32px;\n height: 32px;\n}\n.notification .follow-request-accept:hover {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.notification .follow-request-reject:hover {\n color: #ff0000;\n color: var(--cRed, #ff0000);\n}\n.notification .follow-text, .notification .move-text {\n padding: 0.5em 0;\n overflow-wrap: break-word;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.notification .follow-text .follow-name, .notification .move-text .follow-name {\n display: block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.notification .Status {\n -ms-flex: 1;\n flex: 1;\n}\n.notification time {\n white-space: nowrap;\n}\n.notification .notification-right {\n -ms-flex: 1;\n flex: 1;\n padding-left: 0.8em;\n min-width: 0;\n}\n.notification .notification-right .timeago {\n min-width: 3em;\n text-align: right;\n}\n.notification .emoji-reaction-emoji {\n font-size: 1.3em;\n}\n.notification .notification-details {\n min-width: 0;\n word-wrap: break-word;\n line-height: var(--post-line-height);\n position: relative;\n overflow: hidden;\n width: 100%;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.notification .notification-details .name-and-action {\n -ms-flex: 1;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.notification .notification-details .username {\n font-weight: bolder;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.notification .notification-details .timeago {\n margin-right: 0.2em;\n}\n.notification .notification-details .status-content {\n margin: 0;\n max-height: 300px;\n}\n.notification .notification-details h1 {\n word-break: break-all;\n margin: 0 0 0.3em;\n padding: 0;\n font-size: 1em;\n line-height: 1.5;\n}\n.notification .notification-details h1 small {\n font-weight: lighter;\n}\n.notification .notification-details p {\n margin: 0;\n margin-top: 0;\n margin-bottom: 0.3em;\n}",".MobileNav .mobile-nav {\n display: -ms-grid;\n display: grid;\n line-height: var(--navbar-height);\n -ms-grid-rows: 50px;\n grid-template-rows: 50px;\n -ms-grid-columns: 2fr auto;\n grid-template-columns: 2fr auto;\n width: 100%;\n box-sizing: border-box;\n}\n.MobileNav .mobile-nav a {\n color: var(--topBarLink, #d8a070);\n}\n.MobileNav .mobile-inner-nav {\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.MobileNav .mobile-nav-button {\n display: inline-block;\n text-align: center;\n padding: 0 1em;\n position: relative;\n cursor: pointer;\n}\n.MobileNav .site-name {\n padding: 0 0.3em;\n display: inline-block;\n}\n.MobileNav .item {\n /* moslty just to get rid of extra whitespaces */\n display: -ms-flexbox;\n display: flex;\n}\n.MobileNav .alert-dot {\n border-radius: 100%;\n height: 8px;\n width: 8px;\n position: absolute;\n left: calc(50% - 4px);\n top: calc(50% - 4px);\n margin-left: 6px;\n margin-top: -6px;\n background-color: #ff0000;\n background-color: var(--badgeNotification, #ff0000);\n}\n.MobileNav .mobile-notifications-drawer {\n width: 100%;\n height: 100vh;\n overflow-x: hidden;\n position: fixed;\n top: 0;\n left: 0;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n transition-property: transform;\n transition-duration: 0.25s;\n transform: translateX(0);\n z-index: 1001;\n -webkit-overflow-scrolling: touch;\n}\n.MobileNav .mobile-notifications-drawer.-closed {\n transform: translateX(100%);\n box-shadow: none;\n}\n.MobileNav .mobile-notifications-header {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: justify;\n justify-content: space-between;\n z-index: 1;\n width: 100%;\n height: 50px;\n line-height: 50px;\n position: absolute;\n color: var(--topBarText);\n background-color: #182230;\n background-color: var(--topBar, #182230);\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--topBarShadow);\n}\n.MobileNav .mobile-notifications-header .title {\n font-size: 1.3em;\n margin-left: 0.6em;\n}\n.MobileNav .mobile-notifications {\n margin-top: 50px;\n width: 100vw;\n height: calc(100vh - var(--navbar-height));\n overflow-x: hidden;\n overflow-y: scroll;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.MobileNav .mobile-notifications .notifications {\n padding: 0;\n border-radius: 0;\n box-shadow: none;\n}\n.MobileNav .mobile-notifications .notifications .panel {\n border-radius: 0;\n margin: 0;\n box-shadow: none;\n}\n.MobileNav .mobile-notifications .notifications .panel:after {\n border-radius: 0;\n}\n.MobileNav .mobile-notifications .notifications .panel .panel-heading {\n border-radius: 0;\n box-shadow: none;\n}",".SearchBar {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n vertical-align: baseline;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.SearchBar.-expanded {\n width: 100%;\n}\n.SearchBar .search-bar-input,\n.SearchBar .search-button {\n height: 29px;\n}\n.SearchBar .search-bar-input {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.SearchBar .cancel-search {\n height: 50px;\n}\n.SearchBar .cancel-icon {\n color: #b9b9ba;\n color: var(--btnTopBarText, #b9b9ba);\n}",".DesktopNav {\n width: 100%;\n}\n.DesktopNav a {\n color: var(--topBarLink, #d8a070);\n}\n.DesktopNav .inner-nav {\n display: -ms-grid;\n display: grid;\n -ms-grid-rows: var(--navbar-height);\n grid-template-rows: var(--navbar-height);\n -ms-grid-columns: 2fr auto 2fr;\n grid-template-columns: 2fr auto 2fr;\n grid-template-areas: \"sitename logo actions\";\n box-sizing: border-box;\n padding: 0 1.2em;\n margin: auto;\n max-width: 980px;\n}\n.DesktopNav.-logoLeft .inner-nav {\n -ms-grid-columns: auto 2fr 2fr;\n grid-template-columns: auto 2fr 2fr;\n grid-template-areas: \"logo sitename actions\";\n}\n.DesktopNav .button-default, .DesktopNav .button-default svg {\n color: #b9b9ba;\n color: var(--btnTopBarText, #b9b9ba);\n}\n.DesktopNav .button-default:active {\n background-color: #182230;\n background-color: var(--btnPressedTopBar, #182230);\n color: #b9b9ba;\n color: var(--btnPressedTopBarText, #b9b9ba);\n}\n.DesktopNav .button-default:disabled {\n color: #b9b9ba;\n color: var(--btnDisabledTopBarText, #b9b9ba);\n}\n.DesktopNav .button-default.toggled {\n color: #b9b9ba;\n color: var(--btnToggledTopBarText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btnToggledTopBar, #182230);\n}\n.DesktopNav .logo {\n grid-area: logo;\n position: relative;\n transition: opacity;\n transition-timing-function: ease-out;\n transition-duration: 100ms;\n}\n@media all and (min-width: 800px) {\n.DesktopNav .logo {\n opacity: 1 !important;\n}\n}\n.DesktopNav .logo .mask {\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-size: contain;\n mask-size: contain;\n background-color: #182230;\n background-color: var(--topBarText, #182230);\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n.DesktopNav .logo img {\n display: inline-block;\n height: var(--navbar-height);\n}\n.DesktopNav .nav-icon {\n margin-left: 0.2em;\n width: 2em;\n height: 100%;\n text-align: center;\n}\n.DesktopNav .nav-icon .svg-inline--fa {\n color: #d8a070;\n color: var(--topBarLink, #d8a070);\n}\n.DesktopNav .sitename {\n grid-area: sitename;\n}\n.DesktopNav .actions {\n grid-area: actions;\n}\n.DesktopNav .item {\n -ms-flex: 1;\n flex: 1;\n line-height: var(--navbar-height);\n height: var(--navbar-height);\n overflow: hidden;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.DesktopNav .item.right {\n -ms-flex-pack: end;\n justify-content: flex-end;\n text-align: right;\n}",".list-item:not(:last-child) {\n border-bottom: 1px solid;\n border-bottom-color: #222;\n border-bottom-color: var(--border, #222);\n}\n.list-empty-content {\n text-align: center;\n padding: 10px;\n}",".user-reporting-panel {\n width: 90vw;\n max-width: 700px;\n min-height: 20vh;\n max-height: 80vh;\n}\n.user-reporting-panel .panel-body {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n border-top: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n overflow: hidden;\n}\n.user-reporting-panel-left {\n padding: 1.1em 0.7em 0.7em;\n line-height: var(--post-line-height);\n box-sizing: border-box;\n}\n.user-reporting-panel-left > div {\n margin-bottom: 1em;\n}\n.user-reporting-panel-left > div:last-child {\n margin-bottom: 0;\n}\n.user-reporting-panel-left p {\n margin-top: 0;\n}\n.user-reporting-panel-left textarea.form-control {\n line-height: 16px;\n resize: none;\n overflow: hidden;\n transition: min-height 200ms 100ms;\n min-height: 44px;\n width: 100%;\n}\n.user-reporting-panel-left .btn {\n min-width: 10em;\n padding: 0 2em;\n}\n.user-reporting-panel-left .alert {\n margin: 1em 0 0 0;\n line-height: 1.3em;\n}\n.user-reporting-panel-right {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n overflow-y: auto;\n}\n.user-reporting-panel-sitem {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n /* TODO cleanup this */\n}\n.user-reporting-panel-sitem > .Status {\n -ms-flex: 1;\n flex: 1;\n}\n.user-reporting-panel-sitem > .checkbox {\n margin: 0.75em;\n}\n@media all and (min-width: 801px) {\n.user-reporting-panel .panel-body {\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.user-reporting-panel-left {\n width: 50%;\n max-width: 320px;\n border-right: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n padding: 1.1em;\n}\n.user-reporting-panel-left > div {\n margin-bottom: 2em;\n}\n.user-reporting-panel-right {\n width: 50%;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n margin-bottom: 12px;\n}\n}",".modal-view.post-form-modal-view {\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.post-form-modal-panel {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n margin-top: 25%;\n margin-bottom: 2em;\n width: 100%;\n max-width: 700px;\n}\n@media (orientation: landscape) {\n.post-form-modal-panel {\n margin-top: 8%;\n}\n}",".global-notice-list {\n position: fixed;\n top: 50px;\n width: 100%;\n pointer-events: none;\n z-index: 1001;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n}\n.global-notice-list .global-notice {\n pointer-events: auto;\n text-align: center;\n width: 40em;\n max-width: calc(100% - 3em);\n display: -ms-flexbox;\n display: flex;\n padding-left: 1.5em;\n line-height: 2;\n margin-bottom: 0.5em;\n}\n.global-notice-list .global-notice .notice-message {\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n}\n.global-notice-list .global-error {\n background-color: var(--alertPopupError, #ff0000);\n color: var(--alertPopupErrorText, #b9b9ba);\n}\n.global-notice-list .global-error .svg-inline--fa {\n color: var(--alertPopupErrorText, #b9b9ba);\n}\n.global-notice-list .global-warning {\n background-color: var(--alertPopupWarning, orange);\n color: var(--alertPopupWarningText, #b9b9ba);\n}\n.global-notice-list .global-warning .svg-inline--fa {\n color: var(--alertPopupWarningText, #b9b9ba);\n}\n.global-notice-list .global-success {\n background-color: var(--alertPopupSuccess, #0fa00f);\n color: var(--alertPopupSuccessText, #b9b9ba);\n}\n.global-notice-list .global-success .svg-inline--fa {\n color: var(--alertPopupSuccessText, #b9b9ba);\n}\n.global-notice-list .global-info {\n background-color: var(--alertPopupNeutral, #182230);\n color: var(--alertPopupNeutralText, #b9b9ba);\n}\n.global-notice-list .global-info .svg-inline--fa {\n color: var(--alertPopupNeutralText, #b9b9ba);\n}\n.global-notice-list .close-notice {\n padding-right: 0.2em;\n}\n.global-notice-list .close-notice .svg-inline--fa:hover {\n opacity: 0.6;\n}","@charset \"UTF-8\";\n:root {\n --navbar-height: 3.5rem;\n --post-line-height: 1.4;\n}\nhtml {\n font-size: 14px;\n}\nbody {\n font-family: sans-serif;\n font-family: var(--interfaceFont, sans-serif);\n margin: 0;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overscroll-behavior-y: none;\n overflow-x: clip;\n overflow-y: scroll;\n}\nbody.hidden {\n display: none;\n}\n@media (any-pointer: fine) {\n* {\n scrollbar-color: var(--btn) transparent;\n}\n*::-webkit-scrollbar {\n background: transparent;\n}\n*::-webkit-scrollbar-button, *::-webkit-scrollbar-thumb {\n background-color: var(--btn);\n box-shadow: var(--buttonShadow);\n border-radius: var(--btnRadius);\n}\n*::-webkit-scrollbar-button {\n --___bgPadding: 2px;\n color: var(--btnText);\n background-repeat: no-repeat, no-repeat;\n}\n*::-webkit-scrollbar-button:horizontal {\n background-size: 50% calc(50% - var(--___bgPadding)), 50% calc(50% - var(--___bgPadding));\n}\n*::-webkit-scrollbar-button:horizontal:increment {\n background-image: linear-gradient(45deg, var(--btnText) 50%, transparent 51%), linear-gradient(-45deg, transparent 50%, var(--btnText) 51%);\n background-position: top var(--___bgPadding) left 50%, right 50% bottom var(--___bgPadding);\n}\n*::-webkit-scrollbar-button:horizontal:decrement {\n background-image: linear-gradient(45deg, transparent 50%, var(--btnText) 51%), linear-gradient(-45deg, var(--btnText) 50%, transparent 51%);\n background-position: bottom var(--___bgPadding) right 50%, left 50% top var(--___bgPadding);\n}\n*::-webkit-scrollbar-button:vertical {\n background-size: calc(50% - var(--___bgPadding)) 50%, calc(50% - var(--___bgPadding)) 50%;\n}\n*::-webkit-scrollbar-button:vertical:increment {\n background-image: linear-gradient(-45deg, transparent 50%, var(--btnText) 51%), linear-gradient(45deg, transparent 50%, var(--btnText) 51%);\n background-position: right var(--___bgPadding) top 50%, left var(--___bgPadding) top 50%;\n}\n*::-webkit-scrollbar-button:vertical:decrement {\n background-image: linear-gradient(-45deg, var(--btnText) 50%, transparent 51%), linear-gradient(45deg, var(--btnText) 50%, transparent 51%);\n background-position: left var(--___bgPadding) top 50%, right var(--___bgPadding) top 50%;\n}\nhtml {\n scrollbar-color: var(--selectedMenu) var(--wallpaper);\n background: var(--wallpaper);\n}\n}\na {\n text-decoration: none;\n color: #d8a070;\n color: var(--link, #d8a070);\n}\nh4 {\n margin: 0;\n}\ni[class*=icon-],\n.svg-inline--fa {\n color: #666;\n color: var(--icon, #666);\n}\nnav {\n z-index: 1000;\n color: var(--topBarText);\n background-color: #182230;\n background-color: var(--topBar, #182230);\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--topBarShadow);\n box-sizing: border-box;\n height: var(--navbar-height);\n position: fixed;\n}\n#sidebar {\n grid-area: sidebar;\n}\n.column.-scrollable {\n top: var(--navbar-height);\n position: -webkit-sticky;\n position: sticky;\n}\n#main-scroller {\n grid-area: content;\n position: relative;\n}\n#notifs-column {\n grid-area: notifs;\n}\n.app-bg-wrapper {\n position: fixed;\n height: 100%;\n top: var(--navbar-height);\n z-index: -1000;\n left: 0;\n right: -20px;\n background-size: cover;\n background-repeat: no-repeat;\n background-color: var(--wallpaper);\n background-image: var(--body-background-image);\n background-position: 50%;\n}\n.underlay {\n -ms-grid-column: 1;\n grid-column-start: 1;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n -ms-grid-row: 1;\n grid-row-start: 1;\n grid-row-end: 1;\n pointer-events: none;\n background-color: rgba(0, 0, 0, 0.15);\n background-color: var(--underlay, rgba(0, 0, 0, 0.15));\n z-index: -1000;\n}\n.app-layout {\n --miniColumn: 25rem;\n --maxiColumn: minmax(var(--miniColumn), 45rem);\n --columnGap: 1em;\n --status-margin: 0.75em;\n position: relative;\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: var(--miniColumn) var(--maxiColumn);\n grid-template-columns: var(--miniColumn) var(--maxiColumn);\n grid-template-areas: \"sidebar content\";\n -ms-grid-rows: 1fr;\n grid-template-rows: 1fr;\n box-sizing: border-box;\n margin: 0 auto;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: center;\n justify-content: center;\n min-height: 100vh;\n overflow-x: clip;\n}\n.app-layout .column {\n --___columnMargin: var(--columnGap);\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: 100%;\n grid-template-columns: 100%;\n box-sizing: border-box;\n -ms-grid-row: 1;\n grid-row-start: 1;\n grid-row-end: 1;\n margin: 0 calc(var(--___columnMargin) / 2);\n padding: calc(var(--___columnMargin)) 0;\n row-gap: var(--___columnMargin);\n -ms-flex-line-pack: start;\n align-content: start;\n}\n.app-layout .column:not(.-scrollable) {\n margin-top: var(--navbar-height);\n}\n.app-layout .column:hover {\n z-index: 2;\n}\n.app-layout .column.-full-height {\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n.app-layout .column.-scrollable {\n --___paddingIncrease: calc(var(--columnGap) / 2);\n position: -webkit-sticky;\n position: sticky;\n top: var(--navbar-height);\n max-height: calc(100vh - var(--navbar-height));\n overflow-y: auto;\n overflow-x: hidden;\n margin-left: calc(var(--___paddingIncrease) * -1);\n padding-left: calc(var(--___paddingIncrease) + var(--___columnMargin) / 2);\n}\n@supports (scrollbar-width: none) or (-webkit-text-fill-color: initial) {\n.app-layout .column.-scrollable:not(.-show-scrollbar) {\n scrollbar-width: none;\n margin-right: calc(var(--___paddingIncrease) * -1);\n padding-right: calc(var(--___paddingIncrease) + var(--___columnMargin) / 2);\n}\n.app-layout .column.-scrollable:not(.-show-scrollbar)::-webkit-scrollbar {\n display: block;\n width: 0;\n}\n}\n.app-layout .column.-scrollable .panel-heading.-sticky {\n top: calc(var(--columnGap) / -1);\n}\n.app-layout.-has-new-post-button .column {\n padding-bottom: 10rem;\n}\n.app-layout.-no-sticky-headers .column .panel-heading.-sticky {\n position: relative;\n top: 0;\n}\n.app-layout .column-inner {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: 100%;\n grid-template-columns: 100%;\n box-sizing: border-box;\n row-gap: 1em;\n -ms-flex-line-pack: start;\n align-content: start;\n}\n.app-layout.-reverse:not(.-wide):not(.-mobile) {\n -ms-grid-columns: var(--maxiColumn) var(--miniColumn);\n grid-template-columns: var(--maxiColumn) var(--miniColumn);\n grid-template-areas: \"content sidebar\";\n}\n.app-layout.-wide {\n -ms-grid-columns: var(--miniColumn) var(--maxiColumn) var(--miniColumn);\n grid-template-columns: var(--miniColumn) var(--maxiColumn) var(--miniColumn);\n grid-template-areas: \"sidebar content notifs\";\n}\n.app-layout.-wide.-reverse {\n grid-template-areas: \"notifs content sidebar\";\n}\n.app-layout.-mobile {\n -ms-grid-columns: 100vw;\n grid-template-columns: 100vw;\n grid-template-areas: \"content\";\n padding: 0;\n}\n.app-layout.-mobile .column {\n margin-left: 0;\n margin-right: 0;\n padding-top: 0;\n margin-top: var(--navbar-height);\n margin-bottom: 0;\n}\n.app-layout.-mobile .panel-heading,\n.app-layout.-mobile .panel-heading::after,\n.app-layout.-mobile .panel-heading::before,\n.app-layout.-mobile .panel,\n.app-layout.-mobile .panel::after {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.app-layout.-mobile .underlay,\n.app-layout.-mobile #sidebar,\n.app-layout.-mobile #notifs-column {\n display: none;\n}\n.app-layout.-normal #notifs-column {\n display: none;\n}\n.text-center {\n text-align: center;\n}\n.button-default {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: #b9b9ba;\n color: var(--btnText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btn, #182230);\n border: none;\n border-radius: 4px;\n border-radius: var(--btnRadius, 4px);\n cursor: pointer;\n box-shadow: 0px 0px 2px 0px black, 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;\n box-shadow: var(--buttonShadow);\n font-size: 1em;\n font-family: sans-serif;\n font-family: var(--interfaceFont, sans-serif);\n}\n.button-default.-sublime {\n background: transparent;\n}\n.button-default i[class*=icon-],\n.button-default .svg-inline--fa {\n color: #b9b9ba;\n color: var(--btnText, #b9b9ba);\n}\n.button-default::-moz-focus-inner {\n border: none;\n}\n.button-default:hover {\n box-shadow: 0 0 4px rgba(255, 255, 255, 0.3);\n box-shadow: var(--buttonHoverShadow);\n}\n.button-default:active {\n box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.3), 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset;\n box-shadow: var(--buttonPressedShadow);\n color: #b9b9ba;\n color: var(--btnPressedText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btnPressed, #182230);\n}\n.button-default:active svg,\n.button-default:active i {\n color: #b9b9ba;\n color: var(--btnPressedText, #b9b9ba);\n}\n.button-default:disabled {\n cursor: not-allowed;\n color: #b9b9ba;\n color: var(--btnDisabledText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btnDisabled, #182230);\n}\n.button-default:disabled svg,\n.button-default:disabled i {\n color: #b9b9ba;\n color: var(--btnDisabledText, #b9b9ba);\n}\n.button-default.toggled {\n color: #b9b9ba;\n color: var(--btnToggledText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btnToggled, #182230);\n box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.3), 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset;\n box-shadow: var(--buttonPressedShadow);\n}\n.button-default.toggled svg,\n.button-default.toggled i {\n color: #b9b9ba;\n color: var(--btnToggledText, #b9b9ba);\n}\n.button-default.danger {\n color: #b9b9ba;\n color: var(--alertErrorPanelText, #b9b9ba);\n background-color: rgba(211, 16, 20, 0.5);\n background-color: var(--alertError, rgba(211, 16, 20, 0.5));\n}\n.button-unstyled {\n background: none;\n border: none;\n outline: none;\n display: inline;\n text-align: initial;\n font-size: 100%;\n font-family: inherit;\n padding: 0;\n line-height: unset;\n cursor: pointer;\n box-sizing: content-box;\n color: inherit;\n}\n.button-unstyled.-link {\n color: #d8a070;\n color: var(--link, #d8a070);\n}\n.button-unstyled.-fullwidth {\n width: 100%;\n}\n.button-unstyled.-hover-highlight:hover svg {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\ninput,\ntextarea,\n.input {\n --_padding: 0.5em;\n border: none;\n border-radius: 4px;\n border-radius: var(--inputRadius, 4px);\n box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 0 2px 0 black inset;\n box-shadow: var(--inputShadow);\n background-color: #182230;\n background-color: var(--input, #182230);\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n font-family: sans-serif;\n font-family: var(--inputFont, sans-serif);\n font-size: 1em;\n margin: 0;\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n line-height: 2;\n -webkit-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n padding: 0 var(--_padding);\n}\ninput.unstyled,\ntextarea.unstyled,\n.input.unstyled {\n border-radius: 0;\n background: none;\n box-shadow: none;\n height: unset;\n}\ninput:disabled, input[disabled=disabled], input.disabled,\ntextarea:disabled,\ntextarea[disabled=disabled],\ntextarea.disabled,\n.input:disabled,\n.input[disabled=disabled],\n.input.disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\ninput[type=range],\ntextarea[type=range],\n.input[type=range] {\n background: none;\n border: none;\n margin: 0;\n box-shadow: none;\n -ms-flex: 1;\n flex: 1;\n}\ninput[type=radio],\ntextarea[type=radio],\n.input[type=radio] {\n display: none;\n}\ninput[type=radio]:checked + label::before,\ntextarea[type=radio]:checked + label::before,\n.input[type=radio]:checked + label::before {\n box-shadow: 0 0 2px black inset, 0 0 0 4px #182230 inset;\n box-shadow: var(--inputShadow), 0 0 0 4px var(--fg, #182230) inset;\n background-color: var(--accent, #d8a070);\n}\ninput[type=radio]:disabled, input[type=radio]:disabled + label, input[type=radio]:disabled + label::before,\ntextarea[type=radio]:disabled,\ntextarea[type=radio]:disabled + label,\ntextarea[type=radio]:disabled + label::before,\n.input[type=radio]:disabled,\n.input[type=radio]:disabled + label,\n.input[type=radio]:disabled + label::before {\n opacity: 0.5;\n}\ninput[type=radio] + label::before,\ntextarea[type=radio] + label::before,\n.input[type=radio] + label::before {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: inline-block;\n content: \"\";\n transition: box-shadow 200ms;\n width: 1.1em;\n height: 1.1em;\n border-radius: 100%;\n box-shadow: 0 0 2px black inset;\n box-shadow: var(--inputShadow);\n margin-right: 0.5em;\n background-color: #182230;\n background-color: var(--input, #182230);\n vertical-align: top;\n text-align: center;\n line-height: 1.1;\n font-size: 1.1em;\n box-sizing: border-box;\n color: transparent;\n overflow: hidden;\n}\ninput[type=checkbox],\ntextarea[type=checkbox],\n.input[type=checkbox] {\n display: none;\n}\ninput[type=checkbox]:checked + label::before,\ntextarea[type=checkbox]:checked + label::before,\n.input[type=checkbox]:checked + label::before {\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n}\ninput[type=checkbox]:disabled, input[type=checkbox]:disabled + label, input[type=checkbox]:disabled + label::before,\ntextarea[type=checkbox]:disabled,\ntextarea[type=checkbox]:disabled + label,\ntextarea[type=checkbox]:disabled + label::before,\n.input[type=checkbox]:disabled,\n.input[type=checkbox]:disabled + label,\n.input[type=checkbox]:disabled + label::before {\n opacity: 0.5;\n}\ninput[type=checkbox] + label::before,\ntextarea[type=checkbox] + label::before,\n.input[type=checkbox] + label::before {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: inline-block;\n content: \"\\2713\";\n transition: color 200ms;\n width: 1.1em;\n height: 1.1em;\n border-radius: 2px;\n border-radius: var(--checkboxRadius, 2px);\n box-shadow: 0 0 2px black inset;\n box-shadow: var(--inputShadow);\n margin-right: 0.5em;\n background-color: #182230;\n background-color: var(--input, #182230);\n vertical-align: top;\n text-align: center;\n line-height: 1.1;\n font-size: 1.1em;\n box-sizing: border-box;\n color: transparent;\n overflow: hidden;\n}\ninput.resize-height,\ntextarea.resize-height,\n.input.resize-height {\n resize: vertical;\n}\ntextarea {\n padding: var(--_padding);\n line-height: var(--post-line-height);\n}\noption {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.hide-number-spinner {\n -moz-appearance: textfield;\n}\n.hide-number-spinner[type=number]::-webkit-inner-spin-button, .hide-number-spinner[type=number]::-webkit-outer-spin-button {\n opacity: 0;\n display: none;\n}\n.btn-block {\n display: block;\n width: 100%;\n}\n.btn-group {\n position: relative;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: middle;\n}\n.btn-group button {\n position: relative;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.btn-group button:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.btn-group button:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.panel {\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.panel::after, .panel {\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n}\n.panel::after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 5;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n pointer-events: none;\n}\n.panel-body {\n padding: var(--panel-body-padding, 0);\n}\n.panel-body:empty::before {\n content: \"\\AF\\\\_(\\30C4)_/\\AF\";\n display: block;\n margin: 1em;\n text-align: center;\n}\n.panel-body > p {\n line-height: 1.3;\n padding: 1em;\n margin: 0;\n}\n.panel-heading,\n.panel-footer {\n --panel-heading-height-padding: 0.6em;\n --__panel-heading-height: 3.2em;\n --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding));\n position: relative;\n box-sizing: border-box;\n display: -ms-grid;\n display: grid;\n grid-auto-flow: column;\n -ms-grid-columns: minmax(50%, 1fr);\n grid-template-columns: minmax(50%, 1fr);\n grid-auto-columns: auto;\n grid-column-gap: 0.5em;\n -ms-flex: none;\n flex: none;\n background-size: cover;\n padding: 0.6em;\n height: var(--__panel-heading-height);\n line-height: var(--__panel-heading-height-inner);\n z-index: 4;\n}\n.panel-heading.-flexible-height,\n.panel-footer.-flexible-height {\n --__panel-heading-height: auto;\n}\n.panel-heading.-flexible-height::after, .panel-heading.-flexible-height::before,\n.panel-footer.-flexible-height::after,\n.panel-footer.-flexible-height::before {\n display: none;\n}\n.panel-heading.-stub, .panel-heading.-stub::after,\n.panel-footer.-stub,\n.panel-footer.-stub::after {\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n}\n.panel-heading.-sticky,\n.panel-footer.-sticky {\n position: -webkit-sticky;\n position: sticky;\n top: var(--navbar-height);\n}\n.panel-heading::after, .panel-heading::before,\n.panel-footer::after,\n.panel-footer::before {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n pointer-events: none;\n}\n.panel-heading .title,\n.panel-footer .title {\n font-size: 1.3em;\n}\n.panel-heading .alert,\n.panel-footer .alert {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow-x: hidden;\n}\n.panel-heading:not(.-flexible-height) > .button-default,\n.panel-heading:not(.-flexible-height) > .alert,\n.panel-footer:not(.-flexible-height) > .button-default,\n.panel-footer:not(.-flexible-height) > .alert {\n height: var(--__panel-heading-height-inner);\n min-height: 0;\n box-sizing: border-box;\n margin: 0;\n min-width: 1px;\n padding-top: 0;\n padding-bottom: 0;\n -ms-flex-item-align: stretch;\n -ms-grid-row-align: stretch;\n align-self: stretch;\n}\n.panel-heading {\n border-radius: 10px 10px 0 0;\n border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;\n border-width: 0 0 1px 0;\n -ms-flex-align: start;\n align-items: start;\n color: var(--panelText);\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.panel-heading::after {\n background-color: #182230;\n background-color: var(--panel, #182230);\n z-index: -2;\n border-radius: 10px 10px 0 0;\n border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;\n box-shadow: var(--panelHeaderShadow);\n}\n.panel-heading a,\n.panel-heading .-link {\n color: #d8a070;\n color: var(--panelLink, #d8a070);\n}\n.panel-heading .faint {\n background-color: transparent;\n color: rgba(185, 185, 186, 0.5);\n color: var(--panelFaint, rgba(185, 185, 186, 0.5));\n}\n.panel-heading .faint-link {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faintLink, rgba(185, 185, 186, 0.5));\n}\n.panel-heading:not(.-flexible-height) > .button-default {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.panel-heading:not(.-flexible-height) > .button-default,\n.panel-heading:not(.-flexible-height) > .button-default i[class*=icon-] {\n color: #b9b9ba;\n color: var(--btnPanelText, #b9b9ba);\n}\n.panel-heading:not(.-flexible-height) > .button-default:active {\n background-color: #182230;\n background-color: var(--btnPressedPanel, #182230);\n color: #b9b9ba;\n color: var(--btnPressedPanelText, #b9b9ba);\n}\n.panel-heading:not(.-flexible-height) > .button-default:disabled {\n color: #b9b9ba;\n color: var(--btnDisabledPanelText, #b9b9ba);\n}\n.panel-heading:not(.-flexible-height) > .button-default.toggled {\n color: #b9b9ba;\n color: var(--btnToggledPanelText, #b9b9ba);\n}\n.panel-footer {\n border-radius: 0 0 10px 10px;\n border-radius: 0 0 var(--panelRadius, 10px) var(--panelRadius, 10px);\n -ms-flex-align: center;\n align-items: center;\n border-width: 1px 0 0 0;\n border-style: solid;\n border-color: var(--border, #222);\n}\n.fa {\n color: grey;\n}\n.mobile-shown {\n display: none;\n}\n.badge {\n box-sizing: border-box;\n display: inline-block;\n border-radius: 99px;\n max-width: 10em;\n min-width: 1.7em;\n height: 1.3em;\n padding: 0.15em 0.15em;\n vertical-align: middle;\n font-weight: normal;\n font-style: normal;\n font-size: 0.9em;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.badge.badge-notification {\n background-color: #ff0000;\n background-color: var(--badgeNotification, #ff0000);\n color: white;\n color: var(--badgeNotificationText, white);\n}\n.alert {\n margin: 0 0.35em;\n padding: 0 0.25em;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n}\n.alert.error {\n background-color: rgba(211, 16, 20, 0.5);\n background-color: var(--alertError, rgba(211, 16, 20, 0.5));\n color: #b9b9ba;\n color: var(--alertErrorText, #b9b9ba);\n}\n.panel-heading .alert.error {\n color: #b9b9ba;\n color: var(--alertErrorPanelText, #b9b9ba);\n}\n.alert.warning {\n background-color: rgba(111, 111, 20, 0.5);\n background-color: var(--alertWarning, rgba(111, 111, 20, 0.5));\n color: #b9b9ba;\n color: var(--alertWarningText, #b9b9ba);\n}\n.panel-heading .alert.warning {\n color: #b9b9ba;\n color: var(--alertWarningPanelText, #b9b9ba);\n}\n.alert.success {\n background-color: var(--alertSuccess, rgba(111, 111, 20, 0.5));\n color: var(--alertSuccessText, #b9b9ba);\n}\n.panel-heading .alert.success {\n color: var(--alertSuccessPanelText, #b9b9ba);\n}\n.faint {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.faint-link {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.faint-link:hover {\n text-decoration: underline;\n}\n.visibility-notice {\n padding: 0.5em;\n border: 1px solid rgba(185, 185, 186, 0.5);\n border: 1px solid var(--faint, rgba(185, 185, 186, 0.5));\n border-radius: 4px;\n border-radius: var(--inputRadius, 4px);\n}\n.notice-dismissible {\n padding-right: 4rem;\n position: relative;\n}\n.notice-dismissible .dismiss {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.5em;\n color: inherit;\n}\n.fa-scale-110.svg-inline--fa {\n font-size: 1.1em;\n}\n.fa-old-padding.svg-inline--fa {\n padding: 0 0.3em;\n}\n.login-hint {\n text-align: center;\n}\n@media all and (min-width: 801px) {\n.login-hint {\n display: none;\n}\n}\n.login-hint a {\n display: inline-block;\n padding: 1em 0;\n width: 100%;\n}\n.btn.button-default {\n min-height: 2em;\n}\n.new-status-notification {\n position: relative;\n font-size: 1.1em;\n z-index: 1;\n -ms-flex: 1;\n flex: 1;\n}\n@media all and (max-width: 800px) {\n.mobile-hidden {\n display: none;\n}\n}\n@keyframes spin {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(359deg);\n}\n}\n@keyframes shakeError {\n0% {\n transform: translateX(0);\n}\n15% {\n transform: translateX(0.375rem);\n}\n30% {\n transform: translateX(-0.375rem);\n}\n45% {\n transform: translateX(0.375rem);\n}\n60% {\n transform: translateX(-0.375rem);\n}\n75% {\n transform: translateX(0.375rem);\n}\n90% {\n transform: translateX(-0.375rem);\n}\n100% {\n transform: translateX(0);\n}\n}\n.fade-enter-active,\n.fade-leave-active {\n transition: opacity 0.2s;\n}\n.fade-enter-from,\n.fade-leave-active {\n opacity: 0;\n}",".thread-tree-replies {\n margin-left: var(--status-margin, 0.75em);\n border-left: 2px solid var(--border, #222);\n}\n.thread-tree-replies-hidden {\n padding: var(--status-margin, 0.75em);\n /* Make the button stretch along the whole row */\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-direction: column;\n flex-direction: column;\n}",".Conversation {\n z-index: 1;\n /* expanded conversation in timeline */\n}\n.Conversation .conversation-dive-to-top-level-box {\n padding: var(--status-margin, 0.75em);\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: var(--border, #222);\n border-radius: 0;\n /* Make the button stretch along the whole row */\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.Conversation .thread-ancestors {\n margin-left: var(--status-margin, 0.75em);\n border-left: 2px solid var(--border, #222);\n}\n.Conversation .thread-ancestor.-faded .StatusContent {\n --link: var(--faintLink);\n --text: var(--faint);\n color: var(--text);\n}\n.Conversation .thread-ancestor-dive-box {\n padding-left: var(--status-margin, 0.75em);\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: var(--border, #222);\n border-radius: 0;\n /* Make the button stretch along the whole row */\n}\n.Conversation .thread-ancestor-dive-box, .Conversation .thread-ancestor-dive-box-inner {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.Conversation .thread-ancestor-dive-box-inner {\n padding: var(--status-margin, 0.75em);\n}\n.Conversation .conversation-status {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: var(--border, #222);\n border-radius: 0;\n}\n.Conversation .thread-ancestor-has-other-replies .conversation-status,\n.Conversation .thread-ancestor:last-child .conversation-status,\n.Conversation .thread-ancestor:last-child .thread-ancestor-dive-box, .Conversation:last-child .conversation-status, .Conversation.-expanded .thread-tree .conversation-status {\n border-bottom: none;\n}\n.Conversation .thread-ancestors + .thread-tree > .conversation-status {\n border-top-width: 1px;\n border-top-style: solid;\n border-top-color: var(--border, #222);\n}\n.Conversation.status-fadein.-expanded .thread-body {\n border-left-width: 4px;\n border-left-style: solid;\n border-left-color: #ff0000;\n border-left-color: var(--cRed, #ff0000);\n border-radius: 0 0 10px 10px;\n border-radius: 0 0 var(--panelRadius, 10px) var(--panelRadius, 10px);\n border-bottom: 1px solid var(--border, #222);\n}\n.Conversation.-expanded.status-fadein {\n margin: calc(var(--status-margin, $status-margin) / 2);\n}",".TimelineMenu {\n -ms-flex-negative: 1;\n flex-shrink: 1;\n margin-right: auto;\n min-width: 0;\n width: 24rem;\n}\n.TimelineMenu .popover-trigger-button {\n vertical-align: bottom;\n}\n.TimelineMenu .timeline-menu-popover-wrap {\n overflow: hidden;\n margin-top: 0.6rem;\n padding: 0 15px 15px 15px;\n}\n.TimelineMenu .timeline-menu-popover {\n width: 24rem;\n max-width: 100vw;\n margin: 0;\n font-size: 1rem;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n transform: translateY(-100%);\n transition: transform 100ms;\n}\n.TimelineMenu .panel::after {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n}\n.TimelineMenu.open .timeline-menu-popover {\n transform: translateY(0);\n}\n.TimelineMenu .timeline-menu-title {\n margin: 0;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n}\n.TimelineMenu .timeline-menu-title .timeline-menu-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.TimelineMenu .timeline-menu-title svg {\n margin-left: 0.6em;\n transition: transform 100ms;\n}\n.TimelineMenu .timeline-menu-title .click-blocker {\n cursor: default;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.TimelineMenu.open .timeline-menu-title svg {\n color: #b9b9ba;\n color: var(--panelText, #b9b9ba);\n transform: rotate(180deg);\n}\n.TimelineMenu .panel {\n box-shadow: var(--popoverShadow);\n}\n.TimelineMenu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.TimelineMenu li {\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n padding: 0;\n}\n.TimelineMenu li:last-child a {\n border-bottom-right-radius: 10px;\n border-bottom-right-radius: var(--panelRadius, 10px);\n border-bottom-left-radius: 10px;\n border-bottom-left-radius: var(--panelRadius, 10px);\n}\n.TimelineMenu li:last-child {\n border: none;\n}\n.TimelineMenu a {\n display: block;\n padding: 0.6em 0.65em;\n}\n.TimelineMenu a:hover {\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: #d8a070;\n color: var(--selectedMenuText, #d8a070);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.TimelineMenu a.router-link-active {\n font-weight: bolder;\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: #b9b9ba;\n color: var(--selectedMenuText, #b9b9ba);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.TimelineMenu a.router-link-active:hover {\n text-decoration: underline;\n}\n.TimelineMenu a svg {\n margin-right: 0.4em;\n margin-left: -0.2em;\n}",".TimelineQuickSettings > button {\n line-height: 100%;\n height: 100%;\n width: var(--__panel-heading-height-inner);\n text-align: center;\n}\n.TimelineQuickSettings > button svg {\n font-size: 1.2em;\n}",".Timeline .loadmore-text {\n opacity: 1;\n}\n.Timeline.-blocked {\n cursor: progress;\n}\n.Timeline .conversation-heading {\n top: calc(var(--__panel-heading-height) * var(--currentPanelStack, 2));\n z-index: 2;\n}\n.Timeline.-nonpanel .timeline-heading {\n text-align: center;\n line-height: 2.75em;\n padding: 0 0.5em;\n}\n.Timeline.-nonpanel .timeline-heading .button-default, .Timeline.-nonpanel .timeline-heading .alert {\n line-height: 2em;\n width: 100%;\n}",".tab-switcher {\n display: -ms-flexbox;\n display: flex;\n}\n.tab-switcher .tab-icon {\n margin: 0.2em auto;\n display: block;\n}\n.tab-switcher.top-tabs {\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.tab-switcher.top-tabs > .tabs {\n width: 100%;\n overflow-y: hidden;\n overflow-x: auto;\n padding-top: 5px;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.tab-switcher.top-tabs > .tabs::after, .tab-switcher.top-tabs > .tabs::before {\n content: \"\";\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n border-bottom: 1px solid;\n border-bottom-color: #222;\n border-bottom-color: var(--border, #222);\n}\n.tab-switcher.top-tabs > .tabs .tab-wrapper {\n height: 2em;\n}\n.tab-switcher.top-tabs > .tabs .tab-wrapper:not(.active)::after {\n left: 0;\n right: 0;\n bottom: 0;\n border-bottom: 1px solid;\n border-bottom-color: #222;\n border-bottom-color: var(--border, #222);\n}\n.tab-switcher.top-tabs > .tabs .tab {\n width: 100%;\n min-width: 1px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding-bottom: 99px;\n margin-bottom: -93px;\n}\n.tab-switcher.top-tabs .contents.scrollable-tabs {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n}\n.tab-switcher.side-tabs {\n -ms-flex-direction: row;\n flex-direction: row;\n}\n@media all and (max-width: 800px) {\n .tab-switcher.side-tabs {\n overflow-x: auto;\n }\n}\n.tab-switcher.side-tabs > .contents {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.tab-switcher.side-tabs > .tabs {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n overflow-y: auto;\n overflow-x: hidden;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.tab-switcher.side-tabs > .tabs::after, .tab-switcher.side-tabs > .tabs::before {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -ms-flex-preferred-size: 0.5em;\n flex-basis: 0.5em;\n content: \"\";\n border-right: 1px solid;\n border-right-color: #222;\n border-right-color: var(--border, #222);\n}\n.tab-switcher.side-tabs > .tabs::after {\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.tab-switcher.side-tabs > .tabs::before {\n -ms-flex-positive: 0;\n flex-grow: 0;\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper {\n min-width: 10em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n@media all and (max-width: 800px) {\n .tab-switcher.side-tabs > .tabs .tab-wrapper {\n min-width: 4em;\n }\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper:not(.active)::after {\n top: 0;\n right: 0;\n bottom: 0;\n border-right: 1px solid;\n border-right-color: #222;\n border-right-color: var(--border, #222);\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper::before {\n -ms-flex: 0 0 6px;\n flex: 0 0 6px;\n content: \"\";\n border-right: 1px solid;\n border-right-color: #222;\n border-right-color: var(--border, #222);\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper:last-child .tab {\n margin-bottom: 0;\n}\n.tab-switcher.side-tabs > .tabs .tab {\n -ms-flex: 1;\n flex: 1;\n box-sizing: content-box;\n min-width: 10em;\n min-width: 1px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n padding-left: 1em;\n padding-right: calc(1em + 200px);\n margin-right: -200px;\n margin-left: 1em;\n}\n@media all and (max-width: 800px) {\n .tab-switcher.side-tabs > .tabs .tab {\n padding-left: 0.25em;\n padding-right: calc(.25em + 200px);\n margin-right: calc(.25em - 200px);\n margin-left: 0.25em;\n }\n .tab-switcher.side-tabs > .tabs .tab .text {\n display: none;\n }\n}\n.tab-switcher .contents {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n min-height: 0px;\n}\n.tab-switcher .contents .hidden {\n display: none;\n}\n.tab-switcher .contents .full-height:not(.hidden) {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.tab-switcher .contents .full-height:not(.hidden) > *:not(.mobile-label) {\n -ms-flex: 1;\n flex: 1;\n}\n.tab-switcher .contents.scrollable-tabs {\n overflow-y: auto;\n}\n.tab-switcher .tab {\n position: relative;\n white-space: nowrap;\n padding: 6px 1em;\n}\n.tab-switcher .tab:not(.active) {\n z-index: 4;\n}\n.tab-switcher .tab:not(.active):hover {\n z-index: 6;\n}\n.tab-switcher .tab.active {\n background: transparent;\n z-index: 5;\n color: #b9b9ba;\n color: var(--tabActiveText, #b9b9ba);\n}\n.tab-switcher .tab img {\n max-height: 26px;\n vertical-align: top;\n margin-top: -5px;\n}\n.tab-switcher .tabs {\n display: -ms-flexbox;\n display: flex;\n position: relative;\n box-sizing: border-box;\n}\n.tab-switcher .tabs::after, .tab-switcher .tabs::before {\n display: block;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.tab-switcher .tab-wrapper {\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.tab-switcher .tab-wrapper:not(.active)::after {\n content: \"\";\n position: absolute;\n z-index: 7;\n}\n.tab-switcher .mobile-label {\n padding-left: 0.3em;\n padding-bottom: 0.25em;\n margin-top: 0.5em;\n margin-left: 0.2em;\n margin-bottom: 0.25em;\n border-bottom: 1px solid var(--border, #222);\n}\n@media all and (min-width: 800px) {\n .tab-switcher .mobile-label {\n display: none;\n }\n}",".chat-title {\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n --emoji-size: 14px;\n}\n.chat-title .username {\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline;\n word-wrap: break-word;\n overflow: hidden;\n}\n.chat-title .avatar-container {\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center;\n line-height: 1;\n}\n.chat-title .titlebar-avatar {\n margin-right: 0.5em;\n height: 1.5em;\n width: 1.5em;\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.chat-title .titlebar-avatar.animated::before {\n display: none;\n}",".chat-list-item {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n padding: 0.75em;\n height: 5em;\n overflow: hidden;\n box-sizing: border-box;\n cursor: pointer;\n}\n.chat-list-item :focus {\n outline: none;\n}\n.chat-list-item:hover {\n background-color: var(--selectedPost, #151e2a);\n box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);\n}\n.chat-list-item .chat-list-item-left {\n margin-right: 1em;\n}\n.chat-list-item .chat-list-item-center {\n width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n word-wrap: break-word;\n}\n.chat-list-item .heading {\n width: 100%;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n line-height: 1em;\n}\n.chat-list-item .heading-right {\n white-space: nowrap;\n}\n.chat-list-item .name-and-account-name {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n line-height: var(--post-line-height);\n}\n.chat-list-item .chat-preview {\n display: -ms-inline-flexbox;\n display: inline-flex;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin: 0.35em 0;\n color: #b9b9ba;\n color: var(--faint, #b9b9ba);\n width: 100%;\n}\n.chat-list-item a {\n color: var(--faintLink, #d8a070);\n text-decoration: none;\n pointer-events: none;\n}\n.chat-list-item:hover .animated.avatar canvas {\n display: none;\n}\n.chat-list-item:hover .animated.avatar img {\n visibility: visible;\n}\n.chat-list-item .Avatar {\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.chat-list-item .chat-preview-body {\n --emoji-size: 1.4em;\n}\n.chat-list-item .time-wrapper {\n line-height: var(--post-line-height);\n}\n.chat-list-item .chat-preview-body {\n padding-right: 1em;\n}",".basic-user-card {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1 0;\n flex: 1 0;\n margin: 0;\n padding: 0.6em 1em;\n}\n.basic-user-card-collapsed-content {\n margin-left: 0.7em;\n text-align: left;\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.basic-user-card-user-name img {\n -o-object-fit: contain;\n object-fit: contain;\n height: 16px;\n width: 16px;\n vertical-align: middle;\n}\n.basic-user-card-user-name-value, .basic-user-card-screen-name {\n display: inline-block;\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.basic-user-card-expanded-content {\n -ms-flex: 1;\n flex: 1;\n margin-left: 0.7em;\n min-width: 0;\n}",".chat-new .input-wrap {\n display: -ms-flexbox;\n display: flex;\n margin: 0.7em 0.5em 0.7em 0.5em;\n}\n.chat-new .input-wrap input {\n width: 100%;\n}\n.chat-new .search-icon {\n margin-right: 0.3em;\n}\n.chat-new .member-list {\n padding-bottom: 0.7rem;\n}\n.chat-new .basic-user-card:hover {\n cursor: pointer;\n background-color: var(--selectedPost, #151e2a);\n}\n.chat-new .go-back-button {\n text-align: center;\n line-height: 1;\n height: 100%;\n -ms-flex-item-align: start;\n -ms-grid-row-align: start;\n align-self: start;\n width: var(--__panel-heading-height-inner);\n}",".chat-list {\n min-height: 25em;\n margin-bottom: 0;\n}\n.emtpy-chat-list-alert {\n padding: 3em;\n font-size: 1.2em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n color: #b9b9ba;\n color: var(--faint, #b9b9ba);\n}",".chat-message-wrapper.hovered-message-chain .animated.Avatar canvas {\n display: none;\n}\n.chat-message-wrapper.hovered-message-chain .animated.Avatar img {\n visibility: visible;\n}\n.chat-message-wrapper .chat-message-menu {\n transition: opacity 0.1s;\n opacity: 0;\n position: absolute;\n top: -0.8em;\n}\n.chat-message-wrapper .chat-message-menu button {\n padding-top: 0.2em;\n padding-bottom: 0.2em;\n}\n.chat-message-wrapper .menu-icon {\n cursor: pointer;\n}\n.chat-message-wrapper .menu-icon:hover, .extra-button-popover.open .chat-message-wrapper .menu-icon {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.chat-message-wrapper .popover {\n width: 12em;\n}\n.chat-message-wrapper .chat-message {\n display: -ms-flexbox;\n display: flex;\n padding-bottom: 0.5em;\n}\n.chat-message-wrapper .chat-message .status-body:hover {\n --_still-image-img-visibility: visible;\n --_still-image-canvas-visibility: hidden;\n --_still-image-label-visibility: hidden;\n}\n.chat-message-wrapper .avatar-wrapper {\n margin-right: 0.72em;\n width: 32px;\n}\n.chat-message-wrapper .link-preview, .chat-message-wrapper .attachments {\n margin-bottom: 1em;\n}\n.chat-message-wrapper .chat-message-inner {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: start;\n align-items: flex-start;\n max-width: 80%;\n min-width: 10em;\n width: 100%;\n}\n.chat-message-wrapper .chat-message-inner.with-media {\n width: 100%;\n}\n.chat-message-wrapper .chat-message-inner.with-media .status {\n width: 100%;\n}\n.chat-message-wrapper .status {\n border-radius: 10px;\n border-radius: var(--chatMessageRadius, 10px);\n display: -ms-flexbox;\n display: flex;\n padding: 0.75em;\n}\n.chat-message-wrapper .created-at {\n position: relative;\n float: right;\n font-size: 0.8em;\n margin: -1em 0 -0.5em 0;\n font-style: italic;\n opacity: 0.8;\n}\n.chat-message-wrapper .without-attachment .message-content .RichContent::after {\n margin-right: 5.4em;\n content: \" \";\n display: inline-block;\n}\n.chat-message-wrapper .pending .status-content.media-body, .chat-message-wrapper .pending .created-at {\n color: var(--faint);\n}\n.chat-message-wrapper .error .status-content.media-body, .chat-message-wrapper .error .created-at {\n color: #ff0000;\n color: var(--badgeNotification, #ff0000);\n}\n.chat-message-wrapper .incoming a {\n color: var(--chatMessageIncomingLink, #d8a070);\n}\n.chat-message-wrapper .incoming .status {\n color: var(--chatMessageIncomingText, #b9b9ba);\n background-color: var(--chatMessageIncomingBg, #121a24);\n border: 1px solid var(--chatMessageIncomingBorder, --border);\n}\n.chat-message-wrapper .incoming .created-at a {\n color: var(--chatMessageIncomingText, #b9b9ba);\n}\n.chat-message-wrapper .incoming .chat-message-menu {\n left: 0.4rem;\n}\n.chat-message-wrapper .outgoing {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-line-pack: end;\n align-content: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.chat-message-wrapper .outgoing a {\n color: var(--chatMessageOutgoingLink, #d8a070);\n}\n.chat-message-wrapper .outgoing .status {\n color: var(--chatMessageOutgoingText, #b9b9ba);\n background-color: var(--chatMessageOutgoingBg, #151e2a);\n border: 1px solid var(--chatMessageOutgoingBorder, --lightBg);\n}\n.chat-message-wrapper .outgoing .chat-message-inner {\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.chat-message-wrapper .outgoing .chat-message-menu {\n right: 0.4rem;\n}\n.chat-message-wrapper .visible {\n opacity: 1;\n}\n.chat-message-date-separator {\n text-align: center;\n margin: 1.4em 0;\n font-size: 0.9em;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: #b9b9ba;\n color: var(--faintedText, #b9b9ba);\n}",".chat-view {\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n}\n.chat-view .chat-view-inner {\n height: auto;\n width: 100%;\n overflow: visible;\n display: -ms-flexbox;\n display: flex;\n}\n.chat-view .chat-view-body {\n box-sizing: border-box;\n background-color: var(--chatBg, #121a24);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n overflow: visible;\n min-height: calc(100vh - var(--navbar-height));\n margin: 0 0 0 0;\n border-radius: 10px 10px 0 0;\n border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;\n}\n.chat-view .chat-view-body::after {\n border-radius: 0;\n}\n.chat-view .message-list {\n padding: 0 0.8em;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-pack: end;\n justify-content: end;\n}\n.chat-view .footer {\n position: -webkit-sticky;\n position: sticky;\n bottom: 0;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n z-index: 1;\n}\n.chat-view .chat-view-heading {\n -ms-grid-columns: auto minmax(50%, 1fr);\n grid-template-columns: auto minmax(50%, 1fr);\n}\n.chat-view .go-back-button {\n text-align: center;\n line-height: 1;\n height: 100%;\n -ms-flex-item-align: start;\n -ms-grid-row-align: start;\n align-self: start;\n width: var(--__panel-heading-height-inner);\n}\n.chat-view .jump-to-bottom-button {\n width: 2.5em;\n height: 2.5em;\n border-radius: 100%;\n position: absolute;\n right: 1.3em;\n top: -3.2em;\n background-color: #182230;\n background-color: var(--btn, #182230);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.3);\n z-index: 10;\n transition: 0.35s all;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n opacity: 0;\n visibility: hidden;\n cursor: pointer;\n}\n.chat-view .jump-to-bottom-button.visible {\n opacity: 1;\n visibility: visible;\n}\n.chat-view .jump-to-bottom-button i {\n font-size: 1em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.chat-view .jump-to-bottom-button .unread-message-count {\n font-size: 0.8em;\n left: 50%;\n margin-top: -1rem;\n padding: 0.1em;\n border-radius: 50px;\n position: absolute;\n}\n.chat-view .jump-to-bottom-button .chat-loading-error {\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: end;\n align-items: flex-end;\n height: 100%;\n}\n.chat-view .jump-to-bottom-button .chat-loading-error .error {\n width: 100%;\n}",".follow-card-content-container {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n line-height: 1.5em;\n}\n.follow-card-follow-button {\n margin-top: 0.5em;\n margin-left: auto;\n width: 10em;\n}",".with-load-more-footer {\n padding: 10px;\n text-align: center;\n border-top: 1px solid;\n border-top-color: #222;\n border-top-color: var(--border, #222);\n}\n.with-load-more-footer .error {\n font-size: 1rem;\n}\n.with-load-more-footer a {\n cursor: pointer;\n}",".user-profile {\n -ms-flex: 2;\n flex: 2;\n -ms-flex-preferred-size: 500px;\n flex-basis: 500px;\n --currentPanelStack: 1;\n}\n.user-profile .user-profile-fields {\n margin: 0 0.5em;\n}\n.user-profile .user-profile-fields img {\n -o-object-fit: contain;\n object-fit: contain;\n vertical-align: middle;\n max-width: 100%;\n max-height: 400px;\n}\n.user-profile .user-profile-fields img.emoji {\n width: 18px;\n height: 18px;\n}\n.user-profile .user-profile-fields .user-profile-field {\n display: -ms-flexbox;\n display: flex;\n margin: 0.25em;\n border: 1px solid var(--border, #222);\n border-radius: 4px;\n border-radius: var(--inputRadius, 4px);\n}\n.user-profile .user-profile-fields .user-profile-field .user-profile-field-name {\n -ms-flex: 0 1 30%;\n flex: 0 1 30%;\n font-weight: 500;\n text-align: right;\n color: var(--lightText);\n min-width: 120px;\n border-right: 1px solid var(--border, #222);\n}\n.user-profile .user-profile-fields .user-profile-field .user-profile-field-value {\n -ms-flex: 1 1 70%;\n flex: 1 1 70%;\n color: var(--text);\n margin: 0 0 0 0.25em;\n}\n.user-profile .user-profile-fields .user-profile-field .user-profile-field-name, .user-profile .user-profile-fields .user-profile-field .user-profile-field-value {\n line-height: 1.3;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n padding: 0.5em 1.5em;\n box-sizing: border-box;\n}\n.user-profile .userlist-placeholder {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: middle;\n align-items: middle;\n padding: 2em;\n}\n.user-profile-placeholder .panel-body {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: middle;\n align-items: middle;\n padding: 7em;\n}",".search-result-heading {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n padding: 0.75rem;\n text-align: center;\n}\n@media all and (max-width: 800px) {\n.search-nav-heading .tab-switcher .tabs .tab-wrapper {\n display: block;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n text-align: center;\n}\n}\n.search-result {\n box-sizing: border-box;\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.search-result-footer {\n border-width: 1px 0 0 0;\n border-style: solid;\n border-color: var(--border, #222);\n padding: 10px;\n background-color: #182230;\n background-color: var(--panel, #182230);\n}\n.search-input-container {\n padding: 0.8rem;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.search-input-container .search-input {\n width: 100%;\n line-height: 1.125rem;\n font-size: 1rem;\n padding: 0.5rem;\n box-sizing: border-box;\n}\n.search-input-container .search-button {\n margin-left: 0.5em;\n}\n.loading-icon {\n padding: 1em;\n}\n.trend {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.trend .hashtag {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.trend .count {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: 2rem;\n font-size: 1.5rem;\n line-height: 2.25rem;\n font-weight: 500;\n text-align: center;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}","@charset \"UTF-8\";\n.registration-form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0.6em;\n}\n.registration-form .container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.registration-form .container > * {\n min-width: 0;\n}\n.registration-form .terms-of-service {\n -ms-flex: 0 1 50%;\n flex: 0 1 50%;\n margin: 0.8em;\n}\n.registration-form .text-fields {\n margin-top: 0.6em;\n -ms-flex: 1 0;\n flex: 1 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.registration-form textarea {\n min-height: 100px;\n resize: vertical;\n}\n.registration-form .form-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0.3em 0;\n line-height: 2;\n margin-bottom: 1em;\n}\n.registration-form .form-group--error {\n animation-name: shakeError;\n animation-duration: 0.6s;\n animation-timing-function: ease-in-out;\n}\n.registration-form .form-group--error .form--label {\n color: #f04124;\n color: var(--cRed, #f04124);\n}\n.registration-form .form-error {\n margin-top: -0.7em;\n text-align: left;\n}\n.registration-form .form-error span {\n font-size: 0.85em;\n}\n.registration-form .form-error ul {\n list-style: none;\n padding: 0 0 0 5px;\n margin-top: 0;\n}\n.registration-form .form-error ul li::before {\n content: \"\\2022 \";\n}\n.registration-form form textarea {\n line-height: 16px;\n resize: vertical;\n}\n.registration-form .captcha {\n max-width: 350px;\n margin-bottom: 0.4em;\n}\n.registration-form .btn {\n margin-top: 0.6em;\n height: 2em;\n}\n.registration-form .error {\n text-align: center;\n}\n@media all and (max-width: 800px) {\n.registration-form .container {\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n}",".password-reset-form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n margin: 0.6em;\n}\n.password-reset-form .container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1 0;\n flex: 1 0;\n -ms-flex-direction: column;\n flex-direction: column;\n margin-top: 0.6em;\n max-width: 18rem;\n}\n.password-reset-form .container > * {\n min-width: 0;\n}\n.password-reset-form .form-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin-bottom: 1em;\n padding: 0.3em 0;\n line-height: 1.85em;\n}\n.password-reset-form .error {\n text-align: center;\n animation-name: shakeError;\n animation-duration: 0.4s;\n animation-timing-function: ease-in-out;\n}\n.password-reset-form .alert {\n padding: 0.5em;\n margin: 0.3em 0 1em;\n}\n.password-reset-form .password-reset-required {\n background-color: var(--alertError, rgba(211, 16, 20, 0.5));\n padding: 10px 0;\n}\n.password-reset-form .notice-dismissible {\n padding-right: 2rem;\n}\n.password-reset-form .dismiss {\n cursor: pointer;\n}",".follow-request-card-content-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.follow-request-card-content-container button {\n margin-top: 0.5em;\n margin-right: 0.5em;\n -ms-flex: 1 1;\n flex: 1 1;\n max-width: 12em;\n min-width: 8em;\n}\n.follow-request-card-content-container button:last-child {\n margin-right: 0;\n}",".tos-content {\n margin: 1em;\n}",".staff-group {\n padding-left: 1em;\n padding-top: 1em;\n}\n.staff-group .basic-user-card {\n padding-left: 0;\n}",".mrf-section {\n margin: 1em;\n}\n.mrf-section table {\n width: 100%;\n text-align: left;\n padding-left: 10px;\n padding-bottom: 20px;\n}\n.mrf-section table th, .mrf-section table td {\n width: 180px;\n max-width: 360px;\n overflow: hidden;\n vertical-align: text-top;\n}\n.mrf-section table th + th, .mrf-section table td + td {\n width: auto;\n}"],"sourceRoot":""} \ No newline at end of file diff --git a/priv/static/static/css/app.ab6cb01d5b0b782e7457.css b/priv/static/static/css/app.ff49eba8c60fb923a345.css similarity index 99% rename from priv/static/static/css/app.ab6cb01d5b0b782e7457.css rename to priv/static/static/css/app.ff49eba8c60fb923a345.css index ae061595cc7975d13549aef7a9070999d3acad40..122c5424def1dfd9c2ad94ca7fece3ce1e1497db 100644 GIT binary patch delta 52 zcmcb(h;#2E&W0_FbClaRC^K%~pv=^)E0>mLVwswhXpwAYkd|a=WSnShVyc&1T&$Oy ISfHg30R9ybj{pDw delta 57 zcmdnHi1Xqi&W0_FbCjna<75(VpRdfgeZDeNgRWd+l38++fnkbil0lNWg;A=xiK)3> Na&fU span {\n margin-left: 0.5em;\n}",".emoji-picker {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n position: absolute;\n right: 0;\n left: 0;\n margin: 0 !important;\n z-index: 100;\n background-color: #121a24;\n background-color: var(--popover, #121a24);\n color: #d8a070;\n color: var(--popoverText, #d8a070);\n --lightText: var(--popoverLightText, $fallback--faint);\n --faint: var(--popoverFaintText, $fallback--faint);\n --faintLink: var(--popoverFaintLink, $fallback--faint);\n --lightText: var(--popoverLightText, $fallback--lightText);\n --icon: var(--popoverIcon, $fallback--icon);\n}\n.emoji-picker .keep-open,\n.emoji-picker .too-many-emoji {\n padding: 7px;\n line-height: normal;\n}\n.emoji-picker .too-many-emoji {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.emoji-picker .keep-open-label {\n padding: 0 7px;\n display: -ms-flexbox;\n display: flex;\n}\n.emoji-picker .heading {\n display: -ms-flexbox;\n display: flex;\n height: 32px;\n padding: 10px 7px 5px;\n}\n.emoji-picker .content {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n min-height: 0px;\n}\n.emoji-picker .emoji-tabs {\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.emoji-picker .emoji-groups {\n min-height: 200px;\n}\n.emoji-picker .additional-tabs {\n border-left: 1px solid;\n border-left-color: #666;\n border-left-color: var(--icon, #666);\n padding-left: 7px;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.emoji-picker .additional-tabs,\n.emoji-picker .emoji-tabs {\n display: block;\n min-width: 0;\n -ms-flex-preferred-size: auto;\n flex-basis: auto;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n}\n.emoji-picker .additional-tabs-item,\n.emoji-picker .emoji-tabs-item {\n padding: 0 7px;\n cursor: pointer;\n font-size: 1.85em;\n}\n.emoji-picker .additional-tabs-item.disabled,\n.emoji-picker .emoji-tabs-item.disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n.emoji-picker .additional-tabs-item.active,\n.emoji-picker .emoji-tabs-item.active {\n border-bottom: 4px solid;\n}\n.emoji-picker .additional-tabs-item.active svg,\n.emoji-picker .emoji-tabs-item.active svg {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.emoji-picker .sticker-picker {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.emoji-picker .stickers-content,\n.emoji-picker .emoji-content {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n min-height: 0;\n}\n.emoji-picker .stickers-content.hidden,\n.emoji-picker .emoji-content.hidden {\n opacity: 0;\n pointer-events: none;\n position: absolute;\n}\n.emoji-picker .emoji-search {\n padding: 5px;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.emoji-picker .emoji-search input {\n width: 100%;\n}\n.emoji-picker .emoji-groups {\n -ms-flex: 1 1 1px;\n flex: 1 1 1px;\n position: relative;\n overflow: auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white);\n transition: -webkit-mask-size 150ms;\n transition: mask-size 150ms;\n transition: mask-size 150ms, -webkit-mask-size 150ms;\n -webkit-mask-size: 100% 20px, 100% 20px, auto;\n mask-size: 100% 20px, 100% 20px, auto;\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.emoji-picker .emoji-groups.scrolled-top {\n -webkit-mask-size: 100% 20px, 100% 0, auto;\n mask-size: 100% 20px, 100% 0, auto;\n}\n.emoji-picker .emoji-groups.scrolled-bottom {\n -webkit-mask-size: 100% 0, 100% 20px, auto;\n mask-size: 100% 0, 100% 20px, auto;\n}\n.emoji-picker .emoji-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n padding-left: 5px;\n -ms-flex-pack: left;\n justify-content: left;\n}\n.emoji-picker .emoji-group-title {\n font-size: 0.85em;\n width: 100%;\n margin: 0;\n}\n.emoji-picker .emoji-group-title.disabled {\n display: none;\n}\n.emoji-picker .emoji-item {\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 32px;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin: 4px;\n cursor: pointer;\n}\n.emoji-picker .emoji-item img {\n -o-object-fit: contain;\n object-fit: contain;\n max-width: 100%;\n max-height: 100%;\n}",".emoji-input {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative;\n}\n.emoji-input.with-picker input {\n padding-right: 30px;\n}\n.emoji-input .emoji-picker-icon {\n position: absolute;\n top: 0;\n right: 0;\n margin: 0.2em 0.25em;\n font-size: 1.3em;\n cursor: pointer;\n line-height: 24px;\n}\n.emoji-input .emoji-picker-icon:hover i {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.emoji-input .emoji-picker-panel {\n position: absolute;\n z-index: 20;\n margin-top: 2px;\n}\n.emoji-input .emoji-picker-panel.hide {\n display: none;\n}\n.emoji-input .autocomplete-panel {\n position: absolute;\n z-index: 20;\n margin-top: 2px;\n}\n.emoji-input .autocomplete-panel.hide {\n display: none;\n}\n.emoji-input .autocomplete-panel-body {\n margin: 0 0.5em 0 0.5em;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n box-shadow: var(--popupShadow);\n min-width: 75%;\n background-color: #121a24;\n background-color: var(--popover, #121a24);\n color: #d8a070;\n color: var(--popoverText, #d8a070);\n --faint: var(--popoverFaintText, $fallback--faint);\n --faintLink: var(--popoverFaintLink, $fallback--faint);\n --lightText: var(--popoverLightText, $fallback--lightText);\n --postLink: var(--popoverPostLink, $fallback--link);\n --postFaintLink: var(--popoverPostFaintLink, $fallback--link);\n --icon: var(--popoverIcon, $fallback--icon);\n}\n.emoji-input .autocomplete-item {\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n padding: 0.2em 0.4em;\n border-bottom: 1px solid rgba(0, 0, 0, 0.4);\n height: 32px;\n}\n.emoji-input .autocomplete-item .image {\n width: 32px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n font-size: 32px;\n margin-right: 4px;\n}\n.emoji-input .autocomplete-item .image img {\n width: 32px;\n height: 32px;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.emoji-input .autocomplete-item .label {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-pack: center;\n justify-content: center;\n margin: 0 0.1em 0 0.2em;\n}\n.emoji-input .autocomplete-item .label .displayText {\n line-height: 1.5;\n}\n.emoji-input .autocomplete-item .label .detailText {\n font-size: 9px;\n line-height: 9px;\n}\n.emoji-input .autocomplete-item.highlighted {\n background-color: #182230;\n background-color: var(--selectedMenuPopover, #182230);\n color: var(--selectedMenuPopoverText, #b9b9ba);\n --faint: var(--selectedMenuPopoverFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuPopoverLightText, $fallback--lightText);\n --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n}\n.emoji-input input, .emoji-input textarea {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}","/* TODO fix order of styles */\nlabel.Select {\n padding: 0;\n}\nlabel.Select select {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: transparent;\n border: none;\n color: #b9b9ba;\n color: var(--inputText, --text, #b9b9ba);\n margin: 0;\n padding: 0 2em 0 0.2em;\n font-family: sans-serif;\n font-family: var(--inputFont, sans-serif);\n font-size: 1em;\n width: 100%;\n z-index: 1;\n height: 2em;\n line-height: 16px;\n}\nlabel.Select .select-down-icon {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 5px;\n height: 100%;\n width: 0.875em;\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n line-height: 2;\n z-index: 0;\n pointer-events: none;\n}",".poll-form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0 0.5em 0.5em;\n}\n.poll-form .add-option {\n -ms-flex-item-align: start;\n align-self: flex-start;\n padding-top: 0.25em;\n padding-left: 0.1em;\n}\n.poll-form .poll-option {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n -ms-flex-pack: justify;\n justify-content: space-between;\n margin-bottom: 0.25em;\n}\n.poll-form .input-container {\n width: 100%;\n}\n.poll-form .input-container input {\n padding-right: 2.5em;\n width: 100%;\n}\n.poll-form .delete-option {\n width: 1.5em;\n margin-left: -1.5em;\n z-index: 1;\n}\n.poll-form .poll-type-expiry {\n margin-top: 0.5em;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n}\n.poll-form .poll-type {\n margin-right: 0.75em;\n -ms-flex: 1 1 60%;\n flex: 1 1 60%;\n}\n.poll-form .poll-type .poll-type-select {\n padding-right: 0.75em;\n}\n.poll-form .poll-expiry {\n display: -ms-flexbox;\n display: flex;\n}\n.poll-form .poll-expiry .expiry-amount {\n width: 3em;\n text-align: right;\n}",".still-image {\n position: relative;\n line-height: 0;\n overflow: hidden;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.still-image canvas {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n visibility: var(--_still-image-canvas-visibility, visible);\n}\n.still-image img {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.still-image.animated::before {\n zoom: var(--_still_image-label-scale, 1);\n content: \"gif\";\n position: absolute;\n line-height: 1;\n font-size: 0.7em;\n top: 0.5em;\n left: 0.5em;\n background: rgba(127, 127, 127, 0.5);\n color: #fff;\n display: block;\n padding: 2px 4px;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n z-index: 2;\n visibility: var(--_still-image-label-visibility, visible);\n}\n.still-image.animated:hover canvas {\n display: none;\n}\n.still-image.animated:hover::before {\n visibility: var(--_still-image-label-visibility, hidden);\n}\n.still-image.animated img {\n visibility: var(--_still-image-img-visibility, hidden);\n}\n.still-image.animated:hover img {\n visibility: visible;\n}",".Flash {\n display: inline-block;\n width: 100%;\n height: 100%;\n position: relative;\n}\n.Flash .player {\n height: 100%;\n width: 100%;\n}\n.Flash .placeholder {\n height: 100%;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n background: var(--bg);\n color: var(--link);\n}\n.Flash .hider {\n top: 0;\n}\n.Flash .label {\n text-align: center;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n line-height: 1.2;\n white-space: normal;\n word-wrap: normal;\n}\n.Flash .hidden {\n display: none;\n visibility: \"hidden\";\n}",".Attachment {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative;\n -ms-flex-item-align: start;\n align-self: flex-start;\n line-height: 0;\n height: 100%;\n border-style: solid;\n border-width: 1px;\n border-radius: 10px;\n border-radius: var(--attachmentRadius, 10px);\n border-color: #222;\n border-color: var(--border, #222);\n}\n.Attachment .attachment-wrapper {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n height: 100%;\n position: relative;\n overflow: hidden;\n}\n.Attachment .description-container {\n -ms-flex: 0 1 0px;\n flex: 0 1 0;\n display: -ms-flexbox;\n display: flex;\n padding-top: 0.5em;\n z-index: 1;\n}\n.Attachment .description-container p {\n -ms-flex: 1;\n flex: 1;\n text-align: center;\n line-height: 1.5;\n padding: 0.5em;\n margin: 0;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.Attachment .description-container.-static {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding-top: 0;\n background: var(--popover);\n box-shadow: var(--popupShadow);\n}\n.Attachment .description-field {\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.Attachment .placeholder-container, .Attachment .image-container, .Attachment .audio-container, .Attachment .video-container, .Attachment .flash-container, .Attachment .oembed-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n}\n.Attachment .image-container .image {\n width: 100%;\n height: 100%;\n}\n.Attachment .flash-container .flash, .Attachment .flash-container video, .Attachment .video-container .flash, .Attachment .video-container video {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center;\n}\n.Attachment .audio-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.Attachment .audio-container audio {\n width: 100%;\n height: 100%;\n}\n.Attachment .placeholder-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n padding-top: 0.5em;\n}\n.Attachment .play-icon {\n position: absolute;\n font-size: 64px;\n top: calc(50% - 32px);\n left: calc(50% - 32px);\n color: rgba(255, 255, 255, 0.75);\n text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);\n}\n.Attachment .play-icon::before {\n margin: 0;\n}\n.Attachment .attachment-buttons {\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n right: 0;\n top: 0;\n margin-top: 0.5em;\n margin-right: 0.5em;\n z-index: 1;\n}\n.Attachment .attachment-buttons .attachment-button {\n padding: 0;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n text-align: center;\n width: 2em;\n height: 2em;\n margin-left: 0.5em;\n font-size: 1.25em;\n background: rgba(230, 230, 230, 0.7);\n}\n.Attachment .attachment-buttons .attachment-button .svg-inline--fa {\n color: rgba(0, 0, 0, 0.6);\n}\n.Attachment .attachment-buttons .attachment-button:hover .svg-inline--fa {\n color: rgba(0, 0, 0, 0.9);\n}\n.Attachment .oembed-container {\n line-height: 1.2em;\n -ms-flex: 1 0 100%;\n flex: 1 0 100%;\n width: 100%;\n margin-right: 15px;\n display: -ms-flexbox;\n display: flex;\n}\n.Attachment .oembed-container img {\n width: 100%;\n}\n.Attachment .oembed-container .image {\n -ms-flex: 1;\n flex: 1;\n}\n.Attachment .oembed-container .image img {\n border: 0px;\n border-radius: 5px;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.Attachment .oembed-container .text {\n -ms-flex: 2;\n flex: 2;\n margin: 8px;\n word-break: break-all;\n}\n.Attachment .oembed-container .text h1 {\n font-size: 1rem;\n margin: 0px;\n}\n.Attachment.-size-small .play-icon {\n zoom: 0.5;\n opacity: 0.7;\n}\n.Attachment.-size-small .attachment-buttons {\n zoom: 0.7;\n opacity: 0.5;\n}\n.Attachment.-editable {\n padding: 0.5em;\n}\n.Attachment.-editable .description-container, .Attachment.-editable .attachment-buttons {\n margin: 0;\n}\n.Attachment.-placeholder {\n display: inline-block;\n color: #d8a070;\n color: var(--postLink, #d8a070);\n overflow: hidden;\n white-space: nowrap;\n height: auto;\n line-height: 1.5;\n}\n.Attachment.-placeholder:not(.-editable) {\n border: none;\n}\n.Attachment.-placeholder.-editable {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.Attachment.-placeholder.-editable .description-container, .Attachment.-placeholder.-editable .attachment-buttons {\n margin: 0;\n padding: 0;\n position: relative;\n}\n.Attachment.-placeholder.-editable .description-container {\n -ms-flex: 1;\n flex: 1;\n padding-left: 0.5em;\n}\n.Attachment.-placeholder.-editable .attachment-buttons {\n -ms-flex-order: 99;\n order: 99;\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center;\n}\n.Attachment.-placeholder a {\n display: inline-block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.Attachment.-placeholder svg {\n color: inherit;\n}\n.Attachment.-loading {\n cursor: progress;\n}\n.Attachment.-contain-fit img,\n.Attachment.-contain-fit canvas {\n -o-object-fit: contain;\n object-fit: contain;\n}\n.Attachment.-cover-fit img,\n.Attachment.-cover-fit canvas {\n -o-object-fit: cover;\n object-fit: cover;\n}",".Gallery .gallery-rows {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.Gallery .gallery-row {\n position: relative;\n height: 0;\n width: 100%;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.Gallery .gallery-row:not(:first-child) {\n margin-top: 0.5em;\n}\n.Gallery.-long .gallery-rows {\n max-height: 25em;\n overflow: hidden;\n -webkit-mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white);\n /* Autoprefixed seem to ignore this one, and also syntax is different */\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.Gallery .many-attachments-text {\n text-align: center;\n line-height: 2;\n}\n.Gallery .many-attachments-buttons {\n display: -ms-flexbox;\n display: flex;\n}\n.Gallery .many-attachments-button {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1;\n flex: 1;\n -ms-flex-pack: center;\n justify-content: center;\n line-height: 2;\n}\n.Gallery .many-attachments-button button {\n padding: 0 2em;\n}\n.Gallery .gallery-row.-grid, .Gallery .gallery-row.-minimal {\n height: auto;\n}\n.Gallery .gallery-row.-grid .gallery-row-inner, .Gallery .gallery-row.-minimal .gallery-row-inner {\n position: relative;\n}\n.Gallery .gallery-row-inner {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n -ms-flex-line-pack: stretch;\n align-content: stretch;\n}\n.Gallery .gallery-row-inner.-grid {\n width: 100%;\n height: auto;\n position: relative;\n display: -ms-grid;\n display: grid;\n grid-column-gap: 0.5em;\n grid-row-gap: 0.5em;\n -ms-grid-columns: (minmax(15em, 1fr))[auto-fill];\n grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));\n}\n.Gallery .gallery-row-inner.-grid .gallery-item {\n margin: 0;\n height: 200px;\n}\n.Gallery .gallery-item {\n margin: 0 0.5em 0 0;\n -ms-flex-positive: 1;\n flex-grow: 1;\n height: 100%;\n box-sizing: border-box;\n min-width: 2em;\n}\n.Gallery .gallery-item:last-child {\n margin: 0;\n}",".Avatar {\n --_avatarShadowBox: var(--avatarStatusShadow);\n --_avatarShadowFilter: var(--avatarStatusShadowFilter);\n --_avatarShadowInset: var(--avatarStatusShadowInset);\n --_still-image-label-visibility: hidden;\n display: inline-block;\n position: relative;\n width: 48px;\n height: 48px;\n}\n.Avatar.-compact {\n width: 32px;\n height: 32px;\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.Avatar .avatar {\n width: 100%;\n height: 100%;\n box-shadow: var(--_avatarShadowBox);\n border-radius: 4px;\n border-radius: var(--avatarRadius, 4px);\n}\n.Avatar .avatar.-better-shadow {\n box-shadow: var(--_avatarShadowInset);\n filter: var(--_avatarShadowFilter);\n}\n.Avatar .avatar.-animated::before {\n display: none;\n}\n.Avatar .avatar.-compact {\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.Avatar .avatar.-placeholder {\n background-color: #182230;\n background-color: var(--fg, #182230);\n}\n.Avatar img {\n width: 100%;\n height: 100%;\n}\n.Avatar .bot-indicator {\n position: absolute;\n bottom: 0;\n right: 0;\n margin: -0.2em;\n padding: 0.2em;\n background: rgba(127, 127, 127, 0.5);\n color: #fff;\n border-radius: var(--tooltipRadius);\n}",".MentionLink {\n position: relative;\n white-space: normal;\n display: inline;\n color: var(--link);\n word-break: normal;\n}\n.MentionLink .new, .MentionLink .original {\n display: inline;\n border-radius: 2px;\n}\n.MentionLink .mention-avatar {\n border-radius: var(--avatarAltRadius, 10px);\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin-right: 0.2em;\n}\n.MentionLink .full {\n position: absolute;\n display: inline-block;\n pointer-events: none;\n opacity: 0;\n top: 100%;\n left: 0;\n height: 100%;\n word-wrap: normal;\n white-space: nowrap;\n transition: opacity 0.2s ease;\n z-index: 1;\n margin-top: 0.25em;\n padding: 0.5em;\n -webkit-user-select: all;\n -moz-user-select: all;\n -ms-user-select: all;\n user-select: all;\n}\n.MentionLink .short.-with-tooltip, .MentionLink .you {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.MentionLink .short, .MentionLink .full {\n white-space: nowrap;\n}\n.MentionLink .shortName {\n white-space: normal;\n}\n.MentionLink .new .at {\n color: var(--link);\n opacity: 0.8;\n display: inline-block;\n line-height: 1;\n padding: 0 0.1em;\n vertical-align: -25%;\n margin: 0;\n}\n.MentionLink .new.-striped .shortName, .MentionLink .new.-striped .full {\n background-image: repeating-linear-gradient(135deg, var(--____highlight-tintColor), var(--____highlight-tintColor) 5px, var(--____highlight-tintColor2) 5px, var(--____highlight-tintColor2) 10px);\n}\n.MentionLink .new.-solid .shortName, .MentionLink .new.-solid .full {\n background-image: linear-gradient(var(--____highlight-tintColor2), var(--____highlight-tintColor2));\n}\n.MentionLink .new.-side .shortName, .MentionLink .new.-side .userNameFull {\n box-shadow: 0 -5px 3px -4px inset var(--____highlight-solidColor);\n}\n.MentionLink:hover .new .full {\n opacity: 1;\n pointer-events: initial;\n}\n.MentionLink .serverName.-faded {\n color: var(--faintLink, #d8a070);\n}\n.MentionLink .full .-faded {\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}",".MentionsLine {\n word-break: break-all;\n}\n.MentionsLine .mention-link:not(:first-child)::before {\n content: \" \";\n}\n.MentionsLine .showMoreLess {\n margin-left: 0.5em;\n white-space: normal;\n color: var(--link);\n}",".HashtagLink {\n position: relative;\n white-space: normal;\n display: inline-block;\n color: var(--link);\n}",".RichContent blockquote {\n margin: 0.2em 0 0.2em 2em;\n font-style: italic;\n}\n.RichContent pre {\n overflow: auto;\n}\n.RichContent code,\n.RichContent samp,\n.RichContent kbd,\n.RichContent var,\n.RichContent pre {\n font-family: var(--postCodeFont, monospace);\n}\n.RichContent p {\n margin: 0 0 1em 0;\n}\n.RichContent p:last-child {\n margin: 0 0 0 0;\n}\n.RichContent h1 {\n font-size: 1.1em;\n line-height: 1.2em;\n margin: 1.4em 0;\n}\n.RichContent h2 {\n font-size: 1.1em;\n margin: 1em 0;\n}\n.RichContent h3 {\n font-size: 1em;\n margin: 1.2em 0;\n}\n.RichContent h4 {\n margin: 1.1em 0;\n}\n.RichContent .img {\n display: inline-block;\n}\n.RichContent .emoji {\n display: inline-block;\n width: var(--emoji-size, 32px);\n height: var(--emoji-size, 32px);\n}\n.RichContent .img,\n.RichContent video {\n max-width: 100%;\n max-height: 400px;\n vertical-align: middle;\n -o-object-fit: contain;\n object-fit: contain;\n}",".poll .votes {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0 0 0.5em;\n}\n.poll .poll-option {\n margin: 0.75em 0.5em;\n}\n.poll .option-result {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n position: relative;\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.poll .option-result-label {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n padding: 0.1em 0.25em;\n z-index: 1;\n word-break: break-word;\n}\n.poll .result-percentage {\n width: 3.5em;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.poll .result-fill {\n height: 100%;\n position: absolute;\n color: #b9b9ba;\n color: var(--pollText, #b9b9ba);\n background-color: #151e2a;\n background-color: var(--poll, #151e2a);\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n top: 0;\n left: 0;\n transition: width 0.5s;\n}\n.poll .option-vote {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.poll input {\n width: 3.5em;\n}\n.poll .footer {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.poll.loading * {\n cursor: progress;\n}\n.poll .poll-vote-button {\n padding: 0 0.5em;\n margin-right: 0.5em;\n}",".StatusBody {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.StatusBody .emoji {\n --_still_image-label-scale: 0.5;\n width: 50px;\n height: 50px;\n}\n.StatusBody .attachments {\n margin-top: 0.5em;\n}\n.StatusBody .text, .StatusBody .summary {\n font-family: var(--postFont, sans-serif);\n white-space: pre-wrap;\n overflow-wrap: break-word;\n word-wrap: break-word;\n word-break: break-word;\n line-height: var(--post-line-height);\n}\n.StatusBody .summary {\n display: block;\n font-style: italic;\n padding-bottom: 0.5em;\n}\n.StatusBody .text.-single-line {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n height: 1.4em;\n}\n.StatusBody .summary-wrapper {\n margin-bottom: 0.5em;\n border-style: solid;\n border-width: 0 0 1px 0;\n border-color: var(--border, #222);\n -ms-flex-positive: 0;\n flex-grow: 0;\n}\n.StatusBody .summary-wrapper.-tall {\n position: relative;\n}\n.StatusBody .summary-wrapper.-tall .summary {\n max-height: 2em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.StatusBody .text-wrapper {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.StatusBody .text-wrapper.-tall-status {\n position: relative;\n height: 220px;\n overflow-x: hidden;\n overflow-y: hidden;\n z-index: 1;\n}\n.StatusBody .text-wrapper.-tall-status .media-body {\n min-height: 0;\n -webkit-mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white);\n /* Autoprefixed seem to ignore this one, and also syntax is different */\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.StatusBody .tall-status-hider, .StatusBody .tall-subject-hider, .StatusBody .status-unhider, .StatusBody .cw-status-hider {\n display: inline-block;\n word-break: break-all;\n width: 100%;\n text-align: center;\n}\n.StatusBody .tall-status-hider {\n position: absolute;\n height: 70px;\n margin-top: 150px;\n line-height: 110px;\n z-index: 2;\n}\n.StatusBody .tall-subject-hider {\n padding-bottom: 0.5em;\n}\n.StatusBody .status-unhider, .StatusBody .cw-status-hider {\n word-break: break-all;\n}\n.StatusBody .status-unhider svg, .StatusBody .cw-status-hider svg {\n color: inherit;\n}\n.StatusBody .greentext {\n color: #0fa00f;\n color: var(--postGreentext, #0fa00f);\n}\n.StatusBody .cyantext {\n color: var(--postCyantext, #0095ff);\n}\n.StatusBody.-compact {\n -ms-flex-align: top;\n align-items: top;\n -ms-flex-direction: row;\n flex-direction: row;\n --emoji-size: 16px;\n}\n.StatusBody.-compact .body, .StatusBody.-compact .attachments {\n max-height: 3.25em;\n}\n.StatusBody.-compact .body {\n overflow: hidden;\n white-space: normal;\n min-width: 5em;\n -ms-flex: 5 1 auto;\n flex: 5 1 auto;\n -webkit-mask-size: auto 3.5em, auto auto;\n mask-size: auto 3.5em, auto auto;\n -webkit-mask-position: 0 0, 0 0;\n mask-position: 0 0, 0 0;\n -webkit-mask-repeat: repeat-x, repeat;\n mask-repeat: repeat-x, repeat;\n -webkit-mask-image: linear-gradient(to bottom, white 2em, transparent 3em);\n mask-image: linear-gradient(to bottom, white 2em, transparent 3em);\n /* Autoprefixed seem to ignore this one, and also syntax is different */\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.StatusBody.-compact .attachments {\n margin-top: 0;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n min-width: 5em;\n height: 100%;\n margin-left: 0.5em;\n}\n.StatusBody.-compact .summary-wrapper {\n line-height: inherit;\n margin: 0;\n border: none;\n display: inline-block;\n}\n.StatusBody.-compact .summary-wrapper .summary::after {\n content: \": \";\n}\n.StatusBody.-compact .text-wrapper {\n display: inline-block;\n}",".link-preview-card {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n cursor: pointer;\n overflow: hidden;\n margin-top: 0.5em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n border-style: solid;\n border-width: 1px;\n border-radius: 10px;\n border-radius: var(--attachmentRadius, 10px);\n border-color: #222;\n border-color: var(--border, #222);\n}\n.link-preview-card .card-image {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n width: 120px;\n max-width: 25%;\n}\n.link-preview-card .card-image img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n border-radius: 10px;\n border-radius: var(--attachmentRadius, 10px);\n}\n.link-preview-card .card-content {\n max-height: 100%;\n margin: 0.5em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.link-preview-card .card-host {\n font-size: 0.85em;\n}\n.link-preview-card .card-description {\n margin: 0.5em 0 0 0;\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: break-word;\n line-height: 1.2em;\n max-height: calc(1.2em * 3 - 1px);\n}\n.link-preview-card .nsfw-alert {\n margin: 2em 0;\n}",".StatusContent {\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.StatusContent img.emoji, .StatusContent video.emoji {\n width: 50px;\n height: 50px;\n}",".post-status-form {\n position: relative;\n}\n.post-status-form .attachments {\n margin-bottom: 0.5em;\n}\n.post-status-form .form-bottom {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 0.5em;\n height: 2.5em;\n}\n.post-status-form .form-bottom button {\n width: 10em;\n}\n.post-status-form .form-bottom p {\n margin: 0.35em;\n padding: 0.35em;\n display: -ms-flexbox;\n display: flex;\n}\n.post-status-form .form-bottom-left {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1;\n flex: 1;\n padding-right: 7px;\n margin-right: 7px;\n max-width: 10em;\n}\n.post-status-form .preview-heading {\n display: -ms-flexbox;\n display: flex;\n padding-left: 0.5em;\n}\n.post-status-form .preview-toggle {\n -ms-flex: 1;\n flex: 1;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.post-status-form .preview-toggle:hover {\n text-decoration: underline;\n}\n.post-status-form .preview-toggle svg, .post-status-form .preview-toggle i {\n margin-left: 0.2em;\n font-size: 0.8em;\n transform: rotate(90deg);\n}\n.post-status-form .preview-container {\n margin-bottom: 1em;\n}\n.post-status-form .preview-error {\n font-style: italic;\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.post-status-form .preview-status {\n border: 1px solid #222;\n border: 1px solid var(--border, #222);\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n padding: 0.5em;\n margin: 0;\n}\n.post-status-form .text-format .only-format {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.post-status-form .visibility-tray {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding-top: 5px;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.post-status-form .media-upload-icon, .post-status-form .poll-icon, .post-status-form .emoji-icon {\n font-size: 1.85em;\n line-height: 1.1;\n -ms-flex: 1;\n flex: 1;\n padding: 0 0.1em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.post-status-form .media-upload-icon.selected svg, .post-status-form .media-upload-icon.selected i, .post-status-form .media-upload-icon.selected label, .post-status-form .media-upload-icon:hover svg, .post-status-form .media-upload-icon:hover i, .post-status-form .media-upload-icon:hover label, .post-status-form .poll-icon.selected svg, .post-status-form .poll-icon.selected i, .post-status-form .poll-icon.selected label, .post-status-form .poll-icon:hover svg, .post-status-form .poll-icon:hover i, .post-status-form .poll-icon:hover label, .post-status-form .emoji-icon.selected svg, .post-status-form .emoji-icon.selected i, .post-status-form .emoji-icon.selected label, .post-status-form .emoji-icon:hover svg, .post-status-form .emoji-icon:hover i, .post-status-form .emoji-icon:hover label {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.post-status-form .media-upload-icon.disabled svg, .post-status-form .media-upload-icon.disabled i, .post-status-form .poll-icon.disabled svg, .post-status-form .poll-icon.disabled i, .post-status-form .emoji-icon.disabled svg, .post-status-form .emoji-icon.disabled i {\n cursor: not-allowed;\n color: #666;\n color: var(--btnDisabledText, #666);\n}\n.post-status-form .media-upload-icon.disabled svg:hover, .post-status-form .media-upload-icon.disabled i:hover, .post-status-form .poll-icon.disabled svg:hover, .post-status-form .poll-icon.disabled i:hover, .post-status-form .emoji-icon.disabled svg:hover, .post-status-form .emoji-icon.disabled i:hover {\n color: #666;\n color: var(--btnDisabledText, #666);\n}\n.post-status-form .media-upload-icon {\n -ms-flex-order: 1;\n order: 1;\n -ms-flex-pack: left;\n justify-content: left;\n}\n.post-status-form .emoji-icon {\n -ms-flex-order: 2;\n order: 2;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.post-status-form .poll-icon {\n -ms-flex-order: 3;\n order: 3;\n -ms-flex-pack: right;\n justify-content: right;\n}\n.post-status-form .error {\n text-align: center;\n}\n.post-status-form .media-upload-wrapper {\n margin-right: 0.2em;\n margin-bottom: 0.5em;\n width: 18em;\n}\n.post-status-form .media-upload-wrapper img, .post-status-form .media-upload-wrapper video {\n -o-object-fit: contain;\n object-fit: contain;\n max-height: 10em;\n}\n.post-status-form .media-upload-wrapper .video {\n max-height: 10em;\n}\n.post-status-form .media-upload-wrapper input {\n -ms-flex: 1;\n flex: 1;\n width: 100%;\n}\n.post-status-form .status-input-wrapper {\n display: -ms-flexbox;\n display: flex;\n position: relative;\n width: 100%;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.post-status-form .btn[disabled] {\n cursor: not-allowed;\n}\n.post-status-form form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0.6em;\n position: relative;\n}\n.post-status-form .form-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0.25em 0.5em 0.5em;\n line-height: 1.85;\n}\n.post-status-form .form-post-body {\n box-sizing: content-box;\n overflow: hidden;\n transition: min-height 200ms 100ms;\n padding-bottom: calc(var(--_padding) + var(--post-line-height) * 1em);\n height: calc(var(--post-line-height) * 1em);\n min-height: calc(var(--post-line-height) * 1em);\n resize: none;\n}\n.post-status-form .form-post-body.scrollable-form {\n overflow-y: auto;\n}\n.post-status-form .main-input {\n position: relative;\n}\n.post-status-form .character-counter {\n position: absolute;\n bottom: 0;\n right: 0;\n padding: 0;\n margin: 0 0.5em;\n}\n.post-status-form .character-counter.error {\n color: #ff0000;\n color: var(--cRed, #ff0000);\n}\n.post-status-form .btn[disabled] {\n cursor: not-allowed;\n}\n@keyframes fade-in {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 0.6;\n}\n}\n@keyframes fade-out {\nfrom {\n opacity: 0.6;\n}\nto {\n opacity: 0;\n}\n}\n.post-status-form .drop-indicator {\n position: absolute;\n width: 100%;\n height: 100%;\n font-size: 5em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 0.6;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n border: 2px dashed #b9b9ba;\n border: 2px dashed var(--text, #b9b9ba);\n}",".remote-follow {\n max-width: 220px;\n}\n.remote-follow .remote-button {\n width: 100%;\n min-height: 2em;\n}",".dark-overlay::before {\n bottom: 0;\n content: \" \";\n display: block;\n cursor: default;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n background: rgba(27, 31, 35, 0.5);\n z-index: 99;\n}\n.dialog-modal.panel {\n top: 0;\n left: 50%;\n max-height: 80vh;\n max-width: 90vw;\n margin: 15vh auto;\n position: fixed;\n transform: translateX(-50%);\n z-index: 999;\n cursor: default;\n display: block;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.dialog-modal.panel .dialog-modal-heading .title {\n text-align: center;\n}\n.dialog-modal.panel .dialog-modal-content {\n margin: 0;\n padding: 1rem 1rem;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n white-space: normal;\n}\n.dialog-modal.panel .dialog-modal-footer {\n margin: 0;\n padding: 0.5em 0.5em;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n border-top: 1px solid #222;\n border-top: 1px solid var(--border, #222);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.dialog-modal.panel .dialog-modal-footer button {\n width: auto;\n margin-left: 0.5rem;\n}","@charset \"UTF-8\";\n.popover-trigger-button {\n display: inline-block;\n}\n.popover {\n z-index: 500;\n position: absolute;\n min-width: 0;\n}\n.popover-default {\n transition: opacity 0.3s;\n border-radius: 4px;\n border-radius: var(--btnRadius, 4px);\n background-color: #121a24;\n background-color: var(--popover, #121a24);\n color: #b9b9ba;\n color: var(--popoverText, #b9b9ba);\n --faint: var(--popoverFaintText, $fallback--faint);\n --faintLink: var(--popoverFaintLink, $fallback--faint);\n --lightText: var(--popoverLightText, $fallback--lightText);\n --postLink: var(--popoverPostLink, $fallback--link);\n --postFaintLink: var(--popoverPostFaintLink, $fallback--link);\n --icon: var(--popoverIcon, $fallback--icon);\n}\n.popover-default:after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 3;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n pointer-events: none;\n}\n.dropdown-menu {\n display: block;\n padding: 0.5rem 0;\n font-size: 1em;\n text-align: left;\n list-style: none;\n max-width: 100vw;\n z-index: 200;\n white-space: nowrap;\n}\n.dropdown-menu .dropdown-divider {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #222;\n border-top: 1px solid var(--border, #222);\n}\n.dropdown-menu .dropdown-item {\n line-height: 21px;\n overflow: hidden;\n display: block;\n padding: 0.5em 0.75em;\n clear: both;\n font-weight: 400;\n text-align: inherit;\n white-space: nowrap;\n border: none;\n border-radius: 0px;\n background-color: transparent;\n box-shadow: none;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n --btnText: var(--popoverText, $fallback--text);\n}\n.dropdown-menu .dropdown-item-icon svg {\n width: 22px;\n margin-right: 0.75rem;\n color: var(--menuPopoverIcon, #666);\n}\n.dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:hover {\n background-color: #151e2a;\n background-color: var(--selectedMenuPopover, #151e2a);\n box-shadow: none;\n --btnText: var(--selectedMenuPopoverText, $fallback--link);\n --faint: var(--selectedMenuPopoverFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuPopoverLightText, $fallback--lightText);\n --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n}\n.dropdown-menu .dropdown-item:active svg, .dropdown-menu .dropdown-item:hover svg {\n color: var(--selectedMenuPopoverIcon, #666);\n --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n}\n.dropdown-menu .dropdown-item .menu-checkbox {\n display: inline-block;\n vertical-align: middle;\n min-width: 22px;\n max-width: 22px;\n min-height: 22px;\n max-height: 22px;\n line-height: 22px;\n text-align: center;\n border-radius: 0px;\n background-color: #182230;\n background-color: var(--input, #182230);\n box-shadow: 0px 0px 2px black inset;\n box-shadow: var(--inputShadow);\n margin-right: 0.75em;\n}\n.dropdown-menu .dropdown-item .menu-checkbox.menu-checkbox-checked::after {\n font-size: 1.25em;\n content: \"\\2713\";\n}\n.dropdown-menu .dropdown-item .menu-checkbox.-radio {\n border-radius: 9999px;\n}\n.dropdown-menu .dropdown-item .menu-checkbox.-radio.menu-checkbox-checked::after {\n font-size: 2em;\n content: \"\\2022\";\n}\n.dropdown-menu .button-default.dropdown-item,\n.dropdown-menu .button-default.dropdown-item i[class*=icon-] {\n color: #b9b9ba;\n color: var(--btnText, #b9b9ba);\n}\n.dropdown-menu .button-default.dropdown-item:active {\n background-color: #151e2a;\n background-color: var(--selectedMenuPopover, #151e2a);\n color: #d8a070;\n color: var(--selectedMenuPopoverText, #d8a070);\n}\n.dropdown-menu .button-default.dropdown-item:disabled {\n color: #b9b9ba;\n color: var(--btnDisabledText, #b9b9ba);\n}\n.dropdown-menu .button-default.dropdown-item.toggled {\n color: #b9b9ba;\n color: var(--btnToggledText, #b9b9ba);\n}",".moderation-tools-popover {\n height: 100%;\n}\n.moderation-tools-popover .trigger {\n display: -ms-flexbox !important;\n display: flex !important;\n height: 100%;\n}\n.moderation-tools-button svg, .moderation-tools-button i {\n font-size: 0.8em;\n}",".AccountActions .ellipsis-button {\n width: 2.5em;\n margin: -0.5em 0;\n padding: 0.5em 0;\n text-align: center;\n}\n.AccountActions .ellipsis-button:not(:hover) .icon {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}",".user-card {\n position: relative;\n z-index: 1;\n}\n.user-card:hover {\n --_still-image-img-visibility: visible;\n --_still-image-canvas-visibility: hidden;\n --_still-image-label-visibility: hidden;\n}\n.user-card .panel-heading {\n padding: 0.5em 0;\n text-align: center;\n box-shadow: none;\n background: transparent;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: stretch;\n align-items: stretch;\n position: relative;\n}\n.user-card .panel-body {\n word-wrap: break-word;\n border-bottom-right-radius: inherit;\n border-bottom-left-radius: inherit;\n position: relative;\n}\n.user-card .background-image {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n -webkit-mask: linear-gradient(to top, white, transparent) bottom no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white, transparent) bottom no-repeat, linear-gradient(to top, white, white);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n background-size: cover;\n -webkit-mask-size: 100% 60%;\n mask-size: 100% 60%;\n border-top-left-radius: calc(var(--panelRadius) - 1px);\n border-top-right-radius: calc(var(--panelRadius) - 1px);\n background-color: var(--profileBg);\n z-index: -2;\n}\n.user-card .background-image.hide-bio {\n -webkit-mask-size: 100% 40px;\n mask-size: 100% 40px;\n}\n.user-card-bio {\n text-align: center;\n display: block;\n line-height: 1.3;\n padding: 1em;\n margin: 0;\n}\n.user-card-bio a {\n color: #d8a070;\n color: var(--postLink, #d8a070);\n}\n.user-card-bio img {\n -o-object-fit: contain;\n object-fit: contain;\n vertical-align: middle;\n max-width: 100%;\n max-height: 400px;\n}\n.user-card-rounded-t {\n border-top-left-radius: 10px;\n border-top-left-radius: var(--panelRadius, 10px);\n border-top-right-radius: 10px;\n border-top-right-radius: var(--panelRadius, 10px);\n}\n.user-card-rounded {\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n}\n.user-card-bordered {\n border-width: 1px;\n border-style: solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.user-info {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n padding: 0 26px;\n}\n.user-info .container {\n min-width: 0;\n padding: 16px 0 6px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: start;\n align-items: flex-start;\n max-height: 56px;\n}\n.user-info .container > * {\n min-width: 0;\n}\n.user-info .container .Avatar {\n --_avatarShadowBox: var(--avatarShadow);\n --_avatarShadowFilter: var(--avatarShadowFilter);\n --_avatarShadowInset: var(--avatarShadowInset);\n -ms-flex: 1 0 100%;\n flex: 1 0 100%;\n width: 56px;\n height: 56px;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.user-info-avatar-link {\n position: relative;\n cursor: pointer;\n}\n.user-info-avatar-link-overlay {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.3);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n border-radius: 4px;\n border-radius: var(--avatarRadius, 4px);\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.user-info-avatar-link-overlay svg {\n color: #FFF;\n}\n.user-info-avatar-link:hover .user-info-avatar-link-overlay {\n opacity: 1;\n}\n.user-info .external-link-button, .user-info .edit-profile-button {\n cursor: pointer;\n width: 2.5em;\n text-align: center;\n margin: -0.5em 0;\n padding: 0.5em 0;\n}\n.user-info .external-link-button:not(:hover) .icon, .user-info .edit-profile-button:not(:hover) .icon {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.user-info .user-summary {\n display: block;\n margin-left: 0.6em;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n z-index: 1;\n line-height: 2em;\n --emoji-size: 1.7em;\n}\n.user-info .user-summary .top-line,\n.user-info .user-summary .bottom-line {\n display: -ms-flexbox;\n display: flex;\n}\n.user-info .user-name {\n text-overflow: ellipsis;\n overflow: hidden;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n margin-right: 1em;\n font-size: 1.1em;\n}\n.user-info .bottom-line {\n font-weight: light;\n font-size: 1.1em;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.user-info .bottom-line .lock-icon {\n margin-left: 0.5em;\n}\n.user-info .bottom-line .user-screen-name {\n min-width: 1px;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n text-overflow: ellipsis;\n overflow: hidden;\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.user-info .bottom-line .dailyAvg {\n min-width: 1px;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n margin-left: 1em;\n font-size: 0.7em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.user-info .bottom-line .user-role {\n -ms-flex: none;\n flex: none;\n color: #b9b9ba;\n color: var(--alertNeutralText, #b9b9ba);\n background-color: #182230;\n background-color: var(--alertNeutral, #182230);\n}\n.user-info .user-meta {\n margin-bottom: 0.15em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n line-height: 22px;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.user-info .user-meta .following {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n margin: 0;\n margin-bottom: 0.25em;\n text-align: left;\n}\n.user-info .user-meta .highlighter {\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-right: -0.5em;\n -ms-flex-item-align: start;\n align-self: start;\n}\n.user-info .user-meta .highlighter .userHighlightCl {\n padding: 2px 10px;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.user-info .user-meta .highlighter .userHighlightSel {\n padding-top: 0;\n padding-bottom: 0;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.user-info .user-meta .highlighter .userHighlightText {\n width: 70px;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.user-info .user-meta .highlighter .userHighlightCl,\n.user-info .user-meta .highlighter .userHighlightText,\n.user-info .user-meta .highlighter .userHighlightSel {\n vertical-align: top;\n margin-right: 0.5em;\n margin-bottom: 0.25em;\n}\n.user-info .user-interactions {\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n margin-right: -0.75em;\n}\n.user-info .user-interactions > * {\n margin: 0 0.75em 0.6em 0;\n white-space: nowrap;\n min-width: 95px;\n}\n.user-info .user-interactions button {\n margin: 0;\n}\n.sidebar .edit-profile-button {\n display: none;\n}\n.user-counts {\n display: -ms-flexbox;\n display: flex;\n line-height: 16px;\n padding: 0.5em 1.5em 0em 1.5em;\n text-align: center;\n -ms-flex-pack: justify;\n justify-content: space-between;\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.user-count {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n padding: 0.5em 0 0.5em 0;\n margin: 0 0.5em;\n}\n.user-count h5 {\n font-size: 1em;\n font-weight: bolder;\n margin: 0 0 0.25em;\n}\n.user-count a {\n text-decoration: none;\n}",".user-panel .signed-in {\n overflow: visible;\n z-index: 10;\n}",".NavPanel .panel {\n overflow: hidden;\n box-shadow: var(--panelShadow);\n}\n.NavPanel ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.NavPanel li {\n position: relative;\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n padding: 0;\n}\n.NavPanel li:first-child .menu-item {\n border-top-right-radius: 10px;\n border-top-right-radius: var(--panelRadius, 10px);\n border-top-left-radius: 10px;\n border-top-left-radius: var(--panelRadius, 10px);\n}\n.NavPanel li:last-child .menu-item {\n border-bottom-right-radius: 10px;\n border-bottom-right-radius: var(--panelRadius, 10px);\n border-bottom-left-radius: 10px;\n border-bottom-left-radius: var(--panelRadius, 10px);\n}\n.NavPanel li:last-child {\n border: none;\n}\n.NavPanel .menu-item {\n display: block;\n box-sizing: border-box;\n height: 3.5em;\n line-height: 3.5em;\n padding: 0 1em;\n width: 100%;\n color: #d8a070;\n color: var(--link, #d8a070);\n}\n.NavPanel .menu-item:hover {\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: #d8a070;\n color: var(--selectedMenuText, #d8a070);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.NavPanel .menu-item.router-link-active {\n font-weight: bolder;\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: #b9b9ba;\n color: var(--selectedMenuText, #b9b9ba);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.NavPanel .menu-item.router-link-active:hover {\n text-decoration: underline;\n}\n.NavPanel .timelines-chevron {\n margin-left: 0.8em;\n font-size: 1.1em;\n}\n.NavPanel .timelines-background {\n padding: 0 0 0 0.6em;\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n border-top: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.NavPanel .timelines {\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.NavPanel .fa-scale-110 {\n margin-right: 0.8em;\n}\n.NavPanel .badge {\n position: absolute;\n right: 0.6rem;\n top: 1.25em;\n}",".features-panel li {\n line-height: 24px;\n}",".who-to-follow * {\n vertical-align: middle;\n}\n.who-to-follow img {\n width: 32px;\n height: 32px;\n}\n.who-to-follow {\n padding: 0em 1em;\n margin: 0px;\n}\n.who-to-follow-items {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0px;\n margin: 1em 0em;\n}\n.who-to-follow-more {\n padding: 0px;\n margin: 1em 0em;\n text-align: center;\n}",".floating-shout {\n position: fixed;\n bottom: 0.5em;\n z-index: 1000;\n max-width: 25em;\n}\n.floating-shout.-left {\n left: 0.5em;\n}\n.floating-shout:not(.-left) {\n right: 0.5em;\n}\n.shout-panel .shout-heading {\n cursor: pointer;\n}\n.shout-panel .shout-heading .icon {\n color: #b9b9ba;\n color: var(--panelText, #b9b9ba);\n margin-right: 0.5em;\n}\n.shout-panel .shout-heading .title {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: center;\n align-items: center;\n}\n.shout-panel .shout-window {\n overflow-y: auto;\n overflow-x: hidden;\n max-height: 20em;\n}\n.shout-panel .shout-window-container {\n height: 100%;\n}\n.shout-panel .shout-message {\n display: -ms-flexbox;\n display: flex;\n padding: 0.2em 0.5em;\n}\n.shout-panel .shout-avatar img {\n height: 24px;\n width: 24px;\n border-radius: 4px;\n border-radius: var(--avatarRadius, 4px);\n margin-right: 0.5em;\n margin-top: 0.25em;\n}\n.shout-panel .shout-input {\n display: -ms-flexbox;\n display: flex;\n}\n.shout-panel .shout-input textarea {\n -ms-flex: 1;\n flex: 1;\n margin: 0.6em;\n min-height: 3.5em;\n resize: none;\n}\n.shout-panel .shout-panel .title {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}",".modal-view {\n z-index: 2000;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n overflow: auto;\n pointer-events: none;\n animation-duration: 0.2s;\n animation-name: modal-background-fadein;\n opacity: 0;\n}\n.modal-view > * {\n pointer-events: initial;\n}\n.modal-view.modal-background {\n pointer-events: initial;\n background-color: rgba(0, 0, 0, 0.5);\n}\n.modal-view.open {\n opacity: 1;\n}\n@keyframes modal-background-fadein {\nfrom {\n background-color: rgba(0, 0, 0, 0);\n}\nto {\n background-color: rgba(0, 0, 0, 0.5);\n}\n}",".panel-loading {\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-size: 2em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.panel-loading .loading-text svg {\n line-height: 0;\n vertical-align: middle;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}",".async-component-error {\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.async-component-error .btn {\n margin: 0.5em;\n padding: 0.5em 2em;\n}",".settings-modal {\n overflow: hidden;\n}\n.settings-modal .setting-list,\n.settings-modal .option-list {\n list-style-type: none;\n padding-left: 2em;\n}\n.settings-modal .setting-list li,\n.settings-modal .option-list li {\n margin-bottom: 0.5em;\n}\n.settings-modal .setting-list .suboptions,\n.settings-modal .option-list .suboptions {\n margin-top: 0.3em;\n}\n.settings-modal.peek .settings-modal-panel {\n /* Explanation:\n * Modal is positioned vertically centered.\n * 100vh - 100% = Distance between modal's top+bottom boundaries and screen\n * (100vh - 100%) / 2 = Distance between bottom (or top) boundary and screen\n * + 100% - we move modal completely off-screen, it's top boundary touches\n * bottom of the screen\n * - 50px - leaving tiny amount of space so that titlebar + tiny amount of modal is visible\n */\n transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px));\n}\n@media all and (max-width: 800px) {\n.settings-modal.peek .settings-modal-panel {\n /* For mobile, the modal takes 100% of the available screen.\n This ensures the minimized modal is always 50px above the browser bottom bar regardless of whether or not it is visible.\n */\n transform: translateY(calc(100% - 50px));\n}\n}\n.settings-modal .settings-modal-panel {\n overflow: hidden;\n transition: transform;\n transition-timing-function: ease-in-out;\n transition-duration: 300ms;\n width: 1000px;\n max-width: 90vw;\n height: 90vh;\n}\n@media all and (max-width: 800px) {\n.settings-modal .settings-modal-panel {\n max-width: 100vw;\n height: 100%;\n}\n}\n.settings-modal .settings-modal-panel > .panel-body {\n height: 100%;\n overflow-y: hidden;\n}\n.settings-modal .settings-modal-panel > .panel-body .btn {\n min-height: 2em;\n min-width: 10em;\n padding: 0 2em;\n}\n.settings-modal .settings-footer {\n display: -ms-flexbox;\n display: flex;\n}\n.settings-modal .settings-footer > * {\n margin-right: 0.5em;\n}\n.settings-modal .settings-footer .extra-content {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}",".modal-view.media-modal-view {\n z-index: 9000;\n -ms-flex-direction: column;\n flex-direction: column;\n overflow: hidden;\n}\n.modal-view.media-modal-view .modal-view-button-arrow,\n.modal-view.media-modal-view .modal-view-button-hide {\n opacity: 0.75;\n}\n.modal-view.media-modal-view .modal-view-button-arrow:focus, .modal-view.media-modal-view .modal-view-button-arrow:hover,\n.modal-view.media-modal-view .modal-view-button-hide:focus,\n.modal-view.media-modal-view .modal-view-button-hide:hover {\n outline: none;\n box-shadow: none;\n}\n.modal-view.media-modal-view .modal-view-button-arrow:hover,\n.modal-view.media-modal-view .modal-view-button-hide:hover {\n opacity: 1;\n}\n@keyframes media-fadein {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n.media-modal-view .modal-image-container {\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: column;\n flex-direction: column;\n max-width: 100%;\n max-height: 100%;\n width: 100%;\n height: 100%;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.media-modal-view .modal-image-container-inner {\n width: 100%;\n height: 100%;\n -ms-flex-positive: 1;\n flex-grow: 1;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.media-modal-view .description,\n.media-modal-view .counter {\n /* Hardcoded since background is also hardcoded */\n color: white;\n margin-top: 1em;\n text-shadow: 0 0 10px black, 0 0 10px black;\n padding: 0.2em 2em;\n}\n.media-modal-view .description {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n overflow-y: auto;\n min-height: 1em;\n max-width: 500px;\n max-height: 9.5em;\n word-break: break-all;\n}\n.media-modal-view .modal-image {\n max-width: 100%;\n max-height: 100%;\n image-orientation: from-image;\n animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein;\n}\n.media-modal-view .modal-image.loading {\n opacity: 0.5;\n}\n.media-modal-view .loading-spinner {\n width: 100%;\n height: 100%;\n position: absolute;\n pointer-events: none;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.media-modal-view .loading-spinner svg {\n color: white;\n}\n.media-modal-view .modal-view-button {\n border: 0;\n padding: 0;\n opacity: 0;\n box-shadow: none;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n overflow: visible;\n cursor: pointer;\n transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);\n height: 3em;\n width: 3em;\n}\n.media-modal-view .modal-view-button .button-icon {\n position: absolute;\n height: 3em;\n width: 3em;\n font-size: 1rem;\n line-height: 3em;\n color: #FFF;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.3);\n}\n.media-modal-view .modal-view-button-arrow {\n position: absolute;\n display: block;\n top: 50%;\n margin-top: calc(3em / 2);\n width: 3em;\n height: 3em;\n}\n.media-modal-view .modal-view-button-arrow .arrow-icon {\n position: absolute;\n top: 0;\n line-height: 3em;\n color: #FFF;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.3);\n}\n.media-modal-view .modal-view-button-arrow--prev {\n left: 0;\n}\n.media-modal-view .modal-view-button-arrow--prev .arrow-icon {\n left: 0.5em;\n}\n.media-modal-view .modal-view-button-arrow--next {\n right: 0;\n}\n.media-modal-view .modal-view-button-arrow--next .arrow-icon {\n right: 0.5em;\n}\n.media-modal-view .modal-view-button-hide {\n position: absolute;\n top: 0;\n right: 0;\n}\n.media-modal-view .modal-view-button-hide .button-icon {\n top: 0.5em;\n right: 0.5em;\n}",".side-drawer-container {\n position: fixed;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: stretch;\n align-items: stretch;\n transition-duration: 0s;\n transition-property: transform;\n}\n.side-drawer-container-open {\n transform: translate(0%);\n}\n.side-drawer-container-closed {\n transition-delay: 0.35s;\n transform: translate(-100%);\n}\n.side-drawer-darken {\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n position: fixed;\n z-index: -1;\n transition: 0.35s;\n transition-property: background-color;\n background-color: rgba(0, 0, 0, 0.5);\n}\n.side-drawer-darken-closed {\n background-color: rgba(0, 0, 0, 0);\n}\n.side-drawer-click-outside {\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n}\n.side-drawer {\n overflow-x: hidden;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n transition: 0.35s;\n transition-property: transform;\n margin: 0 0 0 -100px;\n padding: 0 0 1em 100px;\n width: 80%;\n max-width: 20em;\n -ms-flex: 0 0 80%;\n flex: 0 0 80%;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n background-color: #121a24;\n background-color: var(--popover, #121a24);\n color: #d8a070;\n color: var(--popoverText, #d8a070);\n --faint: var(--popoverFaintText, $fallback--faint);\n --faintLink: var(--popoverFaintLink, $fallback--faint);\n --lightText: var(--popoverLightText, $fallback--lightText);\n --icon: var(--popoverIcon, $fallback--icon);\n}\n.side-drawer .badge {\n margin-left: 10px;\n}\n.side-drawer-logo-wrapper {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n padding: 0.85em;\n}\n.side-drawer-logo-wrapper img {\n -ms-flex: none;\n flex: none;\n height: 50px;\n margin-right: 0.85em;\n}\n.side-drawer-logo-wrapper span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.side-drawer-click-outside-closed {\n -ms-flex: 0 0 0px;\n flex: 0 0 0;\n}\n.side-drawer-closed {\n transform: translate(-100%);\n}\n.side-drawer-heading {\n background: transparent;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: stretch;\n align-items: stretch;\n display: -ms-flexbox;\n display: flex;\n padding: 0;\n margin: 0;\n}\n.side-drawer ul {\n list-style: none;\n margin: 0;\n padding: 0;\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.side-drawer ul:last-child {\n border: 0;\n}\n.side-drawer li {\n padding: 0;\n}\n.side-drawer li a, .side-drawer li button {\n box-sizing: border-box;\n display: block;\n height: 3em;\n line-height: 3em;\n padding: 0 0.7em;\n}\n.side-drawer li a:hover, .side-drawer li button:hover {\n background-color: #151e2a;\n background-color: var(--selectedMenuPopover, #151e2a);\n color: #b9b9ba;\n color: var(--selectedMenuPopoverText, #b9b9ba);\n --faint: var(--selectedMenuPopoverFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuPopoverLightText, $fallback--lightText);\n --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n}",".MobilePostButton.button-default {\n width: 5em;\n height: 5em;\n border-radius: 100%;\n position: fixed;\n bottom: 1.5em;\n right: 1.5em;\n background-color: #182230;\n background-color: var(--btn, #182230);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), 0px 4px 6px rgba(0, 0, 0, 0.3);\n z-index: 10;\n transition: 0.35s transform;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n}\n.MobilePostButton.hidden {\n transform: translateY(150%);\n}\n.MobilePostButton svg {\n font-size: 1.5em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n@media all and (min-width: 801px) {\n.new-status-button:not(.always-show) {\n display: none;\n}\n}",".ReplyButton {\n display: -ms-flexbox;\n display: flex;\n}\n.ReplyButton > :first-child {\n padding: 10px;\n margin: -10px -8px -10px -10px;\n}\n.ReplyButton .action-counter {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.ReplyButton .interactive:hover .svg-inline--fa, .ReplyButton .interactive.-active .svg-inline--fa {\n color: #0095ff;\n color: var(--cBlue, #0095ff);\n}",".FavoriteButton {\n display: -ms-flexbox;\n display: flex;\n}\n.FavoriteButton > :first-child {\n padding: 10px;\n margin: -10px -8px -10px -10px;\n}\n.FavoriteButton .action-counter {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.FavoriteButton .interactive .svg-inline--fa {\n animation-duration: 0.6s;\n}\n.FavoriteButton .interactive:hover .svg-inline--fa, .FavoriteButton .interactive.-favorited .svg-inline--fa {\n color: orange;\n color: var(--cOrange, orange);\n}",".custom-reaction {\n width: 30px !important;\n}\n.ReactButton {\n /* override of popover internal stuff */\n}\n.ReactButton .reaction-picker-filter {\n padding: 0.5em;\n display: -ms-flexbox;\n display: flex;\n}\n.ReactButton .reaction-picker-filter input {\n -ms-flex: 1;\n flex: 1;\n}\n.ReactButton .reaction-picker-divider {\n height: 1px;\n width: 100%;\n margin: 0.5em;\n background-color: var(--border, #222);\n}\n.ReactButton .reaction-picker {\n width: 10em;\n height: 9em;\n font-size: 1.5em;\n overflow-y: scroll;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n padding: 0.5em;\n text-align: center;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white);\n transition: -webkit-mask-size 150ms;\n transition: mask-size 150ms;\n transition: mask-size 150ms, -webkit-mask-size 150ms;\n -webkit-mask-size: 100% 20px, 100% 20px, auto;\n mask-size: 100% 20px, 100% 20px, auto;\n /* Autoprefixed seem to ignore this one, and also syntax is different */\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.ReactButton .reaction-picker .emoji-button {\n cursor: pointer;\n -ms-flex-preferred-size: 20%;\n flex-basis: 20%;\n line-height: 1.5;\n -ms-flex-line-pack: center;\n align-content: center;\n}\n.ReactButton .reaction-picker .emoji-button:hover {\n transform: scale(1.25);\n}\n.ReactButton .popover-trigger-button {\n width: auto;\n}\n.ReactButton .popover-trigger {\n padding: 10px;\n margin: -10px;\n}\n.ReactButton .popover-trigger:hover .svg-inline--fa {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}",".RetweetButton {\n display: -ms-flexbox;\n display: flex;\n}\n.RetweetButton > :first-child {\n padding: 10px;\n margin: -10px -8px -10px -10px;\n}\n.RetweetButton .action-counter {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.RetweetButton .interactive .svg-inline--fa {\n animation-duration: 0.6s;\n}\n.RetweetButton .interactive:hover .svg-inline--fa, .RetweetButton .interactive.-repeated .svg-inline--fa {\n color: #0fa00f;\n color: var(--cGreen, #0fa00f);\n}",".ExtraButtons {\n /* override of popover internal stuff */\n}\n.ExtraButtons .popover-trigger-button {\n width: auto;\n}\n.ExtraButtons .popover-trigger {\n position: static;\n padding: 10px;\n margin: -10px;\n}\n.ExtraButtons .popover-trigger:hover .svg-inline--fa {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}",".avatars {\n display: -ms-flexbox;\n display: flex;\n margin: 0;\n padding: 0;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n height: 24px;\n}\n.avatars .avatars-item {\n margin: 0 0 5px 5px;\n}\n.avatars .avatars-item:first-child {\n padding-left: 5px;\n}\n.avatars .avatars-item .avatar-small {\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n height: 24px;\n width: 24px;\n}","/* popover styles load on-demand, so we need to override */\n.status-popover.popover {\n font-size: 1rem;\n min-width: 15em;\n max-width: 95%;\n border-color: #222;\n border-color: var(--border, #222);\n border-style: solid;\n border-width: 1px;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);\n box-shadow: var(--popupShadow);\n /* TODO cleanup this */\n}\n.status-popover.popover .Status.Status {\n border: none;\n}\n.status-popover.popover .status-preview-no-content {\n padding: 1em;\n text-align: center;\n}\n.status-popover.popover .status-preview-no-content i {\n font-size: 2em;\n}",".user-list-popover {\n padding: 0.5em;\n --emoji-size: 16px;\n}\n.user-list-popover .user-list-row {\n padding: 0.25em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.user-list-popover .user-list-row .user-list-names {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin-left: 0.5em;\n min-width: 5em;\n}\n.user-list-popover .user-list-row .user-list-names img {\n width: 1em;\n height: 1em;\n}\n.user-list-popover .user-list-row .user-list-screen-name {\n font-size: 0.65em;\n}",".emoji-reactions {\n display: -ms-flexbox;\n display: flex;\n margin-top: 0.25em;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.unicode-emoji {\n font-size: 210%;\n}\n.emoji-reaction {\n padding: 0 0.5em;\n margin-right: 0.5em;\n margin-top: 0.5em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.emoji-reaction .reaction-emoji {\n width: 2.55em !important;\n margin-right: 0.25em;\n}\n.emoji-reaction:focus {\n outline: none;\n}\n.emoji-reaction.not-clickable {\n cursor: default;\n}\n.emoji-reaction.not-clickable:hover {\n box-shadow: 0px 0px 2px 0px black, 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;\n box-shadow: var(--buttonShadow);\n}\n.emoji-reaction-expand {\n padding: 0 0.5em;\n margin-right: 0.5em;\n margin-top: 0.5em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.emoji-reaction-expand:hover {\n text-decoration: underline;\n}\n.picked-reaction {\n border: 1px solid var(--accent, #d8a070);\n margin-left: -1px;\n margin-right: calc(0.5em - 1px);\n}",".Status {\n min-width: 0;\n white-space: normal;\n word-wrap: break-word;\n word-break: break-word;\n}\n.Status:hover {\n --_still-image-img-visibility: visible;\n --_still-image-canvas-visibility: hidden;\n --_still-image-label-visibility: hidden;\n}\n.Status.-focused {\n background-color: #151e2a;\n background-color: var(--selectedPost, #151e2a);\n color: #b9b9ba;\n color: var(--selectedPostText, #b9b9ba);\n --lightText: var(--selectedPostLightText, $fallback--light);\n --faint: var(--selectedPostFaintText, $fallback--faint);\n --faintLink: var(--selectedPostFaintLink, $fallback--faint);\n --postLink: var(--selectedPostPostLink, $fallback--faint);\n --postFaintLink: var(--selectedPostFaintPostLink, $fallback--faint);\n --icon: var(--selectedPostIcon, $fallback--icon);\n}\n.Status .gravestone {\n padding: var(--status-margin, 0.75em);\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n display: -ms-flexbox;\n display: flex;\n}\n.Status .gravestone .deleted-text {\n margin: 0.5em 0;\n -ms-flex-align: center;\n align-items: center;\n}\n.Status .status-container {\n display: -ms-flexbox;\n display: flex;\n padding: var(--status-margin, 0.75em);\n}\n.Status .status-container > * {\n min-width: 0;\n}\n.Status .status-container.-repeat {\n padding-top: 0;\n}\n.Status .pin {\n padding: var(--status-margin, 0.75em) var(--status-margin, 0.75em) 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n._misclick-prevention .Status {\n pointer-events: none;\n}\n._misclick-prevention .Status .attachments {\n pointer-events: initial;\n cursor: initial;\n}\n.Status .left-side {\n margin-right: var(--status-margin, 0.75em);\n}\n.Status .right-side {\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.Status .usercard {\n margin-bottom: var(--status-margin, 0.75em);\n}\n.Status .status-username {\n white-space: nowrap;\n overflow: hidden;\n max-width: 85%;\n font-weight: bold;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n margin-right: 0.4em;\n text-overflow: ellipsis;\n --_still_image-label-scale: 0.25;\n --emoji-size: 14px;\n}\n.Status .status-favicon {\n height: 18px;\n width: 18px;\n margin-right: 0.4em;\n}\n.Status .status-heading {\n margin-bottom: 0.5em;\n}\n.Status .heading-name-row {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n line-height: 1.3;\n}\n.Status .heading-name-row a {\n display: inline-block;\n word-break: break-all;\n}\n.Status .account-name {\n min-width: 1.6em;\n margin-right: 0.4em;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n}\n.Status .heading-left {\n display: -ms-flexbox;\n display: flex;\n min-width: 0;\n}\n.Status .heading-right {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.Status .heading-right .button-unstyled {\n padding: 5px;\n margin: -5px;\n}\n.Status .heading-right .button-unstyled:hover svg {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.Status .heading-right .svg-inline--fa {\n margin-left: 0.25em;\n}\n.Status .glued-label {\n display: -ms-inline-flexbox;\n display: inline-flex;\n white-space: nowrap;\n}\n.Status .timeago {\n margin-right: 0.2em;\n}\n.Status .heading-reply-row {\n position: relative;\n -ms-flex-line-pack: baseline;\n align-content: baseline;\n font-size: 0.85em;\n margin-top: 0.2em;\n line-height: 130%;\n max-width: 100%;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.Status .reply-to-popover, .Status .reply-to-no-popover, .Status .mentions {\n min-width: 0;\n margin-right: 0.4em;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.Status .reply-glued-label {\n margin-right: 0.5em;\n}\n.Status .reply-to-popover .reply-to:hover::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: 0;\n width: 100%;\n border-bottom: 1px solid var(--faint);\n pointer-events: none;\n}\n.Status .reply-to-popover .faint-link:hover {\n text-decoration: none;\n}\n.Status .reply-to-popover.-strikethrough .reply-to::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n width: 100%;\n border-bottom: 1px solid var(--faint);\n pointer-events: none;\n}\n.Status .mentions, .Status .reply-to {\n white-space: nowrap;\n position: relative;\n}\n.Status .mentions-text, .Status .reply-to-text {\n color: var(--faint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.Status .mentions-line {\n display: inline;\n}\n.Status .replies {\n margin-top: 0.25em;\n line-height: 1.3;\n font-size: 0.85em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.Status .replies > * {\n margin-right: 0.4em;\n}\n.Status .reply-link {\n height: 17px;\n}\n.Status .repeat-info {\n padding: 0.4em var(--status-margin, 0.75em);\n}\n.Status .repeat-info .repeat-icon {\n color: #0fa00f;\n color: var(--cGreen, #0fa00f);\n}\n.Status .repeater-avatar {\n border-radius: var(--avatarAltRadius, 10px);\n margin-left: 28px;\n width: 20px;\n height: 20px;\n}\n.Status .repeater-name {\n text-overflow: ellipsis;\n margin-right: 0;\n}\n.Status .repeater-name .emoji {\n width: 14px;\n height: 14px;\n vertical-align: middle;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.Status .status-fadein {\n animation-duration: 0.4s;\n animation-name: fadein;\n}\n@keyframes fadein {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n.Status .status-actions {\n position: relative;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n margin-top: var(--status-margin, 0.75em);\n}\n.Status .status-actions > * {\n max-width: 4em;\n -ms-flex: 1;\n flex: 1;\n}\n.Status .muted {\n padding: 0.25em 0.6em;\n height: 1.2em;\n line-height: 1.2em;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.Status .muted .status-username, .Status .muted .mute-thread, .Status .muted .mute-words {\n word-wrap: normal;\n word-break: normal;\n white-space: nowrap;\n}\n.Status .muted .status-username, .Status .muted .mute-words {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.Status .muted .status-username {\n font-weight: normal;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n margin-right: 0.2em;\n font-size: smaller;\n}\n.Status .muted .mute-thread {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.Status .muted .mute-words {\n -ms-flex: 1 0 5em;\n flex: 1 0 5em;\n margin-left: 0.2em;\n}\n.Status .muted .mute-words::before {\n content: \" \";\n}\n.Status .muted .unmute {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n margin-left: auto;\n display: block;\n}\n.Status .reply-form {\n padding-top: 0;\n padding-bottom: 0;\n}\n.Status .reply-body {\n -ms-flex: 1;\n flex: 1;\n}\n.Status .favs-repeated-users {\n margin-top: var(--status-margin, 0.75em);\n}\n.Status .stats {\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n line-height: 1em;\n}\n.Status .avatar-row {\n -ms-flex: 1;\n flex: 1;\n overflow: hidden;\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.Status .avatar-row::before {\n content: \"\";\n position: absolute;\n height: 100%;\n width: 1px;\n left: 0;\n background-color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.Status .stat-count {\n margin-right: var(--status-margin, 0.75em);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Status .stat-count .stat-title {\n color: var(--faint, rgba(185, 185, 186, 0.5));\n font-size: 0.85em;\n text-transform: uppercase;\n position: relative;\n}\n.Status .stat-count .stat-number {\n font-weight: bolder;\n font-size: 1.1em;\n line-height: 1em;\n}\n.Status .stat-count:hover .stat-title {\n text-decoration: underline;\n}\n@media all and (max-width: 800px) {\n.Status .repeater-avatar {\n margin-left: 20px;\n}\n.Status .post-avatar {\n width: 40px;\n height: 40px;\n}\n.Status .post-avatar.-compact {\n width: 32px;\n height: 32px;\n}\n}",".notification-reaction-emoji {\n width: 40px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.Notification {\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n word-wrap: break-word;\n word-break: break-word;\n --emoji-size: 14px;\n}\n.Notification:hover {\n --_still-image-img-visibility: visible;\n --_still-image-canvas-visibility: hidden;\n --_still-image-label-visibility: hidden;\n}\n.Notification.-muted {\n padding: 0.25em 0.6em;\n height: 1.2em;\n line-height: 1.2em;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.Notification.-muted .status-username, .Notification.-muted .mute-thread, .Notification.-muted .mute-words {\n word-wrap: normal;\n word-break: normal;\n white-space: nowrap;\n}\n.Notification.-muted .status-username, .Notification.-muted .mute-words {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.Notification.-muted .status-username {\n font-weight: normal;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n margin-right: 0.2em;\n font-size: smaller;\n}\n.Notification.-muted .mute-thread {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.Notification.-muted .mute-words {\n -ms-flex: 1 0 5em;\n flex: 1 0 5em;\n margin-left: 0.2em;\n}\n.Notification.-muted .mute-words::before {\n content: \" \";\n}\n.Notification.-muted .unmute {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n margin-left: auto;\n display: block;\n}\n.Notification .type-icon {\n margin: 0 0.1em;\n}\n.Notification.-type--repeat .type-icon {\n color: #0fa00f;\n color: var(--cGreen, #0fa00f);\n}\n.Notification.-type--follow .type-icon {\n color: #0095ff;\n color: var(--cBlue, #0095ff);\n}\n.Notification.-type--follow-request .type-icon {\n color: #0095ff;\n color: var(--cBlue, #0095ff);\n}\n.Notification.-type--like .type-icon {\n color: orange;\n color: orange;\n color: var(--cOrange, orange);\n}\n.Notification.-type--move .type-icon {\n color: #0095ff;\n color: var(--cBlue, #0095ff);\n}",".NotificationFilters {\n -ms-flex-item-align: stretch;\n -ms-grid-row-align: stretch;\n align-self: stretch;\n}\n.NotificationFilters > button {\n line-height: 100%;\n height: 100%;\n width: var(--__panel-heading-height-inner);\n text-align: center;\n}\n.NotificationFilters > button svg {\n font-size: 1.2em;\n}",".Notifications:not(.minimal) {\n padding-bottom: 15em;\n}\n.Notifications .loadmore-error {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.Notifications .notification {\n position: relative;\n}\n.Notifications .notification .notification-overlay {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n pointer-events: none;\n}\n.Notifications .notification.unseen .notification-overlay {\n background-image: linear-gradient(135deg, var(--badgeNotification, #ff0000) 4px, transparent 10px);\n}\n.notification {\n box-sizing: border-box;\n /* TODO cleanup this */\n}\n.notification:hover .animated.Avatar canvas {\n display: none;\n}\n.notification:hover .animated.Avatar img {\n visibility: visible;\n}\n.notification:last-child .Notification {\n border-bottom: none;\n}\n.notification .non-mention {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1;\n flex: 1;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n padding: 0.6em;\n min-width: 0;\n --link: var(--faintLink);\n --text: var(--faint);\n}\n.notification .non-mention .avatar-container {\n width: 32px;\n height: 32px;\n}\n.notification .follow-request-accept:hover {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.notification .follow-request-reject:hover {\n color: #ff0000;\n color: var(--cRed, #ff0000);\n}\n.notification .follow-text, .notification .move-text {\n padding: 0.5em 0;\n overflow-wrap: break-word;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.notification .follow-text .follow-name, .notification .move-text .follow-name {\n display: block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.notification .Status {\n -ms-flex: 1;\n flex: 1;\n}\n.notification time {\n white-space: nowrap;\n}\n.notification .notification-right {\n -ms-flex: 1;\n flex: 1;\n padding-left: 0.8em;\n min-width: 0;\n}\n.notification .notification-right .timeago {\n min-width: 3em;\n text-align: right;\n}\n.notification .emoji-reaction-emoji {\n font-size: 1.3em;\n}\n.notification .notification-details {\n min-width: 0;\n word-wrap: break-word;\n line-height: var(--post-line-height);\n position: relative;\n overflow: hidden;\n width: 100%;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.notification .notification-details .name-and-action {\n -ms-flex: 1;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.notification .notification-details .username {\n font-weight: bolder;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.notification .notification-details .timeago {\n margin-right: 0.2em;\n}\n.notification .notification-details .status-content {\n margin: 0;\n max-height: 300px;\n}\n.notification .notification-details h1 {\n word-break: break-all;\n margin: 0 0 0.3em;\n padding: 0;\n font-size: 1em;\n line-height: 1.5;\n}\n.notification .notification-details h1 small {\n font-weight: lighter;\n}\n.notification .notification-details p {\n margin: 0;\n margin-top: 0;\n margin-bottom: 0.3em;\n}",".MobileNav .mobile-nav {\n display: -ms-grid;\n display: grid;\n line-height: var(--navbar-height);\n -ms-grid-rows: 50px;\n grid-template-rows: 50px;\n -ms-grid-columns: 2fr auto;\n grid-template-columns: 2fr auto;\n width: 100%;\n box-sizing: border-box;\n}\n.MobileNav .mobile-nav a {\n color: var(--topBarLink, #d8a070);\n}\n.MobileNav .mobile-inner-nav {\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.MobileNav .mobile-nav-button {\n display: inline-block;\n text-align: center;\n padding: 0 1em;\n position: relative;\n cursor: pointer;\n}\n.MobileNav .site-name {\n padding: 0 0.3em;\n display: inline-block;\n}\n.MobileNav .item {\n /* moslty just to get rid of extra whitespaces */\n display: -ms-flexbox;\n display: flex;\n}\n.MobileNav .alert-dot {\n border-radius: 100%;\n height: 8px;\n width: 8px;\n position: absolute;\n left: calc(50% - 4px);\n top: calc(50% - 4px);\n margin-left: 6px;\n margin-top: -6px;\n background-color: #ff0000;\n background-color: var(--badgeNotification, #ff0000);\n}\n.MobileNav .mobile-notifications-drawer {\n width: 100%;\n height: 100vh;\n overflow-x: hidden;\n position: fixed;\n top: 0;\n left: 0;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n transition-property: transform;\n transition-duration: 0.25s;\n transform: translateX(0);\n z-index: 1001;\n -webkit-overflow-scrolling: touch;\n}\n.MobileNav .mobile-notifications-drawer.-closed {\n transform: translateX(100%);\n box-shadow: none;\n}\n.MobileNav .mobile-notifications-header {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: justify;\n justify-content: space-between;\n z-index: 1;\n width: 100%;\n height: 50px;\n line-height: 50px;\n position: absolute;\n color: var(--topBarText);\n background-color: #182230;\n background-color: var(--topBar, #182230);\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--topBarShadow);\n}\n.MobileNav .mobile-notifications-header .title {\n font-size: 1.3em;\n margin-left: 0.6em;\n}\n.MobileNav .mobile-notifications {\n margin-top: 50px;\n width: 100vw;\n height: calc(100vh - var(--navbar-height));\n overflow-x: hidden;\n overflow-y: scroll;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.MobileNav .mobile-notifications .notifications {\n padding: 0;\n border-radius: 0;\n box-shadow: none;\n}\n.MobileNav .mobile-notifications .notifications .panel {\n border-radius: 0;\n margin: 0;\n box-shadow: none;\n}\n.MobileNav .mobile-notifications .notifications .panel:after {\n border-radius: 0;\n}\n.MobileNav .mobile-notifications .notifications .panel .panel-heading {\n border-radius: 0;\n box-shadow: none;\n}",".SearchBar {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n vertical-align: baseline;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.SearchBar.-expanded {\n width: 100%;\n}\n.SearchBar .search-bar-input,\n.SearchBar .search-button {\n height: 29px;\n}\n.SearchBar .search-bar-input {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.SearchBar .cancel-search {\n height: 50px;\n}\n.SearchBar .cancel-icon {\n color: #b9b9ba;\n color: var(--btnTopBarText, #b9b9ba);\n}",".DesktopNav {\n width: 100%;\n}\n.DesktopNav a {\n color: var(--topBarLink, #d8a070);\n}\n.DesktopNav .inner-nav {\n display: -ms-grid;\n display: grid;\n -ms-grid-rows: var(--navbar-height);\n grid-template-rows: var(--navbar-height);\n -ms-grid-columns: 2fr auto 2fr;\n grid-template-columns: 2fr auto 2fr;\n grid-template-areas: \"sitename logo actions\";\n box-sizing: border-box;\n padding: 0 1.2em;\n margin: auto;\n max-width: 980px;\n}\n.DesktopNav.-logoLeft .inner-nav {\n -ms-grid-columns: auto 2fr 2fr;\n grid-template-columns: auto 2fr 2fr;\n grid-template-areas: \"logo sitename actions\";\n}\n.DesktopNav .button-default, .DesktopNav .button-default svg {\n color: #b9b9ba;\n color: var(--btnTopBarText, #b9b9ba);\n}\n.DesktopNav .button-default:active {\n background-color: #182230;\n background-color: var(--btnPressedTopBar, #182230);\n color: #b9b9ba;\n color: var(--btnPressedTopBarText, #b9b9ba);\n}\n.DesktopNav .button-default:disabled {\n color: #b9b9ba;\n color: var(--btnDisabledTopBarText, #b9b9ba);\n}\n.DesktopNav .button-default.toggled {\n color: #b9b9ba;\n color: var(--btnToggledTopBarText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btnToggledTopBar, #182230);\n}\n.DesktopNav .logo {\n grid-area: logo;\n position: relative;\n transition: opacity;\n transition-timing-function: ease-out;\n transition-duration: 100ms;\n}\n@media all and (min-width: 800px) {\n.DesktopNav .logo {\n opacity: 1 !important;\n}\n}\n.DesktopNav .logo .mask {\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-size: contain;\n mask-size: contain;\n background-color: #182230;\n background-color: var(--topBarText, #182230);\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n.DesktopNav .logo img {\n display: inline-block;\n height: var(--navbar-height);\n}\n.DesktopNav .nav-icon {\n margin-left: 0.2em;\n width: 2em;\n height: 100%;\n text-align: center;\n}\n.DesktopNav .nav-icon .svg-inline--fa {\n color: #d8a070;\n color: var(--topBarLink, #d8a070);\n}\n.DesktopNav .sitename {\n grid-area: sitename;\n}\n.DesktopNav .actions {\n grid-area: actions;\n}\n.DesktopNav .item {\n -ms-flex: 1;\n flex: 1;\n line-height: var(--navbar-height);\n height: var(--navbar-height);\n overflow: hidden;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.DesktopNav .item.right {\n -ms-flex-pack: end;\n justify-content: flex-end;\n text-align: right;\n}",".list-item:not(:last-child) {\n border-bottom: 1px solid;\n border-bottom-color: #222;\n border-bottom-color: var(--border, #222);\n}\n.list-empty-content {\n text-align: center;\n padding: 10px;\n}",".user-reporting-panel {\n width: 90vw;\n max-width: 700px;\n min-height: 20vh;\n max-height: 80vh;\n}\n.user-reporting-panel .panel-body {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n border-top: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n overflow: hidden;\n}\n.user-reporting-panel-left {\n padding: 1.1em 0.7em 0.7em;\n line-height: var(--post-line-height);\n box-sizing: border-box;\n}\n.user-reporting-panel-left > div {\n margin-bottom: 1em;\n}\n.user-reporting-panel-left > div:last-child {\n margin-bottom: 0;\n}\n.user-reporting-panel-left p {\n margin-top: 0;\n}\n.user-reporting-panel-left textarea.form-control {\n line-height: 16px;\n resize: none;\n overflow: hidden;\n transition: min-height 200ms 100ms;\n min-height: 44px;\n width: 100%;\n}\n.user-reporting-panel-left .btn {\n min-width: 10em;\n padding: 0 2em;\n}\n.user-reporting-panel-left .alert {\n margin: 1em 0 0 0;\n line-height: 1.3em;\n}\n.user-reporting-panel-right {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n overflow-y: auto;\n}\n.user-reporting-panel-sitem {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n /* TODO cleanup this */\n}\n.user-reporting-panel-sitem > .Status {\n -ms-flex: 1;\n flex: 1;\n}\n.user-reporting-panel-sitem > .checkbox {\n margin: 0.75em;\n}\n@media all and (min-width: 801px) {\n.user-reporting-panel .panel-body {\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.user-reporting-panel-left {\n width: 50%;\n max-width: 320px;\n border-right: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n padding: 1.1em;\n}\n.user-reporting-panel-left > div {\n margin-bottom: 2em;\n}\n.user-reporting-panel-right {\n width: 50%;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n margin-bottom: 12px;\n}\n}",".modal-view.post-form-modal-view {\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.post-form-modal-panel {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n margin-top: 25%;\n margin-bottom: 2em;\n width: 100%;\n max-width: 700px;\n}\n@media (orientation: landscape) {\n.post-form-modal-panel {\n margin-top: 8%;\n}\n}",".global-notice-list {\n position: fixed;\n top: 50px;\n width: 100%;\n pointer-events: none;\n z-index: 1001;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n}\n.global-notice-list .global-notice {\n pointer-events: auto;\n text-align: center;\n width: 40em;\n max-width: calc(100% - 3em);\n display: -ms-flexbox;\n display: flex;\n padding-left: 1.5em;\n line-height: 2;\n margin-bottom: 0.5em;\n}\n.global-notice-list .global-notice .notice-message {\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n}\n.global-notice-list .global-error {\n background-color: var(--alertPopupError, #ff0000);\n color: var(--alertPopupErrorText, #b9b9ba);\n}\n.global-notice-list .global-error .svg-inline--fa {\n color: var(--alertPopupErrorText, #b9b9ba);\n}\n.global-notice-list .global-warning {\n background-color: var(--alertPopupWarning, orange);\n color: var(--alertPopupWarningText, #b9b9ba);\n}\n.global-notice-list .global-warning .svg-inline--fa {\n color: var(--alertPopupWarningText, #b9b9ba);\n}\n.global-notice-list .global-success {\n background-color: var(--alertPopupSuccess, #0fa00f);\n color: var(--alertPopupSuccessText, #b9b9ba);\n}\n.global-notice-list .global-success .svg-inline--fa {\n color: var(--alertPopupSuccessText, #b9b9ba);\n}\n.global-notice-list .global-info {\n background-color: var(--alertPopupNeutral, #182230);\n color: var(--alertPopupNeutralText, #b9b9ba);\n}\n.global-notice-list .global-info .svg-inline--fa {\n color: var(--alertPopupNeutralText, #b9b9ba);\n}\n.global-notice-list .close-notice {\n padding-right: 0.2em;\n}\n.global-notice-list .close-notice .svg-inline--fa:hover {\n opacity: 0.6;\n}","@charset \"UTF-8\";\n:root {\n --navbar-height: 3.5rem;\n --post-line-height: 1.4;\n}\nhtml {\n font-size: 14px;\n}\nbody {\n font-family: sans-serif;\n font-family: var(--interfaceFont, sans-serif);\n margin: 0;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overscroll-behavior-y: none;\n overflow-x: clip;\n overflow-y: scroll;\n}\nbody.hidden {\n display: none;\n}\n@media (any-pointer: fine) {\n* {\n scrollbar-color: var(--btn) transparent;\n}\n*::-webkit-scrollbar {\n background: transparent;\n}\n*::-webkit-scrollbar-button, *::-webkit-scrollbar-thumb {\n background-color: var(--btn);\n box-shadow: var(--buttonShadow);\n border-radius: var(--btnRadius);\n}\n*::-webkit-scrollbar-button {\n --___bgPadding: 2px;\n color: var(--btnText);\n background-repeat: no-repeat, no-repeat;\n}\n*::-webkit-scrollbar-button:horizontal {\n background-size: 50% calc(50% - var(--___bgPadding)), 50% calc(50% - var(--___bgPadding));\n}\n*::-webkit-scrollbar-button:horizontal:increment {\n background-image: linear-gradient(45deg, var(--btnText) 50%, transparent 51%), linear-gradient(-45deg, transparent 50%, var(--btnText) 51%);\n background-position: top var(--___bgPadding) left 50%, right 50% bottom var(--___bgPadding);\n}\n*::-webkit-scrollbar-button:horizontal:decrement {\n background-image: linear-gradient(45deg, transparent 50%, var(--btnText) 51%), linear-gradient(-45deg, var(--btnText) 50%, transparent 51%);\n background-position: bottom var(--___bgPadding) right 50%, left 50% top var(--___bgPadding);\n}\n*::-webkit-scrollbar-button:vertical {\n background-size: calc(50% - var(--___bgPadding)) 50%, calc(50% - var(--___bgPadding)) 50%;\n}\n*::-webkit-scrollbar-button:vertical:increment {\n background-image: linear-gradient(-45deg, transparent 50%, var(--btnText) 51%), linear-gradient(45deg, transparent 50%, var(--btnText) 51%);\n background-position: right var(--___bgPadding) top 50%, left var(--___bgPadding) top 50%;\n}\n*::-webkit-scrollbar-button:vertical:decrement {\n background-image: linear-gradient(-45deg, var(--btnText) 50%, transparent 51%), linear-gradient(45deg, var(--btnText) 50%, transparent 51%);\n background-position: left var(--___bgPadding) top 50%, right var(--___bgPadding) top 50%;\n}\nhtml {\n scrollbar-color: var(--selectedMenu) var(--wallpaper);\n background: var(--wallpaper);\n}\n}\na {\n text-decoration: none;\n color: #d8a070;\n color: var(--link, #d8a070);\n}\nh4 {\n margin: 0;\n}\ni[class*=icon-],\n.svg-inline--fa {\n color: #666;\n color: var(--icon, #666);\n}\nnav {\n z-index: 1000;\n color: var(--topBarText);\n background-color: #182230;\n background-color: var(--topBar, #182230);\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--topBarShadow);\n box-sizing: border-box;\n height: var(--navbar-height);\n position: fixed;\n}\n#sidebar {\n grid-area: sidebar;\n}\n.column.-scrollable {\n top: var(--navbar-height);\n position: -webkit-sticky;\n position: sticky;\n}\n#main-scroller {\n grid-area: content;\n position: relative;\n}\n#notifs-column {\n grid-area: notifs;\n}\n.app-bg-wrapper {\n position: fixed;\n height: 100%;\n top: var(--navbar-height);\n z-index: -1000;\n left: 0;\n right: -20px;\n background-size: cover;\n background-repeat: no-repeat;\n background-color: var(--wallpaper);\n background-image: var(--body-background-image);\n background-position: 50%;\n}\n.underlay {\n -ms-grid-column: 1;\n grid-column-start: 1;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n -ms-grid-row: 1;\n grid-row-start: 1;\n grid-row-end: 1;\n pointer-events: none;\n background-color: rgba(0, 0, 0, 0.15);\n background-color: var(--underlay, rgba(0, 0, 0, 0.15));\n z-index: -1000;\n}\n.app-layout {\n --miniColumn: 25rem;\n --maxiColumn: minmax(var(--miniColumn), 45rem);\n --columnGap: 1em;\n --status-margin: 0.75em;\n position: relative;\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: var(--miniColumn) var(--maxiColumn);\n grid-template-columns: var(--miniColumn) var(--maxiColumn);\n grid-template-areas: \"sidebar content\";\n -ms-grid-rows: 1fr;\n grid-template-rows: 1fr;\n box-sizing: border-box;\n margin: 0 auto;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: center;\n justify-content: center;\n min-height: 100vh;\n overflow-x: clip;\n}\n.app-layout .column {\n --___columnMargin: var(--columnGap);\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: 100%;\n grid-template-columns: 100%;\n box-sizing: border-box;\n -ms-grid-row: 1;\n grid-row-start: 1;\n grid-row-end: 1;\n margin: 0 calc(var(--___columnMargin) / 2);\n padding: calc(var(--___columnMargin)) 0;\n row-gap: var(--___columnMargin);\n -ms-flex-line-pack: start;\n align-content: start;\n}\n.app-layout .column:not(.-scrollable) {\n margin-top: var(--navbar-height);\n}\n.app-layout .column:hover {\n z-index: 2;\n}\n.app-layout .column.-full-height {\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n.app-layout .column.-scrollable {\n --___paddingIncrease: calc(var(--columnGap) / 2);\n position: -webkit-sticky;\n position: sticky;\n top: var(--navbar-height);\n max-height: calc(100vh - var(--navbar-height));\n overflow-y: auto;\n overflow-x: hidden;\n margin-left: calc(var(--___paddingIncrease) * -1);\n padding-left: calc(var(--___paddingIncrease) + var(--___columnMargin) / 2);\n}\n@supports (scrollbar-width: none) or (-webkit-text-fill-color: initial) {\n.app-layout .column.-scrollable:not(.-show-scrollbar) {\n scrollbar-width: none;\n margin-right: calc(var(--___paddingIncrease) * -1);\n padding-right: calc(var(--___paddingIncrease) + var(--___columnMargin) / 2);\n}\n.app-layout .column.-scrollable:not(.-show-scrollbar)::-webkit-scrollbar {\n display: block;\n width: 0;\n}\n}\n.app-layout .column.-scrollable .panel-heading.-sticky {\n top: calc(var(--columnGap) / -1);\n}\n.app-layout.-has-new-post-button .column {\n padding-bottom: 10rem;\n}\n.app-layout.-no-sticky-headers .column .panel-heading.-sticky {\n position: relative;\n top: 0;\n}\n.app-layout .column-inner {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: 100%;\n grid-template-columns: 100%;\n box-sizing: border-box;\n row-gap: 1em;\n -ms-flex-line-pack: start;\n align-content: start;\n}\n.app-layout.-reverse:not(.-wide):not(.-mobile) {\n -ms-grid-columns: var(--maxiColumn) var(--miniColumn);\n grid-template-columns: var(--maxiColumn) var(--miniColumn);\n grid-template-areas: \"content sidebar\";\n}\n.app-layout.-wide {\n -ms-grid-columns: var(--miniColumn) var(--maxiColumn) var(--miniColumn);\n grid-template-columns: var(--miniColumn) var(--maxiColumn) var(--miniColumn);\n grid-template-areas: \"sidebar content notifs\";\n}\n.app-layout.-wide.-reverse {\n grid-template-areas: \"notifs content sidebar\";\n}\n.app-layout.-mobile {\n -ms-grid-columns: 100vw;\n grid-template-columns: 100vw;\n grid-template-areas: \"content\";\n padding: 0;\n}\n.app-layout.-mobile .column {\n margin-left: 0;\n margin-right: 0;\n padding-top: 0;\n margin-top: var(--navbar-height);\n margin-bottom: 0;\n}\n.app-layout.-mobile .panel-heading,\n.app-layout.-mobile .panel-heading::after,\n.app-layout.-mobile .panel-heading::before,\n.app-layout.-mobile .panel,\n.app-layout.-mobile .panel::after {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.app-layout.-mobile .underlay,\n.app-layout.-mobile #sidebar,\n.app-layout.-mobile #notifs-column {\n display: none;\n}\n.app-layout.-normal #notifs-column {\n display: none;\n}\n.text-center {\n text-align: center;\n}\n.button-default {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: #b9b9ba;\n color: var(--btnText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btn, #182230);\n border: none;\n border-radius: 4px;\n border-radius: var(--btnRadius, 4px);\n cursor: pointer;\n box-shadow: 0px 0px 2px 0px black, 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;\n box-shadow: var(--buttonShadow);\n font-size: 1em;\n font-family: sans-serif;\n font-family: var(--interfaceFont, sans-serif);\n}\n.button-default.-sublime {\n background: transparent;\n}\n.button-default i[class*=icon-],\n.button-default .svg-inline--fa {\n color: #b9b9ba;\n color: var(--btnText, #b9b9ba);\n}\n.button-default::-moz-focus-inner {\n border: none;\n}\n.button-default:hover {\n box-shadow: 0 0 4px rgba(255, 255, 255, 0.3);\n box-shadow: var(--buttonHoverShadow);\n}\n.button-default:active {\n box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.3), 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset;\n box-shadow: var(--buttonPressedShadow);\n color: #b9b9ba;\n color: var(--btnPressedText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btnPressed, #182230);\n}\n.button-default:active svg,\n.button-default:active i {\n color: #b9b9ba;\n color: var(--btnPressedText, #b9b9ba);\n}\n.button-default:disabled {\n cursor: not-allowed;\n color: #b9b9ba;\n color: var(--btnDisabledText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btnDisabled, #182230);\n}\n.button-default:disabled svg,\n.button-default:disabled i {\n color: #b9b9ba;\n color: var(--btnDisabledText, #b9b9ba);\n}\n.button-default.toggled {\n color: #b9b9ba;\n color: var(--btnToggledText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btnToggled, #182230);\n box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.3), 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset;\n box-shadow: var(--buttonPressedShadow);\n}\n.button-default.toggled svg,\n.button-default.toggled i {\n color: #b9b9ba;\n color: var(--btnToggledText, #b9b9ba);\n}\n.button-default.danger {\n color: #b9b9ba;\n color: var(--alertErrorPanelText, #b9b9ba);\n background-color: rgba(211, 16, 20, 0.5);\n background-color: var(--alertError, rgba(211, 16, 20, 0.5));\n}\n.button-unstyled {\n background: none;\n border: none;\n outline: none;\n display: inline;\n text-align: initial;\n font-size: 100%;\n font-family: inherit;\n padding: 0;\n line-height: unset;\n cursor: pointer;\n box-sizing: content-box;\n color: inherit;\n}\n.button-unstyled.-link {\n color: #d8a070;\n color: var(--link, #d8a070);\n}\n.button-unstyled.-fullwidth {\n width: 100%;\n}\n.button-unstyled.-hover-highlight:hover svg {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\ninput,\ntextarea,\n.input {\n --_padding: 0.5em;\n border: none;\n border-radius: 4px;\n border-radius: var(--inputRadius, 4px);\n box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 0 2px 0 black inset;\n box-shadow: var(--inputShadow);\n background-color: #182230;\n background-color: var(--input, #182230);\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n font-family: sans-serif;\n font-family: var(--inputFont, sans-serif);\n font-size: 1em;\n margin: 0;\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n line-height: 2;\n -webkit-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n padding: 0 var(--_padding);\n}\ninput.unstyled,\ntextarea.unstyled,\n.input.unstyled {\n border-radius: 0;\n background: none;\n box-shadow: none;\n height: unset;\n}\ninput:disabled, input[disabled=disabled], input.disabled,\ntextarea:disabled,\ntextarea[disabled=disabled],\ntextarea.disabled,\n.input:disabled,\n.input[disabled=disabled],\n.input.disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\ninput[type=range],\ntextarea[type=range],\n.input[type=range] {\n background: none;\n border: none;\n margin: 0;\n box-shadow: none;\n -ms-flex: 1;\n flex: 1;\n}\ninput[type=radio],\ntextarea[type=radio],\n.input[type=radio] {\n display: none;\n}\ninput[type=radio]:checked + label::before,\ntextarea[type=radio]:checked + label::before,\n.input[type=radio]:checked + label::before {\n box-shadow: 0 0 2px black inset, 0 0 0 4px #182230 inset;\n box-shadow: var(--inputShadow), 0 0 0 4px var(--fg, #182230) inset;\n background-color: var(--accent, #d8a070);\n}\ninput[type=radio]:disabled, input[type=radio]:disabled + label, input[type=radio]:disabled + label::before,\ntextarea[type=radio]:disabled,\ntextarea[type=radio]:disabled + label,\ntextarea[type=radio]:disabled + label::before,\n.input[type=radio]:disabled,\n.input[type=radio]:disabled + label,\n.input[type=radio]:disabled + label::before {\n opacity: 0.5;\n}\ninput[type=radio] + label::before,\ntextarea[type=radio] + label::before,\n.input[type=radio] + label::before {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: inline-block;\n content: \"\";\n transition: box-shadow 200ms;\n width: 1.1em;\n height: 1.1em;\n border-radius: 100%;\n box-shadow: 0 0 2px black inset;\n box-shadow: var(--inputShadow);\n margin-right: 0.5em;\n background-color: #182230;\n background-color: var(--input, #182230);\n vertical-align: top;\n text-align: center;\n line-height: 1.1;\n font-size: 1.1em;\n box-sizing: border-box;\n color: transparent;\n overflow: hidden;\n}\ninput[type=checkbox],\ntextarea[type=checkbox],\n.input[type=checkbox] {\n display: none;\n}\ninput[type=checkbox]:checked + label::before,\ntextarea[type=checkbox]:checked + label::before,\n.input[type=checkbox]:checked + label::before {\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n}\ninput[type=checkbox]:disabled, input[type=checkbox]:disabled + label, input[type=checkbox]:disabled + label::before,\ntextarea[type=checkbox]:disabled,\ntextarea[type=checkbox]:disabled + label,\ntextarea[type=checkbox]:disabled + label::before,\n.input[type=checkbox]:disabled,\n.input[type=checkbox]:disabled + label,\n.input[type=checkbox]:disabled + label::before {\n opacity: 0.5;\n}\ninput[type=checkbox] + label::before,\ntextarea[type=checkbox] + label::before,\n.input[type=checkbox] + label::before {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: inline-block;\n content: \"\\2713\";\n transition: color 200ms;\n width: 1.1em;\n height: 1.1em;\n border-radius: 2px;\n border-radius: var(--checkboxRadius, 2px);\n box-shadow: 0 0 2px black inset;\n box-shadow: var(--inputShadow);\n margin-right: 0.5em;\n background-color: #182230;\n background-color: var(--input, #182230);\n vertical-align: top;\n text-align: center;\n line-height: 1.1;\n font-size: 1.1em;\n box-sizing: border-box;\n color: transparent;\n overflow: hidden;\n}\ninput.resize-height,\ntextarea.resize-height,\n.input.resize-height {\n resize: vertical;\n}\ntextarea {\n padding: var(--_padding);\n line-height: var(--post-line-height);\n}\noption {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.hide-number-spinner {\n -moz-appearance: textfield;\n}\n.hide-number-spinner[type=number]::-webkit-inner-spin-button, .hide-number-spinner[type=number]::-webkit-outer-spin-button {\n opacity: 0;\n display: none;\n}\n.btn-block {\n display: block;\n width: 100%;\n}\n.btn-group {\n position: relative;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: middle;\n}\n.btn-group button {\n position: relative;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.btn-group button:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.btn-group button:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.panel {\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.panel::after, .panel {\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n}\n.panel::after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 5;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n pointer-events: none;\n}\n.panel-body {\n padding: var(--panel-body-padding, 0);\n}\n.panel-body:empty::before {\n content: \"\\AF\\\\_(\\30C4)_/\\AF\";\n display: block;\n margin: 1em;\n text-align: center;\n}\n.panel-body > p {\n line-height: 1.3;\n padding: 1em;\n margin: 0;\n}\n.panel-heading,\n.panel-footer {\n --panel-heading-height-padding: 0.6em;\n --__panel-heading-height: 3.2em;\n --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding));\n position: relative;\n box-sizing: border-box;\n display: -ms-grid;\n display: grid;\n grid-auto-flow: column;\n -ms-grid-columns: minmax(50%, 1fr);\n grid-template-columns: minmax(50%, 1fr);\n grid-auto-columns: auto;\n grid-column-gap: 0.5em;\n -ms-flex: none;\n flex: none;\n background-size: cover;\n padding: 0.6em;\n height: var(--__panel-heading-height);\n line-height: var(--__panel-heading-height-inner);\n z-index: 4;\n}\n.panel-heading.-flexible-height,\n.panel-footer.-flexible-height {\n --__panel-heading-height: auto;\n}\n.panel-heading.-flexible-height::after, .panel-heading.-flexible-height::before,\n.panel-footer.-flexible-height::after,\n.panel-footer.-flexible-height::before {\n display: none;\n}\n.panel-heading.-stub, .panel-heading.-stub::after,\n.panel-footer.-stub,\n.panel-footer.-stub::after {\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n}\n.panel-heading.-sticky,\n.panel-footer.-sticky {\n position: -webkit-sticky;\n position: sticky;\n top: var(--navbar-height);\n}\n.panel-heading::after, .panel-heading::before,\n.panel-footer::after,\n.panel-footer::before {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n pointer-events: none;\n}\n.panel-heading .title,\n.panel-footer .title {\n font-size: 1.3em;\n}\n.panel-heading .alert,\n.panel-footer .alert {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow-x: hidden;\n}\n.panel-heading:not(.-flexible-height) > .button-default,\n.panel-heading:not(.-flexible-height) > .alert,\n.panel-footer:not(.-flexible-height) > .button-default,\n.panel-footer:not(.-flexible-height) > .alert {\n height: var(--__panel-heading-height-inner);\n min-height: 0;\n box-sizing: border-box;\n margin: 0;\n min-width: 1px;\n padding-top: 0;\n padding-bottom: 0;\n -ms-flex-item-align: stretch;\n -ms-grid-row-align: stretch;\n align-self: stretch;\n}\n.panel-heading {\n border-radius: 10px 10px 0 0;\n border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;\n border-width: 0 0 1px 0;\n -ms-flex-align: start;\n align-items: start;\n color: var(--panelText);\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.panel-heading::after {\n background-color: #182230;\n background-color: var(--panel, #182230);\n z-index: -2;\n border-radius: 10px 10px 0 0;\n border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;\n box-shadow: var(--panelHeaderShadow);\n}\n.panel-heading a,\n.panel-heading .-link {\n color: #d8a070;\n color: var(--panelLink, #d8a070);\n}\n.panel-heading .faint {\n background-color: transparent;\n color: rgba(185, 185, 186, 0.5);\n color: var(--panelFaint, rgba(185, 185, 186, 0.5));\n}\n.panel-heading .faint-link {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faintLink, rgba(185, 185, 186, 0.5));\n}\n.panel-heading:not(.-flexible-height) > .button-default {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.panel-heading:not(.-flexible-height) > .button-default,\n.panel-heading:not(.-flexible-height) > .button-default i[class*=icon-] {\n color: #b9b9ba;\n color: var(--btnPanelText, #b9b9ba);\n}\n.panel-heading:not(.-flexible-height) > .button-default:active {\n background-color: #182230;\n background-color: var(--btnPressedPanel, #182230);\n color: #b9b9ba;\n color: var(--btnPressedPanelText, #b9b9ba);\n}\n.panel-heading:not(.-flexible-height) > .button-default:disabled {\n color: #b9b9ba;\n color: var(--btnDisabledPanelText, #b9b9ba);\n}\n.panel-heading:not(.-flexible-height) > .button-default.toggled {\n color: #b9b9ba;\n color: var(--btnToggledPanelText, #b9b9ba);\n}\n.panel-footer {\n border-radius: 0 0 10px 10px;\n border-radius: 0 0 var(--panelRadius, 10px) var(--panelRadius, 10px);\n -ms-flex-align: center;\n align-items: center;\n border-width: 1px 0 0 0;\n border-style: solid;\n border-color: var(--border, #222);\n}\n.fa {\n color: grey;\n}\n.mobile-shown {\n display: none;\n}\n.badge {\n box-sizing: border-box;\n display: inline-block;\n border-radius: 99px;\n max-width: 10em;\n min-width: 1.7em;\n height: 1.3em;\n padding: 0.15em 0.15em;\n vertical-align: middle;\n font-weight: normal;\n font-style: normal;\n font-size: 0.9em;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.badge.badge-notification {\n background-color: #ff0000;\n background-color: var(--badgeNotification, #ff0000);\n color: white;\n color: var(--badgeNotificationText, white);\n}\n.alert {\n margin: 0 0.35em;\n padding: 0 0.25em;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n}\n.alert.error {\n background-color: rgba(211, 16, 20, 0.5);\n background-color: var(--alertError, rgba(211, 16, 20, 0.5));\n color: #b9b9ba;\n color: var(--alertErrorText, #b9b9ba);\n}\n.panel-heading .alert.error {\n color: #b9b9ba;\n color: var(--alertErrorPanelText, #b9b9ba);\n}\n.alert.warning {\n background-color: rgba(111, 111, 20, 0.5);\n background-color: var(--alertWarning, rgba(111, 111, 20, 0.5));\n color: #b9b9ba;\n color: var(--alertWarningText, #b9b9ba);\n}\n.panel-heading .alert.warning {\n color: #b9b9ba;\n color: var(--alertWarningPanelText, #b9b9ba);\n}\n.alert.success {\n background-color: var(--alertSuccess, rgba(111, 111, 20, 0.5));\n color: var(--alertSuccessText, #b9b9ba);\n}\n.panel-heading .alert.success {\n color: var(--alertSuccessPanelText, #b9b9ba);\n}\n.faint {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.faint-link {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.faint-link:hover {\n text-decoration: underline;\n}\n.visibility-notice {\n padding: 0.5em;\n border: 1px solid rgba(185, 185, 186, 0.5);\n border: 1px solid var(--faint, rgba(185, 185, 186, 0.5));\n border-radius: 4px;\n border-radius: var(--inputRadius, 4px);\n}\n.notice-dismissible {\n padding-right: 4rem;\n position: relative;\n}\n.notice-dismissible .dismiss {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.5em;\n color: inherit;\n}\n.fa-scale-110.svg-inline--fa {\n font-size: 1.1em;\n}\n.fa-old-padding.svg-inline--fa {\n padding: 0 0.3em;\n}\n.login-hint {\n text-align: center;\n}\n@media all and (min-width: 801px) {\n.login-hint {\n display: none;\n}\n}\n.login-hint a {\n display: inline-block;\n padding: 1em 0;\n width: 100%;\n}\n.btn.button-default {\n min-height: 2em;\n}\n.new-status-notification {\n position: relative;\n font-size: 1.1em;\n z-index: 1;\n -ms-flex: 1;\n flex: 1;\n}\n@media all and (max-width: 800px) {\n.mobile-hidden {\n display: none;\n}\n}\n@keyframes spin {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(359deg);\n}\n}\n@keyframes shakeError {\n0% {\n transform: translateX(0);\n}\n15% {\n transform: translateX(0.375rem);\n}\n30% {\n transform: translateX(-0.375rem);\n}\n45% {\n transform: translateX(0.375rem);\n}\n60% {\n transform: translateX(-0.375rem);\n}\n75% {\n transform: translateX(0.375rem);\n}\n90% {\n transform: translateX(-0.375rem);\n}\n100% {\n transform: translateX(0);\n}\n}\n.fade-enter-active,\n.fade-leave-active {\n transition: opacity 0.2s;\n}\n.fade-enter-from,\n.fade-leave-active {\n opacity: 0;\n}",".thread-tree-replies {\n margin-left: var(--status-margin, 0.75em);\n border-left: 2px solid var(--border, #222);\n}\n.thread-tree-replies-hidden {\n padding: var(--status-margin, 0.75em);\n /* Make the button stretch along the whole row */\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-direction: column;\n flex-direction: column;\n}",".Conversation {\n z-index: 1;\n /* expanded conversation in timeline */\n}\n.Conversation .conversation-dive-to-top-level-box {\n padding: var(--status-margin, 0.75em);\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: var(--border, #222);\n border-radius: 0;\n /* Make the button stretch along the whole row */\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.Conversation .thread-ancestors {\n margin-left: var(--status-margin, 0.75em);\n border-left: 2px solid var(--border, #222);\n}\n.Conversation .thread-ancestor.-faded .StatusContent {\n --link: var(--faintLink);\n --text: var(--faint);\n color: var(--text);\n}\n.Conversation .thread-ancestor-dive-box {\n padding-left: var(--status-margin, 0.75em);\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: var(--border, #222);\n border-radius: 0;\n /* Make the button stretch along the whole row */\n}\n.Conversation .thread-ancestor-dive-box, .Conversation .thread-ancestor-dive-box-inner {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.Conversation .thread-ancestor-dive-box-inner {\n padding: var(--status-margin, 0.75em);\n}\n.Conversation .conversation-status {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: var(--border, #222);\n border-radius: 0;\n}\n.Conversation .thread-ancestor-has-other-replies .conversation-status,\n.Conversation .thread-ancestor:last-child .conversation-status,\n.Conversation .thread-ancestor:last-child .thread-ancestor-dive-box, .Conversation:last-child .conversation-status, .Conversation.-expanded .thread-tree .conversation-status {\n border-bottom: none;\n}\n.Conversation .thread-ancestors + .thread-tree > .conversation-status {\n border-top-width: 1px;\n border-top-style: solid;\n border-top-color: var(--border, #222);\n}\n.Conversation.status-fadein.-expanded .thread-body {\n border-left-width: 4px;\n border-left-style: solid;\n border-left-color: #ff0000;\n border-left-color: var(--cRed, #ff0000);\n border-radius: 0 0 10px 10px;\n border-radius: 0 0 var(--panelRadius, 10px) var(--panelRadius, 10px);\n border-bottom: 1px solid var(--border, #222);\n}\n.Conversation.-expanded.status-fadein {\n margin: calc(var(--status-margin, $status-margin) / 2);\n}",".TimelineMenu {\n -ms-flex-negative: 1;\n flex-shrink: 1;\n margin-right: auto;\n min-width: 0;\n width: 24rem;\n}\n.TimelineMenu .popover-trigger-button {\n vertical-align: bottom;\n}\n.TimelineMenu .timeline-menu-popover-wrap {\n overflow: hidden;\n margin-top: 0.6rem;\n padding: 0 15px 15px 15px;\n}\n.TimelineMenu .timeline-menu-popover {\n width: 24rem;\n max-width: 100vw;\n margin: 0;\n font-size: 1rem;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n transform: translateY(-100%);\n transition: transform 100ms;\n}\n.TimelineMenu .panel::after {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n}\n.TimelineMenu.open .timeline-menu-popover {\n transform: translateY(0);\n}\n.TimelineMenu .timeline-menu-title {\n margin: 0;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n}\n.TimelineMenu .timeline-menu-title .timeline-menu-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.TimelineMenu .timeline-menu-title svg {\n margin-left: 0.6em;\n transition: transform 100ms;\n}\n.TimelineMenu .timeline-menu-title .click-blocker {\n cursor: default;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.TimelineMenu.open .timeline-menu-title svg {\n color: #b9b9ba;\n color: var(--panelText, #b9b9ba);\n transform: rotate(180deg);\n}\n.TimelineMenu .panel {\n box-shadow: var(--popoverShadow);\n}\n.TimelineMenu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.TimelineMenu li {\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n padding: 0;\n}\n.TimelineMenu li:last-child a {\n border-bottom-right-radius: 10px;\n border-bottom-right-radius: var(--panelRadius, 10px);\n border-bottom-left-radius: 10px;\n border-bottom-left-radius: var(--panelRadius, 10px);\n}\n.TimelineMenu li:last-child {\n border: none;\n}\n.TimelineMenu a {\n display: block;\n padding: 0.6em 0.65em;\n}\n.TimelineMenu a:hover {\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: #d8a070;\n color: var(--selectedMenuText, #d8a070);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.TimelineMenu a.router-link-active {\n font-weight: bolder;\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: #b9b9ba;\n color: var(--selectedMenuText, #b9b9ba);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.TimelineMenu a.router-link-active:hover {\n text-decoration: underline;\n}\n.TimelineMenu a svg {\n margin-right: 0.4em;\n margin-left: -0.2em;\n}",".TimelineQuickSettings > button {\n line-height: 100%;\n height: 100%;\n width: var(--__panel-heading-height-inner);\n text-align: center;\n}\n.TimelineQuickSettings > button svg {\n font-size: 1.2em;\n}",".Timeline .loadmore-text {\n opacity: 1;\n}\n.Timeline.-blocked {\n cursor: progress;\n}\n.Timeline .conversation-heading {\n top: calc(var(--__panel-heading-height) * var(--currentPanelStack, 2));\n z-index: 2;\n}\n.Timeline.-nonpanel .timeline-heading {\n text-align: center;\n line-height: 2.75em;\n padding: 0 0.5em;\n}\n.Timeline.-nonpanel .timeline-heading .button-default, .Timeline.-nonpanel .timeline-heading .alert {\n line-height: 2em;\n width: 100%;\n}",".tab-switcher {\n display: -ms-flexbox;\n display: flex;\n}\n.tab-switcher .tab-icon {\n margin: 0.2em auto;\n display: block;\n}\n.tab-switcher.top-tabs {\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.tab-switcher.top-tabs > .tabs {\n width: 100%;\n overflow-y: hidden;\n overflow-x: auto;\n padding-top: 5px;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.tab-switcher.top-tabs > .tabs::after, .tab-switcher.top-tabs > .tabs::before {\n content: \"\";\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n border-bottom: 1px solid;\n border-bottom-color: #222;\n border-bottom-color: var(--border, #222);\n}\n.tab-switcher.top-tabs > .tabs .tab-wrapper {\n height: 2em;\n}\n.tab-switcher.top-tabs > .tabs .tab-wrapper:not(.active)::after {\n left: 0;\n right: 0;\n bottom: 0;\n border-bottom: 1px solid;\n border-bottom-color: #222;\n border-bottom-color: var(--border, #222);\n}\n.tab-switcher.top-tabs > .tabs .tab {\n width: 100%;\n min-width: 1px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding-bottom: 99px;\n margin-bottom: -93px;\n}\n.tab-switcher.top-tabs .contents.scrollable-tabs {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n}\n.tab-switcher.side-tabs {\n -ms-flex-direction: row;\n flex-direction: row;\n}\n@media all and (max-width: 800px) {\n .tab-switcher.side-tabs {\n overflow-x: auto;\n }\n}\n.tab-switcher.side-tabs > .contents {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.tab-switcher.side-tabs > .tabs {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n overflow-y: auto;\n overflow-x: hidden;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.tab-switcher.side-tabs > .tabs::after, .tab-switcher.side-tabs > .tabs::before {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -ms-flex-preferred-size: 0.5em;\n flex-basis: 0.5em;\n content: \"\";\n border-right: 1px solid;\n border-right-color: #222;\n border-right-color: var(--border, #222);\n}\n.tab-switcher.side-tabs > .tabs::after {\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.tab-switcher.side-tabs > .tabs::before {\n -ms-flex-positive: 0;\n flex-grow: 0;\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper {\n min-width: 10em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n@media all and (max-width: 800px) {\n .tab-switcher.side-tabs > .tabs .tab-wrapper {\n min-width: 4em;\n }\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper:not(.active)::after {\n top: 0;\n right: 0;\n bottom: 0;\n border-right: 1px solid;\n border-right-color: #222;\n border-right-color: var(--border, #222);\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper::before {\n -ms-flex: 0 0 6px;\n flex: 0 0 6px;\n content: \"\";\n border-right: 1px solid;\n border-right-color: #222;\n border-right-color: var(--border, #222);\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper:last-child .tab {\n margin-bottom: 0;\n}\n.tab-switcher.side-tabs > .tabs .tab {\n -ms-flex: 1;\n flex: 1;\n box-sizing: content-box;\n min-width: 10em;\n min-width: 1px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n padding-left: 1em;\n padding-right: calc(1em + 200px);\n margin-right: -200px;\n margin-left: 1em;\n}\n@media all and (max-width: 800px) {\n .tab-switcher.side-tabs > .tabs .tab {\n padding-left: 0.25em;\n padding-right: calc(.25em + 200px);\n margin-right: calc(.25em - 200px);\n margin-left: 0.25em;\n }\n .tab-switcher.side-tabs > .tabs .tab .text {\n display: none;\n }\n}\n.tab-switcher .contents {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n min-height: 0px;\n}\n.tab-switcher .contents .hidden {\n display: none;\n}\n.tab-switcher .contents .full-height:not(.hidden) {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.tab-switcher .contents .full-height:not(.hidden) > *:not(.mobile-label) {\n -ms-flex: 1;\n flex: 1;\n}\n.tab-switcher .contents.scrollable-tabs {\n overflow-y: auto;\n}\n.tab-switcher .tab {\n position: relative;\n white-space: nowrap;\n padding: 6px 1em;\n}\n.tab-switcher .tab:not(.active) {\n z-index: 4;\n}\n.tab-switcher .tab:not(.active):hover {\n z-index: 6;\n}\n.tab-switcher .tab.active {\n background: transparent;\n z-index: 5;\n color: #b9b9ba;\n color: var(--tabActiveText, #b9b9ba);\n}\n.tab-switcher .tab img {\n max-height: 26px;\n vertical-align: top;\n margin-top: -5px;\n}\n.tab-switcher .tabs {\n display: -ms-flexbox;\n display: flex;\n position: relative;\n box-sizing: border-box;\n}\n.tab-switcher .tabs::after, .tab-switcher .tabs::before {\n display: block;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.tab-switcher .tab-wrapper {\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.tab-switcher .tab-wrapper:not(.active)::after {\n content: \"\";\n position: absolute;\n z-index: 7;\n}\n.tab-switcher .mobile-label {\n padding-left: 0.3em;\n padding-bottom: 0.25em;\n margin-top: 0.5em;\n margin-left: 0.2em;\n margin-bottom: 0.25em;\n border-bottom: 1px solid var(--border, #222);\n}\n@media all and (min-width: 800px) {\n .tab-switcher .mobile-label {\n display: none;\n }\n}",".chat-title {\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n --emoji-size: 14px;\n}\n.chat-title .username {\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline;\n word-wrap: break-word;\n overflow: hidden;\n}\n.chat-title .avatar-container {\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center;\n line-height: 1;\n}\n.chat-title .titlebar-avatar {\n margin-right: 0.5em;\n height: 1.5em;\n width: 1.5em;\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.chat-title .titlebar-avatar.animated::before {\n display: none;\n}",".chat-list-item {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n padding: 0.75em;\n height: 5em;\n overflow: hidden;\n box-sizing: border-box;\n cursor: pointer;\n}\n.chat-list-item :focus {\n outline: none;\n}\n.chat-list-item:hover {\n background-color: var(--selectedPost, #151e2a);\n box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);\n}\n.chat-list-item .chat-list-item-left {\n margin-right: 1em;\n}\n.chat-list-item .chat-list-item-center {\n width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n word-wrap: break-word;\n}\n.chat-list-item .heading {\n width: 100%;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n line-height: 1em;\n}\n.chat-list-item .heading-right {\n white-space: nowrap;\n}\n.chat-list-item .name-and-account-name {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n line-height: var(--post-line-height);\n}\n.chat-list-item .chat-preview {\n display: -ms-inline-flexbox;\n display: inline-flex;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin: 0.35em 0;\n color: #b9b9ba;\n color: var(--faint, #b9b9ba);\n width: 100%;\n}\n.chat-list-item a {\n color: var(--faintLink, #d8a070);\n text-decoration: none;\n pointer-events: none;\n}\n.chat-list-item:hover .animated.avatar canvas {\n display: none;\n}\n.chat-list-item:hover .animated.avatar img {\n visibility: visible;\n}\n.chat-list-item .Avatar {\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.chat-list-item .chat-preview-body {\n --emoji-size: 1.4em;\n}\n.chat-list-item .time-wrapper {\n line-height: var(--post-line-height);\n}\n.chat-list-item .chat-preview-body {\n padding-right: 1em;\n}",".basic-user-card {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1 0;\n flex: 1 0;\n margin: 0;\n padding: 0.6em 1em;\n}\n.basic-user-card-collapsed-content {\n margin-left: 0.7em;\n text-align: left;\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.basic-user-card-user-name img {\n -o-object-fit: contain;\n object-fit: contain;\n height: 16px;\n width: 16px;\n vertical-align: middle;\n}\n.basic-user-card-user-name-value, .basic-user-card-screen-name {\n display: inline-block;\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.basic-user-card-expanded-content {\n -ms-flex: 1;\n flex: 1;\n margin-left: 0.7em;\n min-width: 0;\n}",".chat-new .input-wrap {\n display: -ms-flexbox;\n display: flex;\n margin: 0.7em 0.5em 0.7em 0.5em;\n}\n.chat-new .input-wrap input {\n width: 100%;\n}\n.chat-new .search-icon {\n margin-right: 0.3em;\n}\n.chat-new .member-list {\n padding-bottom: 0.7rem;\n}\n.chat-new .basic-user-card:hover {\n cursor: pointer;\n background-color: var(--selectedPost, #151e2a);\n}\n.chat-new .go-back-button {\n text-align: center;\n line-height: 1;\n height: 100%;\n -ms-flex-item-align: start;\n -ms-grid-row-align: start;\n align-self: start;\n width: var(--__panel-heading-height-inner);\n}",".chat-list {\n min-height: 25em;\n margin-bottom: 0;\n}\n.emtpy-chat-list-alert {\n padding: 3em;\n font-size: 1.2em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n color: #b9b9ba;\n color: var(--faint, #b9b9ba);\n}",".chat-message-wrapper.hovered-message-chain .animated.Avatar canvas {\n display: none;\n}\n.chat-message-wrapper.hovered-message-chain .animated.Avatar img {\n visibility: visible;\n}\n.chat-message-wrapper .chat-message-menu {\n transition: opacity 0.1s;\n opacity: 0;\n position: absolute;\n top: -0.8em;\n}\n.chat-message-wrapper .chat-message-menu button {\n padding-top: 0.2em;\n padding-bottom: 0.2em;\n}\n.chat-message-wrapper .menu-icon {\n cursor: pointer;\n}\n.chat-message-wrapper .menu-icon:hover, .extra-button-popover.open .chat-message-wrapper .menu-icon {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.chat-message-wrapper .popover {\n width: 12em;\n}\n.chat-message-wrapper .chat-message {\n display: -ms-flexbox;\n display: flex;\n padding-bottom: 0.5em;\n}\n.chat-message-wrapper .chat-message .status-body:hover {\n --_still-image-img-visibility: visible;\n --_still-image-canvas-visibility: hidden;\n --_still-image-label-visibility: hidden;\n}\n.chat-message-wrapper .avatar-wrapper {\n margin-right: 0.72em;\n width: 32px;\n}\n.chat-message-wrapper .link-preview, .chat-message-wrapper .attachments {\n margin-bottom: 1em;\n}\n.chat-message-wrapper .chat-message-inner {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: start;\n align-items: flex-start;\n max-width: 80%;\n min-width: 10em;\n width: 100%;\n}\n.chat-message-wrapper .chat-message-inner.with-media {\n width: 100%;\n}\n.chat-message-wrapper .chat-message-inner.with-media .status {\n width: 100%;\n}\n.chat-message-wrapper .status {\n border-radius: 10px;\n border-radius: var(--chatMessageRadius, 10px);\n display: -ms-flexbox;\n display: flex;\n padding: 0.75em;\n}\n.chat-message-wrapper .created-at {\n position: relative;\n float: right;\n font-size: 0.8em;\n margin: -1em 0 -0.5em 0;\n font-style: italic;\n opacity: 0.8;\n}\n.chat-message-wrapper .without-attachment .message-content .RichContent::after {\n margin-right: 5.4em;\n content: \" \";\n display: inline-block;\n}\n.chat-message-wrapper .pending .status-content.media-body, .chat-message-wrapper .pending .created-at {\n color: var(--faint);\n}\n.chat-message-wrapper .error .status-content.media-body, .chat-message-wrapper .error .created-at {\n color: #ff0000;\n color: var(--badgeNotification, #ff0000);\n}\n.chat-message-wrapper .incoming a {\n color: var(--chatMessageIncomingLink, #d8a070);\n}\n.chat-message-wrapper .incoming .status {\n color: var(--chatMessageIncomingText, #b9b9ba);\n background-color: var(--chatMessageIncomingBg, #121a24);\n border: 1px solid var(--chatMessageIncomingBorder, --border);\n}\n.chat-message-wrapper .incoming .created-at a {\n color: var(--chatMessageIncomingText, #b9b9ba);\n}\n.chat-message-wrapper .incoming .chat-message-menu {\n left: 0.4rem;\n}\n.chat-message-wrapper .outgoing {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-line-pack: end;\n align-content: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.chat-message-wrapper .outgoing a {\n color: var(--chatMessageOutgoingLink, #d8a070);\n}\n.chat-message-wrapper .outgoing .status {\n color: var(--chatMessageOutgoingText, #b9b9ba);\n background-color: var(--chatMessageOutgoingBg, #151e2a);\n border: 1px solid var(--chatMessageOutgoingBorder, --lightBg);\n}\n.chat-message-wrapper .outgoing .chat-message-inner {\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.chat-message-wrapper .outgoing .chat-message-menu {\n right: 0.4rem;\n}\n.chat-message-wrapper .visible {\n opacity: 1;\n}\n.chat-message-date-separator {\n text-align: center;\n margin: 1.4em 0;\n font-size: 0.9em;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: #b9b9ba;\n color: var(--faintedText, #b9b9ba);\n}",".chat-view {\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n}\n.chat-view .chat-view-inner {\n height: auto;\n width: 100%;\n overflow: visible;\n display: -ms-flexbox;\n display: flex;\n}\n.chat-view .chat-view-body {\n box-sizing: border-box;\n background-color: var(--chatBg, #121a24);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n overflow: visible;\n min-height: calc(100vh - var(--navbar-height));\n margin: 0 0 0 0;\n border-radius: 10px 10px 0 0;\n border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;\n}\n.chat-view .chat-view-body::after {\n border-radius: 0;\n}\n.chat-view .message-list {\n padding: 0 0.8em;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-pack: end;\n justify-content: end;\n}\n.chat-view .footer {\n position: -webkit-sticky;\n position: sticky;\n bottom: 0;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n z-index: 1;\n}\n.chat-view .chat-view-heading {\n -ms-grid-columns: auto minmax(50%, 1fr);\n grid-template-columns: auto minmax(50%, 1fr);\n}\n.chat-view .go-back-button {\n text-align: center;\n line-height: 1;\n height: 100%;\n -ms-flex-item-align: start;\n -ms-grid-row-align: start;\n align-self: start;\n width: var(--__panel-heading-height-inner);\n}\n.chat-view .jump-to-bottom-button {\n width: 2.5em;\n height: 2.5em;\n border-radius: 100%;\n position: absolute;\n right: 1.3em;\n top: -3.2em;\n background-color: #182230;\n background-color: var(--btn, #182230);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.3);\n z-index: 10;\n transition: 0.35s all;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n opacity: 0;\n visibility: hidden;\n cursor: pointer;\n}\n.chat-view .jump-to-bottom-button.visible {\n opacity: 1;\n visibility: visible;\n}\n.chat-view .jump-to-bottom-button i {\n font-size: 1em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.chat-view .jump-to-bottom-button .unread-message-count {\n font-size: 0.8em;\n left: 50%;\n margin-top: -1rem;\n padding: 0.1em;\n border-radius: 50px;\n position: absolute;\n}\n.chat-view .jump-to-bottom-button .chat-loading-error {\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: end;\n align-items: flex-end;\n height: 100%;\n}\n.chat-view .jump-to-bottom-button .chat-loading-error .error {\n width: 100%;\n}",".follow-card-content-container {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n line-height: 1.5em;\n}\n.follow-card-follow-button {\n margin-top: 0.5em;\n margin-left: auto;\n width: 10em;\n}",".with-load-more-footer {\n padding: 10px;\n text-align: center;\n border-top: 1px solid;\n border-top-color: #222;\n border-top-color: var(--border, #222);\n}\n.with-load-more-footer .error {\n font-size: 1rem;\n}\n.with-load-more-footer a {\n cursor: pointer;\n}",".user-profile {\n -ms-flex: 2;\n flex: 2;\n -ms-flex-preferred-size: 500px;\n flex-basis: 500px;\n --currentPanelStack: 1;\n}\n.user-profile .user-profile-fields {\n margin: 0 0.5em;\n}\n.user-profile .user-profile-fields img {\n -o-object-fit: contain;\n object-fit: contain;\n vertical-align: middle;\n max-width: 100%;\n max-height: 400px;\n}\n.user-profile .user-profile-fields img.emoji {\n width: 18px;\n height: 18px;\n}\n.user-profile .user-profile-fields .user-profile-field {\n display: -ms-flexbox;\n display: flex;\n margin: 0.25em;\n border: 1px solid var(--border, #222);\n border-radius: 4px;\n border-radius: var(--inputRadius, 4px);\n}\n.user-profile .user-profile-fields .user-profile-field .user-profile-field-name {\n -ms-flex: 0 1 30%;\n flex: 0 1 30%;\n font-weight: 500;\n text-align: right;\n color: var(--lightText);\n min-width: 120px;\n border-right: 1px solid var(--border, #222);\n}\n.user-profile .user-profile-fields .user-profile-field .user-profile-field-value {\n -ms-flex: 1 1 70%;\n flex: 1 1 70%;\n color: var(--text);\n margin: 0 0 0 0.25em;\n}\n.user-profile .user-profile-fields .user-profile-field .user-profile-field-name, .user-profile .user-profile-fields .user-profile-field .user-profile-field-value {\n line-height: 1.3;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n padding: 0.5em 1.5em;\n box-sizing: border-box;\n}\n.user-profile .userlist-placeholder {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: middle;\n align-items: middle;\n padding: 2em;\n}\n.user-profile-placeholder .panel-body {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: middle;\n align-items: middle;\n padding: 7em;\n}",".search-result-heading {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n padding: 0.75rem;\n text-align: center;\n}\n@media all and (max-width: 800px) {\n.search-nav-heading .tab-switcher .tabs .tab-wrapper {\n display: block;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n text-align: center;\n}\n}\n.search-result {\n box-sizing: border-box;\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.search-result-footer {\n border-width: 1px 0 0 0;\n border-style: solid;\n border-color: var(--border, #222);\n padding: 10px;\n background-color: #182230;\n background-color: var(--panel, #182230);\n}\n.search-input-container {\n padding: 0.8rem;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.search-input-container .search-input {\n width: 100%;\n line-height: 1.125rem;\n font-size: 1rem;\n padding: 0.5rem;\n box-sizing: border-box;\n}\n.search-input-container .search-button {\n margin-left: 0.5em;\n}\n.loading-icon {\n padding: 1em;\n}\n.trend {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.trend .hashtag {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.trend .count {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: 2rem;\n font-size: 1.5rem;\n line-height: 2.25rem;\n font-weight: 500;\n text-align: center;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}","@charset \"UTF-8\";\n.registration-form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0.6em;\n}\n.registration-form .container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.registration-form .container > * {\n min-width: 0;\n}\n.registration-form .terms-of-service {\n -ms-flex: 0 1 50%;\n flex: 0 1 50%;\n margin: 0.8em;\n}\n.registration-form .text-fields {\n margin-top: 0.6em;\n -ms-flex: 1 0;\n flex: 1 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.registration-form textarea {\n min-height: 100px;\n resize: vertical;\n}\n.registration-form .form-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0.3em 0;\n line-height: 2;\n margin-bottom: 1em;\n}\n.registration-form .form-group--error {\n animation-name: shakeError;\n animation-duration: 0.6s;\n animation-timing-function: ease-in-out;\n}\n.registration-form .form-group--error .form--label {\n color: #f04124;\n color: var(--cRed, #f04124);\n}\n.registration-form .form-error {\n margin-top: -0.7em;\n text-align: left;\n}\n.registration-form .form-error span {\n font-size: 0.85em;\n}\n.registration-form .form-error ul {\n list-style: none;\n padding: 0 0 0 5px;\n margin-top: 0;\n}\n.registration-form .form-error ul li::before {\n content: \"\\2022 \";\n}\n.registration-form form textarea {\n line-height: 16px;\n resize: vertical;\n}\n.registration-form .captcha {\n max-width: 350px;\n margin-bottom: 0.4em;\n}\n.registration-form .btn {\n margin-top: 0.6em;\n height: 2em;\n}\n.registration-form .error {\n text-align: center;\n}\n@media all and (max-width: 800px) {\n.registration-form .container {\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n}",".password-reset-form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n margin: 0.6em;\n}\n.password-reset-form .container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1 0;\n flex: 1 0;\n -ms-flex-direction: column;\n flex-direction: column;\n margin-top: 0.6em;\n max-width: 18rem;\n}\n.password-reset-form .container > * {\n min-width: 0;\n}\n.password-reset-form .form-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin-bottom: 1em;\n padding: 0.3em 0;\n line-height: 1.85em;\n}\n.password-reset-form .error {\n text-align: center;\n animation-name: shakeError;\n animation-duration: 0.4s;\n animation-timing-function: ease-in-out;\n}\n.password-reset-form .alert {\n padding: 0.5em;\n margin: 0.3em 0 1em;\n}\n.password-reset-form .password-reset-required {\n background-color: var(--alertError, rgba(211, 16, 20, 0.5));\n padding: 10px 0;\n}\n.password-reset-form .notice-dismissible {\n padding-right: 2rem;\n}\n.password-reset-form .dismiss {\n cursor: pointer;\n}",".follow-request-card-content-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.follow-request-card-content-container button {\n margin-top: 0.5em;\n margin-right: 0.5em;\n -ms-flex: 1 1;\n flex: 1 1;\n max-width: 12em;\n min-width: 8em;\n}\n.follow-request-card-content-container button:last-child {\n margin-right: 0;\n}",".tos-content {\n margin: 1em;\n}",".staff-group {\n padding-left: 1em;\n padding-top: 1em;\n}\n.staff-group .basic-user-card {\n padding-left: 0;\n}",".mrf-section {\n margin: 1em;\n}\n.mrf-section table {\n width: 100%;\n text-align: left;\n padding-left: 10px;\n padding-bottom: 20px;\n}\n.mrf-section table th, .mrf-section table td {\n width: 180px;\n max-width: 360px;\n overflow: hidden;\n vertical-align: text-top;\n}\n.mrf-section table th + th, .mrf-section table td + td {\n width: auto;\n}"],"sourceRoot":""} \ No newline at end of file diff --git a/priv/static/static/js/app.e8949b9a3c7cfdab2e4c.js b/priv/static/static/js/app.ac6a5ffb0464738cd624.js similarity index 99% rename from priv/static/static/js/app.e8949b9a3c7cfdab2e4c.js rename to priv/static/static/js/app.ac6a5ffb0464738cd624.js index 0cc2b4aabffe9bebf7ea6f6a446ffe7029f6b4cb..b9f8287bf36993626888fc61d407b6da7014e692 100644 GIT binary patch delta 83 zcmdn+M`ObujfNJ+7N!>F7M2#)7Pc1l7LFFqEnG)zxy+0WEK`$GWAc=yFSO+noqk7@ ni+B15TP{`U#ALHX)3mfC0~0e7b7PC-6f+|ey{uxr+{6L^wGtZk delta 83 zcmdn+M`ObujfNJ+7N!>F7M2#)7Pc1l7LFFqEnG)zxhzr)4a`j}WAc=yFSO+noqk7@ ni+B15TP{`UR0~TJ%OuN0<7D&Xw3Ngoqg0b*y{uxr+{6L^r}-N) diff --git a/priv/static/static/js/app.e8949b9a3c7cfdab2e4c.js.map b/priv/static/static/js/app.ac6a5ffb0464738cd624.js.map similarity index 99% rename from priv/static/static/js/app.e8949b9a3c7cfdab2e4c.js.map rename to priv/static/static/js/app.ac6a5ffb0464738cd624.js.map index f6bb332ecb9cbe9d221479683fd80e22775cc955..00b12dc169e36991c7263ba72c00619fa81b494c 100644 GIT binary patch delta 116 zcmWN=#|eNy6a_%cIma?Y*VP*A!ob$y;e#DmhX+B}8f?K{d;@b{;=II83aO-#P6nA| w-8Pr`yz;phVrdv>LpQD)Z`mybpas3SCpqUO&P(j1kV+cqWROYL wZTB+YM%J-~%`G3eSm&kLI(|&jMh9K=(8mBnj4;LoQ_L{O0!yr(N!IW81FYpNp8x;= diff --git a/priv/static/static/mfm.css b/priv/static/static/mfm.css index 3be59f7e88dd26eeaf41e8f8190b622a43b589ee..9581d44992a6858df3137a0b83fa695c127f5578 100644 GIT binary patch delta 8 Pcmdn4(5bLdk5d2u4dw!Q delta 54 zcmeBF*sh?bmz$QWTaaH|qMMwbSCX1nqEOAHppajdT9lTPU#?qerI3-Cl9HNd%~fm7 J#kGM`000M25!V0! diff --git a/priv/static/sw-pleroma.js b/priv/static/sw-pleroma.js index cfb5fbe9e6869e939e03bc3ee8249dc5082d49e4..321eef2d052c3a4fb957b1bf892a3af8ff132332 100644 GIT binary patch delta 81 zcmZ3pn|sY}?g^oGX=x^wsY!_z$z}#=NtQ;&iN+?TddbDbN;*pV#U+U)naTQD#rlZ_ l1$v3eW{IY0X-NhqW+vvw7Rf1QMkbAuTPHJaoy;V87XV>B8xsHk delta 81 zcmZ3pn|sY}?g^oGiAiS3Nd|@~rbz}#<`zb&<|d}*ddbDbN;*pV#U+U)naTQD#rlZ_ l1$wC#mL`@-mWjs6=E-R(iAhGOCdrMHTPHJaoy;V87XVkl8*l&s diff --git a/rel/env.sh.eex b/rel/env.sh.eex deleted file mode 100644 index e1b87102d..000000000 --- a/rel/env.sh.eex +++ /dev/null @@ -1,12 +0,0 @@ -#!/bin/sh - -# Sets and enables heart (recommended only in daemon mode) -# if [ "$RELEASE_COMMAND" = "daemon" ] || [ "$RELEASE_COMMAND" = "daemon_iex" ]; then -# HEART_COMMAND="$RELEASE_ROOT/bin/$RELEASE_NAME $RELEASE_COMMAND" -# export HEART_COMMAND -# export ELIXIR_ERL_OPTIONS="-heart" -# fi - -# Set the release to work across nodes -export RELEASE_DISTRIBUTION="${RELEASE_DISTRIBUTION:-name}" -export RELEASE_NODE="${RELEASE_NODE:-<%= @release.name %>@127.0.0.1}" diff --git a/rel/files/bin/pleroma_ctl b/rel/files/bin/pleroma_ctl deleted file mode 100755 index 648ca405e..000000000 --- a/rel/files/bin/pleroma_ctl +++ /dev/null @@ -1,159 +0,0 @@ -#!/bin/sh -# XXX: This should be removed when elixir's releases get custom command support - -detect_flavour() { - arch="$(uname -m)" - if [ "$arch" = "x86_64" ]; then - arch="amd64" - elif [ "$arch" = "aarch64" ]; then - arch="arm64" - else - echo "Unsupported arch: $arch" >&2 - exit 1 - fi - - if getconf GNU_LIBC_VERSION >/dev/null; then - libc_postfix="" - elif [ "$(ldd 2>&1 | head -c 9)" = "musl libc" ]; then - libc_postfix="-musl" - elif [ "$(find /lib/libc.musl* | wc -l)" ]; then - libc_postfix="-musl" - else - echo "Unsupported libc" >&2 - exit 1 - fi - - echo "$arch$libc_postfix" -} - -detect_branch() { - version="$(cut -d' ' -f2 <"$RELEASE_ROOT"/releases/start_erl.data)" - # Expected format: major.minor.patch_version(-number_of_commits_ahead_of_tag-gcommit_hash).branch - branch="$(echo "$version" | cut -d'.' -f 4)" - if [ "$branch" = "develop" ]; then - echo "develop" - elif [ "$branch" = "" ]; then - echo "stable" - else - # Note: branch name in version is of SemVer format and may only contain [0-9a-zA-Z-] symbols — - # if supporting releases for more branches, need to ensure they contain only these symbols. - echo "Can't detect the branch automatically, please specify it by using the --branch option." >&2 - exit 1 - fi -} -update() { - set -e - NO_RM=false - - while echo "$1" | grep "^-" >/dev/null; do - case "$1" in - --zip-url) - FULL_URI="$2" - shift 2 - ;; - --no-rm) - NO_RM=true - shift - ;; - --flavour) - FLAVOUR="$2" - shift 2 - ;; - --branch) - BRANCH="$2" - shift 2 - ;; - --tmp-dir) - TMP_DIR="$2" - shift 2 - ;; - -*) - echo "invalid option: $1" 1>&2 - shift - ;; - esac - done - - RELEASE_ROOT=$(dirname "$SCRIPTPATH") - uri="https://akkoma-updates.s3-website.fr-par.scw.cloud" - project_id="2" - project_branch="${BRANCH:-$(detect_branch)}" - flavour="${FLAVOUR:-$(detect_flavour)}" - tmp="${TMP_DIR:-/tmp}" - artifact="$tmp/pleroma.zip" - full_uri="${FULL_URI:-${uri}/${project_branch}/akkoma-${flavour}}.zip" - echo "Downloading the artifact from ${full_uri} to ${artifact}" - curl "$full_uri" -o "${artifact}" - echo "Unpacking ${artifact} to ${tmp}" - unzip -q "$artifact" -d "$tmp" - echo "Copying files over to $RELEASE_ROOT" - if [ "$NO_RM" = false ]; then - echo "Removing files from the previous release" - rm -r "${RELEASE_ROOT:-?}"/* - fi - cp -rf "$tmp/release"/* "$RELEASE_ROOT" - echo "Removing temporary files" - rm -r "$tmp/release" - rm "$artifact" - echo "Done! Please refer to the changelog/release notes for changes and update instructions" - set +e -} - -if [ -z "$1" ] || [ "$1" = "help" ]; then - # TODO: Just list the commands on `pleroma_ctl help` and output help for the individual command on `pleroma_ctl help $COMMAND` - echo "Usage: $(basename "$0") COMMAND [ARGS] - - The known commands are: - - create - Create database schema (needs to be executed only once) - - migrate - Execute database migrations (needs to be done after updates) - - rollback [VERSION] - Rollback database migrations (needs to be done before downgrading) - - update [OPTIONS] - Update the instance. - - Options: - --branch Update to a specified branch, instead of the latest version of the current one. - --flavour Update to a specified flavour (CPU architecture+libc), instead of the current one. - --zip-url Get the release from a specified url. If set, renders the previous 2 options inactive. - --no-rm Do not erase previous release's files. - --tmp-dir Download the temporary files to a specified directory. - - and any mix tasks under Pleroma namespace, for example \`mix pleroma.user COMMAND\` is - equivalent to \`$(basename "$0") user COMMAND\` - - By default pleroma_ctl will try calling into a running instance to execute non migration-related commands, - if for some reason this is undesired, set PLEROMA_CTL_RPC_DISABLED environment variable. - -" -else - SCRIPT=$(readlink -f "$0") - SCRIPTPATH=$(dirname "$SCRIPT") - - FULL_ARGS="$*" - - ACTION="$1" - if [ $# -gt 0 ]; then - shift - fi - echo "$1" | grep "^-" >/dev/null - if [ $? -eq 1 ]; then - SUBACTION="$1" - if [ $# -gt 0 ]; then - shift - fi - fi - - if [ "$ACTION" = "update" ]; then - update "$@" - elif [ "$ACTION" = "migrate" ] || [ "$ACTION" = "rollback" ] || [ "$ACTION" = "create" ] || [ "$ACTION $SUBACTION" = "instance gen" ] || [ "$PLEROMA_CTL_RPC_DISABLED" = true ]; then - "$SCRIPTPATH"/pleroma eval 'Pleroma.ReleaseTasks.run("'"$FULL_ARGS"'")' - else - "$SCRIPTPATH"/pleroma rpc 'Pleroma.ReleaseTasks.run("'"$FULL_ARGS"'")' - fi -fi diff --git a/rel/files/installation/init.d/pleroma b/rel/files/installation/init.d/pleroma deleted file mode 100755 index dea1db26c..000000000 --- a/rel/files/installation/init.d/pleroma +++ /dev/null @@ -1,21 +0,0 @@ -#!/sbin/openrc-run - -supervisor=supervise-daemon - -# Requires OpenRC >= 0.35 -directory=/opt/pleroma - -command=/opt/pleroma/bin/pleroma -command_args="start" -command_user=pleroma -command_background=1 - -# Ask process to terminate within 30 seconds, otherwise kill it -retry="SIGTERM/30/SIGKILL/5" - -pidfile="/var/run/pleroma.pid" - -depend() { - want nginx - need postgresql -} diff --git a/rel/files/installation/pleroma.service b/rel/files/installation/pleroma.service deleted file mode 100644 index e47cf58dc..000000000 --- a/rel/files/installation/pleroma.service +++ /dev/null @@ -1,36 +0,0 @@ -[Unit] -Description=Pleroma social network -After=network.target postgresql.service nginx.service - -[Service] -KillMode=process -Restart=on-failure - -; Name of the user that runs the Pleroma service. -User=pleroma - -; Make sure that all paths fit your installation. -; Path to the home directory of the user running the Pleroma service. -Environment="HOME=/opt/pleroma" -; Path to the folder containing the Pleroma installation. -WorkingDirectory=/opt/pleroma -; Path to the Pleroma binary. -ExecStart=/opt/pleroma/bin/pleroma start -ExecStop=/opt/pleroma/bin/pleroma stop - -; Some security directives. -; Use private /tmp and /var/tmp folders inside a new file system namespace, which are discarded after the process stops. -PrivateTmp=true -; The /home, /root, and /run/user folders can not be accessed by this service anymore. If your Pleroma user has its home folder in one of the restricted places, or use one of these folders as its working directory, you have to set this to false. -ProtectHome=true -; Mount /usr, /boot, and /etc as read-only for processes invoked by this service. -ProtectSystem=full -; Sets up a new /dev mount for the process and only adds API pseudo devices like /dev/null, /dev/zero or /dev/random but not physical devices. Disabled by default because it may not work on devices like the Raspberry Pi. -PrivateDevices=false -; Ensures that the service process and all its children can never gain new privileges through execve(). -NoNewPrivileges=true -; Drops the sysadmin capability from the daemon. -CapabilityBoundingSet=~CAP_SYS_ADMIN - -[Install] -WantedBy=multi-user.target diff --git a/rel/vm.args.eex b/rel/vm.args.eex deleted file mode 100644 index 71e803264..000000000 --- a/rel/vm.args.eex +++ /dev/null @@ -1,11 +0,0 @@ -## Customize flags given to the VM: http://erlang.org/doc/man/erl.html -## -mode/-name/-sname/-setcookie are configured via env vars, do not set them here - -## Number of dirty schedulers doing IO work (file, sockets, etc) -##+SDio 5 - -## Increase number of concurrent ports/sockets -##+Q 65536 - -## Tweak GC to run more often -##-env ERL_FULLSWEEP_AFTER 10