{"version":3,"file":"static/css/app.a7f63ee9107a77599942.css","mappings":"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","sources":["webpack://pleroma_fe/./src/components/modal/modal.vue","webpack://pleroma_fe/./node_modules/vue-virtual-scroller/dist/vue-virtual-scroller.css","webpack://pleroma_fe/./src/components/login_form/login_form.vue","webpack://pleroma_fe/./src/components/media_upload/media_upload.vue","webpack://pleroma_fe/./src/components/scope_selector/scope_selector.vue","webpack://pleroma_fe/./src/_variables.scss","webpack://pleroma_fe/./src/components/checkbox/checkbox.vue","webpack://pleroma_fe/./src/components/popover/popover.vue","webpack://pleroma_fe/./src/components/still-image/still-image.vue","webpack://pleroma_fe/./src/components/emoji_picker/emoji_picker.scss","webpack://pleroma_fe/./src/components/emoji_input/emoji_input.vue","webpack://pleroma_fe/./src/components/select/select.vue","webpack://pleroma_fe/./src/components/poll/poll_form.vue","webpack://pleroma_fe/./src/components/flash/flash.vue","webpack://pleroma_fe/./src/components/attachment/attachment.scss","webpack://pleroma_fe/./src/components/gallery/gallery.vue","webpack://pleroma_fe/./src/components/user_avatar/user_avatar.vue","webpack://pleroma_fe/./src/components/mention_link/mention_link.scss","webpack://pleroma_fe/./src/components/mentions_line/mentions_line.scss","webpack://pleroma_fe/./src/components/hashtag_link/hashtag_link.scss","webpack://pleroma_fe/./src/components/rich_content/rich_content.scss","webpack://pleroma_fe/./src/components/poll/poll.vue","webpack://pleroma_fe/./src/components/status_body/status_body.scss","webpack://pleroma_fe/./src/components/link-preview/link-preview.vue","webpack://pleroma_fe/./src/components/status_content/status_content.vue","webpack://pleroma_fe/./src/components/post_status_form/post_status_form.vue","webpack://pleroma_fe/./src/components/remote_follow/remote_follow.vue","webpack://pleroma_fe/./src/components/dialog_modal/dialog_modal.vue","webpack://pleroma_fe/./src/components/moderation_tools/moderation_tools.vue","webpack://pleroma_fe/./src/components/account_actions/account_actions.vue","webpack://pleroma_fe/./src/components/user_note/user_note.vue","webpack://pleroma_fe/./src/components/user_card/user_card.scss","webpack://pleroma_fe/./src/components/user_panel/user_panel.vue","webpack://pleroma_fe/./src/components/navigation/navigation_entry.vue","webpack://pleroma_fe/./src/components/navigation/navigation_pins.vue","webpack://pleroma_fe/./src/components/nav_panel/nav_panel.vue","webpack://pleroma_fe/./src/components/features_panel/features_panel.vue","webpack://pleroma_fe/./src/components/who_to_follow_panel/who_to_follow_panel.vue","webpack://pleroma_fe/./src/components/shout_panel/shout_panel.vue","webpack://pleroma_fe/./src/components/media_modal/media_modal.vue","webpack://pleroma_fe/./src/components/side_drawer/side_drawer.vue","webpack://pleroma_fe/./src/components/mobile_post_status_button/mobile_post_status_button.vue","webpack://pleroma_fe/./src/components/reply_button/reply_button.vue","webpack://pleroma_fe/./src/components/favorite_button/favorite_button.vue","webpack://pleroma_fe/./src/components/react_button/react_button.vue","webpack://pleroma_fe/./src/components/retweet_button/retweet_button.vue","webpack://pleroma_fe/./src/components/extra_buttons/extra_buttons.vue","webpack://pleroma_fe/./src/components/avatar_list/avatar_list.vue","webpack://pleroma_fe/./src/components/status_popover/status_popover.vue","webpack://pleroma_fe/./src/components/user_list_popover/user_list_popover.vue","webpack://pleroma_fe/./src/components/emoji_reactions/emoji_reactions.vue","webpack://pleroma_fe/./src/components/status/status.scss","webpack://pleroma_fe/./src/components/report/report.scss","webpack://pleroma_fe/./src/components/notification/notification.scss","webpack://pleroma_fe/./src/components/notifications/notifications.scss","webpack://pleroma_fe/./src/components/mobile_nav/mobile_nav.vue","webpack://pleroma_fe/./src/components/search_bar/search_bar.vue","webpack://pleroma_fe/./src/components/desktop_nav/desktop_nav.scss","webpack://pleroma_fe/./src/components/list/list.vue","webpack://pleroma_fe/./src/components/user_reporting_modal/user_reporting_modal.vue","webpack://pleroma_fe/./src/components/edit_status_modal/edit_status_modal.vue","webpack://pleroma_fe/./src/components/post_status_modal/post_status_modal.vue","webpack://pleroma_fe/./src/components/status_history_modal/status_history_modal.vue","webpack://pleroma_fe/./src/components/global_notice_list/global_notice_list.vue","webpack://pleroma_fe/./src/App.scss","webpack://pleroma_fe/./src/panel.scss","webpack://pleroma_fe/./src/components/thread_tree/thread_tree.vue","webpack://pleroma_fe/./src/components/conversation/conversation.vue","webpack://pleroma_fe/./src/components/timeline_menu/timeline_menu.vue","webpack://pleroma_fe/./src/components/timeline/timeline.scss","webpack://pleroma_fe/./src/components/tab_switcher/tab_switcher.scss","webpack://pleroma_fe/./src/components/chat_title/chat_title.vue","webpack://pleroma_fe/./src/components/chat_list_item/chat_list_item.scss","webpack://pleroma_fe/./src/components/basic_user_card/basic_user_card.vue","webpack://pleroma_fe/./src/components/chat_new/chat_new.scss","webpack://pleroma_fe/./src/components/chat_list/chat_list.vue","webpack://pleroma_fe/./src/components/chat_message/chat_message.scss","webpack://pleroma_fe/./src/components/chat/chat.scss","webpack://pleroma_fe/./src/components/follow_card/follow_card.vue","webpack://pleroma_fe/./src/hocs/with_load_more/with_load_more.scss","webpack://pleroma_fe/./src/components/user_profile/user_profile.vue","webpack://pleroma_fe/./src/components/search/search.vue","webpack://pleroma_fe/./src/components/interface_language_switcher/interface_language_switcher.vue","webpack://pleroma_fe/./src/components/registration/registration.vue","webpack://pleroma_fe/./src/components/password_reset/password_reset.vue","webpack://pleroma_fe/./src/components/follow_request_card/follow_request_card.vue","webpack://pleroma_fe/./src/components/terms_of_service_panel/terms_of_service_panel.vue","webpack://pleroma_fe/./src/components/staff_panel/staff_panel.vue","webpack://pleroma_fe/./src/components/mrf_transparency_panel/mrf_transparency_panel.scss","webpack://pleroma_fe/./src/components/lists_card/lists_card.vue","webpack://pleroma_fe/./src/components/lists/lists.vue","webpack://pleroma_fe/./src/components/lists_user_search/lists_user_search.vue","webpack://pleroma_fe/./src/components/panel_loading/panel_loading.vue","webpack://pleroma_fe/./src/components/lists_edit/lists_edit.vue","webpack://pleroma_fe/./src/components/announcement_editor/announcement_editor.vue","webpack://pleroma_fe/./src/components/announcement/announcement.vue","webpack://pleroma_fe/./src/components/announcements_page/announcements_page.vue"],"sourcesContent":["\n.modal-view {\n  z-index: var(--ZI_modals);\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  justify-content: 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  > * {\n    pointer-events: initial;\n  }\n\n  &.modal-background {\n    pointer-events: initial;\n    background-color: rgb(0 0 0 / 50%);\n  }\n\n  &.open {\n    opacity: 1;\n  }\n}\n\n@keyframes modal-background-fadein {\n  from {\n    background-color: rgb(0 0 0 / 0%);\n  }\n\n  to {\n    background-color: rgb(0 0 0 / 50%);\n  }\n}\n",".vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}","\n@import \"../../variables\";\n\n.login-form {\n  display: flex;\n  flex-direction: column;\n  padding: 0.6em;\n\n  .btn {\n    min-height: 2em;\n    width: 10em;\n  }\n\n  .register {\n    flex: 1 1;\n  }\n\n  .login-bottom {\n    margin-top: 1em;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .form-group {\n    display: flex;\n    flex-direction: column;\n    padding: 0.3em 0.5em 0.6em;\n    line-height: 24px;\n  }\n\n  .form-bottom {\n    display: flex;\n    padding: 0.5em;\n    height: 32px;\n\n    button {\n      width: 10em;\n    }\n\n    p {\n      margin: 0.35em;\n      padding: 0.35em;\n      display: flex;\n    }\n  }\n\n  .error {\n    text-align: center;\n    animation-name: shakeError;\n    animation-duration: 0.4s;\n    animation-timing-function: ease-in-out;\n  }\n}\n","\n@import \"../../variables\";\n\n.media-upload {\n  .hidden-input-file {\n    display: none;\n  }\n}\n\nlabel.media-upload {\n  cursor: pointer; // We use <label> for interactivity... i wonder if it's fine\n}\n","\n@import \"../../variables\";\n\n.ScopeSelector {\n  .scope {\n    display: inline-block;\n    cursor: pointer;\n    min-width: 1.3em;\n    min-height: 1.3em;\n    text-align: center;\n\n    &.selected svg {\n      color: $fallback--lightText;\n      color: var(--lightText, $fallback--lightText);\n    }\n  }\n}\n","$main-color: #f58d2c;\n$main-background: white;\n$darkened-background: whitesmoke;\n\n$fallback--bg: #121a24;\n$fallback--fg: #182230;\n$fallback--faint: rgb(185 185 186 / 50%);\n$fallback--text: #b9b9ba;\n$fallback--link: #d8a070;\n$fallback--icon: #666;\n$fallback--lightBg: rgb(21 30 42);\n$fallback--lightText: #b9b9ba;\n$fallback--border: #222;\n$fallback--cRed: #f00;\n$fallback--cBlue: #0095ff;\n$fallback--cGreen: #0fa00f;\n$fallback--cOrange: orange;\n\n$fallback--alertError: rgb(211 16 20 / 50%);\n$fallback--alertWarning: rgb(111 111 20 / 50%);\n\n$fallback--panelRadius: 10px;\n$fallback--checkboxRadius: 2px;\n$fallback--btnRadius: 4px;\n$fallback--inputRadius: 4px;\n$fallback--tooltipRadius: 5px;\n$fallback--avatarRadius: 4px;\n$fallback--avatarAltRadius: 10px;\n$fallback--attachmentRadius: 10px;\n$fallback--chatMessageRadius: 10px;\n\n$fallback--buttonShadow: 0 0 2px 0 rgb(0 0 0 / 100%),\n  0 1px 0 0 rgb(255 255 255 / 20%) inset,\n  0 -1px 0 0 rgb(0 0 0 / 20%) inset;\n\n$status-margin: 0.75em;\n","\n@import \"../../variables\";\n@import \"../../mixins\";\n\n.checkbox {\n  position: relative;\n  display: inline-block;\n  min-height: 1.2em;\n\n  &-indicator {\n    position: relative;\n    padding-left: 1.2em;\n  }\n\n  &-indicator::before {\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: block;\n    content: \"✓\";\n    transition: color 200ms;\n    width: 1.1em;\n    height: 1.1em;\n    border-radius: $fallback--checkboxRadius;\n    border-radius: var(--checkboxRadius, $fallback--checkboxRadius);\n    box-shadow: 0 0 2px black inset;\n    box-shadow: var(--inputShadow);\n    background-color: $fallback--fg;\n    background-color: var(--input, $fallback--fg);\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\n  &.disabled {\n    .checkbox-indicator::before,\n    .label {\n      opacity: 0.5;\n    }\n\n    .label {\n      color: $fallback--faint;\n      color: var(--faint, $fallback--faint);\n    }\n  }\n\n  input[type=\"checkbox\"] {\n    &:checked + .checkbox-indicator::before {\n      color: $fallback--text;\n      color: var(--inputText, $fallback--text);\n    }\n\n    &:indeterminate + .checkbox-indicator::before {\n      content: \"–\";\n      color: $fallback--text;\n      color: var(--inputText, $fallback--text);\n    }\n  }\n\n  &.indeterminate-fix {\n    input[type=\"checkbox\"] + .checkbox-indicator::before {\n      content: \"–\";\n    }\n  }\n\n  & > span {\n    margin-left: 0.5em;\n  }\n}\n","\n@import \"../../variables\";\n\n.popover-trigger-button {\n  display: inline-block;\n}\n\n.popover {\n  z-index: var(--ZI_popover_override, var(--ZI_popovers));\n  position: fixed;\n  min-width: 0;\n  max-width: calc(100vw - 20px);\n  box-shadow: 2px 2px 3px rgb(0 0 0 / 50%);\n  box-shadow: var(--popupShadow);\n}\n\n.popover-default {\n  &::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 rgb(0 0 0 / 60%);\n    box-shadow: var(--panelShadow);\n    pointer-events: none;\n  }\n\n  border-radius: $fallback--btnRadius;\n  border-radius: var(--btnRadius, $fallback--btnRadius);\n  background-color: $fallback--bg;\n  background-color: var(--popover, $fallback--bg);\n  color: $fallback--text;\n  color: var(--popoverText, $fallback--text);\n\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\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: var(--ZI_popover_override, var(--ZI_popovers));\n  white-space: nowrap;\n\n  .dropdown-divider {\n    height: 0;\n    margin: 0.5rem 0;\n    overflow: hidden;\n    border-top: 1px solid $fallback--border;\n    border-top: 1px solid var(--border, $fallback--border);\n  }\n\n  .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: 0;\n    background-color: transparent;\n    box-shadow: none;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n\n    --btnText: var(--popoverText, $fallback--text);\n\n    &-icon {\n      svg {\n        width: 22px;\n        margin-right: 0.75rem;\n        color: var(--menuPopoverIcon, $fallback--icon);\n      }\n    }\n\n    &.-has-submenu {\n      .chevron-icon {\n        margin-right: 0.25rem;\n        margin-left: 2rem;\n      }\n    }\n\n    &:active,\n    &:hover {\n      background-color: $fallback--lightBg;\n      background-color: var(--selectedMenuPopover, $fallback--lightBg);\n      box-shadow: none;\n\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      svg {\n        color: var(--selectedMenuPopoverIcon, $fallback--icon);\n\n        --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n      }\n    }\n\n    .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: 0;\n      background-color: $fallback--fg;\n      background-color: var(--input, $fallback--fg);\n      box-shadow: 0 0 2px black inset;\n      box-shadow: var(--inputShadow);\n      margin-right: 0.75em;\n\n      &.menu-checkbox-checked::after {\n        font-size: 1.25em;\n        content: \"✓\";\n      }\n\n      &.-radio {\n        border-radius: 9999px;\n\n        &.menu-checkbox-checked::after {\n          font-size: 2em;\n          content: \"•\";\n        }\n      }\n    }\n  }\n\n  .button-default.dropdown-item {\n    &,\n    i[class*=\"icon-\"] {\n      color: $fallback--text;\n      color: var(--btnText, $fallback--text);\n    }\n\n    &:active {\n      background-color: $fallback--lightBg;\n      background-color: var(--selectedMenuPopover, $fallback--lightBg);\n      color: $fallback--link;\n      color: var(--selectedMenuPopoverText, $fallback--link);\n    }\n\n    &:disabled {\n      color: $fallback--text;\n      color: var(--btnDisabledText, $fallback--text);\n    }\n\n    &.toggled {\n      color: $fallback--text;\n      color: var(--btnToggledText, $fallback--text);\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.still-image {\n  position: relative;\n  line-height: 0;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n\n  canvas {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    visibility: var(--_still-image-canvas-visibility, visible);\n  }\n\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n\n  &.animated {\n    &::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: rgb(127 127 127 / 50%);\n      color: #fff;\n      display: block;\n      padding: 2px 4px;\n      border-radius: $fallback--tooltipRadius;\n      border-radius: var(--tooltipRadius, $fallback--tooltipRadius);\n      z-index: 2;\n      visibility: var(--_still-image-label-visibility, visible);\n    }\n\n    &:hover canvas {\n      display: none;\n    }\n\n    &:hover::before {\n      visibility: var(--_still-image-label-visibility, hidden);\n    }\n\n    img {\n      visibility: var(--_still-image-img-visibility, hidden);\n    }\n\n    &:hover img {\n      visibility: visible;\n    }\n  }\n}\n","@import \"../../variables\";\n\n$emoji-picker-header-height: 36px;\n$emoji-picker-header-picture-width: 32px;\n$emoji-picker-header-picture-height: 32px;\n$emoji-picker-emoji-size: 32px;\n\n.emoji-picker {\n  width: 25em;\n  max-width: calc(100vw - 20px); // popover gives 10px margin from window edge\n  display: flex;\n  flex-direction: column;\n  background-color: $fallback--bg;\n  background-color: var(--popover, $fallback--bg);\n  color: $fallback--link;\n  color: var(--popoverText, $fallback--link);\n\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  &-header-image {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    width: $emoji-picker-header-picture-width;\n    max-width: $emoji-picker-header-picture-width;\n    height: $emoji-picker-header-picture-height;\n    max-height: $emoji-picker-header-picture-height;\n\n    .still-image {\n      max-width: 100%;\n      max-height: 100%;\n      height: 100%;\n      width: 100%;\n      object-fit: contain;\n    }\n  }\n\n  .keep-open,\n  .too-many-emoji {\n    padding: 7px;\n    line-height: normal;\n  }\n\n  .too-many-emoji {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .keep-open-label {\n    padding: 0 7px;\n    display: flex;\n  }\n\n  .heading {\n    display: flex;\n    padding: 10px 7px 5px;\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 auto;\n    min-height: 0;\n  }\n\n  .emoji-tabs {\n    flex-grow: 1;\n    display: flex;\n    flex-flow: row nowrap;\n    overflow-x: auto;\n  }\n\n  .additional-tabs {\n    display: flex;\n    border-left: 1px solid;\n    border-left-color: $fallback--icon;\n    border-left-color: var(--icon, $fallback--icon);\n    padding-left: 7px;\n    flex: 0 0 auto;\n  }\n\n  .additional-tabs,\n  .emoji-tabs {\n    flex-basis: auto;\n    display: flex;\n    align-content: center;\n\n    &-item {\n      padding: 0 7px;\n      cursor: pointer;\n      font-size: 1.85em;\n      width: $emoji-picker-header-picture-width;\n      max-width: $emoji-picker-header-picture-width;\n      height: $emoji-picker-header-picture-height;\n      max-height: $emoji-picker-header-picture-height;\n      display: flex;\n      align-items: center;\n\n      &.disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n\n      &.active {\n        border-bottom: 4px solid;\n\n        svg {\n          color: $fallback--lightText;\n          color: var(--lightText, $fallback--lightText);\n        }\n      }\n    }\n  }\n\n  .sticker-picker {\n    flex: 1 1 auto;\n  }\n\n  .stickers,\n  .emoji {\n    &-content {\n      display: flex;\n      flex-direction: column;\n      flex: 1 1 auto;\n      min-height: 0;\n\n      &.hidden {\n        opacity: 0;\n        pointer-events: none;\n        position: absolute;\n      }\n    }\n  }\n\n  .emoji {\n    &-search {\n      padding: 5px;\n      flex: 0 0 auto;\n\n      input {\n        width: 100%;\n      }\n    }\n\n    &-groups {\n      height: 100%;\n      min-height: 200px;\n      flex: 1 1 1px;\n      position: relative;\n      overflow: auto;\n      user-select: none;\n      mask:\n        linear-gradient(to top, white 0, transparent 100%) bottom no-repeat,\n        linear-gradient(to bottom, white 0, transparent 100%) top no-repeat,\n        linear-gradient(to top, white, white);\n      transition: mask-size 150ms;\n      mask-size: 100% 20px, 100% 20px, auto;\n      // Autoprefixed seem to ignore this one, and also syntax is different\n      mask-composite: xor;\n      mask-composite: exclude;\n\n      &.scrolled {\n        &-top {\n          mask-size: 100% 20px, 100% 0, auto;\n        }\n\n        &-bottom {\n          mask-size: 100% 0, 100% 20px, auto;\n        }\n      }\n    }\n\n    &-group {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      padding-left: 5px;\n      justify-content: left;\n\n      &-title {\n        font-size: 0.85em;\n        width: 100%;\n        margin: 0;\n\n        &.disabled {\n          display: none;\n        }\n      }\n    }\n\n    &-item {\n      width: $emoji-picker-emoji-size;\n      height: $emoji-picker-emoji-size;\n      box-sizing: border-box;\n      display: flex;\n      line-height: $emoji-picker-emoji-size;\n      align-items: center;\n      justify-content: center;\n      margin: 4px;\n      cursor: pointer;\n\n      .emoji-picker-emoji.-custom {\n        object-fit: contain;\n        max-width: 100%;\n        max-height: 100%;\n      }\n\n      .emoji-picker-emoji.-unicode {\n        font-size: 24px;\n        overflow: hidden;\n      }\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.emoji-input {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  .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    &:hover i {\n      color: $fallback--text;\n      color: var(--text, $fallback--text);\n    }\n  }\n\n  .emoji-picker-panel {\n    position: absolute;\n    z-index: 20;\n    margin-top: 2px;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  input,\n  textarea {\n    flex: 1 0 auto;\n  }\n\n  &.with-picker input {\n    padding-right: 30px;\n  }\n\n  .hidden-overlay {\n    opacity: 0;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    overflow: hidden;\n\n    /* DEBUG STUFF */\n    color: red;\n\n    /* set opacity to non-zero to see the overlay */\n\n    .caret {\n      width: 0;\n      margin-right: calc(-1ch - 1px);\n      border: 1px solid red;\n    }\n  }\n}\n\n.autocomplete {\n  &-panel {\n    position: absolute;\n  }\n\n  &-item {\n    display: flex;\n    cursor: pointer;\n    padding: 0.2em 0.4em;\n    border-bottom: 1px solid rgb(0 0 0 / 40%);\n    height: 32px;\n\n    .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      img {\n        width: 32px;\n        height: 32px;\n        object-fit: contain;\n      }\n    }\n\n    .label {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      margin: 0 0.1em 0 0.2em;\n\n      .displayText {\n        line-height: 1.5;\n      }\n\n      .detailText {\n        font-size: 9px;\n        line-height: 9px;\n      }\n    }\n\n    &.highlighted {\n      background-color: $fallback--fg;\n      background-color: var(--selectedMenuPopover, $fallback--fg);\n      color: var(--selectedMenuPopoverText, $fallback--text);\n\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  }\n}\n","\n@import \"../../variables\";\n\n/* TODO fix order of styles */\nlabel.Select {\n  padding: 0;\n\n  select {\n    appearance: none;\n    background: transparent;\n    border: none;\n    color: $fallback--text;\n    color: var(--inputText, --text, $fallback--text);\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  }\n\n  .select-down-icon {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 5px;\n    height: 100%;\n    width: 0.875em;\n    color: $fallback--text;\n    color: var(--inputText, $fallback--text);\n    line-height: 2;\n    z-index: 0;\n    pointer-events: none;\n  }\n}\n","\n@import \"../../variables\";\n\n.poll-form {\n  display: flex;\n  flex-direction: column;\n  padding: 0 0.5em 0.5em;\n\n  .add-option {\n    align-self: flex-start;\n    padding-top: 0.25em;\n    padding-left: 0.1em;\n  }\n\n  .poll-option {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    margin-bottom: 0.25em;\n  }\n\n  .input-container {\n    width: 100%;\n\n    input {\n      // Hack: dodge the floating X icon\n      padding-right: 2.5em;\n      width: 100%;\n    }\n  }\n\n  .delete-option {\n    // Hack: Move the icon over the input box\n    width: 1.5em;\n    margin-left: -1.5em;\n    z-index: 1;\n  }\n\n  .poll-type-expiry {\n    margin-top: 0.5em;\n    display: flex;\n    width: 100%;\n  }\n\n  .poll-type {\n    margin-right: 0.75em;\n    flex: 1 1 60%;\n\n    .poll-type-select {\n      padding-right: 0.75em;\n    }\n  }\n\n  .poll-expiry {\n    display: flex;\n\n    .expiry-amount {\n      width: 3em;\n      text-align: right;\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.Flash {\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .player {\n    height: 100%;\n    width: 100%;\n  }\n\n  .placeholder {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--bg);\n    color: var(--link);\n  }\n\n  .hider {\n    top: 0;\n  }\n\n  .label {\n    text-align: center;\n    flex: 1 1 0;\n    line-height: 1.2;\n    white-space: normal;\n    word-wrap: normal;\n  }\n\n  .hidden {\n    display: none;\n    visibility: \"hidden\";\n  }\n}\n","@import \"../../variables\";\n\n.Attachment {\n  display: inline-flex;\n  flex-direction: column;\n  position: relative;\n  align-self: flex-start;\n  line-height: 0;\n  height: 100%;\n  border-style: solid;\n  border-width: 1px;\n  border-radius: $fallback--attachmentRadius;\n  border-radius: var(--attachmentRadius, $fallback--attachmentRadius);\n  border-color: $fallback--border;\n  border-color: var(--border, $fallback--border);\n\n  .attachment-wrapper {\n    flex: 1 1 auto;\n    height: 100%;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .description-container {\n    flex: 0 1 0;\n    display: flex;\n    padding-top: 0.5em;\n    z-index: 1;\n\n    p {\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\n    &.-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  }\n\n  .description-field {\n    flex: 1;\n    min-width: 0;\n  }\n\n  & .placeholder-container,\n  & .image-container,\n  & .audio-container,\n  & .video-container,\n  & .flash-container,\n  & .oembed-container {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n  }\n\n  .image-container {\n    .image {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  & .flash-container,\n  & .video-container {\n    & .flash,\n    & video {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      align-self: center;\n    }\n  }\n\n  .audio-container {\n    display: flex;\n    align-items: flex-end;\n\n    audio {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .placeholder-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding-top: 0.5em;\n  }\n\n  .play-icon {\n    position: absolute;\n    font-size: 64px;\n    top: calc(50% - 32px);\n    left: calc(50% - 32px);\n    color: rgb(255 255 255 / 75%);\n    text-shadow: 0 0 2px rgb(0 0 0 / 40%);\n\n    &::before {\n      margin: 0;\n    }\n  }\n\n  .attachment-buttons {\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-button {\n      padding: 0;\n      border-radius: $fallback--tooltipRadius;\n      border-radius: var(--tooltipRadius, $fallback--tooltipRadius);\n      text-align: center;\n      width: 2em;\n      height: 2em;\n      margin-left: 0.5em;\n      font-size: 1.25em;\n      // TODO: theming? hard to theme with unknown background image color\n      background: rgb(230 230 230 / 70%);\n\n      .svg-inline--fa {\n        color: rgb(0 0 0 / 60%);\n      }\n\n      &:hover .svg-inline--fa {\n        color: rgb(0 0 0 / 90%);\n      }\n    }\n  }\n\n  &.-contain-fit {\n    img,\n    canvas {\n      object-fit: contain;\n    }\n  }\n\n  &.-cover-fit {\n    img,\n    canvas {\n      object-fit: cover;\n    }\n  }\n\n  .oembed-container {\n    line-height: 1.2em;\n    flex: 1 0 100%;\n    width: 100%;\n    margin-right: 15px;\n    display: flex;\n\n    img {\n      width: 100%;\n    }\n\n    .image {\n      flex: 1;\n\n      img {\n        border: 0;\n        border-radius: 5px;\n        height: 100%;\n        object-fit: cover;\n      }\n    }\n\n    .text {\n      flex: 2;\n      margin: 8px;\n      word-break: break-all;\n\n      h1 {\n        font-size: 1rem;\n        margin: 0;\n      }\n    }\n  }\n\n  &.-size-small {\n    .play-icon {\n      zoom: 0.5;\n      opacity: 0.7;\n    }\n\n    .attachment-buttons {\n      zoom: 0.7;\n      opacity: 0.5;\n    }\n  }\n\n  &.-editable {\n    padding: 0.5em;\n\n    & .description-container,\n    & .attachment-buttons {\n      margin: 0;\n    }\n  }\n\n  &.-placeholder {\n    display: inline-block;\n    color: $fallback--link;\n    color: var(--postLink, $fallback--link);\n    overflow: hidden;\n    white-space: nowrap;\n    height: auto;\n    line-height: 1.5;\n\n    &:not(.-editable) {\n      border: none;\n    }\n\n    &.-editable {\n      display: flex;\n      flex-direction: row;\n      align-items: baseline;\n\n      & .description-container,\n      & .attachment-buttons {\n        margin: 0;\n        padding: 0;\n        position: relative;\n      }\n\n      .description-container {\n        flex: 1;\n        padding-left: 0.5em;\n      }\n\n      .attachment-buttons {\n        order: 99;\n        align-self: center;\n      }\n    }\n\n    a {\n      display: inline-block;\n      max-width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    svg {\n      color: inherit;\n    }\n  }\n\n  &.-loading {\n    cursor: progress;\n  }\n\n  &.-compact {\n    .placeholder-container {\n      padding-bottom: 0.5em;\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.Gallery {\n  .gallery-rows {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .gallery-row {\n    position: relative;\n    height: 0;\n    width: 100%;\n    flex-grow: 1;\n\n    .gallery-row-inner {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      display: flex;\n      flex-flow: row wrap;\n      align-content: stretch;\n\n      .gallery-item {\n        margin: 0 0.5em 0 0;\n        flex-grow: 1;\n        height: 100%;\n        box-sizing: border-box;\n        // to make failed images a bit more noticeable on chromium\n        min-width: 2em;\n\n        &:last-child {\n          margin: 0;\n        }\n      }\n\n      &.-grid {\n        width: 100%;\n        height: auto;\n        position: relative;\n        display: grid;\n        grid-gap: 0.5em;\n        grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));\n\n        .gallery-item {\n          margin: 0;\n          height: 200px;\n        }\n      }\n    }\n\n    &.-grid,\n    &.-minimal {\n      height: auto;\n\n      .gallery-row-inner {\n        position: relative;\n      }\n    }\n\n    &:not(:first-child) {\n      margin-top: 0.5em;\n    }\n  }\n\n  &.-long {\n    .gallery-rows {\n      max-height: 25em;\n      overflow: hidden;\n      mask:\n        linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat,\n        linear-gradient(to top, white, white);\n\n      /* Autoprefixed seem to ignore this one, and also syntax is different */\n      mask-composite: xor;\n      mask-composite: exclude;\n    }\n  }\n\n  .many-attachments-text {\n    text-align: center;\n    line-height: 2;\n  }\n\n  .many-attachments-buttons {\n    display: flex;\n  }\n\n  .many-attachments-button {\n    display: flex;\n    flex: 1;\n    justify-content: center;\n    line-height: 2;\n\n    button {\n      padding: 0 2em;\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.Avatar {\n  --_avatarShadowBox: var(--avatarStatusShadow);\n  --_avatarShadowFilter: var(--avatarStatusShadowFilter);\n  --_avatarShadowInset: var(--avatarStatusShadowInset);\n  --_still-image-label-visibility: hidden;\n\n  display: inline-block;\n  position: relative;\n  width: 48px;\n  height: 48px;\n\n  &.-compact {\n    width: 32px;\n    height: 32px;\n    border-radius: $fallback--avatarAltRadius;\n    border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);\n  }\n\n  .avatar {\n    width: 100%;\n    height: 100%;\n    box-shadow: var(--_avatarShadowBox);\n    border-radius: $fallback--avatarRadius;\n    border-radius: var(--avatarRadius, $fallback--avatarRadius);\n\n    &.-better-shadow {\n      box-shadow: var(--_avatarShadowInset);\n      filter: var(--_avatarShadowFilter);\n    }\n\n    &.-animated::before {\n      display: none;\n    }\n\n    &.-compact {\n      border-radius: $fallback--avatarAltRadius;\n      border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);\n    }\n\n    &.-placeholder {\n      background-color: $fallback--fg;\n      background-color: var(--fg, $fallback--fg);\n    }\n  }\n\n  img {\n    width: 100%;\n    height: 100%;\n  }\n\n  .bot-indicator {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    margin: -0.2em;\n    padding: 0.2em;\n    background: rgb(127 127 127 / 50%);\n    color: #fff;\n    border-radius: var(--tooltipRadius);\n  }\n}\n","@import \"../../variables\";\n\n.MentionLink {\n  position: relative;\n  white-space: normal;\n  display: inline;\n  color: var(--link);\n  word-break: normal;\n\n  & .new,\n  & .original {\n    display: inline;\n    border-radius: 2px;\n  }\n\n  .mention-avatar {\n    border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);\n    width: 1.5em;\n    height: 1.5em;\n    vertical-align: middle;\n    user-select: none;\n    margin-right: 0.2em;\n  }\n\n  .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    user-select: all;\n  }\n\n  & .short.-with-tooltip,\n  & .you {\n    user-select: none;\n  }\n\n  & .short,\n  & .full {\n    white-space: nowrap;\n  }\n\n  .shortName {\n    white-space: normal;\n  }\n\n  .new {\n    &.-you {\n      .shortName {\n        font-weight: 600;\n      }\n    }\n\n    &.-has-selection {\n      color: var(--alertNeutralText, $fallback--text);\n      background-color: var(--alertNeutral, $fallback--fg);\n    }\n\n    .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\n    &.-striped {\n      & .shortName {\n        background-image:\n          repeating-linear-gradient(\n            135deg,\n            var(--____highlight-tintColor),\n            var(--____highlight-tintColor) 5px,\n            var(--____highlight-tintColor2) 5px,\n            var(--____highlight-tintColor2) 10px\n          );\n      }\n    }\n\n    &.-solid {\n      .shortName {\n        background-image: linear-gradient(var(--____highlight-tintColor2), var(--____highlight-tintColor2));\n      }\n    }\n\n    &.-side {\n      .shortName {\n        box-shadow: 0 -5px 3px -4px inset var(--____highlight-solidColor);\n      }\n    }\n  }\n\n  .serverName.-faded {\n    color: var(--faintLink, $fallback--link);\n  }\n}\n\n.mention-link-popover {\n  max-width: 70ch;\n  max-height: 20rem;\n  overflow: hidden;\n}\n",".MentionsLine {\n  word-break: break-all;\n\n  .mention-link:not(:first-child)::before {\n    content: \" \";\n  }\n\n  .showMoreLess {\n    margin-left: 0.5em;\n    white-space: normal;\n    color: var(--link);\n  }\n}\n",".HashtagLink {\n  position: relative;\n  white-space: normal;\n  display: inline-block;\n  color: var(--link);\n}\n","@import \"../../variables\";\n\n.RichContent {\n  blockquote {\n    margin: 0.2em 0 0.2em 0.2em;\n    font-style: italic;\n    border-left: 0.2em solid var(--faint, $fallback--faint);\n    padding-left: 1em;\n  }\n\n  pre {\n    overflow: auto;\n  }\n\n  code,\n  samp,\n  kbd,\n  var,\n  pre {\n    font-family: var(--postCodeFont, monospace);\n  }\n\n  p {\n    margin: 0 0 1em;\n  }\n\n  p:last-child {\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 1.1em;\n    line-height: 1.2em;\n    margin: 1.4em 0;\n  }\n\n  h2 {\n    font-size: 1.1em;\n    margin: 1em 0;\n  }\n\n  h3 {\n    font-size: 1em;\n    margin: 1.2em 0;\n  }\n\n  h4 {\n    margin: 1.1em 0;\n  }\n\n  .img {\n    display: inline-block;\n  }\n\n  .emoji {\n    display: inline-block;\n    width: var(--emoji-size, 32px);\n    height: var(--emoji-size, 32px);\n  }\n\n  .img,\n  video {\n    max-width: 100%;\n    max-height: 400px;\n    vertical-align: middle;\n    object-fit: contain;\n  }\n}\n","\n@import \"../../variables\";\n\n.poll {\n  .votes {\n    display: flex;\n    flex-direction: column;\n    margin: 0 0 0.5em;\n  }\n\n  .poll-option {\n    margin: 0.75em 0.5em;\n  }\n\n  .option-result {\n    height: 100%;\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    color: $fallback--lightText;\n    color: var(--lightText, $fallback--lightText);\n  }\n\n  .option-result-label {\n    display: flex;\n    align-items: center;\n    padding: 0.1em 0.25em;\n    z-index: 1;\n    word-break: break-word;\n  }\n\n  .result-percentage {\n    width: 3.5em;\n    flex-shrink: 0;\n  }\n\n  .result-fill {\n    height: 100%;\n    position: absolute;\n    color: $fallback--text;\n    color: var(--pollText, $fallback--text);\n    background-color: $fallback--lightBg;\n    background-color: var(--poll, $fallback--lightBg);\n    border-radius: $fallback--panelRadius;\n    border-radius: var(--panelRadius, $fallback--panelRadius);\n    top: 0;\n    left: 0;\n    transition: width 0.5s;\n  }\n\n  .option-vote {\n    display: flex;\n    align-items: center;\n  }\n\n  input {\n    width: 3.5em;\n  }\n\n  .footer {\n    display: flex;\n    align-items: center;\n  }\n\n  &.loading * {\n    cursor: progress;\n  }\n\n  .poll-vote-button {\n    padding: 0 0.5em;\n    margin-right: 0.5em;\n  }\n\n  .poll-checkbox {\n    display: none;\n  }\n}\n","@import \"../../variables\";\n\n.StatusBody {\n  display: flex;\n  flex-direction: column;\n\n  .emoji {\n    --_still_image-label-scale: 0.5;\n  }\n\n  .attachments {\n    margin-top: 0.5em;\n  }\n\n  & .text,\n  & .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\n  .summary {\n    display: block;\n    font-style: italic;\n    padding-bottom: 0.5em;\n  }\n\n  .text {\n    &.-single-line {\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      height: 1.4em;\n    }\n  }\n\n  .summary-wrapper {\n    margin-bottom: 0.5em;\n    border-style: solid;\n    border-width: 0 0 1px;\n    border-color: var(--border, $fallback--border);\n    flex-grow: 0;\n\n    &.-tall {\n      position: relative;\n\n      .summary {\n        max-height: 2em;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n\n  .text-wrapper {\n    display: flex;\n    flex-flow: column nowrap;\n\n    &.-tall-status {\n      position: relative;\n      height: 220px;\n      overflow-x: hidden;\n      overflow-y: hidden;\n      z-index: 1;\n\n      .media-body {\n        min-height: 0;\n        mask:\n          linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat,\n          linear-gradient(to top, white, white);\n\n        /* Autoprefixed seem to ignore this one, and also syntax is different */\n        mask-composite: xor;\n        mask-composite: exclude;\n      }\n    }\n  }\n\n  & .tall-status-hider,\n  & .tall-subject-hider,\n  & .status-unhider,\n  & .cw-status-hider {\n    display: inline-block;\n    word-break: break-all;\n    width: 100%;\n    text-align: center;\n  }\n\n  .tall-status-hider {\n    position: absolute;\n    height: 70px;\n    margin-top: 150px;\n    line-height: 110px;\n    z-index: 2;\n  }\n\n  .tall-subject-hider {\n    // position: absolute;\n    padding-bottom: 0.5em;\n  }\n\n  & .status-unhider,\n  & .cw-status-hider {\n    word-break: break-all;\n\n    svg {\n      color: inherit;\n    }\n  }\n\n  .greentext {\n    color: $fallback--cGreen;\n    color: var(--postGreentext, $fallback--cGreen);\n  }\n\n  .cyantext {\n    color: var(--postCyantext, $fallback--cBlue);\n  }\n\n  &.-compact {\n    align-items: top;\n    flex-direction: row;\n\n    --emoji-size: 16px;\n\n    & .body,\n    & .attachments {\n      max-height: 3.25em;\n    }\n\n    .body {\n      overflow: hidden;\n      white-space: normal;\n      min-width: 5em;\n      flex: 5 1 auto;\n      mask-size: auto 3.5em, auto auto;\n      mask-position: 0 0, 0 0;\n      mask-repeat: repeat-x, repeat;\n      mask-image: linear-gradient(to bottom, white 2em, transparent 3em);\n\n      /* Autoprefixed seem to ignore this one, and also syntax is different */\n      mask-composite: xor;\n      mask-composite: exclude;\n    }\n\n    .attachments {\n      margin-top: 0;\n      flex: 1 1 0;\n      min-width: 5em;\n      height: 100%;\n      margin-left: 0.5em;\n    }\n\n    .summary-wrapper {\n      .summary::after {\n        content: \": \";\n      }\n\n      line-height: inherit;\n      margin: 0;\n      border: none;\n      display: inline-block;\n    }\n\n    .text-wrapper {\n      display: inline-block;\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.link-preview-card {\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n  overflow: hidden;\n  margin-top: 0.5em;\n\n  .card-image {\n    flex-shrink: 0;\n    width: 120px;\n    max-width: 25%;\n\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      border-radius: $fallback--attachmentRadius;\n      border-radius: var(--attachmentRadius, $fallback--attachmentRadius);\n    }\n  }\n\n  .card-content {\n    max-height: 100%;\n    margin: 0.5em;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .card-host {\n    font-size: 0.85em;\n  }\n\n  .card-description {\n    margin: 0.5em 0 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: break-word;\n    line-height: 1.2em;\n    // cap description at 3 lines, the 1px is to clean up some stray pixels\n    // TODO: fancier fade-out at the bottom to show off that it's too long?\n    max-height: calc(1.2em * 3 - 1px);\n  }\n\n  .nsfw-alert {\n    margin: 2em 0;\n  }\n\n  color: $fallback--text;\n  color: var(--text, $fallback--text);\n  border-style: solid;\n  border-width: 1px;\n  border-radius: $fallback--attachmentRadius;\n  border-radius: var(--attachmentRadius, $fallback--attachmentRadius);\n  border-color: $fallback--border;\n  border-color: var(--border, $fallback--border);\n}\n","\n.StatusContent {\n  flex: 1;\n  min-width: 0;\n}\n","\n@import \"../../variables\";\n\n.post-status-form {\n  position: relative;\n\n  .attachments {\n    margin-bottom: 0.5em;\n  }\n\n  .form-bottom {\n    display: flex;\n    justify-content: space-between;\n    padding: 0.5em;\n    height: 2.5em;\n\n    button {\n      width: 10em;\n    }\n\n    p {\n      margin: 0.35em;\n      padding: 0.35em;\n      display: flex;\n    }\n  }\n\n  .form-bottom-left {\n    display: flex;\n    flex: 1;\n    padding-right: 7px;\n    margin-right: 7px;\n    max-width: 10em;\n  }\n\n  .preview-heading {\n    display: flex;\n    padding-left: 0.5em;\n  }\n\n  .preview-toggle {\n    flex: 1;\n    cursor: pointer;\n    user-select: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    svg,\n    i {\n      margin-left: 0.2em;\n      font-size: 0.8em;\n      transform: rotate(90deg);\n    }\n  }\n\n  .preview-container {\n    margin-bottom: 1em;\n  }\n\n  .preview-error {\n    font-style: italic;\n    color: $fallback--faint;\n    color: var(--faint, $fallback--faint);\n  }\n\n  .preview-status {\n    border: 1px solid $fallback--border;\n    border: 1px solid var(--border, $fallback--border);\n    border-radius: $fallback--tooltipRadius;\n    border-radius: var(--tooltipRadius, $fallback--tooltipRadius);\n    padding: 0.5em;\n    margin: 0;\n  }\n\n  .reply-or-quote-selector {\n    margin-bottom: 0.5em;\n  }\n\n  .text-format {\n    .only-format {\n      color: $fallback--faint;\n      color: var(--faint, $fallback--faint);\n    }\n  }\n\n  .visibility-tray {\n    display: flex;\n    justify-content: space-between;\n    padding-top: 5px;\n    align-items: baseline;\n  }\n\n  .visibility-notice.edit-warning {\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  // Order is not necessary but a good indicator\n  .media-upload-icon {\n    order: 1;\n    justify-content: left;\n  }\n\n  .emoji-icon {\n    order: 2;\n    justify-content: center;\n  }\n\n  .poll-icon {\n    order: 3;\n    justify-content: right;\n  }\n\n  .media-upload-icon,\n  .poll-icon,\n  .emoji-icon {\n    font-size: 1.85em;\n    line-height: 1.1;\n    flex: 1;\n    padding: 0 0.1em;\n    display: flex;\n    align-items: center;\n\n    &.selected,\n    &:hover {\n      // needs to be specific to override icon default color\n      svg,\n      i,\n      label {\n        color: $fallback--lightText;\n        color: var(--lightText, $fallback--lightText);\n      }\n    }\n\n    &.disabled {\n      svg,\n      i {\n        cursor: not-allowed;\n        color: $fallback--icon;\n        color: var(--btnDisabledText, $fallback--icon);\n\n        &:hover {\n          color: $fallback--icon;\n          color: var(--btnDisabledText, $fallback--icon);\n        }\n      }\n    }\n  }\n\n  .error {\n    text-align: center;\n  }\n\n  .media-upload-wrapper {\n    margin-right: 0.2em;\n    margin-bottom: 0.5em;\n    width: 18em;\n\n    img,\n    video {\n      object-fit: contain;\n      max-height: 10em;\n    }\n\n    .video {\n      max-height: 10em;\n    }\n\n    input {\n      flex: 1;\n      width: 100%;\n    }\n  }\n\n  .status-input-wrapper {\n    display: flex;\n    position: relative;\n    width: 100%;\n    flex-direction: column;\n  }\n\n  .btn[disabled] {\n    cursor: not-allowed;\n  }\n\n  form {\n    display: flex;\n    flex-direction: column;\n    margin: 0.6em;\n    position: relative;\n  }\n\n  .form-group {\n    display: flex;\n    flex-direction: column;\n    padding: 0.25em 0.5em 0.5em;\n    line-height: 1.85;\n  }\n\n  .form-post-body {\n    // TODO: make a resizable textarea component?\n    box-sizing: content-box; // needed for easier computation of dynamic size\n    overflow: hidden;\n    transition: min-height 200ms 100ms;\n    // stock padding + 1 line of text (for counter)\n    padding-bottom: calc(var(--_padding) + var(--post-line-height) * 1em);\n    // two lines of text\n    height: calc(var(--post-line-height) * 1em);\n    min-height: calc(var(--post-line-height) * 1em);\n    resize: none;\n\n    &.scrollable-form {\n      overflow-y: auto;\n    }\n  }\n\n  .main-input {\n    position: relative;\n  }\n\n  .character-counter {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    padding: 0;\n    margin: 0 0.5em;\n\n    &.error {\n      color: $fallback--cRed;\n      color: var(--cRed, $fallback--cRed);\n    }\n  }\n\n  @keyframes fade-in {\n    from { opacity: 0; }\n    to { opacity: 0.6; }\n  }\n\n  @keyframes fade-out {\n    from { opacity: 0.6; }\n    to { opacity: 0; }\n  }\n\n  .drop-indicator {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    font-size: 5em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0.6;\n    color: $fallback--text;\n    color: var(--text, $fallback--text);\n    background-color: $fallback--bg;\n    background-color: var(--bg, $fallback--bg);\n    border-radius: $fallback--tooltipRadius;\n    border-radius: var(--tooltipRadius, $fallback--tooltipRadius);\n    border: 2px dashed $fallback--text;\n    border: 2px dashed var(--text, $fallback--text);\n  }\n}\n","\n.remote-follow {\n  max-width: 220px;\n\n  .remote-button {\n    width: 100%;\n    min-height: 2em;\n  }\n}\n","\n@import \"../../variables\";\n\n// TODO: unify with other modals.\n.dark-overlay {\n  &::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: rgb(27 31 35 / 50%);\n    z-index: 2000;\n  }\n}\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: 2001;\n  cursor: default;\n  display: block;\n  background-color: $fallback--bg;\n  background-color: var(--bg, $fallback--bg);\n\n  .dialog-modal-heading {\n    .title {\n      text-align: center;\n    }\n  }\n\n  .dialog-modal-content {\n    margin: 0;\n    padding: 1rem;\n    background-color: $fallback--bg;\n    background-color: var(--bg, $fallback--bg);\n    white-space: normal;\n  }\n\n  .dialog-modal-footer {\n    margin: 0;\n    padding: 0.5em;\n    background-color: $fallback--bg;\n    background-color: var(--bg, $fallback--bg);\n    border-top: 1px solid $fallback--border;\n    border-top: 1px solid var(--border, $fallback--border);\n    display: flex;\n    justify-content: flex-end;\n\n    button {\n      width: auto;\n      margin-left: 0.5rem;\n    }\n  }\n}\n\n","\n@import \"../../variables\";\n\n.moderation-tools-popover {\n  height: 100%;\n\n  .trigger {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: flex !important;\n    height: 100%;\n  }\n}\n\n.moderation-tools-button {\n  svg,\n  i {\n    font-size: 0.8em;\n  }\n}\n","\n@import \"../../variables\";\n\n.AccountActions {\n  .ellipsis-button {\n    width: 2.5em;\n    margin: -0.5em 0;\n    padding: 0.5em 0;\n    text-align: center;\n\n    &:not(:hover) .icon {\n      color: $fallback--lightText;\n      color: var(--lightText, $fallback--lightText);\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.user-note {\n  display: flex;\n  flex-direction: column;\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0.75em;\n\n    .btn {\n      min-width: 95px;\n    }\n\n    .buttons {\n      display: flex;\n      flex-direction: row;\n      justify-content: right;\n\n      .btn {\n        margin-left: 0.5em;\n      }\n    }\n  }\n\n  .note-text {\n    align-self: stretch;\n  }\n\n  .note-text.-blank {\n    font-style: italic;\n    color: var(--faint, $fallback--faint);\n  }\n}\n","@import \"../../variables\";\n\n.user-card {\n  position: relative;\n  z-index: 1;\n\n  &:hover {\n    --_still-image-img-visibility: visible;\n    --_still-image-canvas-visibility: hidden;\n    --_still-image-label-visibility: hidden;\n  }\n\n  .panel-heading {\n    padding: 0.5em 0;\n    text-align: center;\n    box-shadow: none;\n    background: transparent;\n    flex-direction: column;\n    align-items: stretch;\n    // create new stacking context\n    position: relative;\n  }\n\n  .panel-body {\n    word-wrap: break-word;\n    border-bottom-right-radius: inherit;\n    border-bottom-left-radius: inherit;\n    // create new stacking context\n    position: relative;\n  }\n\n  .background-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    mask:\n      linear-gradient(to top, white, transparent) bottom no-repeat,\n      linear-gradient(to top, white, white);\n    // Autoprefixer seem to ignore this one, and also syntax is different\n    mask-composite: xor;\n    mask-composite: exclude;\n    background-size: cover;\n    mask-size: 100% 60%;\n    border-top-left-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);\n    border-top-right-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);\n    border-bottom-left-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);\n    border-bottom-right-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);\n    background-color: var(--profileBg);\n    z-index: -2;\n\n    &.hide-bio {\n      mask-size: 100% 40px;\n    }\n  }\n\n  &-bio {\n    text-align: center;\n    display: block;\n    line-height: 1.3;\n    padding: 1em;\n    margin: 0;\n\n    a {\n      color: $fallback--link;\n      color: var(--postLink, $fallback--link);\n    }\n\n    img {\n      object-fit: contain;\n      vertical-align: middle;\n      max-width: 100%;\n      max-height: 400px;\n    }\n  }\n\n  &.-rounded-t {\n    border-top-left-radius: $fallback--panelRadius;\n    border-top-left-radius: var(--panelRadius, $fallback--panelRadius);\n    border-top-right-radius: $fallback--panelRadius;\n    border-top-right-radius: var(--panelRadius, $fallback--panelRadius);\n\n    --__roundnessTop: var(--panelRadius);\n    --__roundnessBottom: 0;\n  }\n\n  &.-rounded {\n    border-radius: $fallback--panelRadius;\n    border-radius: var(--panelRadius, $fallback--panelRadius);\n\n    --__roundnessTop: var(--panelRadius);\n    --__roundnessBottom: var(--panelRadius);\n  }\n\n  &.-popover {\n    border-radius: $fallback--tooltipRadius;\n    border-radius: var(--tooltipRadius, $fallback--tooltipRadius);\n\n    --__roundnessTop: var(--tooltipRadius);\n    --__roundnessBottom: var(--tooltipRadius);\n  }\n\n  &.-bordered {\n    border-width: 1px;\n    border-style: solid;\n    border-color: $fallback--border;\n    border-color: var(--border, $fallback--border);\n  }\n}\n\n.user-info {\n  color: $fallback--lightText;\n  color: var(--lightText, $fallback--lightText);\n  padding: 0 26px;\n\n  a {\n    color: $fallback--lightText;\n    color: var(--lightText, $fallback--lightText);\n\n    &:hover {\n      color: var(--icon);\n    }\n  }\n\n  .container {\n    min-width: 0;\n    padding: 16px 0 6px;\n    display: flex;\n    align-items: flex-start;\n    max-height: 56px;\n\n    > * {\n      min-width: 0;\n    }\n\n    > a {\n      vertical-align: middle;\n      display: flex;\n    }\n\n    .Avatar {\n      --_avatarShadowBox: var(--avatarShadow);\n      --_avatarShadowFilter: var(--avatarShadowFilter);\n      --_avatarShadowInset: var(--avatarShadowInset);\n\n      width: 56px;\n      height: 56px;\n      object-fit: cover;\n    }\n  }\n\n  &-avatar {\n    position: relative;\n    cursor: pointer;\n\n    &.-overlay {\n      position: absolute;\n      left: 0;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      background-color: rgb(0 0 0 / 30%);\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: $fallback--avatarRadius;\n      border-radius: var(--avatarRadius, $fallback--avatarRadius);\n      opacity: 0;\n      transition: opacity 0.2s ease;\n\n      svg {\n        color: #fff;\n      }\n    }\n\n    &:hover &.-overlay {\n      opacity: 1;\n    }\n  }\n\n  .external-link-button,\n  .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    &:not(:hover) .icon {\n      color: $fallback--lightText;\n      color: var(--lightText, $fallback--lightText);\n    }\n  }\n\n  .bottom-line {\n    font-weight: light;\n    font-size: 1.1em;\n    align-items: baseline;\n\n    .lock-icon {\n      margin-left: 0.5em;\n    }\n\n    .user-screen-name {\n      min-width: 1px;\n      flex: 0 1 auto;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n\n    .dailyAvg {\n      min-width: 1px;\n      flex: 0 0 auto;\n      margin-left: 1em;\n      font-size: 0.7em;\n      color: $fallback--text;\n      color: var(--text, $fallback--text);\n    }\n\n    .user-role {\n      flex: none;\n      color: $fallback--text;\n      color: var(--alertNeutralText, $fallback--text);\n      background-color: $fallback--fg;\n      background-color: var(--alertNeutral, $fallback--fg);\n    }\n  }\n\n  .user-summary {\n    display: block;\n    margin-left: 0.6em;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex: 1 1 0;\n    // This is so that text doesn't get overlapped by avatar's shadow if it has\n    // big one\n    z-index: 1;\n    line-height: 2em;\n\n    --emoji-size: 1.7em;\n\n    .top-line,\n    .bottom-line {\n      display: flex;\n    }\n  }\n\n  .user-name {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    flex: 1 1 auto;\n    margin-right: 1em;\n    font-size: 1.1em;\n  }\n\n  .user-meta {\n    margin-bottom: 0.15em;\n    display: flex;\n    align-items: baseline;\n    line-height: 22px;\n    flex-wrap: wrap;\n\n    .following {\n      flex: 1 0 auto;\n      margin: 0;\n      margin-bottom: 0.25em;\n      text-align: left;\n    }\n\n    .highlighter {\n      flex: 0 1 auto;\n      display: flex;\n      flex-wrap: wrap;\n      margin-right: -0.5em;\n      align-self: start;\n\n      .userHighlightCl {\n        padding: 2px 10px;\n        flex: 1 0 auto;\n      }\n\n      .userHighlightSel {\n        padding-top: 0;\n        padding-bottom: 0;\n        flex: 1 0 auto;\n      }\n\n      .userHighlightText {\n        width: 70px;\n        flex: 1 0 auto;\n      }\n\n      .userHighlightCl,\n      .userHighlightText,\n      .userHighlightSel {\n        vertical-align: top;\n        margin-right: 0.5em;\n        margin-bottom: 0.25em;\n      }\n    }\n  }\n\n  .user-interactions {\n    position: relative;\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -0.75em;\n\n    > * {\n      margin: 0 0.75em 0.6em 0;\n      white-space: nowrap;\n      min-width: 95px;\n    }\n\n    button {\n      margin: 0;\n    }\n  }\n\n  .user-note {\n    margin: 0 0.75em 0.6em 0;\n  }\n}\n\n.sidebar .edit-profile-button {\n  display: none;\n}\n\n.user-counts {\n  display: flex;\n  line-height: 16px;\n  padding: 0.5em 1.5em 0;\n  text-align: center;\n  justify-content: space-between;\n  color: $fallback--lightText;\n  color: var(--lightText, $fallback--lightText);\n  flex-wrap: wrap;\n}\n\n.user-count {\n  flex: 1 0 auto;\n  padding: 0.5em 0;\n  margin: 0 0.5em;\n\n  h5 {\n    font-size: 1em;\n    font-weight: bolder;\n    margin: 0 0 0.25em;\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  a {\n    text-decoration: none;\n  }\n}\n\n.mute-expiry {\n  display: flex;\n  flex-direction: row;\n}\n","\n.user-panel .signed-in {\n  overflow: visible;\n  z-index: 10;\n}\n","\n@import \"../../variables\";\n\n.NavigationEntry {\n  display: flex;\n  box-sizing: border-box;\n  align-items: baseline;\n  height: 3.5em;\n  line-height: 3.5em;\n  padding: 0 1em;\n  width: 100%;\n  color: $fallback--link;\n  color: var(--link, $fallback--link);\n\n  .timelines-chevron {\n    margin-right: 0;\n  }\n\n  .main-link {\n    flex: 1;\n  }\n\n  .menu-icon {\n    margin-right: 0.8em;\n  }\n\n  .extra-button {\n    width: 3em;\n    text-align: center;\n\n    &:last-child {\n      margin-right: -0.8em;\n    }\n  }\n\n  &:hover {\n    background-color: $fallback--lightBg;\n    background-color: var(--selectedMenu, $fallback--lightBg);\n    color: $fallback--link;\n    color: var(--selectedMenuText, $fallback--link);\n\n    --faint: var(--selectedMenuFaintText, $fallback--faint);\n    --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n    --lightText: var(--selectedMenuLightText, $fallback--lightText);\n\n    .menu-icon {\n      --icon: var(--text, $fallback--icon);\n    }\n  }\n\n  &.-active {\n    font-weight: bolder;\n    background-color: $fallback--lightBg;\n    background-color: var(--selectedMenu, $fallback--lightBg);\n    color: $fallback--text;\n    color: var(--selectedMenuText, $fallback--text);\n\n    --faint: var(--selectedMenuFaintText, $fallback--faint);\n    --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n    --lightText: var(--selectedMenuLightText, $fallback--lightText);\n\n    .menu-icon {\n      --icon: var(--text, $fallback--icon);\n    }\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.NavigationPins {\n  display: flex;\n  flex-wrap: wrap;\n  overflow: hidden;\n  height: 100%;\n\n  .alert-dot {\n    border-radius: 100%;\n    height: 0.5em;\n    width: 0.5em;\n    position: absolute;\n    right: calc(50% - 0.75em);\n    top: calc(50% - 0.5em);\n    background-color: $fallback--cRed;\n    background-color: var(--badgeNotification, $fallback--cRed);\n  }\n\n  .pinned-item {\n    position: relative;\n    flex: 1 0 3em;\n    min-width: 2em;\n    text-align: center;\n    overflow: visible;\n    box-sizing: border-box;\n    height: 100%;\n\n    & .svg-inline--fa,\n    & .iconLetter {\n      margin: 0;\n    }\n\n    &.router-link-active {\n      color: $fallback--text;\n      color: var(--panelText, $fallback--text);\n      border-bottom: 4px solid;\n\n      & .svg-inline--fa,\n      & .iconLetter {\n        color: inherit;\n      }\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.NavPanel {\n  .panel {\n    overflow: hidden;\n    box-shadow: var(--panelShadow);\n  }\n\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  li {\n    position: relative;\n    border-bottom: 1px solid;\n    border-color: $fallback--border;\n    border-color: var(--border, $fallback--border);\n  }\n\n  > li {\n    &:first-child .menu-item {\n      border-top-right-radius: $fallback--panelRadius;\n      border-top-right-radius: var(--panelRadius, $fallback--panelRadius);\n      border-top-left-radius: $fallback--panelRadius;\n      border-top-left-radius: var(--panelRadius, $fallback--panelRadius);\n    }\n\n    &:last-child .menu-item {\n      border-bottom-right-radius: $fallback--panelRadius;\n      border-bottom-right-radius: var(--panelRadius, $fallback--panelRadius);\n      border-bottom-left-radius: $fallback--panelRadius;\n      border-bottom-left-radius: var(--panelRadius, $fallback--panelRadius);\n    }\n  }\n\n  li:last-child {\n    border: none;\n  }\n\n  .navigation-chevron {\n    margin-left: 0.8em;\n    margin-right: 0.8em;\n    font-size: 1.1em;\n  }\n\n  .timelines-chevron {\n    margin-left: 0.8em;\n    font-size: 1.1em;\n  }\n\n  .timelines-background {\n    padding: 0 0 0 0.6em;\n    background-color: $fallback--lightBg;\n    background-color: var(--selectedMenu, $fallback--lightBg);\n    border-bottom: 1px solid;\n    border-color: $fallback--border;\n    border-color: var(--border, $fallback--border);\n  }\n\n  .timelines {\n    background-color: $fallback--bg;\n    background-color: var(--bg, $fallback--bg);\n  }\n\n  .nav-panel-heading {\n    // breaks without a unit\n    // stylelint-disable-next-line length-zero-no-unit\n    --panel-heading-height-padding: 0px;\n  }\n}\n","\n  .features-panel li {\n    line-height: 24px;\n  }\n","\n  .who-to-follow * {\n    vertical-align: middle;\n  }\n\n  .who-to-follow img {\n    width: 32px;\n    height: 32px;\n  }\n\n  .who-to-follow {\n    padding: 0 1em;\n    margin: 0;\n  }\n\n  .who-to-follow-items {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: 0;\n    margin: 1em 0;\n  }\n\n  .who-to-follow-more {\n    padding: 0;\n    margin: 1em 0;\n    text-align: center;\n  }\n","\n@import \"../../variables\";\n\n.floating-shout {\n  position: fixed;\n  bottom: 0.5em;\n  z-index: var(--ZI_popovers);\n  max-width: 25em;\n\n  &.-left {\n    left: 0.5em;\n  }\n\n  &:not(.-left) {\n    right: 0.5em;\n  }\n}\n\n.shout-panel {\n  .shout-heading {\n    cursor: pointer;\n\n    .icon {\n      color: $fallback--text;\n      color: var(--panelText, $fallback--text);\n      margin-right: 0.5em;\n    }\n\n    .title {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n  }\n\n  .shout-window {\n    overflow-y: auto;\n    overflow-x: hidden;\n    max-height: 20em;\n  }\n\n  .shout-window-container {\n    height: 100%;\n  }\n\n  .shout-message {\n    display: flex;\n    padding: 0.2em 0.5em;\n  }\n\n  .shout-avatar {\n    img {\n      height: 24px;\n      width: 24px;\n      border-radius: $fallback--avatarRadius;\n      border-radius: var(--avatarRadius, $fallback--avatarRadius);\n      margin-right: 0.5em;\n      margin-top: 0.25em;\n    }\n  }\n\n  .shout-input {\n    display: flex;\n\n    textarea {\n      flex: 1;\n      margin: 0.6em;\n      min-height: 3.5em;\n      resize: none;\n    }\n  }\n\n  .shout-panel {\n    .title {\n      display: flex;\n      justify-content: space-between;\n    }\n  }\n}\n","\n$modal-view-button-icon-height: 3em;\n$modal-view-button-icon-half-height: calc(#{$modal-view-button-icon-height} / 2);\n$modal-view-button-icon-width: 3em;\n$modal-view-button-icon-margin: 0.5em;\n\n.media-modal-view {\n  @keyframes media-fadein {\n    from {\n      opacity: 0;\n    }\n\n    to {\n      opacity: 1;\n    }\n  }\n\n  .modal-image-container {\n    display: flex;\n    overflow: hidden;\n    align-items: center;\n    flex-direction: column;\n    max-width: 100%;\n    max-height: 100%;\n    width: 100%;\n    height: 100%;\n    flex-grow: 1;\n    justify-content: center;\n\n    &-inner {\n      width: 100%;\n      height: 100%;\n      flex-grow: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  .description,\n  .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\n  .description {\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\n  .modal-image {\n    max-width: 100%;\n    max-height: 100%;\n    image-orientation: from-image; // NOTE: only FF supports this\n    animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein;\n\n    &.loading {\n      opacity: 0.5;\n    }\n  }\n\n  .loading-spinner {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    pointer-events: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      color: white;\n    }\n  }\n\n  .modal-view-button {\n    border: 0;\n    padding: 0;\n    opacity: 0;\n    box-shadow: none;\n    background: none;\n    appearance: none;\n    overflow: visible;\n    cursor: pointer;\n    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);\n    height: $modal-view-button-icon-height;\n    width: $modal-view-button-icon-width;\n\n    .button-icon {\n      position: absolute;\n      height: $modal-view-button-icon-height;\n      width: $modal-view-button-icon-width;\n      font-size: 1rem;\n      line-height: $modal-view-button-icon-height;\n      color: #fff;\n      text-align: center;\n      background-color: rgb(0 0 0 / 30%);\n    }\n  }\n\n  .modal-view-button-arrow {\n    position: absolute;\n    display: block;\n    top: 50%;\n    margin-top: $modal-view-button-icon-half-height;\n    width: $modal-view-button-icon-width;\n    height: $modal-view-button-icon-height;\n\n    .arrow-icon {\n      position: absolute;\n      top: 0;\n      line-height: $modal-view-button-icon-height;\n      color: #fff;\n      text-align: center;\n      background-color: rgb(0 0 0 / 30%);\n    }\n\n    &--prev {\n      left: 0;\n\n      .arrow-icon {\n        left: $modal-view-button-icon-margin;\n      }\n    }\n\n    &--next {\n      right: 0;\n\n      .arrow-icon {\n        right: $modal-view-button-icon-margin;\n      }\n    }\n  }\n\n  .modal-view-button-hide {\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    .button-icon {\n      top: $modal-view-button-icon-margin;\n      right: $modal-view-button-icon-margin;\n    }\n  }\n}\n\n.modal-view.media-modal-view {\n  z-index: var(--ZI_media_modal);\n  flex-direction: column;\n\n  .modal-view-button-arrow,\n  .modal-view-button-hide {\n    opacity: 0.75;\n\n    &:focus,\n    &:hover {\n      outline: none;\n      box-shadow: none;\n    }\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n\n  overflow: hidden;\n}\n","\n@import \"../../variables\";\n\n.side-drawer-container {\n  position: fixed;\n  z-index: var(--ZI_navbar);\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: stretch;\n  transition-duration: 0s;\n  transition-property: transform;\n}\n\n.side-drawer-container-open {\n  transform: translate(0%);\n}\n\n.side-drawer-container-closed {\n  transition-delay: 0.35s;\n  transform: translate(-100%);\n}\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: rgb(0 0 0 / 50%);\n}\n\n.side-drawer-darken-closed {\n  background-color: rgb(0 0 0 / 0%);\n}\n\n.side-drawer-click-outside {\n  flex: 1 1 100%;\n}\n\n.side-drawer {\n  overflow-x: hidden;\n  transition: 0.35s;\n  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n  transition-property: transform;\n  margin: 0 0 0 -100px;\n  padding: 0 0 1em 100px;\n  width: 80%;\n  max-width: 20em;\n  flex: 0 0 80%;\n  box-shadow: 1px 1px 4px rgb(0 0 0 / 60%);\n  box-shadow: var(--panelShadow);\n  background-color: $fallback--bg;\n  background-color: var(--popover, $fallback--bg);\n  color: $fallback--link;\n  color: var(--popoverText, $fallback--link);\n\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  .badge {\n    margin-left: 10px;\n  }\n}\n\n.side-drawer-logo-wrapper {\n  display: flex;\n  align-items: center;\n  padding: 0.85em;\n\n  img {\n    flex: none;\n    height: 50px;\n    margin-right: 0.85em;\n  }\n\n  span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n.side-drawer-click-outside-closed {\n  flex: 0 0 0;\n}\n\n.side-drawer-closed {\n  transform: translate(-100%);\n}\n\n.side-drawer-heading {\n  background: transparent;\n  flex-direction: column;\n  align-items: stretch;\n  display: flex;\n  padding: 0;\n  margin: 0;\n}\n\n.side-drawer ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  border-bottom: 1px solid;\n  border-color: $fallback--border;\n  border-color: var(--border, $fallback--border);\n}\n\n.side-drawer ul:last-child {\n  border: 0;\n}\n\n.side-drawer li {\n  padding: 0;\n\n  a,\n  button {\n    box-sizing: border-box;\n    display: block;\n    height: 3em;\n    line-height: 3em;\n    padding: 0 0.7em;\n\n    &:hover {\n      background-color: $fallback--lightBg;\n      background-color: var(--selectedMenuPopover, $fallback--lightBg);\n      color: $fallback--text;\n      color: var(--selectedMenuPopoverText, $fallback--text);\n\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  }\n}\n","\n@import \"../../variables\";\n\n.MobilePostButton {\n  &.button-default {\n    width: 5em;\n    height: 5em;\n    border-radius: 100%;\n    position: fixed;\n    bottom: 1.5em;\n    right: 1.5em;\n    // TODO: this needs its own color, it has to stand out enough and link color\n    // is not very optimal for this particular use.\n    background-color: $fallback--fg;\n    background-color: var(--btn, $fallback--fg);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0 2px 2px rgb(0 0 0 / 30%), 0 4px 6px rgb(0 0 0 / 30%);\n    z-index: 10;\n    transition: 0.35s transform;\n    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n  }\n\n  &.hidden {\n    transform: translateY(150%);\n  }\n\n  svg {\n    font-size: 1.5em;\n    color: $fallback--text;\n    color: var(--text, $fallback--text);\n  }\n}\n\n@media all and (min-width: 801px) {\n  .new-status-button:not(.always-show) {\n    display: none;\n  }\n}\n\n","\n@import \"../../variables\";\n@import \"../../mixins\";\n\n.ReplyButton {\n  display: flex;\n\n  > :first-child {\n    padding: 10px;\n    margin: -10px -8px -10px -10px;\n  }\n\n  .action-counter {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .interactive {\n    &:hover .svg-inline--fa,\n    &.-active .svg-inline--fa {\n      color: $fallback--cBlue;\n      color: var(--cBlue, $fallback--cBlue);\n    }\n\n    @include unfocused-style {\n      .focus-marker {\n        visibility: hidden;\n      }\n    }\n\n    @include focused-style {\n      .focus-marker {\n        visibility: visible;\n      }\n    }\n  }\n}\n","\n@import \"../../variables\";\n@import \"../../mixins\";\n\n.FavoriteButton {\n  display: flex;\n\n  > :first-child {\n    padding: 10px;\n    margin: -10px -8px -10px -10px;\n  }\n\n  .action-counter {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .interactive {\n    .svg-inline--fa {\n      animation-duration: 0.6s;\n    }\n\n    &:hover .svg-inline--fa,\n    &.-favorited .svg-inline--fa {\n      color: $fallback--cOrange;\n      color: var(--cOrange, $fallback--cOrange);\n    }\n\n    @include unfocused-style {\n      .focus-marker {\n        visibility: hidden;\n      }\n\n      .active-marker {\n        visibility: visible;\n      }\n    }\n\n    @include focused-style {\n      .focus-marker {\n        visibility: visible;\n      }\n\n      .active-marker {\n        visibility: hidden;\n      }\n    }\n  }\n}\n","\n@import \"../../variables\";\n@import \"../../mixins\";\n\n.ReactButton {\n  .reaction-picker-filter {\n    padding: 0.5em;\n    display: flex;\n\n    input {\n      flex: 1;\n    }\n  }\n\n  .reaction-picker-divider {\n    height: 1px;\n    width: 100%;\n    margin: 0.5em;\n    background-color: var(--border, $fallback--border);\n  }\n\n  .reaction-picker {\n    width: 10em;\n    height: 9em;\n    font-size: 1.5em;\n    overflow-y: scroll;\n    display: flex;\n    flex-wrap: wrap;\n    padding: 0.5em;\n    text-align: center;\n    align-content: flex-start;\n    user-select: none;\n    mask:\n      linear-gradient(to top, white 0, transparent 100%) bottom no-repeat,\n      linear-gradient(to bottom, white 0, transparent 100%) top no-repeat,\n      linear-gradient(to top, white, white);\n    transition: mask-size 150ms;\n    mask-size: 100% 20px, 100% 20px, auto;\n\n    /* Autoprefixed seem to ignore this one, and also syntax is different */\n    mask-composite: xor;\n    mask-composite: exclude;\n\n    .emoji-button {\n      cursor: pointer;\n      flex-basis: 20%;\n      line-height: 1.5;\n      align-content: center;\n\n      &:hover {\n        transform: scale(1.25);\n      }\n    }\n  }\n\n  .popover-trigger {\n    padding: 10px;\n    margin: -10px;\n\n    &:hover .svg-inline--fa {\n      color: $fallback--text;\n      color: var(--text, $fallback--text);\n    }\n\n    @include unfocused-style {\n      .focus-marker {\n        visibility: hidden;\n      }\n    }\n\n    @include focused-style {\n      .focus-marker {\n        visibility: visible;\n      }\n    }\n  }\n}\n\n","\n@import \"../../variables\";\n@import \"../../mixins\";\n\n.RetweetButton {\n  display: flex;\n\n  > :first-child {\n    padding: 10px;\n    margin: -10px -8px -10px -10px;\n  }\n\n  .action-counter {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .interactive {\n    .svg-inline--fa {\n      animation-duration: 0.6s;\n    }\n\n    &:hover .svg-inline--fa,\n    &.-repeated .svg-inline--fa {\n      color: $fallback--cGreen;\n      color: var(--cGreen, $fallback--cGreen);\n    }\n\n    @include unfocused-style {\n      .focus-marker {\n        visibility: hidden;\n      }\n\n      .active-marker {\n        visibility: visible;\n      }\n    }\n\n    @include focused-style {\n      .focus-marker {\n        visibility: visible;\n      }\n\n      .active-marker {\n        visibility: hidden;\n      }\n    }\n  }\n}\n","\n@import \"../../variables\";\n@import \"../../mixins\";\n\n.ExtraButtons {\n  .popover-trigger {\n    position: static;\n    padding: 10px;\n    margin: -10px;\n\n    &:hover .svg-inline--fa {\n      color: $fallback--text;\n      color: var(--text, $fallback--text);\n    }\n  }\n\n  .popover-trigger-button {\n    /* override of popover internal stuff */\n    width: auto;\n\n    @include unfocused-style {\n      .focus-marker {\n        visibility: hidden;\n      }\n    }\n\n    @include focused-style {\n      .focus-marker {\n        visibility: visible;\n      }\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.avatars {\n  display: flex;\n  margin: 0;\n  padding: 0;\n\n  // For hiding overflowing elements\n  flex-wrap: wrap;\n  height: 24px;\n\n  .avatars-item {\n    margin: 0 0 5px 5px;\n\n    &:first-child {\n      padding-left: 5px;\n    }\n\n    .avatar-small {\n      border-radius: $fallback--avatarAltRadius;\n      border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);\n      height: 24px;\n      width: 24px;\n    }\n  }\n}\n","\n@import \"../../variables\";\n\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: $fallback--border;\n  border-color: var(--border, $fallback--border);\n  border-style: solid;\n  border-width: 1px;\n  border-radius: $fallback--tooltipRadius;\n  border-radius: var(--tooltipRadius, $fallback--tooltipRadius);\n\n  /* TODO cleanup this */\n  .Status.Status {\n    border: none;\n  }\n\n  .status-preview-no-content {\n    padding: 1em;\n    text-align: center;\n\n    i {\n      font-size: 2em;\n    }\n  }\n}\n\n","\n@import \"../../variables\";\n\n.user-list-popover {\n  padding: 0.5em;\n\n  --emoji-size: 16px;\n\n  .user-list-row {\n    padding: 0.25em;\n    display: flex;\n    flex-direction: row;\n\n    .user-list-names {\n      display: flex;\n      flex-direction: column;\n      margin-left: 0.5em;\n      min-width: 5em;\n\n      img {\n        width: 1em;\n        height: 1em;\n      }\n    }\n\n    .user-list-screen-name {\n      font-size: 0.65em;\n    }\n  }\n}\n\n","\n@import \"../../variables\";\n@import \"../../mixins\";\n\n.EmojiReactions {\n  display: flex;\n  margin-top: 0.25em;\n  flex-wrap: wrap;\n\n  --emoji-size: calc(1.25em * var(--emojiReactionsScale, 1));\n\n  .emoji-reaction-container {\n    display: flex;\n    align-items: stretch;\n    margin-top: 0.5em;\n    margin-right: 0.5em;\n\n    .emoji-reaction-popover {\n      padding: 0;\n\n      .emoji-reaction-count-button {\n        background-color: var(--btn);\n        margin: 0;\n        height: 100%;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n        box-sizing: border-box;\n        min-width: 2em;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        color: $fallback--text;\n        color: var(--btnText, $fallback--text);\n\n        &.-picked-reaction {\n          border: 1px solid var(--accent, $fallback--link);\n          margin-right: -1px;\n        }\n      }\n    }\n  }\n\n  .emoji-reaction {\n    padding-left: 0.5em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    margin: 0;\n\n    .reaction-emoji {\n      width: var(--emoji-size);\n      height: var(--emoji-size);\n      margin-right: 0.25em;\n      line-height: var(--emoji-size);\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .reaction-emoji-content {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      line-height: inherit;\n      overflow: hidden;\n      font-size: calc(var(--emoji-size) * 0.8);\n      margin: 0;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    .svg-inline--fa {\n      color: $fallback--text;\n      color: var(--btnText, $fallback--text);\n    }\n\n    &.-picked-reaction {\n      border: 1px solid var(--accent, $fallback--link);\n      margin-left: -1px; // offset the border, can't use inset shadows either\n      margin-right: -1px;\n\n      .svg-inline--fa {\n        color: $fallback--link;\n        color: var(--accent, $fallback--link);\n      }\n    }\n\n    @include unfocused-style {\n      .focus-marker {\n        visibility: hidden;\n      }\n\n      .active-marker {\n        visibility: visible;\n      }\n    }\n\n    @include focused-style {\n      .svg-inline--fa {\n        color: $fallback--link;\n        color: var(--accent, $fallback--link);\n      }\n\n      .focus-marker {\n        visibility: visible;\n      }\n\n      .active-marker {\n        visibility: hidden;\n      }\n    }\n  }\n\n  .emoji-reaction-expand {\n    padding: 0 0.5em;\n    margin-right: 0.5em;\n    margin-top: 0.5em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n","@import \"../../variables\";\n\n.Status {\n  min-width: 0;\n  white-space: normal;\n  word-wrap: break-word;\n  word-break: break-word;\n\n  &:hover {\n    --_still-image-img-visibility: visible;\n    --_still-image-canvas-visibility: hidden;\n    --_still-image-label-visibility: hidden;\n  }\n\n  &.-focused {\n    background-color: $fallback--lightBg;\n    background-color: var(--selectedPost, $fallback--lightBg);\n    color: $fallback--text;\n    color: var(--selectedPostText, $fallback--text);\n\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\n  .gravestone {\n    padding: var(--status-margin, $status-margin);\n    color: $fallback--faint;\n    color: var(--faint, $fallback--faint);\n    display: flex;\n\n    .deleted-text {\n      margin: 0.5em 0;\n      align-items: center;\n    }\n  }\n\n  .status-container {\n    display: flex;\n    padding: var(--status-margin, $status-margin);\n\n    > * {\n      min-width: 0;\n    }\n\n    &.-repeat {\n      padding-top: 0;\n    }\n  }\n\n  .pin {\n    padding: var(--status-margin, $status-margin) var(--status-margin, $status-margin) 0;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  }\n\n  ._misclick-prevention & {\n    pointer-events: none;\n\n    .attachments {\n      pointer-events: initial;\n      cursor: initial;\n    }\n  }\n\n  .left-side {\n    margin-right: var(--status-margin, $status-margin);\n  }\n\n  .right-side {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .usercard {\n    margin-bottom: var(--status-margin, $status-margin);\n  }\n\n  .status-username {\n    white-space: nowrap;\n    overflow: hidden;\n    max-width: 85%;\n    font-weight: bold;\n    flex-shrink: 1;\n    margin-right: 0.4em;\n    text-overflow: ellipsis;\n\n    --_still_image-label-scale: 0.25;\n    --emoji-size: 14px;\n  }\n\n  .status-favicon {\n    height: 18px;\n    width: 18px;\n    margin-right: 0.4em;\n  }\n\n  .status-heading {\n    margin-bottom: 0.5em;\n  }\n\n  .heading-name-row {\n    display: flex;\n    justify-content: space-between;\n    line-height: 1.3;\n\n    a {\n      display: inline-block;\n      word-break: break-all;\n    }\n  }\n\n  .account-name {\n    min-width: 1.6em;\n    margin-right: 0.4em;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1 1 0;\n  }\n\n  .heading-left {\n    display: flex;\n    min-width: 0;\n  }\n\n  .heading-right {\n    display: flex;\n    flex-shrink: 0;\n\n    .button-unstyled {\n      padding: 5px;\n      margin: -5px;\n\n      &:hover svg {\n        color: $fallback--lightText;\n        color: var(--lightText, $fallback--lightText);\n      }\n    }\n\n    .svg-inline--fa {\n      margin-left: 0.25em;\n    }\n  }\n\n  .glued-label {\n    display: inline-flex;\n    white-space: nowrap;\n  }\n\n  .timeago {\n    margin-right: 0.2em;\n  }\n\n  & .heading-reply-row,\n  & .heading-edited-row {\n    position: relative;\n    align-content: baseline;\n    font-size: 0.85em;\n    margin-top: 0.2em;\n    line-height: 130%;\n    max-width: 100%;\n    align-items: stretch;\n  }\n\n  & .reply-to-popover,\n  & .reply-to-no-popover,\n  & .mentions {\n    min-width: 0;\n    margin-right: 0.4em;\n    flex-shrink: 0;\n  }\n\n  .reply-glued-label {\n    margin-right: 0.5em;\n  }\n\n  .reply-to-popover {\n    .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\n    .faint-link:hover {\n      // override default\n      text-decoration: none;\n    }\n\n    &.-strikethrough {\n      .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    }\n  }\n\n  & .mentions,\n  & .reply-to {\n    white-space: nowrap;\n    position: relative;\n  }\n\n  & .mentions-text,\n  & .reply-to-text {\n    color: var(--faint);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .mentions-line {\n    display: inline;\n  }\n\n  .replies {\n    margin-top: 0.25em;\n    line-height: 1.3;\n    font-size: 0.85em;\n    display: flex;\n    flex-wrap: wrap;\n\n    & > * {\n      margin-right: 0.4em;\n    }\n  }\n\n  .reply-link {\n    height: 17px;\n  }\n\n  .repeat-info {\n    padding: 0.4em var(--status-margin, $status-margin);\n\n    .repeat-icon {\n      color: $fallback--cGreen;\n      color: var(--cGreen, $fallback--cGreen);\n    }\n  }\n\n  .repeater-avatar {\n    border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);\n    margin-left: 28px;\n    width: 20px;\n    height: 20px;\n  }\n\n  .repeater-name {\n    text-overflow: ellipsis;\n    margin-right: 0;\n\n    .emoji {\n      width: 14px;\n      height: 14px;\n      vertical-align: middle;\n      object-fit: contain;\n    }\n  }\n\n  .status-fadein {\n    animation-duration: 0.4s;\n    animation-name: fadein;\n  }\n\n  @keyframes fadein {\n    from {\n      opacity: 0;\n    }\n\n    to {\n      opacity: 1;\n    }\n  }\n\n  .status-actions {\n    position: relative;\n    width: 100%;\n    display: flex;\n    margin-top: var(--status-margin, $status-margin);\n\n    > * {\n      max-width: 4em;\n      flex: 1;\n    }\n  }\n\n  .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: flex;\n    flex-wrap: nowrap;\n\n    & .status-username,\n    & .mute-thread,\n    & .mute-words {\n      word-wrap: normal;\n      word-break: normal;\n      white-space: nowrap;\n    }\n\n    & .status-username,\n    & .mute-words {\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n\n    .status-username {\n      font-weight: normal;\n      flex: 0 1 auto;\n      margin-right: 0.2em;\n      font-size: smaller;\n    }\n\n    .mute-thread {\n      flex: 0 0 auto;\n    }\n\n    .mute-words {\n      flex: 1 0 5em;\n      margin-left: 0.2em;\n\n      &::before {\n        content: \" \";\n      }\n    }\n\n    .unmute {\n      flex: 0 0 auto;\n      margin-left: auto;\n      display: block;\n    }\n  }\n\n  .reply-form {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  .reply-body {\n    flex: 1;\n  }\n\n  .favs-repeated-users {\n    margin-top: var(--status-margin, $status-margin);\n  }\n\n  .stats {\n    width: 100%;\n    display: flex;\n    line-height: 1em;\n  }\n\n  .avatar-row {\n    flex: 1;\n    overflow: hidden;\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      height: 100%;\n      width: 1px;\n      left: 0;\n      background-color: var(--faint, $fallback--faint);\n    }\n  }\n\n  .stat-count {\n    margin-right: var(--status-margin, $status-margin);\n    user-select: none;\n\n    .stat-title {\n      color: var(--faint, $fallback--faint);\n      font-size: 0.85em;\n      text-transform: uppercase;\n      position: relative;\n    }\n\n    .stat-number {\n      font-weight: bolder;\n      font-size: 1.1em;\n      line-height: 1em;\n    }\n\n    &:hover .stat-title {\n      text-decoration: underline;\n    }\n  }\n\n  @media all and (max-width: 800px) {\n    .repeater-avatar {\n      margin-left: 20px;\n    }\n\n    .post-avatar {\n      width: 40px;\n      height: 40px;\n\n      // TODO define those other way somehow?\n      // stylelint-disable rscss/class-format\n      &.-compact {\n        width: 32px;\n        height: 32px;\n      }\n    }\n  }\n\n  .quoted-status {\n    margin-top: 0.5em;\n    border: 1px solid var(--border, $fallback--border);\n    border-radius: var(--attachmentRadius, $fallback--attachmentRadius);\n\n    &.-unavailable-prompt {\n      padding: 0.5em;\n    }\n  }\n\n  .display-quoted-status-button {\n    margin: 0.5em;\n\n    &-icon {\n      color: inherit;\n    }\n  }\n}\n","@import \"../../variables\";\n\n.Report {\n  .report-content {\n    margin: 0.5em 0 1em;\n  }\n\n  .report-state {\n    margin: 0.5em 0 1em;\n  }\n\n  .reported-status {\n    border: 1px solid $fallback--faint;\n    border-color: var(--faint, $fallback--faint);\n    border-radius: $fallback--inputRadius;\n    border-radius: var(--inputRadius, $fallback--inputRadius);\n    color: $fallback--text;\n    color: var(--text, $fallback--text);\n    display: block;\n    padding: 0.5em;\n    margin: 0.5em 0;\n\n    .status-content {\n      pointer-events: none;\n    }\n\n    .reported-status-heading {\n      display: flex;\n      width: 100%;\n      justify-content: space-between;\n      margin-bottom: 0.2em;\n    }\n\n    .reported-status-name {\n      font-weight: bold;\n    }\n  }\n\n  .note {\n    width: 100%;\n    margin-bottom: 0.5em;\n  }\n}\n","@import \"../../variables\";\n\n// TODO Copypaste from Status, should unify it somehow\n.Notification {\n  border-bottom: 1px solid;\n  border-color: $fallback--border;\n  border-color: var(--border, $fallback--border);\n  word-wrap: break-word;\n  word-break: break-word;\n\n  --emoji-size: 14px;\n\n  &:hover {\n    --_still-image-img-visibility: visible;\n    --_still-image-canvas-visibility: hidden;\n    --_still-image-label-visibility: hidden;\n  }\n\n  &.-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: flex;\n    flex-wrap: nowrap;\n\n    & .status-username,\n    & .mute-thread,\n    & .mute-words {\n      word-wrap: normal;\n      word-break: normal;\n      white-space: nowrap;\n    }\n\n    & .status-username,\n    & .mute-words {\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n\n    .status-username {\n      font-weight: normal;\n      flex: 0 1 auto;\n      margin-right: 0.2em;\n      font-size: smaller;\n    }\n\n    .mute-thread {\n      flex: 0 0 auto;\n    }\n\n    .mute-words {\n      flex: 1 0 5em;\n      margin-left: 0.2em;\n\n      &::before {\n        content: \" \";\n      }\n    }\n\n    .unmute {\n      flex: 0 0 auto;\n      margin-left: auto;\n      display: block;\n    }\n  }\n\n  .type-icon {\n    margin: 0 0.1em;\n  }\n\n  &.-type--repeat .type-icon {\n    color: $fallback--cGreen;\n    color: var(--cGreen, $fallback--cGreen);\n  }\n\n  &.-type--follow .type-icon {\n    color: $fallback--cBlue;\n    color: var(--cBlue, $fallback--cBlue);\n  }\n\n  &.-type--follow-request .type-icon {\n    color: $fallback--cBlue;\n    color: var(--cBlue, $fallback--cBlue);\n  }\n\n  &.-type--like .type-icon {\n    color: orange;\n    color: $fallback--cOrange;\n    color: var(--cOrange, $fallback--cOrange);\n  }\n\n  &.-type--move .type-icon {\n    color: $fallback--cBlue;\n    color: var(--cBlue, $fallback--cBlue);\n  }\n}\n","@import \"../../variables\";\n\n.Notifications {\n  &:not(.minimal) {\n    // a bit of a hack to allow scrolling below notifications\n    padding-bottom: 15em;\n  }\n\n  .loadmore-error {\n    color: $fallback--text;\n    color: var(--text, $fallback--text);\n  }\n\n  .notification {\n    position: relative;\n\n    .notification-overlay {\n      position: absolute;\n      top: 0;\n      right: 0;\n      left: 0;\n      bottom: 0;\n      pointer-events: none;\n    }\n\n    &.unseen {\n      .notification-overlay {\n        background-image: linear-gradient(135deg, var(--badgeNotification, $fallback--cRed) 4px, transparent 10px);\n      }\n    }\n  }\n}\n\n/* stylelint-disable-next-line no-descending-specificity */\n.notification {\n  box-sizing: border-box;\n\n  &:hover .animated.Avatar {\n    canvas {\n      display: none;\n    }\n\n    img {\n      visibility: visible;\n    }\n  }\n\n  &:last-child .Notification {\n    border-bottom: none;\n  }\n\n  .non-mention {\n    display: flex;\n    flex: 1;\n    flex-wrap: nowrap;\n    padding: 0.6em;\n    min-width: 0;\n\n    .avatar-container {\n      width: 32px;\n      height: 32px;\n    }\n\n    .faint {\n      --link: var(--faintLink);\n      --text: var(--faint);\n    }\n  }\n\n  .follow-request-accept {\n    &:hover {\n      color: $fallback--text;\n      color: var(--text, $fallback--text);\n    }\n  }\n\n  .follow-request-reject {\n    &:hover {\n      color: $fallback--cRed;\n      color: var(--cRed, $fallback--cRed);\n    }\n  }\n\n  .follow-text,\n  .move-text {\n    padding: 0.5em 0;\n    overflow-wrap: break-word;\n    display: flex;\n    justify-content: space-between;\n\n    .follow-name {\n      display: block;\n      max-width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  /* TODO cleanup this */\n  .Status {\n    flex: 1;\n  }\n\n  time {\n    white-space: nowrap;\n  }\n\n  .notification-right {\n    flex: 1;\n    padding-left: 0.8em;\n    min-width: 0;\n\n    .timeago {\n      min-width: 3em;\n      text-align: right;\n    }\n\n    .timeago-link {\n      margin-right: 0.2em;\n    }\n\n    .expand-icon {\n      .svg-inline--fa {\n        margin-left: 0.25em;\n      }\n    }\n  }\n\n  .emoji-reaction-emoji {\n    font-size: 1.3em;\n    max-width: 1.25em;\n    height: 1.25em;\n    width: auto;\n  }\n\n  .emoji-reaction-emoji-image {\n    vertical-align: middle;\n    object-fit: contain;\n  }\n\n  .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    flex: 1 1 0;\n    display: flex;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n\n    .name-and-action {\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .username {\n      font-weight: bolder;\n      max-width: 100%;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .timeago {\n      margin-right: 0.2em;\n    }\n\n    .status-content {\n      margin: 0;\n      max-height: 300px;\n    }\n\n    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      small {\n        font-weight: lighter;\n      }\n    }\n\n    p {\n      margin: 0;\n      margin-top: 0;\n      margin-bottom: 0.3em;\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.MobileNav {\n  z-index: var(--ZI_navbar);\n\n  .mobile-nav {\n    display: grid;\n    line-height: var(--navbar-height);\n    grid-template-rows: 50px;\n    grid-template-columns: 2fr auto;\n    width: 100%;\n    box-sizing: border-box;\n\n    a {\n      color: var(--topBarLink, $fallback--link);\n    }\n  }\n\n  .mobile-inner-nav {\n    width: 100%;\n    display: flex;\n    align-items: center;\n  }\n\n  .mobile-nav-button {\n    display: inline-block;\n    text-align: center;\n    padding: 0 1em;\n    position: relative;\n    cursor: pointer;\n  }\n\n  .site-name {\n    padding: 0 0.3em;\n    display: inline-block;\n  }\n\n  .item {\n    /* moslty just to get rid of extra whitespaces */\n    display: flex;\n  }\n\n  .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: $fallback--cRed;\n    background-color: var(--badgeNotification, $fallback--cRed);\n  }\n\n  .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 rgb(0 0 0 / 60%);\n    box-shadow: var(--panelShadow);\n    transition-property: transform;\n    transition-duration: 0.25s;\n    transform: translateX(0);\n    z-index: var(--ZI_navbar);\n    -webkit-overflow-scrolling: touch;\n\n    &.-closed {\n      transform: translateX(100%);\n      box-shadow: none;\n    }\n  }\n\n  .mobile-notifications-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    z-index: calc(var(--ZI_navbar) + 100);\n    width: 100%;\n    height: 50px;\n    line-height: 50px;\n    position: absolute;\n    color: var(--topBarText);\n    background-color: $fallback--fg;\n    background-color: var(--topBar, $fallback--fg);\n    box-shadow: 0 0 4px rgb(0 0 0 / 60%);\n    box-shadow: var(--topBarShadow);\n\n    .spacer {\n      flex: 1;\n    }\n\n    .title {\n      font-size: 1.3em;\n      margin-left: 0.6em;\n    }\n  }\n\n  .pins {\n    flex: 1;\n\n    .pinned-item {\n      flex-grow: 1;\n    }\n  }\n\n  .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: $fallback--text;\n    color: var(--text, $fallback--text);\n    background-color: $fallback--bg;\n    background-color: var(--bg, $fallback--bg);\n\n    .notifications {\n      padding: 0;\n      border-radius: 0;\n      box-shadow: none;\n\n      .panel {\n        border-radius: 0;\n        margin: 0;\n        box-shadow: none;\n      }\n\n      .panel::after {\n        border-radius: 0;\n      }\n\n      .panel .panel-heading {\n        border-radius: 0;\n        box-shadow: none;\n      }\n    }\n  }\n\n  .confirm-modal.dark-overlay {\n    &::before {\n      z-index: 3000;\n    }\n\n    .dialog-modal.panel {\n      z-index: 3001;\n    }\n  }\n}\n\n","\n@import \"../../variables\";\n\n.SearchBar {\n  display: inline-flex;\n  align-items: baseline;\n  vertical-align: baseline;\n  justify-content: flex-end;\n\n  &.-expanded {\n    width: 100%;\n  }\n\n  .search-bar-input,\n  .search-button {\n    height: 29px;\n  }\n\n  .search-bar-input {\n    flex: 1 0 auto;\n  }\n\n  .cancel-search {\n    height: 50px;\n  }\n\n  .cancel-icon {\n    color: $fallback--text;\n    color: var(--btnTopBarText, $fallback--text);\n  }\n}\n\n","@import \"../../variables\";\n\n.DesktopNav {\n  width: 100%;\n  z-index: var(--ZI_navbar);\n\n  input {\n    color: var(--inputTopbarText, var(--inputText));\n  }\n\n  a {\n    color: var(--topBarLink, $fallback--link);\n  }\n\n  .inner-nav {\n    display: grid;\n    grid-template-rows: var(--navbar-height);\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\n  &.-column-stretch .inner-nav {\n    --miniColumn: 25rem;\n    --maxiColumn: 45rem;\n    --columnGap: 1em;\n\n    max-width:\n      calc(\n        var(--sidebarColumnWidth, var(--miniColumn)) +\n        var(--contentColumnWidth, var(--maxiColumn)) +\n        var(--columnGap)\n      );\n  }\n\n  &.-logoLeft .inner-nav {\n    grid-template-columns: auto 2fr 2fr;\n    grid-template-areas: \"logo sitename actions\";\n  }\n\n  &.-column-stretch.-wide .inner-nav {\n    max-width:\n      calc(\n        var(--sidebarColumnWidth, var(--miniColumn)) +\n        var(--contentColumnWidth, var(--maxiColumn)) +\n        var(--notifsColumnWidth, var(--miniColumn)) +\n        var(--columnGap)\n      );\n  }\n\n  .button-default {\n    &,\n    svg {\n      color: $fallback--text;\n      color: var(--btnTopBarText, $fallback--text);\n    }\n\n    &:active {\n      background-color: $fallback--fg;\n      background-color: var(--btnPressedTopBar, $fallback--fg);\n      color: $fallback--text;\n      color: var(--btnPressedTopBarText, $fallback--text);\n    }\n\n    &:disabled {\n      color: $fallback--text;\n      color: var(--btnDisabledTopBarText, $fallback--text);\n    }\n\n    &.toggled {\n      color: $fallback--text;\n      color: var(--btnToggledTopBarText, $fallback--text);\n      background-color: $fallback--fg;\n      background-color: var(--btnToggledTopBar, $fallback--fg);\n    }\n  }\n\n  .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      /* stylelint-disable-next-line declaration-no-important */\n      opacity: 1 !important;\n    }\n\n    .mask {\n      mask-repeat: no-repeat;\n      mask-position: center;\n      mask-size: contain;\n      background-color: $fallback--fg;\n      background-color: var(--topBarText, $fallback--fg);\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n\n    img {\n      display: inline-block;\n      height: var(--navbar-height);\n    }\n  }\n\n  .nav-icon {\n    margin-left: 0.2em;\n    width: 2em;\n    height: 100%;\n    text-align: center;\n\n    .svg-inline--fa {\n      color: $fallback--link;\n      color: var(--topBarLink, $fallback--link);\n    }\n  }\n\n  .sitename {\n    grid-area: sitename;\n  }\n\n  .actions {\n    grid-area: actions;\n  }\n\n  .item {\n    flex: 1;\n    line-height: var(--navbar-height);\n    height: var(--navbar-height);\n    overflow: hidden;\n    display: flex;\n    flex-wrap: wrap;\n\n    &.right {\n      justify-content: flex-end;\n      text-align: right;\n    }\n  }\n\n  .spacer {\n    width: 1em;\n  }\n}\n","\n@import \"../../variables\";\n\n.list {\n  &-item:not(:last-child) {\n    border-bottom: 1px solid;\n    border-bottom-color: $fallback--border;\n    border-bottom-color: var(--border, $fallback--border);\n  }\n\n  &-empty-content {\n    text-align: center;\n    padding: 10px;\n  }\n}\n","\n@import \"../../variables\";\n\n.user-reporting-panel {\n  width: 90vw;\n  max-width: 700px;\n  min-height: 20vh;\n  max-height: 80vh;\n\n  .panel-body {\n    display: flex;\n    flex-direction: column-reverse;\n    border-top: 1px solid;\n    border-color: $fallback--border;\n    border-color: var(--border, $fallback--border);\n    overflow: hidden;\n  }\n\n  &-left {\n    padding: 1.1em 0.7em 0.7em;\n    line-height: var(--post-line-height);\n    box-sizing: border-box;\n\n    > div {\n      margin-bottom: 1em;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    p {\n      margin-top: 0;\n    }\n\n    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\n    .btn {\n      min-width: 10em;\n      padding: 0 2em;\n    }\n\n    .alert {\n      margin: 1em 0 0;\n      line-height: 1.3em;\n    }\n  }\n\n  &-right {\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n  }\n\n  &-sitem {\n    display: flex;\n    justify-content: space-between;\n\n    /* TODO cleanup this */\n    > .Status {\n      flex: 1;\n    }\n\n    > .checkbox {\n      margin: 0.75em;\n    }\n  }\n\n  @media all and (min-width: 801px) {\n    .panel-body {\n      flex-direction: row;\n    }\n\n    &-left {\n      width: 50%;\n      max-width: 320px;\n      border-right: 1px solid;\n      border-color: $fallback--border;\n      border-color: var(--border, $fallback--border);\n      padding: 1.1em;\n\n      > div {\n        margin-bottom: 2em;\n      }\n    }\n\n    &-right {\n      width: 50%;\n      flex: 1 1 auto;\n      margin-bottom: 12px;\n    }\n  }\n}\n","\n.modal-view.edit-form-modal-view {\n  align-items: flex-start;\n}\n\n.edit-form-modal-panel {\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    margin-top: 8%;\n  }\n\n  .form-bottom-left {\n    max-width: 6.5em;\n\n    .emoji-icon {\n      justify-content: right;\n    }\n  }\n}\n","\n.modal-view.post-form-modal-view {\n  align-items: flex-start;\n}\n\n.post-form-modal-panel {\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    margin-top: 8%;\n  }\n}\n","\n.modal-view.status-history-modal-view {\n  align-items: flex-start;\n}\n\n.status-history-modal-panel {\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    margin-top: 8%;\n  }\n}\n","\n@import \"../../variables\";\n\n.global-notice-list {\n  position: fixed;\n  top: calc(var(--navbar-height) + 0.5em);\n  width: 100%;\n  pointer-events: none;\n  z-index: var(--ZI_modals_popovers);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  .global-notice {\n    pointer-events: auto;\n    text-align: center;\n    width: 40em;\n    max-width: calc(100% - 3em);\n    display: flex;\n    padding-left: 1.5em;\n    line-height: 2;\n    margin-bottom: 0.5em;\n\n    .notice-message {\n      flex: 1 1 100%;\n    }\n  }\n\n  .global-error {\n    background-color: var(--alertPopupError, $fallback--cRed);\n    color: var(--alertPopupErrorText, $fallback--text);\n\n    .svg-inline--fa {\n      color: var(--alertPopupErrorText, $fallback--text);\n    }\n  }\n\n  .global-warning {\n    background-color: var(--alertPopupWarning, $fallback--cOrange);\n    color: var(--alertPopupWarningText, $fallback--text);\n\n    .svg-inline--fa {\n      color: var(--alertPopupWarningText, $fallback--text);\n    }\n  }\n\n  .global-success {\n    background-color: var(--alertPopupSuccess, $fallback--cGreen);\n    color: var(--alertPopupSuccessText, $fallback--text);\n\n    .svg-inline--fa {\n      color: var(--alertPopupSuccessText, $fallback--text);\n    }\n  }\n\n  .global-info {\n    background-color: var(--alertPopupNeutral, $fallback--fg);\n    color: var(--alertPopupNeutralText, $fallback--text);\n\n    .svg-inline--fa {\n      color: var(--alertPopupNeutralText, $fallback--text);\n    }\n  }\n\n  .close-notice {\n    padding-right: 0.2em;\n\n    .svg-inline--fa:hover {\n      opacity: 0.6;\n    }\n  }\n}\n","// stylelint-disable rscss/class-format\n/* stylelint-disable no-descending-specificity */\n@import \"./variables\";\n@import \"./panel\";\n\n:root {\n  --navbar-height: 3.5rem;\n  --post-line-height: 1.4;\n  // Z-Index stuff\n  --ZI_media_modal: 9000;\n  --ZI_modals_popovers: 8500;\n  --ZI_modals: 8000;\n  --ZI_navbar_popovers: 7500;\n  --ZI_navbar: 7000;\n  --ZI_popovers: 6000;\n}\n\nhtml {\n  font-size: 14px;\n  // overflow-x: clip causes my browser's tab to crash with SIGILL lul\n}\n\nbody {\n  font-family: sans-serif;\n  font-family: var(--interfaceFont, sans-serif);\n  margin: 0;\n  color: $fallback--text;\n  color: var(--text, $fallback--text);\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\n  &.hidden {\n    display: none;\n  }\n}\n\n// ## Custom scrollbars\n// Only show custom scrollbars on devices which\n// have a cursor/pointer to operate them\n@media (any-pointer: fine) {\n  * {\n    scrollbar-color: var(--btn) transparent;\n\n    &::-webkit-scrollbar {\n      background: transparent;\n    }\n\n    &::-webkit-scrollbar-button,\n    &::-webkit-scrollbar-thumb {\n      background-color: var(--btn);\n      box-shadow: var(--buttonShadow);\n      border-radius: var(--btnRadius);\n    }\n\n    // horizontal/vertical/increment/decrement are webkit-specific stuff\n    // that indicates whether we're affecting vertical scrollbar, increase button etc\n    // stylelint-disable selector-pseudo-class-no-unknown\n    &::-webkit-scrollbar-button {\n      --___bgPadding: 2px;\n\n      color: var(--btnText);\n      background-repeat: no-repeat, no-repeat;\n\n      &:horizontal {\n        background-size: 50% calc(50% - var(--___bgPadding)), 50% calc(50% - var(--___bgPadding));\n\n        &:increment {\n          background-image:\n            linear-gradient(45deg, var(--btnText) 50%, transparent 51%),\n            linear-gradient(-45deg, transparent 50%, var(--btnText) 51%);\n          background-position: top var(--___bgPadding) left 50%, right 50% bottom var(--___bgPadding);\n        }\n\n        &:decrement {\n          background-image:\n            linear-gradient(45deg, transparent 50%, var(--btnText) 51%),\n            linear-gradient(-45deg, var(--btnText) 50%, transparent 51%);\n          background-position: bottom var(--___bgPadding) right 50%, left 50% top var(--___bgPadding);\n        }\n      }\n\n      &:vertical {\n        background-size: calc(50% - var(--___bgPadding)) 50%, calc(50% - var(--___bgPadding)) 50%;\n\n        &:increment {\n          background-image:\n            linear-gradient(-45deg, transparent 50%, var(--btnText) 51%),\n            linear-gradient(45deg, transparent 50%, var(--btnText) 51%);\n          background-position: right var(--___bgPadding) top 50%, left var(--___bgPadding) top 50%;\n        }\n\n        &:decrement {\n          background-image:\n            linear-gradient(-45deg, var(--btnText) 50%, transparent 51%),\n            linear-gradient(45deg, var(--btnText) 50%, transparent 51%);\n          background-position: left var(--___bgPadding) top 50%, right var(--___bgPadding) top 50%;\n        }\n      }\n    }\n    // stylelint-enable selector-pseudo-class-no-unknown\n  }\n  // Body should have background to scrollbar otherwise it will use white (body color?)\n  html {\n    scrollbar-color: var(--selectedMenu) var(--wallpaper);\n    background: var(--wallpaper);\n  }\n}\n\na {\n  text-decoration: none;\n  color: $fallback--link;\n  color: var(--link, $fallback--link);\n}\n\nh4 {\n  margin: 0;\n}\n\n.iconLetter {\n  display: inline-block;\n  text-align: center;\n  font-weight: 1000;\n}\n\ni[class*=\"icon-\"],\n.svg-inline--fa,\n.iconLetter {\n  color: $fallback--icon;\n  color: var(--icon, $fallback--icon);\n}\n\n.button-unstyled:hover,\na:hover {\n  > i[class*=\"icon-\"],\n  > .svg-inline--fa,\n  > .iconLetter {\n    color: var(--text);\n  }\n}\n\nnav {\n  z-index: var(--ZI_navbar);\n  background-color: $fallback--fg;\n  background-color: var(--topBar, $fallback--fg);\n  color: $fallback--faint;\n  color: var(--faint, $fallback--faint);\n  box-shadow: 0 0 4px rgb(0 0 0 / 60%);\n  box-shadow: var(--topBarShadow);\n  box-sizing: border-box;\n  height: var(--navbar-height);\n  position: fixed;\n}\n\n#sidebar {\n  grid-area: sidebar;\n}\n\n#modal {\n  position: absolute;\n  z-index: var(--ZI_modals);\n}\n\n.column.-scrollable {\n  top: var(--navbar-height);\n  position: sticky;\n}\n\n#main-scroller {\n  grid-area: content;\n  position: relative;\n}\n\n#notifs-column {\n  grid-area: notifs;\n}\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\n.underlay {\n  grid-column: 1 / span 3;\n  grid-row: 1 / 1;\n  pointer-events: none;\n  background-color: rgb(0 0 0 / 15%);\n  background-color: var(--underlay, rgb(0 0 0 / 15%));\n  z-index: -1000;\n}\n\n.app-layout {\n  --miniColumn: 25rem;\n  --maxiColumn: 45rem;\n  --columnGap: 1em;\n  --status-margin: 0.75em;\n  --effectiveSidebarColumnWidth: minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn)));\n  --effectiveNotifsColumnWidth: minmax(var(--miniColumn), var(--notifsColumnWidth, var(--miniColumn)));\n  --effectiveContentColumnWidth: minmax(var(--miniColumn), var(--contentColumnWidth, var(--maxiColumn)));\n\n  position: relative;\n  display: grid;\n  grid-template-columns:\n    var(--effectiveSidebarColumnWidth)\n    var(--effectiveContentColumnWidth);\n  grid-template-areas: \"sidebar content\";\n  grid-template-rows: 1fr;\n  box-sizing: border-box;\n  margin: 0 auto;\n  align-content: flex-start;\n  flex-wrap: wrap;\n  justify-content: center;\n  min-height: 100vh;\n  overflow-x: clip;\n\n  .column {\n    --___columnMargin: var(--columnGap);\n\n    display: grid;\n    grid-template-columns: 100%;\n    box-sizing: border-box;\n    grid-row: 1 / 1;\n    margin: 0 calc(var(--___columnMargin) / 2);\n    padding: calc(var(--___columnMargin)) 0;\n    row-gap: var(--___columnMargin);\n    align-content: start;\n\n    &:not(.-scrollable) {\n      margin-top: var(--navbar-height);\n    }\n\n    &:hover {\n      z-index: 2;\n    }\n\n    &.-full-height {\n      margin-bottom: 0;\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    &.-scrollable {\n      --___paddingIncrease: calc(var(--columnGap) / 2);\n\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      // On browsers that don't support hiding scrollbars we enforce \"show scrolbars\" mode\n      // might implement old style of hiding scrollbars later if there's demand\n      @supports (scrollbar-width: none) or (-webkit-text-fill-color: initial) {\n        &: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          &::-webkit-scrollbar {\n            display: block;\n            width: 0;\n          }\n        }\n      }\n\n      .panel-heading.-sticky {\n        top: calc(var(--columnGap) / -1);\n      }\n    }\n  }\n\n  &.-has-new-post-button {\n    .column {\n      padding-bottom: 10rem;\n    }\n  }\n\n  &.-no-sticky-headers {\n    .column {\n      .panel-heading.-sticky {\n        position: relative;\n        top: 0;\n      }\n    }\n  }\n\n  .column-inner {\n    display: grid;\n    grid-template-columns: 100%;\n    box-sizing: border-box;\n    row-gap: 1em;\n    align-content: start;\n  }\n\n  &.-reverse:not(.-wide, .-mobile) {\n    grid-template-columns:\n      var(--effectiveContentColumnWidth)\n      var(--effectiveSidebarColumnWidth);\n    grid-template-areas: \"content sidebar\";\n  }\n\n  &.-wide {\n    grid-template-columns:\n      var(--effectiveSidebarColumnWidth)\n      var(--effectiveContentColumnWidth)\n      var(--effectiveNotifsColumnWidth);\n    grid-template-areas: \"sidebar content notifs\";\n\n    &.-reverse {\n      grid-template-columns:\n        var(--effectiveNotifsColumnWidth)\n        var(--effectiveContentColumnWidth)\n        var(--effectiveSidebarColumnWidth);\n      grid-template-areas: \"notifs content sidebar\";\n    }\n  }\n\n  &.-mobile {\n    grid-template-columns: 100vw;\n    grid-template-areas: \"content\";\n    padding: 0;\n\n    .column {\n      padding-top: 0;\n      margin: var(--navbar-height) 0 0 0;\n    }\n\n    .panel-heading,\n    .panel-heading::after,\n    .panel-heading::before,\n    .panel,\n    .panel::after {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n    }\n\n    #sidebar,\n    #notifs-column {\n      display: none;\n    }\n  }\n\n  &.-normal {\n    #notifs-column {\n      display: none;\n    }\n  }\n}\n\n.text-center {\n  text-align: center;\n}\n\n.button-default {\n  user-select: none;\n  color: $fallback--text;\n  color: var(--btnText, $fallback--text);\n  background-color: $fallback--fg;\n  background-color: var(--btn, $fallback--fg);\n  border: none;\n  border-radius: $fallback--btnRadius;\n  border-radius: var(--btnRadius, $fallback--btnRadius);\n  cursor: pointer;\n  box-shadow: $fallback--buttonShadow;\n  box-shadow: var(--buttonShadow);\n  font-size: 1em;\n  font-family: sans-serif;\n  font-family: var(--interfaceFont, sans-serif);\n\n  &.-sublime {\n    background: transparent;\n  }\n\n  i[class*=\"icon-\"],\n  .svg-inline--fa {\n    color: $fallback--text;\n    color: var(--btnText, $fallback--text);\n  }\n\n  &::-moz-focus-inner {\n    border: none;\n  }\n\n  &:hover {\n    box-shadow: 0 0 4px rgb(255 255 255 / 30%);\n    box-shadow: var(--buttonHoverShadow);\n  }\n\n  &:active {\n    box-shadow:\n      0 0 4px 0 rgb(255 255 255 / 30%),\n      0 1px 0 0 rgb(0 0 0 / 20%) inset,\n      0 -1px 0 0 rgb(255 255 255 / 20%) inset;\n    box-shadow: var(--buttonPressedShadow);\n    color: $fallback--text;\n    color: var(--btnPressedText, $fallback--text);\n    background-color: $fallback--fg;\n    background-color: var(--btnPressed, $fallback--fg);\n\n    svg,\n    i {\n      color: $fallback--text;\n      color: var(--btnPressedText, $fallback--text);\n    }\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    color: $fallback--text;\n    color: var(--btnDisabledText, $fallback--text);\n    background-color: $fallback--fg;\n    background-color: var(--btnDisabled, $fallback--fg);\n\n    svg,\n    i {\n      color: $fallback--text;\n      color: var(--btnDisabledText, $fallback--text);\n    }\n  }\n\n  &.toggled {\n    color: $fallback--text;\n    color: var(--btnToggledText, $fallback--text);\n    background-color: $fallback--fg;\n    background-color: var(--btnToggled, $fallback--fg);\n    box-shadow:\n      0 0 4px 0 rgb(255 255 255 / 30%),\n      0 1px 0 0 rgb(0 0 0 / 20%) inset,\n      0 -1px 0 0 rgb(255 255 255 / 20%) inset;\n    box-shadow: var(--buttonPressedShadow);\n\n    svg,\n    i {\n      color: $fallback--text;\n      color: var(--btnToggledText, $fallback--text);\n    }\n  }\n\n  &.danger {\n    // TODO: add better color variable\n    color: $fallback--text;\n    color: var(--alertErrorPanelText, $fallback--text);\n    background-color: $fallback--alertError;\n    background-color: var(--alertError, $fallback--alertError);\n  }\n}\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  &.-link {\n    color: $fallback--link;\n    color: var(--link, $fallback--link);\n  }\n\n  &.-fullwidth {\n    width: 100%;\n  }\n\n  &.-hover-highlight {\n    &:hover svg {\n      color: $fallback--lightText;\n      color: var(--lightText, $fallback--lightText);\n    }\n  }\n}\n\ninput,\ntextarea,\n.input {\n  &.unstyled {\n    border-radius: 0;\n    background: none;\n    box-shadow: none;\n    height: unset;\n  }\n\n  --_padding: 0.5em;\n\n  border: none;\n  border-radius: $fallback--inputRadius;\n  border-radius: var(--inputRadius, $fallback--inputRadius);\n  box-shadow:\n    0 1px 0 0 rgb(0 0 0 / 20%) inset,\n    0 -1px 0 0 rgb(255 255 255 / 20%) inset,\n    0 0 2px 0 rgb(0 0 0 / 100%) inset;\n  box-shadow: var(--inputShadow);\n  background-color: $fallback--fg;\n  background-color: var(--input, $fallback--fg);\n  color: $fallback--lightText;\n  color: var(--inputText, $fallback--lightText);\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  hyphens: none;\n  padding: 0 var(--_padding);\n\n  &:disabled,\n  &[disabled=\"disabled\"],\n  &.disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  &[type=\"range\"] {\n    background: none;\n    border: none;\n    margin: 0;\n    box-shadow: none;\n    flex: 1;\n  }\n\n  &[type=\"radio\"] {\n    display: none;\n\n    &:checked + label::before {\n      box-shadow: 0 0 2px black inset, 0 0 0 4px $fallback--fg inset;\n      box-shadow: var(--inputShadow), 0 0 0 4px var(--fg, $fallback--fg) inset;\n      background-color: var(--accent, $fallback--link);\n    }\n\n    &:disabled {\n      &,\n      & + label,\n      & + label::before {\n        opacity: 0.5;\n      }\n    }\n\n    + label::before {\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%; // Radio buttons should always be circle\n      box-shadow: 0 0 2px black inset;\n      box-shadow: var(--inputShadow);\n      margin-right: 0.5em;\n      background-color: $fallback--fg;\n      background-color: var(--input, $fallback--fg);\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    }\n  }\n\n  &[type=\"checkbox\"] {\n    &:checked + label::before {\n      color: $fallback--text;\n      color: var(--inputText, $fallback--text);\n    }\n\n    &:disabled {\n      &,\n      & + label,\n      & + label::before {\n        opacity: 0.5;\n      }\n    }\n\n    + label::before {\n      flex-shrink: 0;\n      display: inline-block;\n      content: \"✓\";\n      transition: color 200ms;\n      width: 1.1em;\n      height: 1.1em;\n      border-radius: $fallback--checkboxRadius;\n      border-radius: var(--checkboxRadius, $fallback--checkboxRadius);\n      box-shadow: 0 0 2px black inset;\n      box-shadow: var(--inputShadow);\n      margin-right: 0.5em;\n      background-color: $fallback--fg;\n      background-color: var(--input, $fallback--fg);\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    }\n  }\n\n  &.resize-height {\n    resize: vertical;\n  }\n}\n\n// Textareas should have stock line-height + vertical padding instead of huge line-height\ntextarea {\n  padding: var(--_padding);\n  line-height: var(--post-line-height);\n}\n\noption {\n  color: $fallback--text;\n  color: var(--text, $fallback--text);\n  background-color: $fallback--bg;\n  background-color: var(--bg, $fallback--bg);\n}\n\n.hide-number-spinner {\n  appearance: textfield;\n\n  &[type=\"number\"]::-webkit-inner-spin-button,\n  &[type=\"number\"]::-webkit-outer-spin-button {\n    opacity: 0;\n    display: none;\n  }\n}\n\n.cards-list {\n  list-style: none;\n  display: grid;\n  grid-auto-flow: row dense;\n  grid-template-columns: 1fr 1fr;\n\n  li {\n    border: 1px solid var(--border);\n    border-radius: var(--inputRadius);\n    padding: 0.5em;\n    margin: 0.25em;\n  }\n}\n\n.btn-block {\n  display: block;\n  width: 100%;\n}\n\n.btn-group {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle;\n\n  button,\n  .button-dropdown {\n    position: relative;\n    flex: 1 1 auto;\n\n    &:not(:last-child),\n    &:not(:last-child) .button-default {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    &:not(:first-child),\n    &:not(:first-child) .button-default {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  }\n}\n\n.fa {\n  color: grey;\n}\n\n.mobile-shown {\n  display: none;\n}\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;\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-notification {\n    background-color: $fallback--cRed;\n    background-color: var(--badgeNotification, $fallback--cRed);\n    color: white;\n    color: var(--badgeNotificationText, white);\n  }\n}\n\n.alert {\n  margin: 0 0.35em;\n  padding: 0 0.25em;\n  border-radius: $fallback--tooltipRadius;\n  border-radius: var(--tooltipRadius, $fallback--tooltipRadius);\n\n  &.error {\n    background-color: $fallback--alertError;\n    background-color: var(--alertError, $fallback--alertError);\n    color: $fallback--text;\n    color: var(--alertErrorText, $fallback--text);\n\n    .panel-heading & {\n      color: $fallback--text;\n      color: var(--alertErrorPanelText, $fallback--text);\n    }\n  }\n\n  &.warning {\n    background-color: $fallback--alertWarning;\n    background-color: var(--alertWarning, $fallback--alertWarning);\n    color: $fallback--text;\n    color: var(--alertWarningText, $fallback--text);\n\n    .panel-heading & {\n      color: $fallback--text;\n      color: var(--alertWarningPanelText, $fallback--text);\n    }\n  }\n\n  &.success {\n    background-color: var(--alertSuccess, $fallback--alertWarning);\n    color: var(--alertSuccessText, $fallback--text);\n\n    .panel-heading & {\n      color: var(--alertSuccessPanelText, $fallback--text);\n    }\n  }\n}\n\n.faint {\n  color: $fallback--faint;\n  color: var(--faint, $fallback--faint);\n}\n\n.faint-link {\n  color: $fallback--faint;\n  color: var(--faint, $fallback--faint);\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.visibility-notice {\n  padding: 0.5em;\n  border: 1px solid $fallback--faint;\n  border: 1px solid var(--faint, $fallback--faint);\n  border-radius: $fallback--inputRadius;\n  border-radius: var(--inputRadius, $fallback--inputRadius);\n}\n\n.notice-dismissible {\n  padding-right: 4rem;\n  position: relative;\n\n  .dismiss {\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 0.5em;\n    color: inherit;\n  }\n}\n\n.fa-scale-110 {\n  &.svg-inline--fa,\n  &.iconLetter {\n    font-size: 1.1em;\n  }\n}\n\n.fa-old-padding {\n  &.iconLetter,\n  &.svg-inline--fa,\n  &-layer {\n    padding: 0 0.3em;\n  }\n}\n\n.veryfaint {\n  opacity: 0.25;\n}\n\n.login-hint {\n  text-align: center;\n\n  @media all and (min-width: 801px) {\n    display: none;\n  }\n\n  a {\n    display: inline-block;\n    padding: 1em 0;\n    width: 100%;\n  }\n}\n\n.btn.button-default {\n  min-height: 2em;\n}\n\n.new-status-notification {\n  position: relative;\n  font-size: 1.1em;\n  z-index: 1;\n  flex: 1;\n}\n\n@media all and (max-width: 800px) {\n  .mobile-hidden {\n    display: none;\n  }\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(359deg);\n  }\n}\n\n@keyframes shakeError {\n  0% {\n    transform: translateX(0);\n  }\n\n  15% {\n    transform: translateX(0.375rem);\n  }\n\n  30% {\n    transform: translateX(-0.375rem);\n  }\n\n  45% {\n    transform: translateX(0.375rem);\n  }\n\n  60% {\n    transform: translateX(-0.375rem);\n  }\n\n  75% {\n    transform: translateX(0.375rem);\n  }\n\n  90% {\n    transform: translateX(-0.375rem);\n  }\n\n  100% {\n    transform: translateX(0);\n  }\n}\n\n// Vue transitions\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s;\n}\n\n.fade-enter-from,\n.fade-leave-active {\n  opacity: 0;\n}\n/* stylelint-enable no-descending-specificity */\n\n.visible-for-screenreader-only {\n  display: block;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  visibility: visible;\n  clip: rect(0 0 0 0);\n  padding: 0;\n  position: absolute;\n}\n","/* stylelint-disable no-descending-specificity */\n.panel {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background-color: $fallback--bg;\n  background-color: var(--bg, $fallback--bg);\n\n  &::after,\n  & {\n    border-radius: $fallback--panelRadius;\n    border-radius: var(--panelRadius, $fallback--panelRadius);\n  }\n\n  &::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 rgb(0 0 0 / 60%);\n    box-shadow: var(--panelShadow);\n    pointer-events: none;\n  }\n}\n\n.panel-body {\n  padding: var(--panel-body-padding, 0);\n\n  &:empty::before {\n    content: \"¯\\\\_(ツ)_/¯\"; // Could use words but it'd require translations\n    display: block;\n    margin: 1em;\n    text-align: center;\n  }\n\n  > p {\n    line-height: 1.3;\n    padding: 1em;\n    margin: 0;\n  }\n}\n\n.panel-heading,\n.panel-footer {\n  --panel-heading-height-padding: 0.6em;\n  --__panel-heading-gap: 0.5em;\n  --__panel-heading-height: 3.2em;\n  --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding, 0));\n\n  position: relative;\n  box-sizing: border-box;\n  display: grid;\n  grid-auto-flow: column;\n  grid-template-columns: minmax(50%, 1fr);\n  grid-auto-columns: auto;\n  grid-column-gap: var(--__panel-heading-gap);\n  flex: none;\n  background-size: cover;\n  padding: var(--panel-heading-height-padding);\n  height: var(--__panel-heading-height);\n  line-height: var(--__panel-heading-height-inner);\n  z-index: 4;\n\n  &.-flexible-height {\n    --__panel-heading-height: auto;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n  }\n\n  &.-stub {\n    &,\n    &::after {\n      border-radius: $fallback--panelRadius;\n      border-radius: var(--panelRadius, $fallback--panelRadius);\n    }\n  }\n\n  &.-sticky {\n    position: sticky;\n    top: var(--navbar-height);\n  }\n\n  &::after,\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    pointer-events: none;\n  }\n\n  .title {\n    font-size: 1.3em;\n  }\n\n  .alert {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow-x: hidden;\n  }\n\n  &:not(.-flexible-height) {\n    > .button-default,\n    > .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      align-self: stretch;\n    }\n  }\n}\n\n// TODO Should refactor panels into separate component and utilize slots\n\n.panel-heading {\n  border-radius: $fallback--panelRadius $fallback--panelRadius 0 0;\n  border-radius: var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius) 0 0;\n  border-width: 0 0 1px;\n  align-items: start;\n  // panel theme\n  color: var(--panelText);\n  background-color: $fallback--bg;\n  background-color: var(--bg, $fallback--bg);\n\n  &::after {\n    background-color: $fallback--fg;\n    background-color: var(--panel, $fallback--fg);\n    z-index: -2;\n    border-radius: $fallback--panelRadius $fallback--panelRadius 0 0;\n    border-radius: var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius) 0 0;\n    box-shadow: var(--panelHeaderShadow);\n  }\n\n  a,\n  .-link {\n    color: $fallback--link;\n    color: var(--panelLink, $fallback--link);\n  }\n\n  .button-unstyled:hover,\n  a:hover {\n    i[class*=\"icon-\"],\n    .svg-inline--fa,\n    .iconLetter {\n      color: var(--panelText);\n    }\n  }\n\n  .faint {\n    background-color: transparent;\n    color: $fallback--faint;\n    color: var(--panelFaint, $fallback--faint);\n  }\n\n  .faint-link {\n    color: $fallback--faint;\n    color: var(--faintLink, $fallback--faint);\n  }\n\n  &:not(.-flexible-height) {\n    > .button-default {\n      flex-shrink: 0;\n\n      &,\n      i[class*=\"icon-\"] {\n        color: $fallback--text;\n        color: var(--btnPanelText, $fallback--text);\n      }\n\n      &:active {\n        background-color: $fallback--fg;\n        background-color: var(--btnPressedPanel, $fallback--fg);\n        color: $fallback--text;\n        color: var(--btnPressedPanelText, $fallback--text);\n      }\n\n      &:disabled {\n        color: $fallback--text;\n        color: var(--btnDisabledPanelText, $fallback--text);\n      }\n\n      &.toggled {\n        color: $fallback--text;\n        color: var(--btnToggledPanelText, $fallback--text);\n      }\n    }\n  }\n\n  .rightside-button {\n    align-self: stretch;\n    text-align: center;\n    width: var(--__panel-heading-height);\n    height: var(--__panel-heading-height);\n    margin: calc(-1 * var(--panel-heading-height-padding)) 0;\n    margin-right: calc(-1 * var(--__panel-heading-gap));\n\n    > button {\n      box-sizing: border-box;\n      padding: calc(1 * var(--panel-heading-height-padding)) 0;\n      height: 100%;\n      width: 100%;\n      text-align: center;\n\n      svg {\n        font-size: 1.2em;\n      }\n    }\n  }\n\n  .rightside-icon {\n    align-self: stretch;\n    text-align: center;\n    width: var(--__panel-heading-height);\n    margin-right: calc(-1 * var(--__panel-heading-gap));\n\n    svg {\n      font-size: 1.2em;\n    }\n  }\n}\n\n.panel-footer {\n  border-radius: 0 0 $fallback--panelRadius $fallback--panelRadius;\n  border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius);\n  align-items: center;\n  border-width: 1px 0 0;\n  border-style: solid;\n  border-color: var(--border, $fallback--border);\n}\n/* stylelint-enable no-descending-specificity */\n","\n@import \"../../variables\";\n\n.thread-tree-replies {\n  margin-left: var(--status-margin, $status-margin);\n  border-left: 2px solid var(--border, $fallback--border);\n}\n\n.thread-tree-replies-hidden {\n  padding: var(--status-margin, $status-margin);\n\n  /* Make the button stretch along the whole row */\n  display: flex;\n  align-items: stretch;\n  flex-direction: column;\n}\n","\n@import \"../../variables\";\n\n.Conversation {\n  z-index: 1;\n\n  .conversation-dive-to-top-level-box {\n    padding: var(--status-margin, $status-margin);\n    border-bottom: 1px solid var(--border, $fallback--border);\n    border-radius: 0;\n\n    /* Make the button stretch along the whole row */\n    display: flex;\n    align-items: stretch;\n    flex-direction: column;\n  }\n\n  .thread-ancestors {\n    margin-left: var(--status-margin, $status-margin);\n    border-left: 2px solid var(--border, $fallback--border);\n  }\n\n  .thread-ancestor.-faded .StatusContent {\n    --link: var(--faintLink);\n    --text: var(--faint);\n\n    color: var(--text);\n  }\n\n  .thread-ancestor-dive-box {\n    padding-left: var(--status-margin, $status-margin);\n    border-bottom: 1px solid var(--border, $fallback--border);\n    border-radius: 0;\n\n    /* Make the button stretch along the whole row */\n    &,\n    &-inner {\n      display: flex;\n      align-items: stretch;\n      flex-direction: column;\n    }\n  }\n\n  .thread-ancestor-dive-box-inner {\n    padding: var(--status-margin, $status-margin);\n  }\n\n  .conversation-status {\n    border-bottom: 1px solid var(--border, $fallback--border);\n    border-radius: 0;\n  }\n\n  .thread-ancestor-has-other-replies .conversation-status,\n  &:last-child .conversation-status,\n  .thread-ancestor:last-child .conversation-status,\n  .thread-ancestor:last-child .thread-ancestor-dive-box,\n  &.-expanded .thread-tree .conversation-status {\n    border-bottom: none;\n  }\n\n  .thread-ancestors + .thread-tree > .conversation-status {\n    border-top: 1px solid var(--border, $fallback--border);\n  }\n\n  /* expanded conversation in timeline */\n  &.status-fadein.-expanded .thread-body {\n    border-left: 4px solid $fallback--cRed;\n    border-left-color: var(--cRed, $fallback--cRed);\n    border-radius: 0 0 $fallback--panelRadius $fallback--panelRadius;\n    border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius);\n    border-bottom: 1px solid var(--border, $fallback--border);\n  }\n\n  &.-expanded.status-fadein {\n    margin: calc(var(--status-margin, $status-margin) / 2);\n  }\n}\n","\n@import \"../../variables\";\n\n.timeline-menu-popover {\n  min-width: 24rem;\n  max-width: 100vw;\n  margin-top: 0.6rem;\n  font-size: 1rem;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  a {\n    display: block;\n    padding: 0 0.65em;\n    height: 3.5em;\n    line-height: 3.5em;\n\n    &:hover {\n      background-color: $fallback--lightBg;\n      background-color: var(--selectedMenu, $fallback--lightBg);\n      color: $fallback--link;\n      color: var(--selectedMenuText, $fallback--link);\n\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\n    &.router-link-active {\n      font-weight: bolder;\n      background-color: $fallback--lightBg;\n      background-color: var(--selectedMenu, $fallback--lightBg);\n      color: $fallback--text;\n      color: var(--selectedMenuText, $fallback--text);\n\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      &:hover {\n        text-decoration: underline;\n      }\n    }\n\n    svg {\n      margin-right: 0.4em;\n      margin-left: -0.2em;\n    }\n  }\n\n  li {\n    border-bottom: 1px solid;\n    border-color: $fallback--border;\n    border-color: var(--border, $fallback--border);\n    padding: 0;\n\n    &:last-child a {\n      border-bottom-right-radius: $fallback--panelRadius;\n      border-bottom-right-radius: var(--panelRadius, $fallback--panelRadius);\n      border-bottom-left-radius: $fallback--panelRadius;\n      border-bottom-left-radius: var(--panelRadius, $fallback--panelRadius);\n    }\n\n    &:last-child {\n      border: none;\n    }\n  }\n}\n\n.TimelineMenu {\n  margin-right: auto;\n  min-width: 0;\n\n  .popover-trigger-button {\n    vertical-align: bottom;\n  }\n\n  .panel::after {\n    border-top-right-radius: 0;\n    border-top-left-radius: 0;\n  }\n\n  .timeline-menu-title {\n    margin: 0;\n    cursor: pointer;\n    user-select: none;\n    width: 100%;\n    display: flex;\n\n    .timeline-menu-name {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    svg {\n      margin-left: 0.6em;\n      transition: transform 100ms;\n    }\n\n    .click-blocker {\n      cursor: default;\n      flex-grow: 1;\n    }\n  }\n\n  &.open .timeline-menu-title svg {\n    color: $fallback--text;\n    color: var(--panelText, $fallback--text);\n    transform: rotate(180deg);\n  }\n\n  .panel {\n    box-shadow: var(--popoverShadow);\n  }\n}\n","@import \"../../variables\";\n\n.Timeline {\n  .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: var(--badgeNeutral);\n  }\n\n  .alert-badge {\n    font-size: 0.75em;\n    line-height: 1;\n    text-align: right;\n    border-radius: var(--tooltipRadius);\n    position: absolute;\n    left: calc(50% - 0.5em);\n    top: calc(50% - 0.4em);\n    padding: 0.2em;\n    margin-left: 0.7em;\n    margin-top: -1em;\n    background-color: var(--badgeNeutral);\n    color: var(--badgeNeutralText);\n  }\n\n  .loadmore-button {\n    position: relative;\n  }\n\n  &.-blocked {\n    cursor: progress;\n  }\n\n  .conversation-heading {\n    top: calc(var(--__panel-heading-height) * var(--currentPanelStack, 2));\n    z-index: 2;\n  }\n\n  &.-nonpanel {\n    .timeline-heading {\n      text-align: center;\n      line-height: 2.75em;\n      padding: 0 0.5em;\n\n      .button-default,\n      .alert {\n        line-height: 2em;\n        width: 100%;\n      }\n    }\n  }\n}\n","@import \"../../variables\";\n\n/* stylelint-disable no-descending-specificity */\n.tab-switcher {\n  display: flex;\n\n  .tab-icon {\n    margin: 0.2em auto;\n    display: block;\n  }\n\n  &.top-tabs {\n    flex-direction: column;\n\n    > .tabs {\n      width: 100%;\n      overflow-y: hidden;\n      overflow-x: auto;\n      padding-top: 5px;\n      flex-direction: row;\n      flex: 0 0 auto;\n\n      &::after,\n      &::before {\n        content: \"\";\n        flex: 1 1 auto;\n        border-bottom: 1px solid;\n        border-bottom-color: $fallback--border;\n        border-bottom-color: var(--border, $fallback--border);\n      }\n\n      .tab-wrapper {\n        height: 2em;\n\n        &:not(.active)::after {\n          left: 0;\n          right: 0;\n          bottom: 0;\n          border-bottom: 1px solid;\n          border-bottom-color: $fallback--border;\n          border-bottom-color: var(--border, $fallback--border);\n        }\n      }\n\n      .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: 6px - 99px;\n      }\n    }\n\n    .contents.scrollable-tabs {\n      flex-basis: 0;\n    }\n  }\n\n  &.side-tabs {\n    flex-direction: row;\n\n    @media all and (max-width: 800px) {\n      overflow-x: auto;\n    }\n\n    > .contents {\n      flex: 1 1 auto;\n    }\n\n    > .tabs {\n      flex: 0 0 auto;\n      overflow-y: auto;\n      overflow-x: hidden;\n      flex-direction: column;\n\n      &::after,\n      &::before {\n        flex-shrink: 0;\n        flex-basis: 0.5em;\n        content: \"\";\n        border-right: 1px solid;\n        border-right-color: $fallback--border;\n        border-right-color: var(--border, $fallback--border);\n      }\n\n      &::after {\n        flex-grow: 1;\n      }\n\n      &::before {\n        flex-grow: 0;\n      }\n\n      .tab-wrapper {\n        min-width: 10em;\n        display: flex;\n        flex-direction: column;\n\n        @media all and (max-width: 800px) {\n          min-width: 4em;\n        }\n\n        &:not(.active)::after {\n          top: 0;\n          right: 0;\n          bottom: 0;\n          border-right: 1px solid;\n          border-right-color: $fallback--border;\n          border-right-color: var(--border, $fallback--border);\n        }\n\n        &::before {\n          flex: 0 0 6px;\n          content: \"\";\n          border-right: 1px solid;\n          border-right-color: $fallback--border;\n          border-right-color: var(--border, $fallback--border);\n        }\n\n        &:last-child .tab {\n          margin-bottom: 0;\n        }\n      }\n\n      .tab {\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          padding-left: 0.25em;\n          padding-right: calc(0.25em + 200px);\n          margin-right: calc(0.25em - 200px);\n          margin-left: 0.25em;\n\n          .text {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n\n  .contents {\n    flex: 1 0 auto;\n    min-height: 0;\n\n    .hidden {\n      display: none;\n    }\n\n    .full-height:not(.hidden) {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n\n      > *:not(.mobile-label) {\n        flex: 1;\n      }\n    }\n\n    &.scrollable-tabs {\n      overflow-y: auto;\n    }\n  }\n\n  .tab {\n    position: relative;\n    white-space: nowrap;\n    padding: 6px 1em;\n\n    &:not(.active) {\n      z-index: 4;\n\n      &:hover {\n        z-index: 6;\n      }\n    }\n\n    &.active {\n      background: transparent;\n      z-index: 5;\n      color: $fallback--text;\n      color: var(--tabActiveText, $fallback--text);\n    }\n\n    img {\n      max-height: 26px;\n      vertical-align: top;\n      margin-top: -5px;\n    }\n  }\n\n  .tabs {\n    display: flex;\n    position: relative;\n    box-sizing: border-box;\n\n    &::after,\n    &::before {\n      display: block;\n      flex: 1 1 auto;\n    }\n  }\n\n  .tab-wrapper {\n    position: relative;\n    display: flex;\n    flex: 0 0 auto;\n\n    &:not(.active) {\n      &::after {\n        content: \"\";\n        position: absolute;\n        z-index: 7;\n      }\n    }\n  }\n\n  .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, $fallback--border);\n\n    @media all and (min-width: 800px) {\n      display: none;\n    }\n  }\n}\n/* stylelint-enable no-descending-specificity */\n","\n@import \"../../variables\";\n\n.chat-title {\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  --emoji-size: 14px;\n\n  .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\n  .avatar-container {\n    align-self: center;\n    line-height: 1;\n  }\n\n  .titlebar-avatar {\n    margin-right: 0.5em;\n    height: 1.5em;\n    width: 1.5em;\n    border-radius: $fallback--avatarAltRadius;\n    border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);\n\n    &.animated::before {\n      display: none;\n    }\n  }\n}\n",".chat-list-item {\n  display: flex;\n  flex-direction: row;\n  padding: 0.75em;\n  height: 5em;\n  overflow: hidden;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  :focus {\n    outline: none;\n  }\n\n  &:hover {\n    background-color: var(--selectedPost, $fallback--lightBg);\n    box-shadow: 0 0 3px 1px rgb(0 0 0 / 10%);\n  }\n\n  .chat-list-item-left {\n    margin-right: 1em;\n  }\n\n  .chat-list-item-center {\n    width: 100%;\n    box-sizing: border-box;\n    overflow: hidden;\n    word-wrap: break-word;\n  }\n\n  .heading {\n    width: 100%;\n    display: inline-flex;\n    justify-content: space-between;\n    line-height: 1em;\n  }\n\n  .heading-right {\n    white-space: nowrap;\n  }\n\n  .name-and-account-name {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    flex-shrink: 1;\n    line-height: var(--post-line-height);\n  }\n\n  .chat-preview {\n    display: inline-flex;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    margin: 0.35em 0;\n    color: $fallback--text;\n    color: var(--faint, $fallback--text);\n    width: 100%;\n  }\n\n  a {\n    color: var(--faintLink, $fallback--link);\n    text-decoration: none;\n    pointer-events: none;\n  }\n\n  &:hover .animated.avatar {\n    canvas {\n      display: none;\n    }\n\n    img {\n      visibility: visible;\n    }\n  }\n\n  .Avatar {\n    border-radius: $fallback--avatarAltRadius;\n    border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);\n  }\n\n  .chat-preview-body {\n    --emoji-size: 1.4em;\n\n    padding-right: 1em;\n  }\n\n  .time-wrapper {\n    line-height: var(--post-line-height);\n  }\n}\n","\n.basic-user-card {\n  display: flex;\n  flex: 1 0;\n  margin: 0;\n  padding: 0.6em 1em;\n\n  --emoji-size: 14px;\n\n  &-collapsed-content {\n    margin-left: 0.7em;\n    text-align: left;\n    flex: 1;\n    min-width: 0;\n  }\n\n  &-user-name {\n    img {\n      object-fit: contain;\n      height: 16px;\n      width: 16px;\n      vertical-align: middle;\n    }\n  }\n\n  &-user-name-value,\n  &-screen-name {\n    display: inline-block;\n    max-width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &-expanded-content {\n    flex: 1;\n    margin-left: 0.7em;\n    min-width: 0;\n  }\n}\n",".chat-new {\n  .input-wrap {\n    display: flex;\n    margin: 0.7em 0.5em;\n\n    input {\n      width: 100%;\n    }\n  }\n\n  .search-icon {\n    margin-right: 0.3em;\n  }\n\n  .member-list {\n    padding-bottom: 0.7rem;\n  }\n\n  .basic-user-card:hover {\n    cursor: pointer;\n    background-color: var(--selectedPost, $fallback--lightBg);\n  }\n\n  .go-back-button {\n    text-align: center;\n    line-height: 1;\n    height: 100%;\n    align-self: start;\n    width: var(--__panel-heading-height-inner);\n  }\n}\n","\n@import \"../../variables\";\n\n.chat-list {\n  min-height: 25em;\n  margin-bottom: 0;\n}\n\n.emtpy-chat-list-alert {\n  padding: 3em;\n  font-size: 1.2em;\n  display: flex;\n  justify-content: center;\n  color: $fallback--text;\n  color: var(--faint, $fallback--text);\n}\n\n","@import \"../../variables\";\n\n.chat-message-wrapper {\n  &.hovered-message-chain {\n    .animated.Avatar {\n      canvas {\n        display: none;\n      }\n\n      img {\n        visibility: visible;\n      }\n    }\n  }\n\n  .chat-message-menu {\n    transition: opacity 0.1s;\n    opacity: 0;\n    position: absolute;\n    top: -0.8em;\n\n    button {\n      padding-top: 0.2em;\n      padding-bottom: 0.2em;\n    }\n  }\n\n  .menu-icon {\n    cursor: pointer;\n\n    &:hover,\n    .extra-button-popover.open & {\n      color: $fallback--text;\n      color: var(--text, $fallback--text);\n    }\n  }\n\n  .popover {\n    width: 12em;\n  }\n\n  .chat-message {\n    display: flex;\n    padding-bottom: 0.5em;\n\n    .status-body:hover {\n      --_still-image-img-visibility: visible;\n      --_still-image-canvas-visibility: hidden;\n      --_still-image-label-visibility: hidden;\n    }\n  }\n\n  .avatar-wrapper {\n    margin-right: 0.72em;\n    width: 32px;\n  }\n\n  .link-preview,\n  .attachments {\n    margin-bottom: 1em;\n  }\n\n  .status {\n    border-radius: $fallback--chatMessageRadius;\n    border-radius: var(--chatMessageRadius, $fallback--chatMessageRadius);\n    display: flex;\n    padding: 0.75em;\n  }\n\n  .created-at {\n    position: relative;\n    float: right;\n    font-size: 0.8em;\n    margin: -1em 0 -0.5em;\n    font-style: italic;\n    opacity: 0.8;\n  }\n\n  .without-attachment {\n    .message-content {\n      // TODO figure out how to do it properly\n      .RichContent::after {\n        margin-right: 5.4em;\n        content: \" \";\n        display: inline-block;\n      }\n    }\n  }\n\n  .pending {\n    .status-content.media-body,\n    .created-at {\n      color: var(--faint);\n    }\n  }\n\n  .error {\n    .status-content.media-body,\n    .created-at {\n      color: $fallback--cRed;\n      color: var(--badgeNotification, $fallback--cRed);\n    }\n  }\n\n  .chat-message-inner {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 80%;\n    min-width: 10em;\n    width: 100%;\n  }\n\n  .outgoing {\n    display: flex;\n    flex-flow: row wrap;\n    align-content: end;\n    justify-content: flex-end;\n\n    a {\n      color: var(--chatMessageOutgoingLink, $fallback--link);\n    }\n\n    .status {\n      color: var(--chatMessageOutgoingText, $fallback--text);\n      background-color: var(--chatMessageOutgoingBg, $fallback--lightBg);\n      border: 1px solid var(--chatMessageOutgoingBorder, --lightBg);\n    }\n\n    .chat-message-inner {\n      align-items: flex-end;\n    }\n\n    .chat-message-menu {\n      right: 0.4rem;\n    }\n  }\n\n  .incoming {\n    a {\n      color: var(--chatMessageIncomingLink, $fallback--link);\n    }\n\n    .status {\n      color: var(--chatMessageIncomingText, $fallback--text);\n      background-color: var(--chatMessageIncomingBg, $fallback--bg);\n      border: 1px solid var(--chatMessageIncomingBorder, --border);\n    }\n\n    .created-at {\n      a {\n        color: var(--chatMessageIncomingText, $fallback--text);\n      }\n    }\n\n    .chat-message-menu {\n      left: 0.4rem;\n    }\n  }\n\n  .chat-message-inner.with-media {\n    width: 100%;\n\n    .status {\n      width: 100%;\n    }\n  }\n\n  .visible {\n    opacity: 1;\n  }\n}\n\n.chat-message-date-separator {\n  text-align: center;\n  margin: 1.4em 0;\n  font-size: 0.9em;\n  user-select: none;\n  color: $fallback--text;\n  color: var(--faintedText, $fallback--text);\n}\n",".chat-view {\n  display: flex;\n  height: 100%;\n\n  .chat-view-inner {\n    height: auto;\n    width: 100%;\n    overflow: visible;\n    display: flex;\n  }\n\n  .chat-view-body {\n    box-sizing: border-box;\n    background-color: var(--chatBg, $fallback--bg);\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    overflow: visible;\n    min-height: calc(100vh - var(--navbar-height));\n    margin: 0;\n    border-radius: 10px 10px 0 0;\n    border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;\n\n    &::after {\n      border-radius: 0;\n    }\n  }\n\n  .message-list {\n    padding: 0 0.8em;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: end;\n  }\n\n  .footer {\n    position: sticky;\n    bottom: 0;\n    background-color: $fallback--bg;\n    background-color: var(--bg, $fallback--bg);\n    z-index: 1;\n  }\n\n  .chat-view-heading {\n    grid-template-columns: auto minmax(50%, 1fr);\n  }\n\n  .go-back-button {\n    text-align: center;\n    line-height: 1;\n    height: 100%;\n    align-self: start;\n    width: var(--__panel-heading-height-inner);\n  }\n\n  .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: $fallback--fg;\n    background-color: var(--btn, $fallback--fg);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0 1px 1px rgb(0 0 0 / 30%), 0 2px 4px rgb(0 0 0 / 30%);\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    &.visible {\n      opacity: 1;\n      visibility: visible;\n    }\n\n    i {\n      font-size: 1em;\n      color: $fallback--text;\n      color: var(--text, $fallback--text);\n    }\n\n    .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\n    .chat-loading-error {\n      width: 100%;\n      display: flex;\n      align-items: flex-end;\n      height: 100%;\n\n      .error {\n        width: 100%;\n      }\n    }\n  }\n}\n","\n.follow-card {\n  &-content-container {\n    flex-shrink: 0;\n    display: flex;\n    flex-flow: row wrap;\n    justify-content: space-between;\n    line-height: 1.5em;\n  }\n\n  &-button {\n    margin-top: 0.5em;\n    padding: 0 1.5em;\n    margin-left: 1em;\n  }\n\n  &-follow-button {\n    margin-top: 0.5em;\n    margin-left: auto;\n    width: 10em;\n  }\n}\n","@import \"../../variables\";\n\n.with-load-more {\n  &-footer {\n    padding: 10px;\n    text-align: center;\n    border-top: 1px solid;\n    border-top-color: $fallback--border;\n    border-top-color: var(--border, $fallback--border);\n\n    .error {\n      font-size: 1rem;\n    }\n\n    a {\n      cursor: pointer;\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.user-profile {\n  flex: 2;\n  flex-basis: 500px;\n\n  // No sticky header on user profile\n  --currentPanelStack: 1;\n\n  .user-birthday {\n    margin: 0 0.75em 0.5em;\n  }\n\n  .user-profile-fields {\n    margin: 0 0.5em;\n\n    img {\n      object-fit: contain;\n      vertical-align: middle;\n      max-width: 100%;\n      max-height: 400px;\n\n      &.emoji {\n        width: 18px;\n        height: 18px;\n      }\n    }\n\n    .user-profile-field {\n      display: flex;\n      margin: 0.25em;\n      border: 1px solid var(--border, $fallback--border);\n      border-radius: $fallback--inputRadius;\n      border-radius: var(--inputRadius, $fallback--inputRadius);\n\n      .user-profile-field-name {\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, $fallback--border);\n      }\n\n      .user-profile-field-value {\n        flex: 1 1 70%;\n        color: var(--text);\n        margin: 0 0 0 0.25em;\n      }\n\n      .user-profile-field-name,\n      .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    }\n  }\n\n  .userlist-placeholder {\n    display: flex;\n    justify-content: center;\n    align-items: middle;\n    padding: 2em;\n  }\n}\n\n.user-profile-placeholder {\n  .panel-body {\n    display: flex;\n    justify-content: center;\n    align-items: middle;\n    padding: 7em;\n  }\n}\n","\n@import \"../../variables\";\n\n.search-result-heading {\n  color: $fallback--faint;\n  color: var(--faint, $fallback--faint);\n  padding: 0.75rem;\n  text-align: center;\n}\n\n@media all and (max-width: 800px) {\n  .search-nav-heading {\n    .tab-switcher .tabs .tab-wrapper {\n      display: block;\n      justify-content: center;\n      flex: 1 1 auto;\n      text-align: center;\n    }\n  }\n}\n\n.search-result {\n  box-sizing: border-box;\n  border-bottom: 1px solid;\n  border-color: $fallback--border;\n  border-color: var(--border, $fallback--border);\n}\n\n.search-result-footer {\n  border-width: 1px 0 0;\n  border-style: solid;\n  border-color: var(--border, $fallback--border);\n  padding: 10px;\n  background-color: $fallback--fg;\n  background-color: var(--panel, $fallback--fg);\n}\n\n.search-input-container {\n  padding: 0.8rem;\n  display: flex;\n  justify-content: center;\n\n  .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\n  .search-button {\n    margin-left: 0.5em;\n  }\n}\n\n.loading-icon {\n  padding: 1em;\n}\n\n.trend {\n  display: flex;\n  align-items: center;\n\n  .hashtag {\n    flex: 1 1 auto;\n    color: $fallback--text;\n    color: var(--text, $fallback--text);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .count {\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: $fallback--text;\n    color: var(--text, $fallback--text);\n  }\n}\n\n.more-statuses-button {\n  height: 3.5em;\n  line-height: 3.5em;\n}\n\n","\n@import \"../../variables\";\n\n.interface-language-switcher {\n  .language-select {\n    margin-right: 1em;\n  }\n}\n","\n@import \"../../variables\";\n$validations-cRed: #f04124;\n\n.registration-form {\n  display: flex;\n  flex-direction: column;\n  margin: 0.6em;\n\n  .container {\n    display: flex;\n    flex-direction: row;\n\n    > * {\n      min-width: 0;\n    }\n  }\n\n  .terms-of-service {\n    flex: 0 1 50%;\n    margin: 0.8em;\n  }\n\n  .text-fields {\n    margin-top: 0.6em;\n    flex: 1 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  textarea {\n    min-height: 100px;\n    resize: vertical;\n  }\n\n  .form-group {\n    display: flex;\n    flex-direction: column;\n    padding: 0.3em 0;\n    line-height: 2;\n    margin-bottom: 1em;\n  }\n\n  .form-group--error {\n    animation-name: shakeError;\n    animation-duration: 0.6s;\n    animation-timing-function: ease-in-out;\n  }\n\n  .form-group--error .form--label {\n    color: $validations-cRed;\n    color: var(--cRed, $validations-cRed);\n  }\n\n  .form-error {\n    margin-top: -0.7em;\n    text-align: left;\n\n    span {\n      font-size: 0.85em;\n    }\n  }\n\n  .form-error ul {\n    list-style: none;\n    padding: 0 0 0 5px;\n    margin-top: 0;\n\n    li::before {\n      content: \"• \";\n    }\n  }\n\n  form textarea {\n    line-height: 16px;\n    resize: vertical;\n  }\n\n  .captcha {\n    max-width: 350px;\n    margin-bottom: 0.4em;\n  }\n\n  .btn {\n    margin-top: 0.6em;\n    height: 2em;\n  }\n\n  .error {\n    text-align: center;\n  }\n}\n\n@media all and (max-width: 800px) {\n  .registration-form .container {\n    flex-direction: column-reverse;\n  }\n}\n","\n@import \"../../variables\";\n\n.password-reset-form {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0.6em;\n\n  .container {\n    display: flex;\n    flex: 1 0;\n    flex-direction: column;\n    margin-top: 0.6em;\n    max-width: 18rem;\n\n    > * {\n      min-width: 0;\n    }\n  }\n\n  .form-group {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 1em;\n    padding: 0.3em 0;\n    line-height: 1.85em;\n  }\n\n  .error {\n    text-align: center;\n    animation-name: shakeError;\n    animation-duration: 0.4s;\n    animation-timing-function: ease-in-out;\n  }\n\n  .alert {\n    padding: 0.5em;\n    margin: 0.3em 0 1em;\n  }\n\n  .password-reset-required {\n    background-color: var(--alertError, $fallback--alertError);\n    padding: 10px 0;\n  }\n\n  .notice-dismissible {\n    padding-right: 2rem;\n  }\n\n  .dismiss {\n    cursor: pointer;\n  }\n}\n\n","\n.follow-request-card-content-container {\n  display: flex;\n  flex-flow: row wrap;\n\n  button {\n    margin-top: 0.5em;\n    margin-right: 0.5em;\n    flex: 1 1;\n    max-width: 12em;\n    min-width: 8em;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n}\n","\n.tos-content {\n  margin: 1em;\n}\n","\n.staff-group {\n  padding-left: 1em;\n  padding-top: 1em;\n\n  .basic-user-card {\n    padding-left: 0;\n  }\n}\n\n",".mrf-section {\n  margin: 1em;\n\n  table {\n    width: 100%;\n    text-align: left;\n    padding-left: 10px;\n    padding-bottom: 20px;\n\n    th,\n    td {\n      width: 180px;\n      max-width: 360px;\n      overflow: hidden;\n      vertical-align: text-top;\n    }\n\n    th + th,\n    td + td {\n      width: auto;\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.list-card {\n  display: flex;\n}\n\n.list-name {\n  flex-grow: 1;\n}\n\n.list-name,\n.button-list-edit {\n  margin: 0;\n  padding: 1em;\n  color: $fallback--link;\n  color: var(--link, $fallback--link);\n\n  &:hover {\n    background-color: $fallback--lightBg;\n    background-color: var(--selectedMenu, $fallback--lightBg);\n    color: $fallback--link;\n    color: var(--selectedMenuText, $fallback--link);\n\n    --faint: var(--selectedMenuFaintText, $fallback--faint);\n    --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n    --lightText: var(--selectedMenuLightText, $fallback--lightText);\n  }\n}\n","\n.Lists {\n  .new-list-button {\n    padding: 0 0.5em;\n  }\n}\n","\n@import \"../../variables\";\n\n.ListsUserSearch {\n  .input-wrap {\n    display: flex;\n    margin: 0.7em 0.5em;\n\n    input {\n      width: 100%;\n    }\n  }\n\n  .search-icon {\n    margin-right: 0.3em;\n  }\n}\n\n","\n@import \"src/variables\";\n\n.panel-loading {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  font-size: 2em;\n  color: $fallback--text;\n  color: var(--text, $fallback--text);\n\n  .loading-text svg {\n    line-height: 0;\n    vertical-align: middle;\n    color: $fallback--text;\n    color: var(--text, $fallback--text);\n  }\n}\n","\n@import \"../../variables\";\n\n.ListEdit {\n  --panel-body-padding: 0.5em;\n\n  height: calc(100vh - var(--navbar-height));\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n\n  .list-edit-heading {\n    grid-template-columns: auto minmax(50%, 1fr);\n  }\n\n  .panel-body {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .list-member-management {\n    flex: 1 0 auto;\n  }\n\n  .search-icon {\n    margin-right: 0.3em;\n  }\n\n  .users-list {\n    padding-bottom: 0.7rem;\n    overflow-y: auto;\n  }\n\n  & .search-list,\n  & .members-list {\n    overflow: hidden;\n    flex-direction: column;\n    min-height: 0;\n  }\n\n  .go-back-button {\n    text-align: center;\n    line-height: 1;\n    height: 100%;\n    align-self: start;\n    width: var(--__panel-heading-height-inner);\n  }\n\n  .btn {\n    margin: 0 0.5em;\n  }\n\n  .panel-footer {\n    grid-template-columns: minmax(10%, 1fr);\n\n    .footer-button {\n      min-width: 9em;\n    }\n  }\n}\n","\n.announcement-editor {\n  display: flex;\n  align-items: stretch;\n  flex-direction: column;\n\n  .announcement-metadata {\n    margin-top: 0.5em;\n  }\n\n  .post-textarea {\n    resize: vertical;\n    height: 10em;\n    overflow: none;\n    box-sizing: content-box;\n  }\n}\n","\n@import \"../../variables\";\n\n.announcement {\n  border-bottom: 1px solid var(--border, $fallback--border);\n  border-radius: 0;\n  padding: var(--status-margin, $status-margin);\n\n  .heading,\n  .body {\n    margin-bottom: var(--status-margin, $status-margin);\n  }\n\n  .footer {\n    display: flex;\n    flex-direction: column;\n\n    .times {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .footer .actions {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-evenly;\n\n    .btn {\n      flex: 1;\n      margin: 1em;\n      max-width: 10em;\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.announcements-page {\n  .post-form {\n    padding: var(--status-margin, $status-margin);\n\n    .heading,\n    .body {\n      margin-bottom: var(--status-margin, $status-margin);\n    }\n\n    .post-button {\n      min-width: 10em;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}