From baee34707f8cc0e8e11e1d03a3820d3275c4b055 Mon Sep 17 00:00:00 2001 From: rafalp Date: Wed, 20 Dec 2023 17:49:00 +0100 Subject: [PATCH 1/3] Remove react.js from categories page, rewrite its Python logic --- .../src/components/categories/blankslate.js | 18 -- .../components/categories/categories-list.js | 12 -- .../components/categories/category/index.js | 21 -- .../category/list-item/description.js | 14 -- .../categories/category/list-item/icon.js | 52 ----- .../categories/category/list-item/index.js | 34 ---- .../category/list-item/last-thread.js | 125 ------------ .../categories/category/list-item/main.js | 21 -- .../categories/category/list-item/stats.js | 54 ------ .../category/list-item/subcategories/index.js | 15 -- .../list-item/subcategories/list-item.js | 33 ---- frontend/src/components/categories/index.js | 56 ------ frontend/src/index.js | 3 + .../src/initializers/components/categories.js | 16 -- frontend/src/liveTimestamps.js | 36 ++++ .../src/style/flavor/categories-lists.less | 5 - .../src/style/misago/categories-lists.less | 8 + misago/categories/api.py | 17 -- misago/categories/enums.py | 11 ++ .../migrations/0002_default_categories.py | 8 +- .../migrations/0012_categories_trees_ids.py | 24 +++ misago/categories/tests/test_utils.py | 91 --------- misago/categories/tests/test_views.py | 37 ---- .../categories/{urls/__init__.py => urls.py} | 8 +- misago/categories/urls/api.py | 6 - misago/categories/utils.py | 82 -------- misago/categories/views.py | 144 ++++++++++++-- misago/notifications/registry.py | 4 +- misago/notifications/threads.py | 4 +- misago/plugins/enums.py | 2 + .../{categoriestracker.py => categories.py} | 35 ++-- .../tests/test_categoriestracker.py | 183 ------------------ .../tests/test_get_categories_new_posts.py | 180 +++++++++++++++++ misago/static/misago/css/misago.css | 2 +- misago/static/misago/css/misago.css.map | 2 +- misago/static/misago/js/misago.js | 2 +- misago/static/misago/js/misago.js.map | 2 +- misago/templates/misago/categories/body.html | 21 -- .../categories/categories_list_body.html | 4 + .../categories/categories_list_category.html | 7 + ...html => categories_list_category_row.html} | 32 +-- ...=> categories_list_category_row_icon.html} | 20 +- ...egories_list_category_row_last_thread.html | 83 ++++++++ ...> categories_list_category_row_stats.html} | 4 +- .../templates/misago/categories/category.html | 7 - .../misago/categories/empty_message.html | 11 ++ .../categories/{base.html => index.html} | 10 +- .../misago/categories/last_thread.html | 87 --------- misago/templates/misago/categories/list.html | 1 - misago/urls.py | 1 - 50 files changed, 567 insertions(+), 1088 deletions(-) delete mode 100644 frontend/src/components/categories/blankslate.js delete mode 100644 frontend/src/components/categories/categories-list.js delete mode 100644 frontend/src/components/categories/category/index.js delete mode 100644 frontend/src/components/categories/category/list-item/description.js delete mode 100644 frontend/src/components/categories/category/list-item/icon.js delete mode 100644 frontend/src/components/categories/category/list-item/index.js delete mode 100644 frontend/src/components/categories/category/list-item/last-thread.js delete mode 100644 frontend/src/components/categories/category/list-item/main.js delete mode 100644 frontend/src/components/categories/category/list-item/stats.js delete mode 100644 frontend/src/components/categories/category/list-item/subcategories/index.js delete mode 100644 frontend/src/components/categories/category/list-item/subcategories/list-item.js delete mode 100644 frontend/src/components/categories/index.js delete mode 100644 frontend/src/initializers/components/categories.js create mode 100644 frontend/src/liveTimestamps.js delete mode 100644 misago/categories/api.py create mode 100644 misago/categories/enums.py create mode 100644 misago/categories/migrations/0012_categories_trees_ids.py delete mode 100644 misago/categories/tests/test_utils.py rename misago/categories/{urls/__init__.py => urls.py} (60%) delete mode 100644 misago/categories/urls/api.py delete mode 100644 misago/categories/utils.py rename misago/readtracker/{categoriestracker.py => categories.py} (59%) delete mode 100644 misago/readtracker/tests/test_categoriestracker.py create mode 100644 misago/readtracker/tests/test_get_categories_new_posts.py delete mode 100644 misago/templates/misago/categories/body.html create mode 100644 misago/templates/misago/categories/categories_list_body.html create mode 100644 misago/templates/misago/categories/categories_list_category.html rename misago/templates/misago/categories/{list_item.html => categories_list_category_row.html} (62%) rename misago/templates/misago/categories/{icon.html => categories_list_category_row_icon.html} (93%) create mode 100644 misago/templates/misago/categories/categories_list_category_row_last_thread.html rename misago/templates/misago/categories/{stats.html => categories_list_category_row_stats.html} (67%) delete mode 100644 misago/templates/misago/categories/category.html create mode 100644 misago/templates/misago/categories/empty_message.html rename misago/templates/misago/categories/{base.html => index.html} (88%) delete mode 100644 misago/templates/misago/categories/last_thread.html delete mode 100644 misago/templates/misago/categories/list.html diff --git a/frontend/src/components/categories/blankslate.js b/frontend/src/components/categories/blankslate.js deleted file mode 100644 index 7b379dcf1a..0000000000 --- a/frontend/src/components/categories/blankslate.js +++ /dev/null @@ -1,18 +0,0 @@ -import React from "react" - -export default function (props) { - return ( -
- -
- ) -} diff --git a/frontend/src/components/categories/categories-list.js b/frontend/src/components/categories/categories-list.js deleted file mode 100644 index 9094561b5f..0000000000 --- a/frontend/src/components/categories/categories-list.js +++ /dev/null @@ -1,12 +0,0 @@ -import React from "react" -import Category from "./category" - -export default function ({ categories }) { - return ( -
- {categories.map((category) => { - return - })} -
- ) -} diff --git a/frontend/src/components/categories/category/index.js b/frontend/src/components/categories/category/index.js deleted file mode 100644 index 137d91b368..0000000000 --- a/frontend/src/components/categories/category/index.js +++ /dev/null @@ -1,21 +0,0 @@ -import React from "react" -import ListItem from "./list-item" - -export default function ({ category }) { - let className = "list-group list-group-category" - if (category.css_class) { - className += " list-group-category-has-flavor" - className += " list-group-category-" + category.css_class - } - - return ( - - ) -} diff --git a/frontend/src/components/categories/category/list-item/description.js b/frontend/src/components/categories/category/list-item/description.js deleted file mode 100644 index 78a141dcff..0000000000 --- a/frontend/src/components/categories/category/list-item/description.js +++ /dev/null @@ -1,14 +0,0 @@ -import React from "react" - -export default function ({ category }) { - if (!category.description) return null - - return ( -
- ) -} diff --git a/frontend/src/components/categories/category/list-item/icon.js b/frontend/src/components/categories/category/list-item/icon.js deleted file mode 100644 index 1cd60f437c..0000000000 --- a/frontend/src/components/categories/category/list-item/icon.js +++ /dev/null @@ -1,52 +0,0 @@ -import React from "react" - -export default function ({ category }) { - return ( -
- {getIcon(category)} -
- ) -} - -export function getClassName(category) { - if (category.is_read) { - return "read-status item-read" - } - - return "read-status item-new" -} - -export function getTitle(category) { - if (category.is_closed) { - if (category.is_read) { - return pgettext( - "category status", - "This category has no new posts. (closed)" - ) - } - - return pgettext("category status", "This category has new posts. (closed)") - } - - if (category.is_read) { - return pgettext("category status", "This category has no new posts.") - } - - return pgettext("category status", "This category has new posts.") -} - -export function getIcon(category) { - if (category.is_closed) { - if (category.is_read) { - return "lock_outline" - } - - return "lock" - } - - if (category.is_read) { - return "chat_bubble_outline" - } - - return "chat_bubble" -} diff --git a/frontend/src/components/categories/category/list-item/index.js b/frontend/src/components/categories/category/list-item/index.js deleted file mode 100644 index c6b3e9c0e5..0000000000 --- a/frontend/src/components/categories/category/list-item/index.js +++ /dev/null @@ -1,34 +0,0 @@ -import React from "react" -import Main from "./main" -import LastThread from "./last-thread" -import Stats from "./stats" -import Subcategories from "./subcategories" - -export default function ({ category, isFirst }) { - let className = "list-group-item" - - if (category.description) { - className += " list-group-category-has-description" - } else { - className += " list-group-category-no-description" - } - - if (isFirst) { - className += " list-group-item-first" - } - if (category.css_class) { - className += " list-group-category-has-flavor" - className += " list-group-item-category-" + category.css_class - } - - return ( -
  • -
    -
    - - -
    - -
    • - ) -} diff --git a/frontend/src/components/categories/category/list-item/last-thread.js b/frontend/src/components/categories/category/list-item/last-thread.js deleted file mode 100644 index 4bd3b887f3..0000000000 --- a/frontend/src/components/categories/category/list-item/last-thread.js +++ /dev/null @@ -1,125 +0,0 @@ -import React from "react" -import Avatar from "misago/components/avatar" - -export default function ({ category }) { - return ( -
    - - - - -
    - ) -} - -export function LastThread({ category }) { - if (!category.acl.can_browse) return null - if (!category.acl.can_see_all_threads) return null - if (!category.last_thread_title) return null - - return ( -
    -
    - -
    -
    -
    - - {category.last_thread_title} - -
    - -
    -
    - ) -} - -export function LastPosterAvatar({ category }) { - if (category.last_poster) { - return ( - - - - ) - } - - return ( - - - - ) -} - -export function LastPosterName({ category }) { - if (category.last_poster) { - return ( - - {category.last_poster_name} - - ) - } - - return {category.last_poster_name} -} - -export function Empty({ category }) { - if (!category.acl.can_browse) return null - if (!category.acl.can_see_all_threads) return null - if (category.last_thread_title) return null - - return ( - - ) -} - -export function Private({ category }) { - if (!category.acl.can_browse) return null - if (category.acl.can_see_all_threads) return null - - return ( - - ) -} - -export function Protected({ category }) { - if (category.acl.can_browse) return null - - return ( - - ) -} - -export function Message({ message }) { - return ( -
    -
    - info_outline -
    -
    -

    {message}

    -
    -
    - ) -} diff --git a/frontend/src/components/categories/category/list-item/main.js b/frontend/src/components/categories/category/list-item/main.js deleted file mode 100644 index 6bc5664e36..0000000000 --- a/frontend/src/components/categories/category/list-item/main.js +++ /dev/null @@ -1,21 +0,0 @@ -import React from "react" -import Description from "./description" -import Icon from "./icon" - -export default function ({ category }) { - return ( -
    -
    -
    - -
    -
    -

    - {category.name} -

    - -
    -
    -
    - ) -} diff --git a/frontend/src/components/categories/category/list-item/stats.js b/frontend/src/components/categories/category/list-item/stats.js deleted file mode 100644 index feed8e3f45..0000000000 --- a/frontend/src/components/categories/category/list-item/stats.js +++ /dev/null @@ -1,54 +0,0 @@ -import React from "react" - -export default function ({ category }) { - return ( -
    -
      - - -
    -
    - ) -} - -export function Threads({ threads }) { - const message = npgettext( - "category stats", - "%(threads)s thread", - "%(threads)s threads", - threads - ) - - return ( -
  • - {interpolate( - message, - { - threads: threads, - }, - true - )} -
    • - ) -} - -export function Posts({ posts }) { - const message = npgettext( - "category stats", - "%(posts)s post", - "%(posts)s posts", - posts - ) - - return ( -
  • - {interpolate( - message, - { - posts: posts, - }, - true - )} -
    • - ) -} diff --git a/frontend/src/components/categories/category/list-item/subcategories/index.js b/frontend/src/components/categories/category/list-item/subcategories/index.js deleted file mode 100644 index a717c722a8..0000000000 --- a/frontend/src/components/categories/category/list-item/subcategories/index.js +++ /dev/null @@ -1,15 +0,0 @@ -import React from "react" -import ListItem from "./list-item" - -export default function ({ category, isFirst }) { - if (isFirst) return null - if (category.subcategories.length === 0) return null - - return ( -
    - {category.subcategories.map((category) => { - return - })} -
    - ) -} diff --git a/frontend/src/components/categories/category/list-item/subcategories/list-item.js b/frontend/src/components/categories/category/list-item/subcategories/list-item.js deleted file mode 100644 index 8ef7a68175..0000000000 --- a/frontend/src/components/categories/category/list-item/subcategories/list-item.js +++ /dev/null @@ -1,33 +0,0 @@ -import React from "react" - -export default function ({ category }) { - let className = "btn btn-default btn-block btn-sm btn-subcategory" - if (!category.is_read) { - className += " btn-subcategory-new" - } - - return ( - - ) -} - -export function getIcon(category) { - if (category.is_closed) { - if (category.is_read) { - return "lock_outline" - } - - return "lock" - } - - if (category.is_read) { - return "chat_bubble_outline" - } - - return "chat_bubble" -} diff --git a/frontend/src/components/categories/index.js b/frontend/src/components/categories/index.js deleted file mode 100644 index 12880da515..0000000000 --- a/frontend/src/components/categories/index.js +++ /dev/null @@ -1,56 +0,0 @@ -import moment from "moment" -import React from "react" -import Blankslate from "./blankslate" -import CategoriesList from "./categories-list" -import misago from "misago/index" -import polls from "misago/services/polls" - -const hydrate = function (category) { - return Object.assign({}, category, { - last_post_on: category.last_post_on ? moment(category.last_post_on) : null, - subcategories: category.subcategories.map(hydrate), - }) -} - -export default class extends React.Component { - constructor(props) { - super(props) - - this.state = { - categories: misago.get("CATEGORIES").map(hydrate), - } - - this.startPolling(misago.get("CATEGORIES_API")) - } - - startPolling(api) { - polls.start({ - poll: "categories", - url: api, - frequency: 180 * 1000, - update: this.update, - }) - } - - update = (data) => { - this.setState({ - categories: data.map(hydrate), - }) - } - - render() { - const { categories } = this.state - - if (categories.length === 0) { - return - } - - return - } -} - -export function select(store) { - return { - tick: store.tick.tick, - } -} diff --git a/frontend/src/index.js b/frontend/src/index.js index c5da0074fe..8dbfc1ce64 100644 --- a/frontend/src/index.js +++ b/frontend/src/index.js @@ -7,6 +7,7 @@ import "cropit" import "jquery-caret" import OrderedList from "misago/utils/ordered-list" import "misago/style/index.less" +import {startLiveTimestamps} from "./liveTimestamps" export class Misago { constructor() { @@ -66,3 +67,5 @@ window.misago = misago // and export it for tests and stuff export default misago + +startLiveTimestamps() \ No newline at end of file diff --git a/frontend/src/initializers/components/categories.js b/frontend/src/initializers/components/categories.js deleted file mode 100644 index 4845cab943..0000000000 --- a/frontend/src/initializers/components/categories.js +++ /dev/null @@ -1,16 +0,0 @@ -import { connect } from "react-redux" -import Categories, { select } from "misago/components/categories" -import misago from "misago/index" -import mount from "misago/utils/mount-component" - -export default function initializer() { - if (document.getElementById("categories-mount")) { - mount(connect(select)(Categories), "categories-mount") - } -} - -misago.addInitializer({ - name: "component:categories", - initializer: initializer, - after: "store", -}) diff --git a/frontend/src/liveTimestamps.js b/frontend/src/liveTimestamps.js new file mode 100644 index 0000000000..2100702ca0 --- /dev/null +++ b/frontend/src/liveTimestamps.js @@ -0,0 +1,36 @@ +import { formatRelative, fullDateTime } from "./datetimeFormats" + +const cache = {} + +export function startLiveTimestamps() { + document.querySelectorAll("[misago-timestamp]").forEach( + element => { + const timestamp = element.getAttribute("misago-timestamp") + if (!cache[timestamp]) { + cache[timestamp] = new Date(timestamp) + } + + if (!element.hasAttribute("title")) { + element.setAttribute("title", fullDateTime.format(cache[timestamp])) + } + + element.textContent = formatRelative(cache[timestamp]) + } + ) + + updateLiveTimestamps() + window.setInterval(updateLiveTimestamps, 1000 * 55) +} + +export function updateLiveTimestamps() { + document.querySelectorAll("[misago-timestamp]").forEach( + element => { + const timestamp = element.getAttribute("misago-timestamp") + if (!cache[timestamp]) { + cache[timestamp] = new Date(timestamp) + } + + element.textContent = formatRelative(cache[timestamp]) + } + ) +} \ No newline at end of file diff --git a/frontend/src/style/flavor/categories-lists.less b/frontend/src/style/flavor/categories-lists.less index b50f92ddb1..71e8357636 100644 --- a/frontend/src/style/flavor/categories-lists.less +++ b/frontend/src/style/flavor/categories-lists.less @@ -131,7 +131,6 @@ color: @gray-light; .material-icon { - padding: @padding-base-vertical 0px; margin-right: @padding-base-vertical / 2; } @@ -139,9 +138,5 @@ padding-top: @line-height-computed * 0.75; font-size: @font-size-small; - - .material-icon { - padding: 3px 0px; - } } } diff --git a/frontend/src/style/misago/categories-lists.less b/frontend/src/style/misago/categories-lists.less index 5c009c2e31..fd4733e635 100644 --- a/frontend/src/style/misago/categories-lists.less +++ b/frontend/src/style/misago/categories-lists.less @@ -38,6 +38,14 @@ // Last thread message .category-thread-message { + display: flex; + align-items: center; + height: 40px; + + .media-left, .media-body { + display: block; + } + .material-icon { width: 28px; height: 28px; diff --git a/misago/categories/api.py b/misago/categories/api.py deleted file mode 100644 index 3c0959f868..0000000000 --- a/misago/categories/api.py +++ /dev/null @@ -1,17 +0,0 @@ -from rest_framework import viewsets -from rest_framework.response import Response - -from .serializers import CategoryWithPosterSerializer as CategorySerializer -from .utils import get_categories_tree - - -class CategoryViewSet(viewsets.ViewSet): - def list(self, request): - categories_tree = get_categories_tree(request, join_posters=True) - return Response( - CategorySerializer( - categories_tree, - context={"request": request}, - many=True, - ).data - ) diff --git a/misago/categories/enums.py b/misago/categories/enums.py new file mode 100644 index 0000000000..15ea5f0871 --- /dev/null +++ b/misago/categories/enums.py @@ -0,0 +1,11 @@ +from enum import IntEnum + + +class CategoryTree(IntEnum): + THREADS = 0 + PRIVATE_THREADS = 1 + + +class CategoryTreeDeprecated(IntEnum): + PRIVATE_THREADS = 0 + THREADS = 1 diff --git a/misago/categories/migrations/0002_default_categories.py b/misago/categories/migrations/0002_default_categories.py index c1710f7013..4b66e44b4d 100644 --- a/misago/categories/migrations/0002_default_categories.py +++ b/misago/categories/migrations/0002_default_categories.py @@ -1,7 +1,7 @@ from django.db import migrations from ...core.utils import slugify -from ..trees import CategoriesTree +from ..enums import CategoryTreeDeprecated _ = lambda s: s @@ -15,7 +15,7 @@ def create_default_categories_tree(apps, schema_editor): slug="private", lft=1, rght=2, - tree_id=CategoriesTree.PRIVATE_THREADS, + tree_id=CategoryTreeDeprecated.PRIVATE_THREADS, level=0, ) @@ -25,7 +25,7 @@ def create_default_categories_tree(apps, schema_editor): slug="root", lft=3, rght=6, - tree_id=CategoriesTree.THREADS, + tree_id=CategoryTreeDeprecated.THREADS, level=0, ) @@ -36,7 +36,7 @@ def create_default_categories_tree(apps, schema_editor): lft=4, rght=5, tree_id=1, - level=CategoriesTree.THREADS, + level=CategoryTreeDeprecated.THREADS, name=category_name, slug=slugify(category_name), ) diff --git a/misago/categories/migrations/0012_categories_trees_ids.py b/misago/categories/migrations/0012_categories_trees_ids.py new file mode 100644 index 0000000000..612802c303 --- /dev/null +++ b/misago/categories/migrations/0012_categories_trees_ids.py @@ -0,0 +1,24 @@ +# Generated by Django 4.2.7 on 2023-12-19 18:07 + +from django.db import migrations + +from ..enums import CategoryTree, CategoryTreeDeprecated + + +def change_default_categories_trees_ids(apps, schema_editor): + # Swaps tree ids for threads and private threads around + Category = apps.get_model("misago_categories", "Category") + Category.objects.filter(tree_id=CategoryTreeDeprecated.THREADS).update( + tree_id=CategoryTree.THREADS + ) + Category.objects.filter(special_role="private_threads").update( + tree_id=CategoryTree.PRIVATE_THREADS + ) + + +class Migration(migrations.Migration): + dependencies = [ + ("misago_categories", "0011_plugin_data"), + ] + + operations = [migrations.RunPython(change_default_categories_trees_ids)] diff --git a/misago/categories/tests/test_utils.py b/misago/categories/tests/test_utils.py deleted file mode 100644 index 5cea149b52..0000000000 --- a/misago/categories/tests/test_utils.py +++ /dev/null @@ -1,91 +0,0 @@ -from unittest.mock import Mock - -import pytest - -from ..models import Category -from ..utils import get_categories_tree, get_category_path - - -@pytest.fixture -def categories_tree(root_category, default_category): - Category(name="Category A", slug="category-a").insert_at( - root_category, position="last-child", save=True - ) - Category(name="Category E", slug="category-e").insert_at( - root_category, position="last-child", save=True - ) - - category_a = Category.objects.get(slug="category-a") - - Category(name="Category B", slug="category-b").insert_at( - category_a, position="last-child", save=True - ) - - category_b = Category.objects.get(slug="category-b") - - category_c = Category(name="Subcategory C", slug="subcategory-c").insert_at( - category_b, position="last-child", save=True - ) - category_d = Category(name="Subcategory D", slug="subcategory-d").insert_at( - category_b, position="last-child", save=True - ) - - category_e = Category.objects.get(slug="category-e") - Category(name="Subcategory F", slug="subcategory-f").insert_at( - category_e, position="last-child", save=True - ) - - return { - "root": root_category, - "first": default_category, - "a": Category.objects.get(slug="category-a"), - "b": Category.objects.get(slug="category-b"), - "c": Category.objects.get(slug="subcategory-c"), - "d": Category.objects.get(slug="subcategory-d"), - "e": Category.objects.get(slug="category-e"), - "f": Category.objects.get(slug="subcategory-f"), - } - - -@pytest.fixture -def full_access_user_acl(categories_tree, user_acl): - user_acl = user_acl.copy() - categories_acl = {"categories": {}, "visible_categories": []} - for category in Category.objects.all_categories(): - categories_acl["visible_categories"].append(category.id) - categories_acl["categories"][category.id] = {"can_see": 1, "can_browse": 1} - user_acl.update(categories_acl) - return user_acl - - -@pytest.fixture -def request_mock(user, full_access_user_acl, dynamic_settings): - return Mock(settings=dynamic_settings, user=user, user_acl=full_access_user_acl) - - -def test_tree_getter_defaults_to_returning_top_level_categories( - request_mock, categories_tree -): - assert get_categories_tree(request_mock) == [ - categories_tree["first"], - categories_tree["a"], - categories_tree["e"], - ] - - -def test_tree_getter_returns_category_subtree(request_mock, categories_tree): - assert get_categories_tree(request_mock, categories_tree["a"]) == [ - categories_tree["b"] - ] - - -def test_tree_getter_returns_empty_list_for_leaf_category( - request_mock, categories_tree -): - assert get_categories_tree(request_mock, categories_tree["f"]) == [] - - -def test_path_getter_returns_path_to_category(request_mock, categories_tree): - for node in get_categories_tree(request_mock): - parent_nodes = len(get_category_path(node)) - assert parent_nodes == node.level diff --git a/misago/categories/tests/test_views.py b/misago/categories/tests/test_views.py index ea9cf16b6e..3b6c8020a4 100644 --- a/misago/categories/tests/test_views.py +++ b/misago/categories/tests/test_views.py @@ -1,5 +1,3 @@ -import json - from django.urls import reverse from ...acl.test import patch_user_acl @@ -42,38 +40,3 @@ def test_index_no_perms_renders_for_guest(self): response = self.client.get(reverse("misago:categories")) self.assertNotContains(response, self.category.name) self.assertNotContains(response, self.category.get_absolute_url()) - - -class CategoryAPIViewsTests(AuthenticatedUserTestCase): - def setUp(self): - super().setUp() - - self.category = Category.objects.get(slug="first-category") - - def test_list_renders(self): - """api returns categories for authenticated""" - response = self.client.get(reverse("misago:api:category-list")) - self.assertContains(response, self.category.name) - self.assertContains(response, self.category.get_absolute_url()) - - def test_list_renders_for_guest(self): - """api returns categories for guest""" - self.logout_user() - - response = self.client.get(reverse("misago:api:category-list")) - self.assertContains(response, self.category.name) - self.assertContains(response, self.category.get_absolute_url()) - - @patch_user_acl({"visible_categories": []}) - def test_list_no_perms_renders(self): - """api returns no categories for authenticated""" - response = self.client.get(reverse("misago:api:category-list")) - assert json.loads(response.content) == [] - - @patch_user_acl({"visible_categories": []}) - def test_list_no_perms_renders_for_guest(self): - """api returns no categories for guest""" - self.logout_user() - - response = self.client.get(reverse("misago:api:category-list")) - assert json.loads(response.content) == [] diff --git a/misago/categories/urls/__init__.py b/misago/categories/urls.py similarity index 60% rename from misago/categories/urls/__init__.py rename to misago/categories/urls.py index 2cca2c2a0b..fd4a9fa744 100644 --- a/misago/categories/urls/__init__.py +++ b/misago/categories/urls.py @@ -1,9 +1,9 @@ from django.urls import path -from ...conf import settings -from ...core.views import home_redirect +from ..conf import settings +from ..core.views import home_redirect -from ..views import categories +from . import views if settings.MISAGO_THREADS_ON_INDEX: URL_PATH = "categories/" @@ -11,7 +11,7 @@ URL_PATH = "" urlpatterns = [ - path(URL_PATH, categories, name="categories"), + path(URL_PATH, views.index, name="categories"), # fallback for after we changed index setting path("categories/", home_redirect), ] diff --git a/misago/categories/urls/api.py b/misago/categories/urls/api.py deleted file mode 100644 index f3578e1798..0000000000 --- a/misago/categories/urls/api.py +++ /dev/null @@ -1,6 +0,0 @@ -from ...core.apirouter import MisagoApiRouter -from ..api import CategoryViewSet - -router = MisagoApiRouter() -router.register(r"categories", CategoryViewSet, basename="category") -urlpatterns = router.urls diff --git a/misago/categories/utils.py b/misago/categories/utils.py deleted file mode 100644 index efdf7ddb07..0000000000 --- a/misago/categories/utils.py +++ /dev/null @@ -1,82 +0,0 @@ -from ..acl.objectacl import add_acl_to_obj -from ..readtracker import categoriestracker -from .models import Category - - -def get_categories_tree( - request, parent=None, join_posters=False -): # pylint: disable=too-many-branches - if not request.user_acl["visible_categories"]: - return [] - - if parent: - queryset = parent.get_descendants().order_by("lft") - else: - queryset = Category.objects.all_categories() - - queryset_with_acl = queryset.filter(id__in=request.user_acl["visible_categories"]) - if join_posters: - queryset_with_acl = queryset_with_acl.select_related("last_poster") - - visible_categories = list(queryset_with_acl) - - categories_dict = {} - categories_list = [] - - parent_level = parent.level + 1 if parent else 1 - - for category in visible_categories: - category.subcategories = [] - categories_dict[category.pk] = category - categories_list.append(category) - - if category.parent_id and category.level > parent_level: - categories_dict[category.parent_id].subcategories.append(category) - - add_acl_to_obj(request.user_acl, categories_list) - categoriestracker.make_read_aware(request, categories_list) - - for category in reversed(visible_categories): - if category.acl["can_browse"]: - category.parent = categories_dict.get(category.parent_id) - if category.parent: - category.parent.threads += category.threads - category.parent.posts += category.posts - - if category.parent.last_post_on and category.last_post_on: - parent_last_post = category.parent.last_post_on - category_last_post = category.last_post_on - update_last_thread = parent_last_post < category_last_post - elif not category.parent.last_post_on and category.last_post_on: - update_last_thread = True - else: - update_last_thread = False - - if update_last_thread: - category.parent.last_poster = category.last_poster - category.parent.last_post_on = category.last_post_on - category.parent.last_thread_id = category.last_thread_id - category.parent.last_thread_title = category.last_thread_title - category.parent.last_thread_slug = category.last_thread_slug - category.parent.last_poster_name = category.last_poster_name - category.parent.last_poster_slug = category.last_poster_slug - - if not category.is_read: - category.parent.is_read = False - - flat_list = [] - for category in categories_list: - if category.level == parent_level: - flat_list.append(category) - return flat_list - - -def get_category_path(category): - if category.special_role: - return [category] - - category_path = [] - while category and category.level > 0: - category_path.append(category) - category = category.parent - return [f for f in reversed(category_path)] diff --git a/misago/categories/views.py b/misago/categories/views.py index f79d2d38d4..3a527a432c 100644 --- a/misago/categories/views.py +++ b/misago/categories/views.py @@ -1,24 +1,136 @@ +from django.http import HttpRequest from django.shortcuts import render -from django.urls import reverse -from .serializers import CategoryWithPosterSerializer as CategorySerializer -from .utils import get_categories_tree +from ..readtracker.categories import get_categories_new_posts +from ..users.models import User +from .enums import CategoryTree +from .models import Category -def categories(request): - categories_tree = get_categories_tree(request, join_posters=True) +def index(request): + categories_list = get_categories_list(request) - request.frontend_context.update( - { - "CATEGORIES": CategorySerializer( - categories_tree, - context={"settings": request.settings}, - many=True, - ).data, - "CATEGORIES_API": reverse("misago:api:category-list"), - } + return render( + request, + "misago/categories/index.html", + {"categories_list": categories_list}, ) - return render( - request, "misago/categories/list.html", {"categories": categories_tree} + +def get_categories_list(request: HttpRequest): + if not request.user_acl["visible_categories"]: + return [] + + categories_qs = Category.objects.filter( + id__in=request.user_acl["visible_categories"], + tree_id=CategoryTree.THREADS, + level__gt=0, ) + + categories_map: dict[int, dict] = {} + + for category in categories_qs: + category_permissions = request.user_acl["categories"][category.id] + + if category.last_thread_id: + category_last_thread = { + "id": category.last_thread_id, + "title": category.last_thread_title, + "slug": category.last_thread_slug, + "last_post_on": category.last_post_on, + "last_poster": None, + "last_poster_name": category.last_poster_name, + } + else: + category_last_thread = None + + categories_map[category.id] = { + "category": category, + "threads": category.threads, + "posts": category.posts, + "last_thread": category_last_thread, + "new_posts": False, + "is_protected": category.id + not in request.user_acl["browseable_categories"], + "is_private": not category_permissions["can_see_all_threads"], + "children": [], + "children_threads": category.threads, + "children_posts": category.posts, + "children_last_thread": category_last_thread, + "children_new_posts": False, + } + + last_posters = prefetch_last_posters(request, categories_map.values()) + new_posts: dict[int, bool] = {} + + if request.user.is_authenticated: + new_posts = get_categories_new_posts( + request, + [item["category"] for item in categories_map.values()], + ) + + # Populate categories last posters and read states + # Aggregate categories to their parents + for item in reversed(categories_map.values()): + category = item["category"] + + if category.last_poster_id: + last_poster = last_posters[category.last_poster_id] + item["last_thread"].update( + { + "last_poster": last_poster, + "last_poster_name": last_poster.username, + } + ) + + if request.user.is_authenticated: + item["new_posts"] = new_posts[category.id] + + if category.level > 1: + parent = categories_map[category.parent_id] + parent["children_threads"] += item["children_threads"] + parent["children_posts"] += item["children_posts"] + + item_last_thread = item["children_last_thread"] + parent_last_thread = parent["children_last_thread"] + if item_last_thread and ( + not parent_last_thread + or item_last_thread["last_post_on"] > parent_last_thread["last_post_on"] + ): + parent["children_last_thread"] = item_last_thread + + if item["new_posts"]: + item["children_new_posts"] = True + parent["children_new_posts"] = True + + parent["children"].insert(0, item) + + return [ + category + for category in categories_map.values() + if category["category"].level == 1 + ] + + +def prefetch_last_posters( + request: HttpRequest, categories_list: list[dict] +) -> dict[int, User]: + if not categories_list: + return [] + + last_posters: dict[int, User] = {} + last_posters_ids: set[int] = set() + for item in categories_list: + last_poster_id = item["category"].last_poster_id + if last_poster_id: + if last_poster_id == request.user.id: + last_posters[request.user.id] = request.user + else: + last_posters_ids.add(last_poster_id) + + if last_posters_ids: + users_qs = User.objects.filter(id__in=last_posters_ids).select_related("rank") + for user in users_qs: + last_posters[user.id] = user + + return last_posters diff --git a/misago/notifications/registry.py b/misago/notifications/registry.py index 54027bb02e..46a749b7d1 100644 --- a/misago/notifications/registry.py +++ b/misago/notifications/registry.py @@ -4,7 +4,7 @@ from django.http import HttpRequest from django.utils.translation import pgettext -from ..categories.trees import CategoriesTree +from ..categories.enums import CategoryTree from ..threads.views.goto import PrivateThreadGotoPostView, ThreadGotoPostView from .verbs import NotificationVerb from .exceptions import NotificationVerbError @@ -156,7 +156,7 @@ def get_replied_notification_message(notification: "Notification") -> str: def get_replied_notification_url( request: HttpRequest, notification: "Notification" ) -> str: - if notification.category.tree_id == CategoriesTree.PRIVATE_THREADS: + if notification.category.tree_id == CategoryTree.PRIVATE_THREADS: view = go_to_private_thread_post else: view = go_to_thread_post diff --git a/misago/notifications/threads.py b/misago/notifications/threads.py index c5764c9267..7d4ba9e8ec 100644 --- a/misago/notifications/threads.py +++ b/misago/notifications/threads.py @@ -5,7 +5,7 @@ from django.utils.translation import pgettext, pgettext_lazy from ..acl.useracl import get_user_acl -from ..categories.trees import CategoriesTree +from ..categories.enums import CategoryTree from ..conf.dynamicsettings import DynamicSettings from ..core.mail import build_mail from ..threads.models import Post, Thread, ThreadParticipant @@ -105,7 +105,7 @@ def notify_watcher_on_new_thread_reply( cache_versions: Dict[str, str], settings: DynamicSettings, ): - is_private = post.category.tree_id == CategoriesTree.PRIVATE_THREADS + is_private = post.category.tree_id == CategoryTree.PRIVATE_THREADS user_acl = get_user_acl(watched_thread.user, cache_versions) if not user_can_see_post(watched_thread.user, user_acl, post, is_private): diff --git a/misago/plugins/enums.py b/misago/plugins/enums.py index ea93829a68..9219fdef0b 100644 --- a/misago/plugins/enums.py +++ b/misago/plugins/enums.py @@ -14,3 +14,5 @@ class PluginOutlet(Enum): "On the Admin Dashboard page, below the Analytics card." ) ADMIN_DASHBOARD_END = "On the Admin Dashboard page, below all other content." + CATEGORIES_LIST_START = "On the categories page, above the list." + CATEGORIES_LIST_END = "On the categories page, under the list." diff --git a/misago/readtracker/categoriestracker.py b/misago/readtracker/categories.py similarity index 59% rename from misago/readtracker/categoriestracker.py rename to misago/readtracker/categories.py index 34b7c9e861..e2abdef505 100644 --- a/misago/readtracker/categoriestracker.py +++ b/misago/readtracker/categories.py @@ -1,23 +1,28 @@ +from typing import Iterable + +from django.http import HttpRequest + +from ..categories.models import Category from ..threads.models import Post, Thread from ..threads.permissions import exclude_invisible_posts, exclude_invisible_threads from .cutoffdate import get_cutoff_date -def make_read_aware(request, categories): +def get_categories_new_posts( + request: HttpRequest, + categories: Iterable[Category], +) -> dict[int, bool]: + """Returns a dict with category ID as a key and bool if it has new posts.""" if not categories: - return - - if not hasattr(categories, "__iter__"): - categories = [categories] + return {} - make_read(categories) + categories_new_posts = {category.id: False for category in categories} if request.user.is_anonymous: - return + return categories_new_posts threads = Thread.objects.filter(category__in=categories) threads = exclude_invisible_threads(request.user_acl, categories, threads) - queryset = ( Post.objects.filter( category__in=categories, @@ -31,15 +36,7 @@ def make_read_aware(request, categories): queryset = queryset.exclude(id__in=request.user.postread_set.values("post")) queryset = exclude_invisible_posts(request.user_acl, categories, queryset) - unread_categories = list(queryset) - - for category in categories: - if category.pk in unread_categories: - category.is_read = False - category.is_new = True - + for category_id in queryset: + categories_new_posts[category_id] = True -def make_read(threads): - for thread in threads: - thread.is_read = True - thread.is_new = False + return categories_new_posts diff --git a/misago/readtracker/tests/test_categoriestracker.py b/misago/readtracker/tests/test_categoriestracker.py deleted file mode 100644 index c0d4811a46..0000000000 --- a/misago/readtracker/tests/test_categoriestracker.py +++ /dev/null @@ -1,183 +0,0 @@ -from datetime import timedelta - -import pytest -from django.utils import timezone - -from ...conf.test import override_dynamic_settings -from ...threads.test import reply_thread -from ..categoriestracker import make_read_aware -from ..poststracker import save_read - - -def remove_tracking(thread): - thread.started_on = timezone.now() - timedelta(days=4) - thread.save() - thread.first_post.posted_on = thread.started_on - thread.first_post.save() - - -@pytest.fixture -def read_thread(user, thread): - save_read(user, thread.first_post) - return thread - - -def test_falsy_value_can_be_made_read_aware(request_mock): - make_read_aware(request_mock, None) - make_read_aware(request_mock, False) - - -def test_empty_list_can_be_made_read_aware(request_mock): - make_read_aware(request_mock, []) - - -def test_empty_category_is_marked_as_read(request_mock, default_category): - make_read_aware(request_mock, default_category) - assert default_category.is_read - assert not default_category.is_new - - -def test_category_with_tracked_post_is_marked_as_read( - request_mock, post, default_category -): - make_read_aware(request_mock, default_category) - assert not default_category.is_read - assert default_category.is_new - - -def test_category_with_post_older_than_user_is_marked_as_read( - request_mock, post, default_category -): - post.posted_on = timezone.now() - timedelta(days=1) - post.save() - - make_read_aware(request_mock, default_category) - assert default_category.is_read - assert not default_category.is_new - - -@override_dynamic_settings(readtracker_cutoff=3) -def test_category_with_post_older_than_cutoff_is_marked_as_read( - request_mock, user, post, default_category -): - user.joined_on = timezone.now() - timedelta(days=5) - user.save() - - post.posted_on = timezone.now() - timedelta(days=4) - post.save() - - make_read_aware(request_mock, default_category) - assert default_category.is_read - assert not default_category.is_new - - -def test_category_with_read_post_is_marked_as_read( - request_mock, user, post, default_category -): - save_read(user, post) - make_read_aware(request_mock, default_category) - assert default_category.is_read - assert not default_category.is_new - - -def test_category_with_post_in_thread_older_than_user_is_marked_as_unread( - request_mock, thread, default_category -): - remove_tracking(thread) - reply_thread(thread) - make_read_aware(request_mock, default_category) - assert not default_category.is_read - assert default_category.is_new - - -def test_category_with_post_in_invisible_thread_is_marked_as_read( - request_mock, hidden_thread, default_category -): - reply_thread(hidden_thread) - make_read_aware(request_mock, default_category) - assert default_category.is_read - assert not default_category.is_new - - -def test_category_with_read_post_in_thread_older_than_user_is_marked_as_read( - request_mock, user, thread, default_category -): - remove_tracking(thread) - post = reply_thread(thread) - save_read(user, post) - make_read_aware(request_mock, default_category) - assert default_category.is_read - assert not default_category.is_new - - -def test_category_with_read_post_in_read_thread_is_marked_as_read( - request_mock, user, read_thread, default_category -): - post = reply_thread(read_thread) - save_read(user, post) - make_read_aware(request_mock, default_category) - assert default_category.is_read - assert not default_category.is_new - - -def test_category_with_invisible_post_in_read_thread_is_marked_as_read( - request_mock, user, read_thread, default_category -): - reply_thread(read_thread, is_unapproved=True) - make_read_aware(request_mock, default_category) - assert default_category.is_read - assert not default_category.is_new - - -def test_category_with_new_event_in_read_thread_is_marked_as_unread( - request_mock, read_thread, default_category -): - reply_thread(read_thread, is_event=True) - make_read_aware(request_mock, default_category) - assert not default_category.is_read - assert default_category.is_new - - -def test_category_with_hidden_event_in_read_thread_is_marked_as_read( - request_mock, read_thread, default_category -): - reply_thread(read_thread, is_hidden=True, is_event=True) - make_read_aware(request_mock, default_category) - assert default_category.is_read - assert not default_category.is_new - - -def test_category_with_hidden_event_visible_to_user_in_read_thread_is_marked_as_unread( - request_mock, read_thread, default_category -): - request_mock.user_acl["categories"][default_category.id]["can_hide_events"] = 1 - reply_thread(read_thread, is_hidden=True, is_event=True) - make_read_aware(request_mock, default_category) - assert not default_category.is_read - assert default_category.is_new - - -def test_empty_category_is_marked_as_read_for_anonymous_user( - anonymous_request_mock, default_category -): - make_read_aware(anonymous_request_mock, default_category) - assert default_category.is_read - assert not default_category.is_new - - -def test_category_with_tracked_thread_is_marked_as_read_for_anonymous_user( - anonymous_request_mock, thread, default_category -): - make_read_aware(anonymous_request_mock, default_category) - assert default_category.is_read - assert not default_category.is_new - - -@override_dynamic_settings(readtracker_cutoff=3) -def test_category_with_non_tracked_thread_is_marked_as_read_for_anonymous_user( - anonymous_request_mock, thread, default_category -): - remove_tracking(thread) - make_read_aware(anonymous_request_mock, default_category) - assert default_category.is_read - assert not default_category.is_new diff --git a/misago/readtracker/tests/test_get_categories_new_posts.py b/misago/readtracker/tests/test_get_categories_new_posts.py new file mode 100644 index 0000000000..00588e84c3 --- /dev/null +++ b/misago/readtracker/tests/test_get_categories_new_posts.py @@ -0,0 +1,180 @@ +from datetime import timedelta + +import pytest +from django.utils import timezone + +from ...conf.test import override_dynamic_settings +from ...threads.test import reply_thread +from ..categories import get_categories_new_posts +from ..poststracker import save_read + + +def remove_tracking(thread): + thread.started_on = timezone.now() - timedelta(days=4) + thread.save() + thread.first_post.posted_on = thread.started_on + thread.first_post.save() + + +@pytest.fixture +def read_thread(user, thread): + save_read(user, thread.first_post) + return thread + + +def test_get_categories_new_posts_returns_empty_dict_for_empty_list(request_mock): + assert get_categories_new_posts(request_mock, []) == {} + + +def test_get_categories_new_posts_returns_false_for_empty_category( + request_mock, default_category +): + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: False} + + +def test_get_categories_new_posts_returns_true_for_new_post( + request_mock, post, default_category +): + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: True} + + +def test_get_categories_new_posts_returns_false_for_post_older_than_user( + request_mock, post, default_category +): + post.posted_on = timezone.now() - timedelta(days=1) + post.save() + + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: False} + + +@override_dynamic_settings(readtracker_cutoff=3) +def test_get_categories_new_posts_returns_false_for_post_older_than_cutoff( + request_mock, user, post, default_category +): + user.joined_on = timezone.now() - timedelta(days=5) + user.save() + + post.posted_on = timezone.now() - timedelta(days=4) + post.save() + + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: False} + + +def test_get_categories_new_posts_returns_false_for_read_post( + request_mock, user, post, default_category +): + save_read(user, post) + + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: False} + + +def test_get_categories_new_posts_returns_true_for_new_post_in_untracked_thread( + request_mock, thread, default_category +): + remove_tracking(thread) + reply_thread(thread) + + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: True} + + +def test_get_categories_new_posts_returns_false_for_new_post_in_hidden_thread( + request_mock, hidden_thread, default_category +): + reply_thread(hidden_thread) + + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: False} + + +def test_get_categories_new_posts_returns_false_for_read_post_in_untracked_thread( + request_mock, user, thread, default_category +): + remove_tracking(thread) + post = reply_thread(thread) + save_read(user, post) + + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: False} + + +def test_get_categories_new_posts_returns_false_for_read_post_in_read_thread( + request_mock, user, read_thread, default_category +): + post = reply_thread(read_thread) + save_read(user, post) + + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: False} + + +def test_get_categories_new_posts_returns_false_for_unapproved_post_in_read_thread( + request_mock, user, read_thread, default_category +): + reply_thread(read_thread, is_unapproved=True) + + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: False} + + +def test_get_categories_new_posts_returns_true_for_new_event_in_read_thread( + request_mock, read_thread, default_category +): + reply_thread(read_thread, is_event=True) + + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: True} + + +def test_get_categories_new_posts_returns_false_for_hidden_event_in_read_thread( + request_mock, read_thread, default_category +): + reply_thread(read_thread, is_hidden=True, is_event=True) + + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: False} + + +def test_get_categories_new_posts_returns_true_for_visible_hidden_event_in_read_thread( + request_mock, read_thread, default_category +): + request_mock.user_acl["categories"][default_category.id]["can_hide_events"] = 1 + reply_thread(read_thread, is_hidden=True, is_event=True) + + categories_new_posts = get_categories_new_posts(request_mock, [default_category]) + assert categories_new_posts == {default_category.pk: True} + + +def test_get_categories_new_posts_returns_false_for_empty_category_for_anonymous_user( + anonymous_request_mock, default_category +): + categories_new_posts = get_categories_new_posts( + anonymous_request_mock, [default_category] + ) + assert categories_new_posts == {default_category.pk: False} + + +def test_get_categories_new_posts_returns_false_for_tracked_thread_for_anonymous_user( + anonymous_request_mock, thread, default_category +): + categories_new_posts = get_categories_new_posts( + anonymous_request_mock, [default_category] + ) + assert categories_new_posts == {default_category.pk: False} + + +@override_dynamic_settings(readtracker_cutoff=3) +def test_get_categories_new_posts_returns_false_for_untracked_thread_for_anonymous_user( + anonymous_request_mock, thread, default_category +): + remove_tracking(thread) + + categories_new_posts = get_categories_new_posts( + anonymous_request_mock, [default_category] + ) + assert categories_new_posts == {default_category.pk: False} diff --git a/misago/static/misago/css/misago.css b/misago/static/misago/css/misago.css index 2ae7aa8ce6..14c136f8c1 100644 --- a/misago/static/misago/css/misago.css +++ b/misago/static/misago/css/misago.css @@ -1,3 +1,3 @@ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} -/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:10px}body{background-color:#fff;color:#172b4d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#0065ff;text-decoration:none}a:focus,a:hover{color:#0747a6;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{background-color:#fff;border:1px solid #ddd;border-radius:4px;display:inline-block;height:auto;line-height:1.42857143;max-width:100%;padding:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{border:0;border-top:1px solid #ebecf0;margin-bottom:20px;margin-top:20px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.1}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#7a869a;font-weight:400;line-height:1}.h1,.h2,.h3,h1,h2,h3{margin-bottom:10px;margin-top:20px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-bottom:10px;margin-top:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{font-size:16px;font-weight:300;line-height:1.4;margin-bottom:20px}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#7a869a}.text-primary{color:#2563eb}a.text-primary:focus,a.text-primary:hover{color:#134cca}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{background-color:#2563eb;color:#fff}a.bg-primary:focus,a.bg-primary:hover{background-color:#134cca}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{border-bottom:1px solid #ebecf0;margin:40px 0 20px;padding-bottom:9px}ol,ul{margin-bottom:10px;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-inline,.list-unstyled{list-style:none;padding-left:0}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-bottom:20px;margin-top:0}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:700px){.dl-horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:160px}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{border-left:5px solid #ebecf0;font-size:17.5px;margin:0 0 20px;padding:10px 20px}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{color:#7a869a;display:block;font-size:80%;line-height:1.42857143}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{border-left:0;border-right:5px solid #ebecf0;padding-left:0;padding-right:15px;text-align:right}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{font-style:normal;line-height:1.42857143;margin-bottom:20px}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Courier New,monospace}code{background-color:#f9f2f4;border-radius:4px;color:#c7254e}code,kbd{font-size:90%;padding:2px 4px}kbd{background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);color:#fff}kbd kbd{box-shadow:none;font-size:100%;font-weight:700;padding:0}pre{word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;color:#344563;display:block;font-size:13px;line-height:1.42857143;margin:0 0 10px;padding:9.5px;word-break:break-all}pre code{background-color:transparent;border-radius:0;color:inherit;font-size:inherit;padding:0;white-space:pre-wrap}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row-no-gutters{margin-left:0;margin-right:0}.row-no-gutters [class*=col-]{padding-left:0;padding-right:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{min-height:1px;padding-left:15px;padding-right:15px;position:relative}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{display:table-column;float:none;position:static}table td[class*=col-],table th[class*=col-]{display:table-cell;float:none;position:static}caption{color:#7a869a;padding-bottom:8px;padding-top:8px}caption,th{text-align:left}.table{margin-bottom:20px;max-width:100%;width:100%}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:1px solid #ddd;line-height:1.42857143;padding:8px;vertical-align:top}.table>thead>tr>th{border-bottom:2px solid #ddd;vertical-align:bottom}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;margin-bottom:15px;overflow-y:hidden;width:100%}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{margin:0;min-width:0}fieldset,legend{border:0;padding:0}legend{border-bottom:1px solid #e5e5e5;color:#344563;display:block;font-size:21px;line-height:inherit;margin-bottom:20px;width:100%}label{display:inline-block;font-weight:700;margin-bottom:5px;max-width:100%}input[type=search]{-webkit-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{line-height:normal;margin:4px 0 0;margin-top:1px\9}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}.form-control,output{color:#172b4d;display:block;font-size:14px;line-height:1.42857143}.form-control{background-color:#fff;background-image:none;border:1px solid #ced0da;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);height:34px;padding:6px 12px;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control:focus{border-color:#66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);outline:0}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#ebecf0;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{display:block;margin-bottom:10px;margin-top:10px;position:relative}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{cursor:pointer;font-weight:400;margin-bottom:0;min-height:20px;padding-left:20px}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{margin-left:-20px;margin-top:4px\9;position:absolute}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{cursor:pointer;display:inline-block;font-weight:400;margin-bottom:0;padding-left:20px;position:relative;vertical-align:middle}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-left:10px;margin-top:0}.form-control-static{margin-bottom:0;min-height:34px;padding-bottom:7px;padding-top:7px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 10px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 10px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{font-size:12px;height:30px;line-height:1.5;min-height:32px;padding:6px 10px}.input-lg{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 16px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 16px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{font-size:18px;height:46px;line-height:1.3333333;min-height:38px;padding:11px 16px}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{display:block;height:34px;line-height:34px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;width:34px;z-index:2}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{height:46px;line-height:46px;width:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{height:30px;line-height:30px;width:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{background-color:#dff0d8;border-color:#3c763d;color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{background-color:#fcf8e3;border-color:#8a6d3b;color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{background-color:#f2dede;border-color:#a94442;color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{color:#3462af;display:block;margin-bottom:10px;margin-top:5px}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;vertical-align:middle;width:auto}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-bottom:0;margin-top:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{margin-left:0;position:relative}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-bottom:0;margin-top:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{margin-bottom:0;padding-top:7px;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{font-size:18px;padding-top:11px}.form-horizontal .form-group-sm .control-label{font-size:12px;padding-top:6px}}.btn{background-image:none;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857143;margin-bottom:0;padding:6px 12px;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#172b4d;text-decoration:none}.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);outline:0}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;filter:alpha(opacity=65);opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{background-color:#ebecf0;border-color:#ccc;color:#172b4d}.btn-default.focus,.btn-default:focus{background-color:#ced0da;border-color:#8c8c8c;color:#172b4d}.btn-default:hover{background-color:#ced0da;border-color:#adadad;color:#172b4d}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-color:#ced0da;background-image:none;border-color:#adadad;color:#172b4d}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{background-color:#b9bdcb;border-color:#8c8c8c;color:#172b4d}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#ebecf0;border-color:#ccc}.btn-default .badge{background-color:#172b4d;color:#ebecf0}.btn-primary{background-color:#2563eb;border-color:#1555e2;color:#fff}.btn-primary.focus,.btn-primary:focus{background-color:#134cca;border-color:#0a296d;color:#fff}.btn-primary:hover{background-color:#134cca;border-color:#1040aa;color:#fff}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-color:#134cca;background-image:none;border-color:#1040aa;color:#fff}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{background-color:#1040aa;border-color:#0a296d;color:#fff}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#2563eb;border-color:#1555e2}.btn-primary .badge{background-color:#fff;color:#2563eb}.btn-success{background-color:#22c55e;border-color:#1eaf54;color:#fff}.btn-success.focus,.btn-success:focus{background-color:#1a9a49;border-color:#0b4320;color:#fff}.btn-success:hover{background-color:#1a9a49;border-color:#157b3b;color:#fff}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-color:#1a9a49;background-image:none;border-color:#157b3b;color:#fff}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{background-color:#157b3b;border-color:#0b4320;color:#fff}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#22c55e;border-color:#1eaf54}.btn-success .badge{background-color:#fff;color:#22c55e}.btn-info{background-color:#4f46e5;border-color:#3a30e2;color:#fff}.btn-info.focus,.btn-info:focus{background-color:#291fd9;border-color:#181280;color:#fff}.btn-info:hover{background-color:#291fd9;border-color:#231aba;color:#fff}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-color:#291fd9;background-image:none;border-color:#231aba;color:#fff}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{background-color:#231aba;border-color:#181280;color:#fff}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#4f46e5;border-color:#3a30e2}.btn-info .badge{background-color:#fff;color:#4f46e5}.btn-warning{background-color:#ffab00;border-color:#e69a00;color:#fff}.btn-warning.focus,.btn-warning:focus{background-color:#cc8900;border-color:#640;color:#fff}.btn-warning:hover{background-color:#cc8900;border-color:#a87100;color:#fff}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-color:#cc8900;background-image:none;border-color:#a87100;color:#fff}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{background-color:#a87100;border-color:#640;color:#fff}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#ffab00;border-color:#e69a00}.btn-warning .badge{background-color:#fff;color:#ffab00}.btn-danger{background-color:#ef5350;border-color:#ed3c39;color:#fff}.btn-danger.focus,.btn-danger:focus{background-color:#eb2521;border-color:#98110e;color:#fff}.btn-danger:hover{background-color:#eb2521;border-color:#d51713;color:#fff}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-color:#eb2521;background-image:none;border-color:#d51713;color:#fff}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{background-color:#d51713;border-color:#98110e;color:#fff}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#ef5350;border-color:#ed3c39}.btn-danger .badge{background-color:#fff;color:#ef5350}.btn-link{border-radius:0;color:#0065ff;font-weight:400}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{background-color:transparent;color:#0747a6;text-decoration:underline}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#7a869a;text-decoration:none}.btn-group-lg>.btn,.btn-lg{border-radius:6px;font-size:18px;line-height:1.3333333;padding:10px 16px}.btn-group-sm>.btn,.btn-sm{border-radius:3px;font-size:12px;line-height:1.5;padding:5px 10px}.btn-group-xs>.btn,.btn-xs{border-radius:3px;font-size:12px;line-height:1.5;padding:1px 5px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{height:0;overflow:hidden;position:relative;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-timing-function:ease;transition-timing-function:ease}.caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px dashed;border-top:4px solid\9;display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);display:none;float:left;font-size:14px;left:0;list-style:none;margin:2px 0 0;min-width:160px;padding:5px 0;position:absolute;text-align:left;top:100%;z-index:1000}.dropdown-menu.pull-right{left:auto;right:0}.dropdown-menu .divider{background-color:#ebecf0;height:1px;margin:9px 0;overflow:hidden}.dropdown-menu>li>a{clear:both;color:#172b4d;display:block;font-weight:400;line-height:1.42857143;padding:3px 20px;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#ebecf0;color:#172b4d;text-decoration:none}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#172b4d;color:#fff;outline:0;text-decoration:none}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#7a869a}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{background-color:transparent;background-image:none;cursor:not-allowed;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);text-decoration:none}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{color:#7a869a;display:block;font-size:12px;line-height:1.42857143;padding:3px 20px;white-space:nowrap}.dropdown-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:990}.pull-right>.dropdown-menu{left:auto;right:0}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-bottom:4px dashed;border-bottom:4px solid\9;border-top:0;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{bottom:100%;margin-bottom:2px;top:auto}@media (min-width:700px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.nav{list-style:none;margin-bottom:0;padding-left:0}.nav>li,.nav>li>a{display:block;position:relative}.nav>li>a{padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{background-color:#ebecf0;text-decoration:none}.nav>li.disabled>a{color:#7a869a}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{background-color:transparent;color:#7a869a;cursor:not-allowed;text-decoration:none}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#ebecf0;border-color:#0065ff}.nav .nav-divider{background-color:#e5e5e5;height:1px;margin:9px 0;overflow:hidden}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{border:1px solid transparent;border-radius:4px 4px 0 0;line-height:1.42857143;margin-right:2px}.nav-tabs>li>a:hover{border-color:#ebecf0 #ebecf0 #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:#fff;border:1px solid;border-color:#ddd #ddd transparent;color:#5e6c84;cursor:default}.nav-tabs.nav-justified{border-bottom:0;width:100%}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{left:auto;top:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{border-radius:4px;margin-right:0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{background-color:#0065ff;color:#fff}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-left:0;margin-top:2px}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{left:auto;top:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{border-radius:4px;margin-right:0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.breadcrumb{background-color:#f5f5f5;border-radius:4px;list-style:none;margin-bottom:20px;padding:8px 15px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{color:#ccc;content:"/\00a0";padding:0 5px}.breadcrumb>.active{color:#7a869a}.alert{border:1px solid transparent;border-radius:4px;margin-bottom:20px;padding:15px}.alert h4{color:inherit;margin-top:0}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{color:inherit;position:relative;right:-21px;top:-2px}.alert-success{background-color:#00875a;border-color:#00875a;color:#fff}.alert-success hr{border-top-color:#006e49}.alert-success .alert-link{color:#e6e6e6}.alert-info{background-color:#2563eb;border-color:#2563eb;color:#fff}.alert-info hr{border-top-color:#1555e2}.alert-info .alert-link{color:#e6e6e6}.alert-warning{background-color:#ff8b00;border-color:#ff8b00;color:#fff}.alert-warning hr{border-top-color:#e67d00}.alert-warning .alert-link{color:#e6e6e6}.alert-danger{background-color:#de350b;border-color:#de350b;color:#fff}.alert-danger hr{border-top-color:#c62f0a}.alert-danger .alert-link{color:#e6e6e6}.label{border-radius:.25em;color:#fff;display:inline;font-size:75%;font-weight:700;line-height:1;padding:.2em .6em .3em;text-align:center;vertical-align:baseline;white-space:nowrap}a.label:focus,a.label:hover{color:#fff;cursor:pointer;text-decoration:none}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#7a869a}.label-default[href]:focus,.label-default[href]:hover{background-color:#616d80}.label-primary{background-color:#2563eb}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#134cca}.label-success{background-color:#36b37e}.label-success[href]:focus,.label-success[href]:hover{background-color:#2a8c62}.label-info{background-color:#4f46e5}.label-info[href]:focus,.label-info[href]:hover{background-color:#291fd9}.label-warning{background-color:#ffab00}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#cc8900}.label-danger{background-color:#ff5630}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#fc2e00}@-webkit-keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}.progress{background-color:#ebecf0;border-radius:3px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);height:20px;margin-bottom:20px;overflow:hidden}.progress-bar{background-color:#2563eb;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);color:#fff;float:left;font-size:12px;height:100%;line-height:20px;text-align:center;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;width:0}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#36b37e}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-info{background-color:#4f46e5}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-warning{background-color:#ffab00}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-danger{background-color:#ff5630}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.btn-group,.btn-group-vertical{display:inline-block;position:relative;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{float:left;position:relative}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;max-width:100%;width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-left:0;margin-top:-1px}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:0;border-top-right-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{border-collapse:separate;display:table;table-layout:fixed;width:100%}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.input-group{border-collapse:separate;display:table;position:relative}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{float:left;margin-bottom:0;position:relative;width:100%;z-index:2}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 16px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 10px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{vertical-align:middle;white-space:nowrap;width:1%}.input-group-addon{background-color:#ebecf0;border:1px solid #ced0da;border-radius:4px;color:#172b4d;font-size:14px;font-weight:400;line-height:1;padding:6px 12px;text-align:center}.input-group-addon.input-sm{border-radius:3px;font-size:12px;padding:5px 10px}.input-group-addon.input-lg{border-radius:6px;font-size:18px;padding:10px 16px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px;z-index:2}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-bottom:5px;margin-top:0}.media-list{list-style:none;padding-left:0}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{background-color:#fff;border:1px solid #ebecf0;display:block;margin-bottom:-1px;padding:10px 15px;position:relative}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px;margin-bottom:0}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{background-color:#ebecf0;color:#7a869a;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#7a869a}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{background-color:#fff;border-color:#ebecf0;color:#0065ff;z-index:2}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#fff}a.list-group-item,button.list-group-item{color:#7a869a}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{background-color:#fff;color:#172b4d;text-decoration:none}button.list-group-item{text-align:left;width:100%}.list-group-item-success{background-color:#dff0d8;color:#3c763d}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{background-color:#d0e9c6;color:#3c763d}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{background-color:#3c763d;border-color:#3c763d;color:#fff}.list-group-item-info{background-color:#d9edf7;color:#31708f}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{background-color:#c4e3f3;color:#31708f}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{background-color:#31708f;border-color:#31708f;color:#fff}.list-group-item-warning{background-color:#fcf8e3;color:#8a6d3b}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{background-color:#faf2cc;color:#8a6d3b}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{background-color:#8a6d3b;border-color:#8a6d3b;color:#fff}.list-group-item-danger{background-color:#f2dede;color:#a94442}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{background-color:#ebcccc;color:#a94442}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{background-color:#a94442;border-color:#a94442;color:#fff}.list-group-item-heading{margin-bottom:5px;margin-top:0}.list-group-item-text{line-height:1.3;margin-bottom:0}.panel{background-color:#fff;border:1px solid transparent;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);margin-bottom:20px}.panel-body{padding:15px}.panel-heading{border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px;padding:14px 15px}.panel-heading>.dropdown .dropdown-toggle,.panel-title{color:inherit}.panel-title{font-size:16px;margin-bottom:0;margin-top:0}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{background-color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top:1px solid #ebecf0;padding:14px 15px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-radius:0;border-width:1px 0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-left:15px;padding-right:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{border-radius:4px;margin-bottom:0}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ebecf0}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ebecf0}.panel-default{border-color:#ddd}.panel-default>.panel-heading{background-color:#fff;border-color:#ddd;color:#344563}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{background-color:#344563;color:#fff}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#2563eb}.panel-primary>.panel-heading{background-color:#2563eb;border-color:#2563eb;color:#fff}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#2563eb}.panel-primary>.panel-heading .badge{background-color:#fff;color:#2563eb}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#2563eb}.panel-success{border-color:#36b37e}.panel-success>.panel-heading{background-color:#dff0d8;border-color:#36b37e;color:#3c763d}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#36b37e}.panel-success>.panel-heading .badge{background-color:#3c763d;color:#dff0d8}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#36b37e}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{background-color:#31708f;color:#d9edf7}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{background-color:#8a6d3b;color:#fcf8e3}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ff5630}.panel-danger>.panel-heading{background-color:#f2dede;border-color:#ff5630;color:#a94442}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ff5630}.panel-danger>.panel-heading .badge{background-color:#a94442;color:#f2dede}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ff5630}.pager{list-style:none;margin:20px 0;padding-left:0;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{background-color:#fff;border:1px solid #ddd;border-radius:15px;display:inline-block;padding:5px 14px}.pager li>a:focus,.pager li>a:hover{background-color:#ebecf0;text-decoration:none}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{background-color:#fff;color:#7a869a;cursor:not-allowed}.pagination{border-radius:4px;display:inline-block;margin:20px 0;padding-left:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{background-color:#fff;border:1px solid #ddd;color:#0065ff;float:left;line-height:1.42857143;margin-left:-1px;padding:6px 12px;position:relative;text-decoration:none}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#ebecf0;border-color:#ddd;color:#0747a6;z-index:2}.pagination>li:first-child>a,.pagination>li:first-child>span{border-bottom-left-radius:4px;border-top-left-radius:4px;margin-left:0}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#2563eb;border-color:#2563eb;color:#fff;cursor:default;z-index:3}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{background-color:#fff;border-color:#ddd;color:#7a869a;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{font-size:18px;line-height:1.3333333;padding:10px 16px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{font-size:12px;line-height:1.5;padding:5px 10px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.embed-responsive{display:block;height:0;overflow:hidden;padding:0;position:relative}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{border:0;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{background-color:#fff;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);margin-bottom:20px;min-height:20px;padding:19px}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{border-radius:6px;padding:24px}.well-sm{border-radius:3px;padding:9px}.close{color:#000;filter:alpha(opacity=20);float:right;font-size:21px;font-weight:700;line-height:1;opacity:.2;text-shadow:0 1px 0 #fff}.close:focus,.close:hover{color:#000;cursor:pointer;filter:alpha(opacity=50);opacity:.5;text-decoration:none}button.close{-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;padding:0}.badge{background-color:#7a869a;border-radius:10px;color:#fff;display:inline-block;font-size:12px;font-weight:700;line-height:1;min-width:10px;padding:3px 7px;text-align:center;vertical-align:middle;white-space:nowrap}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{padding:1px 5px;top:0}a.badge:focus,a.badge:hover{color:#fff;cursor:pointer;text-decoration:none}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{background-color:#fff;color:#0065ff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.modal,.modal-open{overflow:hidden}.modal{-webkit-overflow-scrolling:touch;bottom:0;display:none;left:0;outline:0;position:fixed;right:0;top:0;z-index:1050}.modal.fade .modal-dialog{-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);-o-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{margin:10px;position:relative;width:auto}.modal-content{background-clip:padding-box;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0;position:relative}.modal-backdrop{background-color:#091e42;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{border-bottom:1px solid #ced0da;padding:15px}.modal-header .close{margin-top:-2px}.modal-title{line-height:1.42857143;margin:0}.modal-body{padding:15px;position:relative}.modal-footer{border-top:1px solid #ced0da;padding:15px;text-align:right}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{height:50px;overflow:scroll;position:absolute;top:-9999px;width:50px}@media (min-width:768px){.modal-dialog{margin:30px auto;width:600px}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.agreement-footer:after,.agreement-footer:before,.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.agreement-footer:after,.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}@media screen and (min-width:992px){.md-margin-top-no{margin-top:0!important}}@media screen and (min-width:768px) and (max-width:991px){.sm-margin-top{margin-top:20px!important}.sm-margin-top-no{margin-top:0!important}.sm-margin-top-half{margin-top:6.6px!important}.sm-align-row-buttons{margin-top:5px!important}}@media screen and (max-width:767px){.xs-margin-top{margin-top:20px!important}.xs-margin-top-half{margin-top:6.6px!important}}.flex-row{display:block;margin:0 -15px}.flex-row-section{align-items:center;display:flex;flex:1}.flex-row-section+.flex-row-section{margin-top:20px}.flex-row-col{flex:1;padding:0 15px}@media screen and (min-width:768px){.flex-row{align-items:center;display:flex}.flex-row-section+.flex-row-section{margin:0}.flex-row-col,.flex-row-section{align-items:center;flex:0}.flex-row-section.flex-row-section-auto,.flex-row-section.flex-row-section-auto>.flex-row-col{flex:1}}.flex-row-col-shrink{flex:0!important}.d-none{display:none!important}.atwho-view ul li img{border-radius:3px;height:20px;margin-right:4.66666667px;width:20px}.auth-message{background-color:#ebecf0;left:0;padding:20px 0;position:fixed;top:-100%;transition:top .3s ease;width:100%;z-index:1070}.auth-message.show{bottom:auto;top:0}.auth-message p{color:#172b4d;padding:5px 0}@media screen and (max-width:991px){.auth-message{text-align:center}.auth-message .btn{font-size:18px;padding:10px 16px}}.alerts-snackbar{font-size:18px;pointer-events:none;position:fixed;text-align:center;top:-100%;transition:top .3s ease;width:100%;z-index:1060}.alerts-snackbar.in{top:0;transition:top .2s ease}.alerts-snackbar p{border-radius:0 0 4px 4px;display:inline-block;margin:0;pointer-events:all}.agreement-overlay{background-color:rgba(9,30,66,.5);height:100%;left:0;overflow-x:scroll;position:fixed;top:0;width:100%;z-index:1060}.agreement-overlay .container{max-width:900px;padding:20px 30px}.agreement-content{background-clip:padding-box;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0;padding:10px 16px}.agreement-header{border-bottom:1px solid #ebecf0;padding:10px 0}.agreement-header h2{margin-top:0}.agreement-header p{margin:0;padding:0}.agreement-body{padding:20px 0}.agreement-body p.lead{margin:0;padding:0}.agreement-footer{border-top:1px solid #ced0da;padding:10px 0;text-align:right}.agreement-footer .btn+.btn{margin-bottom:0;margin-left:5px}.agreement-footer .btn-group .btn+.btn{margin-left:-1px}.agreement-footer .btn-block+.btn-block{margin-left:0}body.agreement-overlay-visible{overflow:hidden}.loader{height:49px;text-align:center;width:100%}.loader.loader-spaced{margin:40px 0}.loader-spinning-wheel{animation:cssload-spin 575ms linear infinite;-o-animation:cssload-spin 575ms linear infinite;-ms-animation:cssload-spin 575ms linear infinite;-webkit-animation:cssload-spin 575ms linear infinite;-moz-animation:cssload-spin 575ms linear infinite;border-color:#7a869a transparent;border-radius:50%;border-style:solid;border-width:3px;height:49px;margin:0 auto;width:49px}@keyframes cssload-spin{to{transform:rotate(1turn)}}@-o-keyframes cssload-spin{to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@-ms-keyframes cssload-spin{to{-ms-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes cssload-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes cssload-spin{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}.navbar{background-color:#fff;border-bottom:1px solid #e5e7eb;color:#111827;height:60px;position:sticky;top:0;z-index:1030}.navbar-container,.navbar-right{align-items:center;display:flex;height:100%}.navbar-right{margin-left:auto}.navbar-branding{align-items:center;display:flex;margin-right:24px}.navbar-branding-text,.navbar-branding-text:active,.navbar-branding-text:focus,.navbar-branding-text:hover,.navbar-branding-text:link,.navbar-branding-text:visited{color:#374151;font-size:22px;text-decoration:none}.navbar-branding-logo img{height:40px}.navbar-branding-logo-xs{margin-right:12px}.navbar-branding-logo-xs img{height:34px;width:34px}.navbar-extra-menu{display:block;font-size:18px;margin:0;padding:0}.navbar-extra-menu>li,.navbar-extra-menu>li>a{display:inline-block}.navbar-extra-menu a,.navbar-extra-menu a:link,.navbar-extra-menu a:visited{border-radius:4px;color:#172b4d;padding:6px 12px}.navbar-extra-menu a:active,.navbar-extra-menu a:focus,.navbar-extra-menu a:hover{color:#172b4d;text-decoration:none}.navbar-extra-menu a:active{background-color:#e5e7eb}.btn.btn-navbar-icon{align-items:center;display:flex;height:34px;justify-content:center;margin-left:12px;padding:0;position:relative;width:34px}.btn.btn-navbar-icon .material-icon{font-size:24px;line-height:24px;margin:0}.btn.btn-navbar-icon,.btn.btn-navbar-icon:focus,.btn.btn-navbar-icon:hover,.btn.btn-navbar-icon:link,.btn.btn-navbar-icon:visited{background-color:transparent;border-color:transparent;box-shadow:none;color:#374151}.btn.btn-navbar-icon.active,.btn.btn-navbar-icon:active{background-color:#e5e7eb;border-color:#e5e7eb;box-shadow:none;color:#172b4d}.btn-navbar-image{display:inline-block;margin-left:12px;padding:0}.btn-navbar-image img{border-radius:3px;height:34px;width:34px}.navbar-item-badge{background-color:#dc2626;border-radius:4px;color:#fff;font-size:12px;padding:0 5px;position:absolute;right:-3px;top:-3px;z-index:2}.btn-navbar-register,.btn-navbar-sign-in{margin-left:12px}@media screen and (max-width:767px){#navbar-notifications-dropdown,#navbar-private-threads,#navbar-search-dropdown,#navbar-site-nav-dropdown,#navbar-user-nav-dropdown,.btn-navbar-register,.btn-navbar-sign-in,.navbar-extra-menu{display:none}}@media screen and (max-width:420px){#navbar-private-threads{display:none}}@media screen and (min-width:768px){#navbar-notifications-overlay,#navbar-search-overlay,#navbar-site-nav-overlay,#navbar-user-nav-overlay{display:none}}.nav-side>a>.material-icon{bottom:1px;font-size:24px;height:24px;line-height:24px;margin:-5px 10px -5px -5px;position:relative;width:24px}.nav-side>a .badge{position:relative;top:1px}.nav-pills>li>a{align-items:center;display:flex;padding:5px 10px}.nav-pills>li>a .material-icon{margin-right:3px}.nav-pills>li>a,.nav-pills>li>a:link,.nav-pills>li>a:visited{background-color:#ebecf0;color:#344563}.nav-pills>li>a:active,.nav-pills>li>a:focus,.nav-pills>li>a:hover{background-color:#dcdee5;color:#344563}.nav-pills>li.active>a,.nav-pills>li.active>a:active,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:link,.nav-pills>li.active>a:visited{background-color:#344563;color:#fff}.nav-container .btn-block{margin-bottom:20px}.nav-container .nav{margin-bottom:30px;margin-right:-10px}.nav-container li{margin-bottom:10px;margin-right:10px}.breadcrumbs{display:block;margin-bottom:10px;padding:0}.breadcrumbs-item{display:inline-block;list-style:none;margin-bottom:10px;margin-right:15px;padding:0}.breadcrumbs-item a{align-items:center;display:flex;text-decoration:none}.breadcrumbs-item a,.breadcrumbs-item a:visited{color:#5e6c84}.breadcrumbs-item a:focus,.breadcrumbs-item a:hover{color:#172b4d}.breadcrumbs-item a:focus .breadcrumbs-item-name,.breadcrumbs-item a:hover .breadcrumbs-item-name{text-decoration:underline}.breadcrumbs-item a:active{color:#172b4d}.breadcrumbs-item .material-icon{margin-right:4px}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(../fonts/MaterialIcons-Regular.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(../fonts/MaterialIcons-Regular.woff2) format("woff2"),url(../fonts/MaterialIcons-Regular.woff) format("woff"),url(../fonts/MaterialIcons-Regular.ttf) format("truetype")}.material-icon{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Icons;font-style:normal;font-weight:400;height:1em;letter-spacing:normal;line-height:1;overflow-wrap:normal;text-align:center;text-rendering:optimizeLegibility;text-transform:none;vertical-align:middle;white-space:nowrap;width:1em}.modal-toolbar{background:#ebecf0;border-bottom:1px solid #ced0da;overflow:auto;padding:6px 12px}.modal-toolbar .pull-left{margin-right:8px}.modal-toolbar p{margin-bottom:0;padding:5px 0}@media screen and (max-width:991px){.modal-message{text-align:center}.modal-message .message-icon{margin:30px}.modal-message .message-icon .material-icon{font-size:160px}}@media screen and (min-width:992px){.modal-message .modal-body{padding-bottom:30px;padding-top:20px}.modal-message .message-icon{float:left;left:7px;position:relative}.modal-message .message-icon .material-icon{font-size:50px}.modal-message .message-body{margin-left:75px;margin-top:10px}.modal-message .message-body p{margin-top:20px}.modal-message .message-body .lead{margin-bottom:0;margin-top:0}}.modal-loader{padding:50px 0}.modal-loader .loader{height:80px;text-align:center;width:100%}.modal-loader .loader-spinning-wheel{height:80px;width:80px}.modal-body .form-group{min-height:34px}.list-item-errors{margin-bottom:20px}.list-errored-items li:last-child .list-item-errors{margin-bottom:0}.modal-post-likers .media-list{margin:0}.modal-post-likers .item-title{display:block}.has-feedback .material-icon.form-control-feedback{font-size:1.42857143;line-height:1.42857143;right:24px;top:6px}.well.well-form.well-done{font-size:18px;text-align:center}.well.well-form.well-done .message-icon{font-size:90px;line-height:90px;margin-bottom:10px}.well.well-form.well-done .message-body{margin-bottom:20px}.well.well-form.well-noscript{font-size:18px;text-align:center}.well.well-form.well-noscript .message-icon{font-size:90px;line-height:90px;margin-bottom:10px}.btn.btn-select,.btn.btn-yes-no{background:transparent;border:1px solid #ced0da}.btn.btn-select .material-icon,.btn.btn-yes-no .material-icon{bottom:1px;font-size:20px;height:20px;line-height:20px;margin:-4px 8px -4px 0;position:relative;width:20px}@media screen and (max-width:767px){.btn.btn-yes-no{overflow:auto;width:100%}.btn.btn-yes-no .material-icon{float:left;margin-top:1px}.btn.btn-yes-no .btn-text{display:block;margin-left:30px;text-align:left;white-space:normal}}input.hidden-file-upload{left:-9999px;position:absolute;top:-9999px}.form-search{position:relative}.form-search .form-control{padding-right:30px}.form-search .material-icon{color:#7a869a;font-size:24px;line-height:24px;pointer-events:none;position:absolute;right:5px;top:5px}.btn.btn-loading,.btn.btn-loading:active,.btn.btn-loading:focus,.btn.btn-loading:hover,.btn.btn-loading:link,.btn.btn-loading:visited{color:transparent}.btn.btn-loading .loader,.btn.btn-loading:active .loader,.btn.btn-loading:focus .loader,.btn.btn-loading:hover .loader,.btn.btn-loading:link .loader,.btn.btn-loading:visited .loader{height:20px;margin-top:-20px}.btn.btn-loading .loader>div,.btn.btn-loading:active .loader>div,.btn.btn-loading:focus .loader>div,.btn.btn-loading:hover .loader>div,.btn.btn-loading:link .loader>div,.btn.btn-loading:visited .loader>div{height:20px;width:20px}.btn.btn-loading.btn-default .loader>div{border-bottom-color:#172b4d;border-top-color:#172b4d}.btn.btn-loading.btn-danger .loader>div,.btn.btn-loading.btn-info .loader>div,.btn.btn-loading.btn-primary .loader>div,.btn.btn-loading.btn-success .loader>div,.btn.btn-loading.btn-warning .loader>div{border-bottom-color:#fff;border-top-color:#fff}.btn .material-icon{bottom:1px;margin-right:3px;position:relative}.btn-icon .material-icon{font-size:20px;height:20px;line-height:20px;margin:-1px -4px;width:20px}.btn-icon .btn-text{margin-left:10px}.btn-icon .btn-text-left{margin-right:10px}.btn-block.btn-icon{padding-left:0;padding-right:0}.btn-icons-family .material-icon+.material-icon{margin-left:10px}.btn-sign-in{background-color:#2563eb;border-color:#2563eb;color:#fff}.btn-sign-in.focus,.btn-sign-in:focus{background-color:#134cca;border-color:#0c3284;color:#fff}.btn-sign-in:hover{background-color:#134cca;border-color:#1249c1;color:#fff}.btn-sign-in.active,.btn-sign-in:active,.open>.dropdown-toggle.btn-sign-in{background-color:#134cca;background-image:none;border-color:#1249c1;color:#fff}.btn-sign-in.active.focus,.btn-sign-in.active:focus,.btn-sign-in.active:hover,.btn-sign-in:active.focus,.btn-sign-in:active:focus,.btn-sign-in:active:hover,.open>.dropdown-toggle.btn-sign-in.focus,.open>.dropdown-toggle.btn-sign-in:focus,.open>.dropdown-toggle.btn-sign-in:hover{background-color:#1040aa;border-color:#0c3284;color:#fff}.btn-sign-in.disabled.focus,.btn-sign-in.disabled:focus,.btn-sign-in.disabled:hover,.btn-sign-in[disabled].focus,.btn-sign-in[disabled]:focus,.btn-sign-in[disabled]:hover,fieldset[disabled] .btn-sign-in.focus,fieldset[disabled] .btn-sign-in:focus,fieldset[disabled] .btn-sign-in:hover{background-color:#2563eb;border-color:#2563eb}.btn-sign-in .badge{background-color:#fff;color:#2563eb}.btn-register{background-color:#2563eb;border-color:#2563eb;color:#fff}.btn-register.focus,.btn-register:focus{background-color:#134cca;border-color:#0c3284;color:#fff}.btn-register:hover{background-color:#134cca;border-color:#1249c1;color:#fff}.btn-register.active,.btn-register:active,.open>.dropdown-toggle.btn-register{background-color:#134cca;background-image:none;border-color:#1249c1;color:#fff}.btn-register.active.focus,.btn-register.active:focus,.btn-register.active:hover,.btn-register:active.focus,.btn-register:active:focus,.btn-register:active:hover,.open>.dropdown-toggle.btn-register.focus,.open>.dropdown-toggle.btn-register:focus,.open>.dropdown-toggle.btn-register:hover{background-color:#1040aa;border-color:#0c3284;color:#fff}.btn-register.disabled.focus,.btn-register.disabled:focus,.btn-register.disabled:hover,.btn-register[disabled].focus,.btn-register[disabled]:focus,.btn-register[disabled]:hover,fieldset[disabled] .btn-register.focus,fieldset[disabled] .btn-register:focus,fieldset[disabled] .btn-register:hover{background-color:#2563eb;border-color:#2563eb}.btn-register .badge{background-color:#fff;color:#2563eb}.btn-muted{border-radius:0;color:#7a869a}.btn-muted,.btn-muted.active,.btn-muted:active,.btn-muted[disabled],fieldset[disabled] .btn-muted{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-muted,.btn-muted:active,.btn-muted:focus,.btn-muted:hover{border-color:transparent}.btn-muted:focus,.btn-muted:hover{background-color:transparent;color:#172b4d}.btn-muted[disabled]:focus,.btn-muted[disabled]:hover,fieldset[disabled] .btn-muted:focus,fieldset[disabled] .btn-muted:hover{color:#7a869a;text-decoration:none}.dropdown-header{color:#172b4d;font-size:18px}.dropdown-subheader{color:#172b4d;font-size:14px;font-weight:700;padding:6px 20px;width:100%}.dropdown-pills{border-bottom:1px solid #ebecf0;display:flex;padding:6px 10px}.dropdown-pills .btn{display:block;margin:0 10px;width:100%}.dropdown-menu-list{list-style:none;margin:0;padding:0}.dropdown-link>a,.dropdown-menu-item>.btn-link,.dropdown-menu-item>a,.dropdown-menu>li>.btn-link,.dropdown-menu>li>a,.modal-menu>li>.btn-link,.modal-menu>li>a{border:none;clear:both;color:#172b4d;display:block;float:none;font-weight:400;line-height:1.42857143;padding:6px 20px;text-align:left;white-space:nowrap;width:100%}.dropdown-link>a:active,.dropdown-link>a:focus,.dropdown-link>a:hover,.dropdown-menu-item>.btn-link:active,.dropdown-menu-item>.btn-link:focus,.dropdown-menu-item>.btn-link:hover,.dropdown-menu-item>a:active,.dropdown-menu-item>a:focus,.dropdown-menu-item>a:hover,.dropdown-menu>li>.btn-link:active,.dropdown-menu>li>.btn-link:focus,.dropdown-menu>li>.btn-link:hover,.dropdown-menu>li>a:active,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.modal-menu>li>.btn-link:active,.modal-menu>li>.btn-link:focus,.modal-menu>li>.btn-link:hover,.modal-menu>li>a:active,.modal-menu>li>a:focus,.modal-menu>li>a:hover{background-color:#ebecf0;color:#172b4d;text-decoration:none}.dropdown-link>a:disabled,.dropdown-menu-item>.btn-link:disabled,.dropdown-menu-item>a:disabled,.dropdown-menu>li>.btn-link:disabled,.dropdown-menu>li>a:disabled,.modal-menu>li>.btn-link:disabled,.modal-menu>li>a:disabled{color:rgba(23,43,77,.5)}.dropdown-link>a .material-icon,.dropdown-menu-item>.btn-link .material-icon,.dropdown-menu-item>a .material-icon,.dropdown-menu>li>.btn-link .material-icon,.dropdown-menu>li>a .material-icon,.modal-menu>li>.btn-link .material-icon,.modal-menu>li>a .material-icon{bottom:1px;font-size:18px;margin:-2px 7px -2px 0;position:relative}.dropdown-link>a .badge,.dropdown-menu-item>.btn-link .badge,.dropdown-menu-item>a .badge,.dropdown-menu>li>.btn-link .badge,.dropdown-menu>li>a .badge,.modal-menu>li>.btn-link .badge,.modal-menu>li>a .badge{background-color:#dc2626;border-radius:4px;color:#fff;float:right;position:relative;top:1px}.modal-menu{margin:20px 0;padding:0}.modal-menu>li{list-style:none;margin:6.66666667px 0;padding:0}.dropdown-menu{min-width:210px}.dropdown-footer{border-top:1px solid #ebecf0;margin-bottom:-5px;padding:6px 20px}.dropdown-menu-item+.dropdown-footer{margin-top:9px}.dropdown-menu .dropdown-buttons{padding:2px 20px 7px}.dropdown-menu .dropdown-buttons .btn{margin:4px 0}@media screen and (min-width:992px){.category-picker .dropdown-menu{width:300px}}.category-picker .dropdown-menu>li>.btn-link{overflow-wrap:break-word;white-space:normal}@media screen and (max-width:767px){.dropdown-menu.stick-to-bottom{border:none;border-radius:0;bottom:0;-webkit-box-shadow:0 0 30px #7a869a;box-shadow:0 0 30px #7a869a;clear:both;margin:0;max-height:400px;overflow-y:auto;padding:0 0 20px;position:fixed;top:auto;width:100%}.dropdown-menu.stick-to-bottom li{clear:both;float:none;margin:0}.dropdown-menu.stick-to-bottom li>.btn,.dropdown-menu.stick-to-bottom li>a{border-bottom:1px solid #ebecf0;padding-bottom:15px;padding-top:15px}}.overlay{background-color:#fff;display:none}body.has-overlay{overflow:hidden;position:fixed}.overlay-open{display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1035}.overlay-header{align-items:center;display:flex;padding:12px;width:100%}.overlay-header-caption{color:#172b4d;font-size:18px;margin-right:12px}.btn-overlay-close{align-items:center;display:flex;height:32px;justify-content:center;margin-left:auto;padding:0;width:32px}.btn-overlay-close .material-icon{font-size:24px;line-height:24px;margin:0}.btn-overlay-close,.btn-overlay-close:focus,.btn-overlay-close:hover{background-color:transparent;border-color:transparent;color:#172b4d}.btn-overlay-close:active{background-color:#ebecf0;border-color:#ebecf0;box-shadow:none;color:#172b4d}.overlay .dropdown-pills{padding:0 12px 12px}.overlay .dropdown-pills .btn:first-child{margin-left:0}.overlay .dropdown-pills .btn:last-child{margin-right:0}.overlay .dropdown-footer{margin:0}.overlay-menu-list{list-style:none;margin:0;padding:0}.overlay-menu-list .dropdown-header,.overlay-menu-list .dropdown-menu-item>a,.overlay-menu-list .dropdown-menu-item>button,.overlay-menu-list .dropdown-subheader{padding:6px 12px}.overlay-menu-list .divider{background-color:#ebecf0;height:1px;margin:9px 0;overflow:hidden}.dropdown-menu .list-group,.overlay .list-group{margin:0}.dropdown-menu .list-group,.dropdown-menu .list-group-item,.overlay .list-group,.overlay .list-group-item{border-left:0;border-radius:0;border-right:0}.dropdown-menu .list-group-item:first-child,.overlay .list-group-item:first-child{border-top:none}.dropdown-menu .list-group-item:last-child,.overlay .list-group-item:last-child{border-bottom:none}.dropdown-menu .list-group-item{padding:10px 20px}.list-group-loading{padding:40px 20px}.list-group-loading-message{font-size:18px;text-align:center}.list-group-loading-progress{background-color:#ebecf0;border-radius:3px;margin:auto;max-width:300px;overflow:hidden}.list-group-loading-progress-bar{animation:infiniteProgress 1s linear infinite;background-color:#7a869a;height:8px;transform-origin:0 50%;width:100%}@keyframes infiniteProgress{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}to{transform:translateX(100%) scaleX(.5)}}.dropdown-menu .list-group-loading,.overlay .list-group-lading{padding:20px 40px}.list-group-empty,.list-group-error,.list-group-message{color:#172b4d;padding:20px}.list-group-empty-icon,.list-group-error-icon,.list-group-message-icon{color:#7a869a;font-size:64px;line-height:64px;margin-bottom:20px;text-align:center}.list-group-empty-message,.list-group-error-message,.list-group-message-message{font-size:18px;margin:0;text-align:center}.list-group-error-detail,.list-group-message-detail{color:#5e6c84;font-size:18px;margin-top:10px;text-align:center}.category-label{border-radius:.25em;padding:.2em .6em .3em}.category-label-color,.category-label-color:active,.category-label-color:focus,.category-label-color:hover,.category-label-color:link,.category-label-color:visited{color:#fff}.category-label-no-color,.category-label-no-color:active,.category-label-no-color:focus,.category-label-no-color:hover,.category-label-no-color:link,.category-label-no-color:visited{background-color:#ebecf0;color:#344563}.thread-flags{margin:0;opacity:.8;padding:0}.thread-flags,.thread-flags li{align-items:center;display:flex}.thread-flags li{border-radius:3px;cursor:default;height:20px;justify-content:center;list-style-type:none;width:20px}.thread-flags li+li{margin-left:7.5px}.thread-flags .material-icon{font-size:16px;line-height:16px}.thread-flag-pinned-globally{background:#dbeafe;color:#2563eb}.thread-flag-pinned-locally{background:#dbeafe;color:#3b82f6}.thread-flag-answered{background:#d9f99d;color:#4d7c0f}.thread-flag-poll{background:#f5d0fe;color:#c026d3}.thread-flag-unapproved{background:#dc2626;color:#fff}.thread-flag-closed{background:#fecaca;color:#dc2626}.thread-flag-hidden{background:#64748b;color:#fff}.threads-replies{align-items:center;color:#5e6c84;display:flex;font-size:16px;font-weight:700}.threads-replies .material-icon{font-size:12px;margin-right:7.5px;transform:matrix(-1,0,0,1,0,0)}@media screen and (max-width:767px){.threads-replies{font-size:13px}.threads-replies .material-icon{font-size:12px;margin-right:4px}}.thread-user-card{align-items:center;display:flex}.thread-user-card-media{flex:0;margin-right:15px}.thread-user-card-media img{border-radius:3px}.thread-user-card-body{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-paginator{align-items:center;display:flex}.thread-paginator .btn+.btn{margin-left:6px}.thread-paginator .dropdown{margin:0 6px}.thread-paginator .dropdown-menu{min-width:150px;padding:4px}.thread-paginator .form-control{font-size:16px;margin-right:6px}.thread-paginator-form{display:flex}@media screen and (max-width:767px){.toolbar-item .thread-paginator{width:100%}.toolbar-item .thread-paginator .dropdown{min-width:0;width:100%}.toolbar-item .thread-paginator .btn-block{min-width:0;overflow:hidden;padding-left:0;padding-right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}}.search-dropdown{overflow:hidden;padding:0;width:450px}.search-dropdown .search-input{border-bottom:1px solid #ebecf0;padding:6px 20px}.search-dropdown .list-group{max-height:calc(100vh - 126px);overflow-y:auto}.search-overlay-body{display:flex;flex:1;flex-direction:column}.search-overlay-body .search-input{border-bottom:1px solid #ebecf0;padding:6px 12px}.search-dropdown .form-control-search,.search-overlay-body .form-control-search{font-size:16px}.search-overlay-body .search-results-container{flex:1;overflow-y:auto;position:relative;width:100%}.search-overlay-body .search-results-list{min-height:100%;position:absolute;width:100%}.search-result a{align-items:center;display:flex;width:100%}.search-result a:hover{cursor:pointer;text-decoration:none}.search-result a img{border-radius:3px;margin-right:12px}.search-result-card{width:100%}.search-result-name{color:#172b4d;font-weight:700;overflow-wrap:anywhere}.search-result-summary{color:#7a869a;font-size:12px;max-height:72px;overflow:hidden;overflow-wrap:anywhere}.search-result-details{color:#7a869a;font-size:12px;margin:0;padding:0}.search-result-details li{display:inline-block;list-style:none;margin-right:12px}.page-header{margin:10px 0 0}.page-header-banner-bg-overlay{padding:20px 0}.page-header h1{margin:0;overflow-wrap:anywhere}.page-container{padding-top:20px}@media screen and (max-width:991px){.panel-message-body{text-align:center}.panel-message-body .message-icon{margin:30px}.panel-message-body .message-icon .material-icon{font-size:160px}}@media screen and (min-width:992px){.panel-message-body{padding:20px 20px 30px}.panel-message-body .message-icon{float:left}.panel-message-body .message-icon .material-icon{font-size:50px}.panel-message-body .message-body{margin-left:65px;margin-top:10px}.panel-message-body .message-body .lead{margin-bottom:0}.panel-message-body .message-body .help-block{margin-top:13.2px}}.panel-body-loading{padding:0;text-align:center}.misago-footer{margin-bottom:50px;margin-top:30px}.misago-footer .footer-content{padding-top:30px}.misago-footer .noscript-message .material-icon{bottom:1px;font-size:18px;position:relative}.ui-preview{-webkit-animation:ui-preview-animation 1s linear infinite;-o-animation:ui-preview-animation 1s linear infinite;animation:ui-preview-animation 1s linear infinite;color:#ebecf0}@keyframes ui-preview-animation{0%{filter:alpha(opacity=100);opacity:1}50%{filter:alpha(opacity=10);opacity:.1}to{filter:alpha(opacity=100);opacity:1}}.ui-preview-text{background:#ebecf0;border-radius:100px;display:inline-block;height:14px;position:relative;top:3px}.ui-preview-paragraph .ui-preview-text{margin-right:6px}.ui-preview-paragraph .ui-preview-text:last-child{margin-right:0}.ui-preview-img{background:#ebecf0;border-radius:5px}.ui-preview input:disabled,.ui-preview textarea:disabled{background-color:#fff}.pager-undercontent{margin-top:-20px}.pager-more{text-align:center}@media screen and (min-width:992px){.pager-more .btn{padding-left:20px;padding-right:20px}}.misago-pagination{display:flex}.misago-pagination .btn{display:block;width:100%}.misago-pagination .btn+.btn{margin-left:15px}@media screen and (max-width:767px){.toolbar-item .misago-pagination{width:100%}}.panel-poll h2{margin-top:0}.poll-select-choice .btn,.poll-select-choice .btn:active,.poll-select-choice .btn:focus,.poll-select-choice .btn:hover{background:transparent;border:transparent;-webkit-box-shadow:none;box-shadow:none;margin:6px 0;outline:none;padding:0 0 0 6px;text-align:left}.poll-select-choice .btn .material-icon{line-heigh:28px;color:#ced0da;font-size:28px;height:28px;margin-right:6px;width:28px}.poll-select-choice .btn.btn-selected .material-icon{color:#2563eb}.poll-help{font-size:12px}.poll-chart-selected .material-icon{line-heigh:14px;bottom:1px;color:#36b37e;font-size:14px;height:14px;margin-right:4px;position:relative;width:14px}.poll-options{margin-bottom:0}@media screen and (max-width:767px){.poll-options{margin-top:-6px}.poll-options .btn{margin:6px 0}}.user-status.user-banned .status-icon{color:#ff5630}.user-status.user-online .status-icon{color:#36b37e}.user-status.user-offline .status-icon{color:#7a869a}@media screen and (min-width:768px){.user-card{text-align:center}}.user-card-small-avatar img{height:auto;width:100%}@media screen and (min-width:768px){.user-card-small-avatar{display:none}}@media screen and (max-width:767px){.user-card-avatar{display:none}}.toolbar{display:block;margin:0 -8px}.toolbar-section{display:flex;flex:1;justify-items:center;margin-bottom:20px}.toolbar-item{flex:1;padding:0 7px}.toolbar-item h3,.toolbar-item p{margin:0}.toolbar-item-shrink{flex:0!important;min-width:auto}.toolbar-spacer{display:none}@media screen and (min-width:768px){.toolbar{display:flex}.toolbar-item,.toolbar-section{align-items:center;flex:0}.toolbar-section.toolbar-section-auto,.toolbar-section.toolbar-section-auto .toolbar-item{flex:1}.toolbar-spacer{display:block;flex:1}.toolbar-item .form-search{width:250px}}@media screen and (max-width:767px){.toolbar-item{min-width:0}.toolbar-item-shrink{min-width:auto}.toolbar-item p{text-align:center}}abbr{border:none!important}.item-title{text-decoration:none}.item-title,a.item-title:active,a.item-title:hover,a.item-title:link,a.item-title:visited{color:#172b4d;font-weight:700}a.item-title:hover{text-decoration:underline}.message-line{text-align:center}.message-line .material-icon{font-size:20px;height:20px;line-height:20px;margin-right:6.66666667px;width:20px}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.misago-markup,.misago-markup blockquote{font-size:16px}.misago-markup h1,.misago-markup h2,.misago-markup h3,.misago-markup h4,.misago-markup h5,.misago-markup h6,.misago-markup p{overflow-wrap:anywhere}.misago-markup h1,.misago-markup h2,.misago-markup h3,.misago-markup h4,.misago-markup h5,.misago-markup h6{margin-top:40px}.misago-markup blockquote>*,.misago-markup>*{margin:20px 0}.misago-markup blockquote>:first-child,.misago-markup>:first-child{margin-top:0}.misago-markup blockquote>:last-child,.misago-markup>:last-child{margin-bottom:0}.misago-markup img{max-height:500px;max-width:100%}.misago-markup .quote-block,.misago-markup blockquote{background-color:#f0f9ff;border-left:3px solid #0ea5e9;border-radius:3px;color:#0c4a6e;overflow:hidden}.misago-markup .quote-heading{font-size:14px;font-weight:700;padding:10px 16px}.misago-markup .quote-body{border:none;border-radius:0}.misago-markup blockquote{padding:10px 16px}.misago-markup blockquote:last-child{margin-bottom:0}.misago-markup .quote-body>.quote-block,.misago-markup .quote-body>blockquote,.misago-markup blockquote>.quote-block,.misago-markup blockquote>blockquote{border:1px solid #0ea5e9;border-left-width:3px}.misago-markup .spoiler-block{background:repeating-linear-gradient(45deg,rgba(235,236,240,.5),rgba(235,236,240,.5) 10px,#fff 0,#fff 20px);border:3px solid #ebecf0;border-radius:4px;font-size:14px;position:relative}.misago-markup .spoiler-body{background:#fff;border-width:0;margin:0;padding:20px}.misago-markup .spoiler-overlay{background:#fff}.misago-markup .spoiler-block.revealed .spoiler-overlay{display:none}.misago-markup ul,.misago-markup ul li{list-style-type:square}.misago-markup ol,.misago-markup ol li{list-style-type:decimal}.misago-markup pre{background:#eee;border:none;color:#000;overflow:hidden;padding:10px}.misago-markup pre code.hljs{margin:-10px;padding:9.5px}.misago-markup-example{align-items:center;display:flex}.formatting-help{padding-bottom:0}.formatting-help-item,.formatting-help-item pre,.formatting-help>h4{margin-bottom:20px}@media screen and (min-width:992px){.formatting-help-item{align-items:center;display:flex}.formatting-help-item-markup,.formatting-help-item-preview{width:50%}.formatting-help-item-markup{padding-right:15px}.formatting-help-item-markup pre{margin:0}.formatting-help-item-preview{padding-left:15px}}.site-nav-dropdown{max-height:calc(100vh - 80px);overflow-y:auto;width:320px}.site-nav-category a{align-items:center;display:flex;justify-content:space-between;width:100%}.site-nav-category a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:768px){.site-nav-sign-in-message,.site-nav-sign-in-options{display:none}}.site-nav-menu.overlay-menu-list{height:100%;overflow-y:auto;padding-bottom:20px}.user-nav-menu{min-width:300px}.user-nav-profile strong{display:block;font-size:18px}.user-nav-dropdown{max-height:calc(100vh - 80px);overflow-y:auto}.user-nav-menu.overlay-menu-list{height:100%;overflow-y:auto;padding-bottom:20px}.modal-change-avatar .modal-avatar-index .avatar-preview{border-radius:6px;height:200px;margin:0 auto;overflow:hidden;position:relative;width:200px}.modal-change-avatar .modal-avatar-index .avatar-preview .loader{display:none;height:100px;position:absolute;top:50px}.modal-change-avatar .modal-avatar-index .avatar-preview .loader .loader-spinning-wheel{border-color:#fff transparent;border-width:10px;height:100px;width:100px}.modal-change-avatar .modal-avatar-index .avatar-preview.preview-loading img{filter:alpha(opacity=33);opacity:.33}.modal-change-avatar .modal-avatar-index .avatar-preview.preview-loading .loader{display:block}@media (max-width:699px){.modal-change-avatar .modal-avatar-index .avatar-preview{height:150px;margin-bottom:20px;width:150px}.modal-change-avatar .modal-avatar-index .avatar-preview img{height:150px;width:150px}.modal-change-avatar .modal-avatar-index .avatar-preview .loader{height:100px;top:25px}.modal-change-avatar .modal-avatar-index .avatar-preview .loader .loader-spinning-wheel{height:100px;width:100px}}.modal-change-avatar .modal-avatar-index .btn{text-align:left}.modal-change-avatar .modal-avatar-upload{text-align:center}.modal-change-avatar .modal-avatar-upload .btn-pick-file{background:transparent;border:2px solid #ebecf0;border-radius:6px;-webkit-box-shadow:none;box-shadow:none;color:#7a869a;font-size:18px;padding:10px 24px;text-align:center}.modal-change-avatar .modal-avatar-upload .btn-pick-file>.material-icon{display:block;font-size:50px;height:50px;margin:0 auto 13.2px;width:50px}.modal-change-avatar .modal-avatar-upload .btn-pick-file:active,.modal-change-avatar .modal-avatar-upload .btn-pick-file:hover{border-color:#2563eb;color:#2563eb}.modal-change-avatar .modal-avatar-upload .text-muted{margin-top:13.2px}.modal-change-avatar .modal-avatar-upload .upload-progress img{border-radius:4px;margin-bottom:20px;max-height:80px;width:auto}.modal-change-avatar .modal-avatar-upload .upload-progress .progress{margin:0 auto;width:70%}.modal-avatar-crop .crop-form{margin:0 auto}.modal-avatar-crop .crop-form .cropit-image-zoom-input{-webkit-appearance:none;border:1px solid #fff;margin-top:10px;width:100%}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-webkit-slider-runnable-track{background:#ebecf0;border:none;border-radius:3px;height:8px;width:100%}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-webkit-slider-thumb{-webkit-appearance:none;background:#7a869a;border:none;border-radius:50%;height:20px;margin-top:-6px;width:20px}.modal-avatar-crop .crop-form .cropit-image-zoom-input:focus{outline:none}.modal-avatar-crop .crop-form .cropit-image-zoom-input:focus::-webkit-slider-runnable-track{background:#ebecf0}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-moz-range-track{background:#ebecf0;border:none;border-radius:4px;height:8px;width:100%}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-moz-range-thumb{background:#7a869a;border:none;border-radius:50%;height:20px;width:20px}.modal-avatar-crop .crop-form .cropit-image-zoom-input:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-ms-track{background:transparent;border-color:transparent;border-width:8px 0;color:transparent;height:8px;width:100%}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-ms-fill-lower,.modal-avatar-crop .crop-form .cropit-image-zoom-input::-ms-fill-upper{background:#ebecf0;border-radius:16px}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-ms-thumb{background:#7a869a;border:none;border-radius:50%;height:20px;width:20px}.modal-avatar-crop .crop-form .cropit-image-zoom-input:focus::-ms-fill-lower,.modal-avatar-crop .crop-form .cropit-image-zoom-input:focus::-ms-fill-upper{background:#ebecf0}.modal-change-avatar .modal-avatar-gallery{padding-bottom:0}.modal-change-avatar .modal-avatar-gallery .avatars-gallery{margin-bottom:20px}.modal-change-avatar .modal-avatar-gallery .avatars-gallery h3{margin-top:0}.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .row{margin-bottom:10px}.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn{background:none;border:2px solid #ebecf0;border-radius:6px;padding:2px;position:relative}.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn:focus,.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn:hover{border-color:#7a869a}.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn.avatar-selected,.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn:active{border-color:#0065ff}.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn img{border-radius:4px;height:auto;width:100%}.category-main .read-status .material-icon{color:#ebecf0}.category-main .read-status.item-new .material-icon{color:#2563eb}.category-last-thread .media-heading a{display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;width:290px}@media screen and (max-width:991px){.category-last-thread .media-heading a{width:275px}}@media screen and (max-width:767px){.category-last-thread .media-heading a{width:260px}}.category-thread-message .material-icon{font-size:28px;height:28px;line-height:28px;width:28px}.category-thread-message p{margin:0}.list-inline.subcategories-list{margin-top:-10px;overflow:auto}.list-inline.subcategories-list li{display:block;float:left}.list-inline.subcategories-list li a,.list-inline.subcategories-list li a:active,.list-inline.subcategories-list li a:focus,.list-inline.subcategories-list li a:hover,.list-inline.subcategories-list li a:link,.list-inline.subcategories-list li a:visited{background-color:#ebecf0;border:1px solid #dcdee5;border-radius:4px;color:#5e6c84;display:inline-block;margin-top:10px;padding:6px 12px}.list-inline.subcategories-list li a:active,.list-inline.subcategories-list li a:hover,.list-inline.subcategories-list li:focus{background-color:#dcdee5;color:#172b4d;text-decoration:none}.row.subcategories-list .btn{margin-top:20px;text-align:left}.participant-card .btn-user,.participant-card .dropdown.open .btn-user{margin-bottom:20px}.participant-card .btn-user,.participant-card .btn-user:focus,.participant-card .btn-user:focus:active,.participant-card .btn-user:hover,.participant-card .dropdown.open .btn-user,.participant-card .dropdown.open .btn-user:focus,.participant-card .dropdown.open .btn-user:focus:active,.participant-card .dropdown.open .btn-user:hover{overflow:hidden;padding:0;text-align:left}.participant-card .btn-user img,.participant-card .dropdown.open .btn-user img{background-color:#fff;height:34px;margin-right:8px;width:34px}.panel-participants p{margin:7px 0 0}.markup-editor{background:#fff;border:2px solid #ced0da;border-radius:4px;overflow:hidden}.markup-editor.markup-editor-focused{border:2px solid #2563eb}.markup-editor-toolbar{background:#fff;border-bottom:1px solid #ebecf0;padding:7px;position:relative}.markup-editor-toolbar-left{display:flex;flex-shrink:0;overflow-x:hidden}.markup-editor-toolbar-right{background:#fff;display:flex;flex-shrink:0;margin-right:10px;padding:7px 0 7px 7px;position:absolute;right:0;top:0}.btn-markup-editor{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:34px;justify-content:center;line-height:24px;padding:0;width:34px}.btn-markup-editor,.btn-markup-editor:hover{background-color:transparent;border-color:transparent;color:#172b4d}.btn-markup-editor:active{background-color:#ebecf0;border-color:#ebecf0;color:#172b4d}.btn-markup-editor .material-icon{bottom:0;margin:0}.markup-editor-controls-dropdown{margin-right:10px}.markup-editor-footer{background:#fff;border-top:1px solid #ebecf0;display:flex;padding:15px}.markup-editor-spacer{flex:1}.markup-editor-footer .btn+.btn,.markup-editor-toolbar .btn+.btn{margin-left:10px}.markup-editor-textarea.form-control{border:0;border-radius:0;font-size:16px;height:200px;padding:15px;resize:none}.markup-editor-textarea.form-control,.markup-editor-textarea.form-control:focus{box-shadow:none}.markup-editor-preview{height:200px;overflow-y:auto;position:relative}.markup-editor-preview-contents{padding:15px;position:absolute}.markup-editor-preview-loading{padding:15px}.markup-editor-attachments{max-height:170px;overflow-y:auto}.markup-editor-attachments-container{overflow:auto;padding:7px}.markup-editor-attachments-item{padding:7px}.markup-editor-attachment{align-items:center;border:1px solid #ebecf0;border-radius:3px;display:flex;padding:7px}.markup-editor-attachment-details{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markup-editor-attachment-details strong{display:block}.markup-editor-attachment-details .list-unstyled{margin-bottom:0}.btn-markup-editor-attachment{margin-left:7px}@media screen and (min-width:768px){.markup-editor-attachments-item{float:left;width:50%}}@media screen and (min-width:992px){.markup-editor-attachments-item{width:25%}}.markup-editor-attachment-modal-preview{margin:20px 0 40px;text-align:center}.markup-editor-attachment-modal-preview a{background:#fff;border:1px solid #ebecf0;display:inline-block;padding:12px}.markup-editor-attachment-modal-preview img{max-height:50vh;max-width:100%}.markup-editor-attachment-modal-filename{font-size:28px;font-weight:700;margin-bottom:20px}.markup-editor-attachment-modal-details{margin-bottom:20px}.posting-fullscreen .markup-editor{display:flex;flex-direction:column;height:100%}.posting-fullscreen .markup-editor .markup-editor-preview,.posting-fullscreen .markup-editor .markup-editor-textarea{flex:1;height:auto}@media screen and (max-width:991px){body.posting-default .markup-editor{display:flex;flex-direction:column;height:100%}body.posting-default .markup-editor .markup-editor-preview,body.posting-default .markup-editor .markup-editor-textarea{flex:1;height:100%}}@media screen and (max-width:767px){.markup-editor-attachments{max-height:120px}.markup-editor-footer .btn-auto{flex:1}.markup-editor-footer .btn-icon{margin-right:10px}.markup-editor-spacer{display:none}}@media screen and (min-width:992px){.markup-editor-controls-dropdown{display:none}}.poll-form{margin-bottom:20px}.poll-choices-control .list-group-item{padding:0}.poll-choices-control .list-group-item .btn{background:transparent;border:transparent;float:left;height:28px;margin:0 2px -29px;padding:0;position:relative;top:3px;width:28px}.poll-choices-control .list-group-item .btn .material-icon{font-size:28px;height:28px;line-height:28px;width:28px}.poll-choices-control input,.poll-choices-control input:active,.poll-choices-control input:focus{background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;margin-left:30px;outline:none;padding:6px 12px;width:100%}#posting-mount{bottom:0;display:none;left:0;position:fixed;width:100%;z-index:1035}#posting-mount.show{background-color:#fff;display:block}.posting-dialog{background:#fff;border:1px solid #ebecf0;border-bottom:0;border-radius:4px 4px 0 0;box-shadow:0 0 24px rgba(94,108,132,.25);margin:0 auto;max-width:1240px;overflow:hidden}.posting-dialog-header{align-items:center;border-bottom:1px solid #ebecf0;display:flex;padding:6px 12px}.posting-dialog-caption{color:#172b4d;flex:1;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-posting-dialog{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;line-height:24px;margin-left:10px;padding:0;width:32px}.btn-posting-dialog,.btn-posting-dialog:hover{background-color:transparent;border:1px solid transparent;color:#172b4d}.btn-posting-dialog:active{background-color:#ebecf0;border:1px solid #ebecf0;color:#172b4d}.btn-posting-dialog .material-icon{bottom:0;margin:0;padding:0}.posting-dialog-body{padding:12px}@media screen and (min-width:992px){.posting-dialog-category-select,.posting-dialog-thread-recipients{max-width:400px}}.posting-dialog-minimized .posting-dialog-header{border-bottom:0}.posting-dialog-minimized .posting-dialog-body{display:none}body.posting-fullscreen{overflow:hidden}body.posting-fullscreen #posting-mount{height:100%}body.posting-fullscreen .posting-dialog{border:0;box-shadow:none;height:100%;max-width:auto;width:100%}body.posting-fullscreen .posting-dialog-container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1240px;padding:0 30px}body.posting-fullscreen .posting-dialog-body,body.posting-fullscreen .posting-dialog-header{padding:20px 0}body.posting-fullscreen .posting-dialog-body,body.posting-fullscreen .posting-loading{height:100%}body.posting-fullscreen .posting-dialog-form{display:flex;flex-direction:column;height:100%}body.posting-fullscreen #posting-spacer{display:none}@media screen and (max-width:1240px){body.posting-default .posting-dialog,body.posting-minimized .posting-dialog{border-left:0;border-radius:0;border-right:0}}@media screen and (max-width:991px){body.posting-default{overflow:hidden}body.posting-default #posting-mount{height:100%}body.posting-default .posting-dialog{border:0;box-shadow:none;height:100%;max-width:auto;width:100%}body.posting-default .posting-dialog-container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1240px;padding:0}body.posting-default .posting-dialog-body,body.posting-default .posting-dialog-header{padding:6px}body.posting-default .posting-dialog-body,body.posting-default .posting-loading{height:100%}body.posting-default .posting-dialog-form{display:flex;flex-direction:column;height:100%}body.posting-default .posting-dialog .toolbar-section{margin-bottom:6px}body.posting-default #posting-spacer{display:none}}.posting-dialog-error{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px}.posting-dialog-error p{font-size:18px}.posting-dialog-error-icon{font-size:128px;margin-bottom:20px;opacity:.5}.posting-dialog-error-detail{text-align:center}.posts-list{clear:both;margin:0;padding:0}.posts-list li{list-style:none;margin:0;padding:0}@media screen and (min-width:992px){.panel-post .panel-body{display:flex}.post-side{flex-shrink:0;padding-right:15px;width:260px}.panel-content{flex:1 0}}.post-side{font-size:12px}.post-side .media{margin:0}.post-side .poster-avatar{height:36px;width:36px}@media screen and (min-width:992px){.post-side .poster-avatar{height:82px;margin-top:4px;width:82px}}.post-side .user-status{margin-right:4px}.post-side .media-heading{display:block;font-size:14px;margin:-1px 0 0}.post-side .media-heading .user-status{margin-left:2px;margin-right:0}.post-side .pull-right{margin-left:16px}@media screen and (min-width:992px){.post-side .media-heading{font-size:18px;margin-top:3px}.post-side .media-heading .user-status{display:none}.post-side .user-title{margin-bottom:5px;margin-top:4px}.post-side .user-postcount,.post-side .user-status{display:block}}.post-heading{height:36px}@media screen and (max-width:991px){.post-heading{margin-top:10px}}.post-heading .pull-right{margin-left:16px}.post-heading .label{font-size:14px;font-weight:400;margin-top:6px}.post-heading .label-unread{background-color:#36b37e;color:#fff}.post-heading .label-protected{background-color:#5e6c84;color:#fff}@media screen and (min-width:992px){.post-side .pull-right{display:none}}@media screen and (max-width:991px){.post-heading .pull-right{display:none}}.post-body{padding-bottom:30px;padding-top:20px}.post-status-message{overflow:auto}.post-status-message .material-icon{float:left;font-size:28px;line-height:28px}.post-status-message p{margin:4px 0 0 36px}.post-status-best-answer{background-color:#36b37e;color:#fff}.post-status-hidden{background-color:#ff5630;color:#fff}.post-status-unapproved{background-color:#2563eb;color:#fff}.post-status-protected{background-color:#5e6c84;color:#fff}.post-footer .pull-left{margin-right:16px}.post-footer .pull-right{margin-left:16px}.post-footer p{margin-bottom:0;padding-bottom:6px;padding-top:7px}.post-attachments{border-top:1px solid #ebecf0;padding:6px 16px}.post-attachments abbr{white-space:nowrap}.post-attachments .attachment-name{overflow-wrap:anywhere}.post-attachments .row>div{margin:10px 0}.post-attachments .post-attachment-preview{float:left;height:40px;text-align:center;width:40px}.post-attachments .post-attachment{margin-left:52px}.post-attachments .post-thumbnail{background-position:50%;background-size:cover;border-radius:3px;display:block;height:40px;width:40px}.post-attachments .material-icon{font-size:28px;height:28px;line-height:28px;position:relative;top:5px;width:28px}.post-attachments .material-icon:active,.post-attachments .material-icon:focus,.post-attachments .material-icon:hover,.post-attachments .material-icon:link,.post-attachments .material-icon:visited{color:#172b4d;text-decoration:none}.post-attachments .post-attachment-description{color:#7a869a;font-size:12px;margin:0;padding:0}.post-feed .post-side{padding-right:0;width:100%}.post-feed .post-side .media-heading{font-size:14px;margin:0}.post-feed .post-side .user-title{font-size:12px;margin:0}.post-feed .post-side .btn{display:inline-block}.post-feed .post-side img{height:36px;margin-top:0;width:36px}.post-feed .post-heading{height:auto;margin:10px 0}.post-feed .post-heading .btn{margin-right:16px;max-width:100%;overflow-wrap:anywhere;text-align:left;white-space:normal}.posts-list .event{color:#7a869a;margin-bottom:20px}.posts-list .event .event-body{align-items:flex-start;display:flex}.posts-list .event-label{margin-left:51px}.posts-list .event-label .label-unread{background-color:#36b37e;color:#fff}.posts-list .event .event-icon{padding-right:15px}.posts-list .event .event-icon .event-icon-bg{align-items:center;background:#ebecf0;border-radius:4px;color:#5e6c84;display:flex;height:36px;justify-content:center;width:36px}.posts-list .event .event-icon .material-icon{align-items:center;display:flex;font-size:28px;justify-content:center}.posts-list .event .event-content{flex:1 0}.posts-list .event .event-message{font-size:18px;margin-bottom:5px}.posts-list .event .event-info{font-size:12px;margin:0}.posts-list .event .event-info li{margin-right:12px}.posts-list .event .event-info li:last-child{margin-right:0}.posts-list .event .event-controls .btn-link{border:0;font-size:12px;margin:0 12px 0 0;padding:0}.posts-list .event .event-controls .btn-link:last-child{margin-right:0}@media screen and (max-width:767px){.posts-list .event .event-info{margin-top:5px}.posts-list .event .event-controls{clear:both;margin-top:5px}.posts-list .event .event-controls .btn-link{font-size:14px;margin-right:20px}.posts-list .event .event-controls .btn-link:last-child{margin-right:0}}@media screen and (min-width:992px){.posts-list .event .event-icon{display:flex;flex-shrink:0;justify-content:flex-end;width:275px}.event-content{flex:1 0}.posts-list .event-label{margin-left:275px}}.post-changelog-diff{margin:0;padding:0}.post-changelog-diff .list-unstyled{margin:5px 0;padding:0}.post-changelog-diff .diff-item{padding:5px 10px}.post-changelog-diff .diff-item-sub{color:#ff5630}.post-changelog-diff .diff-item-add{color:#36b37e}.post-changelog-toolbar .row{margin-left:-12px;margin-right:-12px}@media screen and (max-width:767px){.post-changelog-toolbar .post-change-label{text-align:center}}.quote-control-arrow{border-bottom:6px solid rgba(94,108,132,.75);border-left:6px solid transparent;border-right:6px solid transparent;height:0;left:6px;position:relative;width:0}.quote-control-inner{background:rgba(94,108,132,.75);border-radius:6px;padding:6px}.quote-control-btn{background:#fff;border-color:#fff;color:#172b4d}@media screen and (max-width:767px){.page-error .message-panel,.page-message .message-panel{text-align:center}.page-error .message-icon,.page-message .message-icon{font-size:80px;margin:30px}}@media screen and (min-width:768px){.page-error .message-panel,.page-message .message-panel{margin:60px auto;max-width:779.35px;overflow:auto}.page-error .message-icon,.page-message .message-icon{float:left}.page-error .message-icon .material-icon,.page-message .message-icon .material-icon{font-size:80px}.page-error .message-body,.page-message .message-body{font-size:18px;margin-left:100px;margin-top:16px}.page-error .message-body p.lead,.page-message .message-body p.lead{font-size:36px}}.threads-list{margin-bottom:20px}.threads-list-item{align-items:center;display:flex}.threads-list-item img{border-radius:3px;height:30px;width:30px}.threads-list-item-right-col{align-items:center;display:flex;width:100%}.threads-list-item-top-row{flex:1}.threads-list-item-bottom-left,.threads-list-item-bottom-right,.threads-list-item-bottom-row,.threads-list-item-top-row{align-items:center;display:flex;justify-content:center}.threads-list-item-col-starter{padding-right:15px}.threads-list-item-col-read-status{line-height:0;padding-right:15px}.threads-list-read-icon{border:2px solid #ebecf0}.threads-list-read-icon,.threads-list-unread-icon{border-radius:100%;display:inline-block;height:14px;width:14px}.threads-list-unread-icon{background-color:#2563eb;font-size:0;line-height:0}.threads-list-item-col-title{flex:1}a.threads-list-item-title:active,a.threads-list-item-title:focus,a.threads-list-item-title:hover,a.threads-list-item-title:link,a.threads-list-item-title:visited{color:#172b4d;font-size:16px;overflow-wrap:anywhere}a.threads-list-item-title-new:active,a.threads-list-item-title-new:focus,a.threads-list-item-title-new:hover,a.threads-list-item-title-new:link,a.threads-list-item-title-new:visited{color:#172b4d}.threads-list-item-goto-page{border-radius:3px;font-size:13px;font-weight:700;margin-left:8px;padding:3px 12px}.threads-list-item-goto-page:focus,.threads-list-item-goto-page:hover,.threads-list-item-goto-page:link,.threads-list-item-goto-page:visited{background-color:transparent;border:1px solid #ebecf0;color:#172b4d;text-decoration:none}.threads-list-item-goto-page:active{background-color:#ebecf0;border:1px solid #ebecf0;color:#172b4d}.threads-list-item-title+.threads-list-item-goto-page{margin-left:12px}.threads-list-item-col-flags{padding-left:15px}.threads-list-item .thread-flags{opacity:.8}.threads-list-item:focus .thread-flags,.threads-list-item:hover .thread-flags{opacity:1}.threads-list-item-col-category{padding-left:15px;white-space:nowrap}.threads-list-category-label{border-radius:3px;font-size:12px;font-weight:700;padding:3px 6px}.threads-list-category-label,.threads-list-category-label:active,.threads-list-category-label:focus,.threads-list-category-label:hover,.threads-list-category-label:link,.threads-list-category-label:visited{background:#ebecf0;color:#344563;text-decoration:none}.threads-list-category-label.threads-list-category-label-color,.threads-list-category-label.threads-list-category-label-color:active,.threads-list-category-label.threads-list-category-label-color:focus,.threads-list-category-label.threads-list-category-label-color:hover,.threads-list-category-label.threads-list-category-label-color:link,.threads-list-category-label.threads-list-category-label-color:visited{background:var(--label-color);color:#fff}.threads-list-item-parent-category{border-radius:3px 0 0 3px;margin-right:2px}.threads-list-item-parent-category+.threads-list-category-label{border-radius:0 3px 3px 0}.threads-list-item-col-replies{padding-left:15px;width:80px}.threads-list-item-col-last-poster{padding-left:15px}.threads-list-item-col-last-poster-sm,.threads-list-item-col-starter-sm{display:none;font-size:20px;line-height:1}.threads-list-item-col-last-poster-sm img,.threads-list-item-col-starter-sm img{height:20px;width:20px}.threads-list-item-col-last-activity{overflow:hidden;padding-left:15px;text-overflow:ellipsis;white-space:nowrap;width:90px}.threads-list-item-col-last-activity a:active,.threads-list-item-col-last-activity a:focus,.threads-list-item-col-last-activity a:hover,.threads-list-item-col-last-activity a:link,.threads-list-item-col-last-activity a:visited{color:#344563;font-size:16px}.threads-list-item-col-checkbox,.threads-list-item-col-notifications{padding-left:15px}.threads-list-item-col-checkbox .btn-icon,.threads-list-item-col-notifications .btn-icon{align-items:center;display:flex;height:30px;justify-content:center;padding:0;width:30px}.threads-list-item-col-checkbox .btn-icon .material-icon,.threads-list-item-col-notifications .btn-icon .material-icon{font-size:24px;height:auto;line-height:24px;margin:0;position:static;width:auto}.threads-list-item-col-checkbox-sm{display:none}@media screen and (max-width:991px){.threads-list-item{align-items:flex-start}.threads-list-item-right-col{display:block}.threads-list-item-top-row{align-items:start}.threads-list-item-bottom-row{flex:0;justify-content:space-between;margin-top:7.5px}.threads-list-item-col-checkbox,.threads-list-item-col-last-poster,.threads-list-item-col-notifications,.threads-list-item-col-replies-zero,.threads-list-item-col-starter{display:none}.threads-list-item-col-read-status{padding-top:4px}.threads-list-item-col-starter-sm{display:block}.threads-list-item-col-last-activity,.threads-list-item-col-replies{width:auto}.threads-list-item-col-checkbox-sm,.threads-list-item-col-last-poster-sm{display:block;padding-left:15px}.threads-list-item-col-checkbox-sm .btn-icon{padding:2px 6px}.threads-list-item-col-checkbox-sm .btn-icon .material-icon{font-size:12px}}@media screen and (max-width:767px){.threads-list{margin-left:-15px;margin-right:-15px}.threads-list .list-group,.threads-list .list-group-item{border-left:0;border-radius:0;border-right:0}.threads-list-item-bottom-row{margin-top:0}.threads-list-item-bottom-left,.threads-list-item-bottom-right{margin-top:7px;overflow:visible}.threads-list-item-bottom-row{display:block;overflow:auto}.threads-list-item-bottom-row .threads-list-item-bottom-left{float:left}.threads-list-item-bottom-row .threads-list-item-bottom-right{float:right}.threads-list-item-col-read-status{padding-right:7px;position:relative;right:4px}.threads-list-item-title{font-size:18px}.threads-list-item-col-starter-sm{display:none}.threads-list-item-col-starter-sm+.threads-list-item-col-category,.threads-list-item-col-starter-sm+.threads-list-item-col-flags{padding-left:0}.threads-list-item-col-last-activity{padding-left:15px;padding-right:7px}.threads-list-item-col-last-activity a:active,.threads-list-item-col-last-activity a:focus,.threads-list-item-col-last-activity a:hover,.threads-list-item-col-last-activity a:link,.threads-list-item-col-last-activity a:visited{font-size:13px}}.threads-list-item-is-busy .btn-icon{animation:busy .75s linear infinite;opacity:.8}@keyframes busy{50%{opacity:.5}}.threads-list-item .ui-preview-text{line-height:1}.threads-list-update-prompt{padding:0}.threads-list-update-prompt-btn{background:#fff;border:none;border-radius:3px 3px 0 0;color:#134cca;padding:10px 16px}.threads-list-update-prompt-btn:focus,.threads-list-update-prompt-btn:hover{background:#fff;color:#2563eb}.threads-list-update-prompt-btn:active{background:#f7f9fe;color:#5484ef}.notifications-list{margin-bottom:20px}.notifications-list-item{align-items:center;display:flex}.notifications-list-item-left-col,.notifications-list-item-right-col{align-items:center;display:flex;justify-content:center}.notifications-list-item-right-col{width:100%}.notifications-list-item-top-row{flex:1}.notifications-list-item-bottom-row,.notifications-list-item-top-row{align-items:center;display:flex;justify-content:center}.notifications-list-item-col-actor{padding-right:15px}.notifications-list-item-col-actor img{border-radius:3px;height:30px;width:30px}.notifications-list-item-col-read-icon{line-height:0;padding-right:15px}.notification-read-icon{border:2px solid #ebecf0}.notification-read-icon,.notification-unread-icon{border-radius:100%;display:inline-block;height:14px;width:14px}.notification-unread-icon{background-color:#2563eb;font-size:0;line-height:0}.notifications-list-item-col-message{overflow-wrap:anywhere;width:100%}.notification-message,.notification-message-unread,.notification-message-unread:active,.notification-message-unread:focus,.notification-message-unread:hover,.notification-message-unread:link,.notification-message-unread:visited,.notification-message:active,.notification-message:focus,.notification-message:hover,.notification-message:link,.notification-message:visited{color:#172b4d}.notifications-list-item-col-timestamp{align-items:center;display:flex;min-width:200px;padding-left:15px}.notifications-list-item-timestamp{color:#5e6c84;font-size:12px}@media screen and (max-width:991px){.notifications-list-item{align-items:flex-start;position:relative}.notifications-list-item-right-col{display:block}.notifications-list-item-col-read-icon{padding:0;position:absolute;right:15px;top:14px}.notifications-list-item-col-timestamp{margin-top:5px;padding:0}.notifications-list-item-unread{padding-right:40px}.notifications-list-item-read .notifications-list-item-col-read-icon{display:none}}@media screen and (max-width:767px){.notifications-list{margin-left:-15px;margin-right:-15px}.notifications-list .list-group,.notifications-list .list-group-item{border-left:0;border-radius:0;border-right:0}}.notifications-dropdown{width:375px}.notifications-dropdown .notifications-list{margin:0;max-height:calc(100vh - 210px);overflow-y:auto}.notifications-dropdown .notifications-list-item{align-items:flex-start;position:relative}.notifications-dropdown .notifications-list-item-right-col{display:block}.notifications-dropdown .notifications-list-item-col-read-icon{padding:0;position:absolute;right:15px;top:14px}.notifications-dropdown .notifications-list-item-col-timestamp{margin-top:5px;padding:0}.notifications-dropdown .notifications-list-item-unread{padding-right:40px}.notifications-dropdown .notifications-list-item-read .notifications-list-item-col-read-icon{display:none}.overlay .notifications-list{height:100%;margin:0;overflow-y:auto;position:relative;width:100%}.overlay .notifications-list-ready .list-group{position:absolute}.overlay .list-group,.overlay .list-group-item{border-left:0;border-radius:0;border-right:0;margin:0}.overlay .list-group-item:first-child{border-top:none}.overlay .list-group-item{border-bottom:none}.overlay .notifications-list-item{align-items:flex-start;padding:10px 20px;position:relative}.overlay .notifications-list-item-right-col{display:block}.overlay .notifications-list-item-col-read-icon{padding:0;position:absolute;right:15px;top:14px}.overlay .notifications-list-item-col-timestamp{margin-top:5px;padding:0}.overlay .notifications-list-item-unread{padding-right:40px}.overlay .notifications-list-item-read .notifications-list-item-col-read-icon{display:none}.overlay .notifications-list-pending,.overlay .notifications-list-pending .list-group{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.overlay .notifications-list-pending .list-group-item{width:100%}.active-posters li{display:block;overflow:auto}.active-posters .rank-user-avatar{float:left}@media screen and (max-width:991px){.active-posters .rank-user-avatar{height:42px}.active-posters .rank-user-avatar img{height:36px;position:relative;top:3px;width:36px}}.active-posters .rank-user{float:left;margin-top:3px}@media screen and (max-width:991px){.active-posters .rank-user{margin-left:13.2px;width:40%}}@media screen and (max-width:767px){.active-posters .rank-user{float:none;margin-left:50px;width:auto}}@media screen and (min-width:992px){.active-posters .rank-user{margin-left:16px;width:25%}.active-posters .rank-user .user-name{font-size:18px}}.active-posters .user-details{font-family:Sans-Serif;overflow:auto}.active-posters .user-details .rank-name,.active-posters .user-details .user-status,.active-posters .user-details .user-title{display:block;float:left;font-size:12px;margin-right:3px}@media screen and (min-width:992px){.active-posters .user-details .rank-name,.active-posters .user-details .user-status,.active-posters .user-details .user-title{margin-right:8px}}.active-posters .user-details .user-title{margin-right:0}@media screen and (min-width:992px){.active-posters .user-details{overflow:visible}.active-posters .user-details .rank-name,.active-posters .user-details .user-title{height:14px;overflow:hidden;position:relative;top:1px;vertical-align:baseline}}@media screen and (max-width:767px){.active-posters .user-details{margin-top:3px}.active-posters .user-details .rank-name,.active-posters .user-details .user-title{font-weight:400}}.active-posters .user-status{overflow:auto;position:relative;top:1px}.active-posters .user-status span{display:block;float:left}@media screen and (min-width:992px){.active-posters .user-status{height:14px;overflow:hidden}}.active-posters .user-status .status-icon{position:relative}@media screen and (max-width:991px){.active-posters .user-status .status-icon{font-size:12px;height:12px;line-height:12px;top:0;width:12px}}@media screen and (min-width:992px){.active-posters .user-status .status-icon{font-size:13px;height:13px;line-height:13px;margin-right:3px;top:1px;width:13px}}.active-posters .rank-name .ui-preview-text,.active-posters .status-label.ui-preview-text,.active-posters .user-title .ui-preview-text{font-size:11px;height:11px;line-height:11px;position:relative;top:2px}.active-posters .rank-name .ui-preview-text,.active-posters .user-title .ui-preview-text{position:static}.active-posters .rank-position small,.active-posters .rank-position strong,.active-posters .rank-posts-counted small,.active-posters .rank-posts-counted strong,.active-posters .rank-posts-total small,.active-posters .rank-posts-total strong{display:block}@media screen and (max-width:991px){.active-posters .rank-position,.active-posters .rank-posts-counted,.active-posters .rank-posts-total{overflow:auto}.active-posters .rank-position small,.active-posters .rank-position strong,.active-posters .rank-posts-counted small,.active-posters .rank-posts-counted strong,.active-posters .rank-posts-total small,.active-posters .rank-posts-total strong{float:left;font-size:10.5px}.active-posters .rank-position strong,.active-posters .rank-posts-counted strong,.active-posters .rank-posts-total strong{margin-right:3px;min-width:30px;text-align:right}.active-posters .rank-position .ui-preview-text,.active-posters .rank-posts-counted .ui-preview-text,.active-posters .rank-posts-total .ui-preview-text{font-size:8px;height:8px;line-height:8px;position:relative;top:-1px}}@media screen and (min-width:992px){.active-posters .rank-position,.active-posters .rank-posts-counted,.active-posters .rank-posts-total{float:left;font-size:18px;margin-top:3px;text-align:center;width:23%}.active-posters .rank-position small,.active-posters .rank-posts-counted small,.active-posters .rank-posts-total small{font-size:12px;font-weight:400}}.user-compact-stats .rank-position small,.user-compact-stats .rank-position strong,.user-compact-stats .rank-posts-counted small,.user-compact-stats .rank-posts-counted strong{display:inline-block;float:none}.user-compact-stats .rank-position strong,.user-compact-stats .rank-posts-counted strong{min-width:auto}.user-compact-stats .rank-position small,.user-compact-stats .rank-posts-counted small{margin-right:20px}@media screen and (min-width:768px) and (max-width:991px){.active-posters .rank-position{margin-top:6px}.active-posters .rank-posts-total{display:none}}.profile-page-header-avatar{margin:20px 0;text-align:center}.profile-page-header-avatar .user-avatar{border-radius:4px}.profile-data-list{display:block;font-size:12px;margin:0 -12px;padding:0}.profile-data-list li{display:inline-block;list-style:none;padding:5px 12px}.profile-data-list .status-icon{bottom:1px;margin-right:3px;position:relative}.profile-data-list .user-account-disabled{color:#ff5630;font-weight:700}@media screen and (min-width:768px){.profile-page-header{align-items:flex-end;display:flex}.profile-page-header-avatar{margin:0 30px 0 0}}@media screen and (min-width:992px){.profile-page-header-avatar{margin-top:-54px;position:relative;top:54px}.profile-page-header-details{padding-left:158px}.profile-data-list{font-size:14px}.username-history li{display:block;overflow:auto}}.username-history .change-avatar{float:left}.username-history .change-avatar a,.username-history .change-avatar span{margin-right:10px}.username-history .change-avatar a img,.username-history .change-avatar span img{height:42px;width:42px}@media screen and (min-width:992px){.username-history .change-avatar a img,.username-history .change-avatar span img{bottom:1px;height:18px;position:relative;width:18px}.username-history .change-author{float:left;width:30%}}.username-history .change{min-height:20px;overflow:auto}.username-history .change span{display:block;float:left}.username-history .change .material-icon{margin:0 7px;position:relative;top:4px}@media screen and (min-width:992px){.username-history .change{float:left;width:40%}.username-history .change-date{float:left;width:20%}}.search-footer p{color:#5e6c84;font-size:12px;margin-top:20px;text-align:center}@media screen and (min-width:768px){.page-search-form{padding-top:40px}}@media screen and (min-width:992px){.page-search-form{padding-bottom:40px}.page-search-form h1{position:relative;top:5px}.page-search-form .form-group{margin-bottom:0}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fafafa;color:#383a42}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.atwho-view{background:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.1);color:#000;display:none;left:0;margin-top:18px;min-width:120px;position:absolute;top:0;z-index:11110!important}.atwho-view .atwho-header{border-bottom:1px solid #eaeff1;color:#6f8092;cursor:pointer;font-size:11px;font-weight:700;margin:5px;padding:5px}.atwho-view .atwho-header .small{color:#6f8092;float:right;font-size:12px;font-weight:400;margin-right:-5px;padding-top:2px}.atwho-view .atwho-header:hover{cursor:default}.atwho-view .cur{background:#36f;color:#fff}.atwho-view .cur small{color:#fff}.atwho-view strong{color:#36f}.atwho-view .cur strong{color:#fff;font:700}.atwho-view ul{list-style:none;margin:auto;max-height:200px;overflow-y:auto;padding:0}.atwho-view ul li{border-bottom:1px solid #ddd;cursor:pointer;display:block;padding:5px 10px}.atwho-view small{color:#777;font-size:smaller;font-weight:400}abbr{outline:none;text-decoration:none}.shadow-2dp{box-shadow:0 2px 2px 0 rgba(0,0,0,.04),0 3px 1px -2px rgba(0,0,0,.06),0 1px 5px 0 rgba(0,0,0,.12)}.shadow-3dp{box-shadow:0 3px 4px 0 rgba(0,0,0,.04),0 3px 3px -2px rgba(0,0,0,.06),0 1px 8px 0 rgba(0,0,0,.12)}.shadow-4dp{box-shadow:0 4px 5px 0 rgba(0,0,0,.04),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-6dp{box-shadow:0 6px 10px 0 rgba(0,0,0,.04),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.06)}.shadow-8dp{box-shadow:0 8px 10px 1px rgba(0,0,0,.04),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.06)}.shadow-16dp{box-shadow:0 16px 24px 2px rgba(0,0,0,.04),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.06)}.shadow-24dp{box-shadow:0 9px 46px 8px rgba(0,0,0,.04),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.06)}.btn-default,.btn-default.disabled,.btn-default.disabled:active,.btn-default.disabled:hover,.btn-default:disabled,.btn-default:disabled:hover{background:#ebecf0;border:1px solid #ebecf0;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.btn-default.disabled,.btn-default.disabled:active,.btn-default.disabled:hover,.btn-default:disabled,.btn-default:disabled:hover{filter:alpha(opacity=25);opacity:.25}.btn-default:focus,.btn-default:hover{background:#dfe1e6;border:1px solid #dfe1e6;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.btn-default:active,.btn-default:active:focus,.dropdown.open .dropdown-toggle .btn-default,.dropdown.open .dropdown-toggle .btn-default:active:focus,.dropdown.open .dropdown-toggle .btn-default:focus,.dropdown.open .dropdown-toggle .btn-default:hover{background:#c1c7d0;border:1px solid #c1c7d0;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.btn-default.btn-loading,.btn-default.btn-loading:active,.btn-default.btn-loading:active:focus,.btn-default.btn-loading:disabled,.btn-default.btn-loading:disabled:hover,.btn-default.btn-loading:focus,.btn-default.btn-loading:hover{color:transparent}.btn-primary,.btn-primary.disabled,.btn-primary.disabled:active,.btn-primary.disabled:hover,.btn-primary:disabled,.btn-primary:disabled:hover{background:#2563eb;border:1px solid #2563eb;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-primary.disabled,.btn-primary.disabled:active,.btn-primary.disabled:hover,.btn-primary:disabled,.btn-primary:disabled:hover{filter:alpha(opacity=25);opacity:.25}.btn-primary:focus,.btn-primary:hover{background:#3b82f6;border:1px solid #3b82f6;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-primary:active,.btn-primary:active:focus,.dropdown.open .dropdown-toggle .btn-primary,.dropdown.open .dropdown-toggle .btn-primary:active:focus,.dropdown.open .dropdown-toggle .btn-primary:focus,.dropdown.open .dropdown-toggle .btn-primary:hover{background:#1e40af;border:1px solid #1e40af;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-primary.btn-loading,.btn-primary.btn-loading:active,.btn-primary.btn-loading:active:focus,.btn-primary.btn-loading:disabled,.btn-primary.btn-loading:disabled:hover,.btn-primary.btn-loading:focus,.btn-primary.btn-loading:hover{color:transparent}.btn-success,.btn-success.disabled,.btn-success.disabled:active,.btn-success.disabled:hover,.btn-success:disabled,.btn-success:disabled:hover{background:#22c55e;border:1px solid #22c55e;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-success.disabled,.btn-success.disabled:active,.btn-success.disabled:hover,.btn-success:disabled,.btn-success:disabled:hover{filter:alpha(opacity=25);opacity:.25}.btn-success:focus,.btn-success:hover{background:#15803d;border:1px solid #15803d;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-success:active,.btn-success:active:focus,.dropdown.open .dropdown-toggle .btn-success,.dropdown.open .dropdown-toggle .btn-success:active:focus,.dropdown.open .dropdown-toggle .btn-success:focus,.dropdown.open .dropdown-toggle .btn-success:hover{background:#14532d;border:1px solid #14532d;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-success.btn-loading,.btn-success.btn-loading:active,.btn-success.btn-loading:active:focus,.btn-success.btn-loading:disabled,.btn-success.btn-loading:disabled:hover,.btn-success.btn-loading:focus,.btn-success.btn-loading:hover{color:transparent}.btn-danger,.btn-danger.disabled,.btn-danger.disabled:active,.btn-danger.disabled:hover,.btn-danger:disabled,.btn-danger:disabled:hover{background:#ef5350;border:1px solid #ef5350;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-danger.disabled,.btn-danger.disabled:active,.btn-danger.disabled:hover,.btn-danger:disabled,.btn-danger:disabled:hover{filter:alpha(opacity=25);opacity:.25}.btn-danger:focus,.btn-danger:hover{background:#ff8a80;border:1px solid #ff8a80;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-danger:active,.btn-danger:active:focus,.dropdown.open .dropdown-toggle .btn-danger,.dropdown.open .dropdown-toggle .btn-danger:active:focus,.dropdown.open .dropdown-toggle .btn-danger:focus,.dropdown.open .dropdown-toggle .btn-danger:hover{background:#d32f2f;border:1px solid #d32f2f;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-danger.btn-loading,.btn-danger.btn-loading:active,.btn-danger.btn-loading:active:focus,.btn-danger.btn-loading:disabled,.btn-danger.btn-loading:disabled:hover,.btn-danger.btn-loading:focus,.btn-danger.btn-loading:hover{color:transparent}.btn-default.btn-outline,.btn-default.btn-outline.disabled,.btn-default.btn-outline.disabled:active,.btn-default.btn-outline.disabled:hover,.btn-default.btn-outline:disabled,.btn-default.btn-outline:disabled:hover{background:#ebecf0;border:1px solid #ebecf0;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.btn-default.btn-outline.disabled,.btn-default.btn-outline.disabled:active,.btn-default.btn-outline.disabled:hover,.btn-default.btn-outline:disabled,.btn-default.btn-outline:disabled:hover{filter:alpha(opacity=25);opacity:.25}.btn-default.btn-outline:focus,.btn-default.btn-outline:hover{background:#dfe1e6;border:1px solid #dfe1e6;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.btn-default.btn-outline:active,.btn-default.btn-outline:active:focus,.dropdown.open .btn-default.btn-outline,.dropdown.open .btn-default.btn-outline:active:focus,.dropdown.open .btn-default.btn-outline:focus,.dropdown.open .btn-default.btn-outline:hover{background:#c1c7d0;border:1px solid #c1c7d0;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.btn-default.btn-outline.btn-loading,.btn-default.btn-outline.btn-loading:active,.btn-default.btn-outline.btn-loading:active:focus,.btn-default.btn-outline.btn-loading:disabled,.btn-default.btn-outline.btn-loading:disabled:hover,.btn-default.btn-outline.btn-loading:focus,.btn-default.btn-outline.btn-loading:hover{background:#ebecf0;border:1px solid #ebecf0;-webkit-box-shadow:none;box-shadow:none;color:transparent}.btn-primary.btn-outline,.btn-primary.btn-outline.disabled,.btn-primary.btn-outline.disabled:active,.btn-primary.btn-outline.disabled:hover,.btn-primary.btn-outline:disabled,.btn-primary.btn-outline:disabled:hover{background:#2563eb;border:1px solid #2563eb;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-primary.btn-outline.disabled,.btn-primary.btn-outline.disabled:active,.btn-primary.btn-outline.disabled:hover,.btn-primary.btn-outline:disabled,.btn-primary.btn-outline:disabled:hover{filter:alpha(opacity=25);opacity:.25}.btn-primary.btn-outline:focus,.btn-primary.btn-outline:hover{background:#3b82f6;border:1px solid #3b82f6;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-primary.btn-outline:active,.btn-primary.btn-outline:active:focus,.dropdown.open .btn-primary.btn-outline,.dropdown.open .btn-primary.btn-outline:active:focus,.dropdown.open .btn-primary.btn-outline:focus,.dropdown.open .btn-primary.btn-outline:hover{background:#1e40af;border:1px solid #1e40af;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-primary.btn-outline.btn-loading,.btn-primary.btn-outline.btn-loading:active,.btn-primary.btn-outline.btn-loading:active:focus,.btn-primary.btn-outline.btn-loading:disabled,.btn-primary.btn-outline.btn-loading:disabled:hover,.btn-primary.btn-outline.btn-loading:focus,.btn-primary.btn-outline.btn-loading:hover{background:#2563eb;border:1px solid #2563eb;-webkit-box-shadow:none;box-shadow:none;color:transparent}.btn-social-battlenet,.btn-social-battlenet-oauth2,.btn-social-battlenet-oauth2:disabled,.btn-social-battlenet-oauth2:disabled:hover,.btn-social-battlenet:disabled,.btn-social-battlenet:disabled:hover{color:#0e86ca;font-weight:700}.btn-social-bungie,.btn-social-bungie:disabled,.btn-social-bungie:disabled:hover{color:#0096db;font-weight:700}.btn-social-facebook,.btn-social-facebook-app,.btn-social-facebook-app:disabled,.btn-social-facebook-app:disabled:hover,.btn-social-facebook:disabled,.btn-social-facebook:disabled:hover{color:#3b5998;font-weight:700}.btn-social-github,.btn-social-github-enterprise,.btn-social-github-enterprise-org,.btn-social-github-enterprise-org:disabled,.btn-social-github-enterprise-org:disabled:hover,.btn-social-github-enterprise-team,.btn-social-github-enterprise-team:disabled,.btn-social-github-enterprise-team:disabled:hover,.btn-social-github-enterprise:disabled,.btn-social-github-enterprise:disabled:hover,.btn-social-github-team,.btn-social-github-team:disabled,.btn-social-github-team:disabled:hover,.btn-social-github:disabled,.btn-social-github:disabled:hover{color:#000;font-weight:700}.btn-social-gitlab,.btn-social-gitlab:disabled,.btn-social-gitlab:disabled:hover{color:#fc6d26;font-weight:700}.btn-social-google,.btn-social-google-oauth,.btn-social-google-oauth2,.btn-social-google-oauth2:disabled,.btn-social-google-oauth2:disabled:hover,.btn-social-google-oauth:disabled,.btn-social-google-oauth:disabled:hover,.btn-social-google-openidconnect,.btn-social-google-openidconnect:disabled,.btn-social-google-openidconnect:disabled:hover,.btn-social-google-plus,.btn-social-google-plus:disabled,.btn-social-google-plus:disabled:hover,.btn-social-google:disabled,.btn-social-google:disabled:hover{color:#dd4b39;font-weight:700}.btn-social-linkedin,.btn-social-linkedin:disabled,.btn-social-linkedin:disabled:hover{color:#0077b5;font-weight:700}.btn-social-steam,.btn-social-steam:disabled,.btn-social-steam:disabled:hover{color:#5c7e10;font-weight:700}.btn-social-twitter,.btn-social-twitter:disabled,.btn-social-twitter:disabled:hover{color:#1da1f2;font-weight:700}.form-social-auth .row{margin-bottom:-6px;margin-top:-6px}.form-social-auth .btn{margin:6px 0}input.form-control,textarea.form-control{border-color:#ced0da;box-shadow:inset 0 0 0 1px #ced0da}input.form-control:focus,textarea.form-control:focus{border-color:#66afe9;box-shadow:inset 0 0 0 1px #66afe9}.has-error input.form-control{border-color:#ff5630;box-shadow:inset 0 0 0 1px #ff5630}.has-error input.form-control:focus{border-color:#ffa996;box-shadow:inset 0 0 0 1px #ffa996}.has-success input.form-control{border-color:#36b37e;box-shadow:inset 0 0 0 1px #36b37e}.has-success input.form-control:focus{border-color:#79d6af;box-shadow:inset 0 0 0 1px #79d6af}.password-strength{margin-top:10px}.password-strength .text-small{color:#3462af;font-size:12px;margin-top:4px}.password-strength .progress{margin:0}.auth-message{background:#091e42;box-shadow:0 8px 10px 1px rgba(0,0,0,.04),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.06);padding:80px 0}.auth-message p{color:#fff}.auth-message .btn{background:#f4f5f7;border-color:#f4f5f7;color:#172b4d}.auth-message .btn:focus,.auth-message .btn:hover{background:#dfe1e6;border-color:#dfe1e6;color:#172b4d}.auth-message .btn:active{background:#b3bac5;border-color:#b3bac5;color:#172b4d}.dropdown-menu{border:none;box-shadow:0 4px 5px 0 rgba(0,0,0,.04),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.06)}.user-dropdown .dropdown-header strong{color:#172b4d;display:block;font-weight:700}.user-dropdown .dropdown-header .user-stats{font-size:12px;margin-top:10px}.user-dropdown .dropdown-header .user-stats .material-icon{bottom:1px;font-size:14px;height:14px;margin-right:3px;position:relative;width:14px}.user-dropdown .guest-preview{padding-bottom:10px}.user-dropdown .badge{background-color:#ff5630}.user-dropdown .btn-link:active .badge,.user-dropdown .btn-link:focus .badge,.user-dropdown .btn-link:hover .badge,.user-dropdown a:active .badge,.user-dropdown a:focus .badge,.user-dropdown a:hover .badge{background-color:#fff;color:#ff5630}.mobile-dropdown.open{margin:0}.misago-footer{margin-top:40px}.misago-footer .footer-content{border-top:1px solid #ebecf0;color:#a5adba;padding-top:20px}@media screen and (max-width:767px){.misago-footer .footer-content{text-align:center}.misago-footer .footer-content .site-footnote{clear:both;margin-bottom:15px}}.misago-footer .footer-content a,.misago-footer .footer-content a:link,.misago-footer .footer-content a:visited{color:#a5adba}.misago-footer .footer-content a:focus,.misago-footer .footer-content a:hover{color:#7a8699}.misago-footer .footer-content .misago-branding,.misago-footer .footer-content .misago-branding:link,.misago-footer .footer-content .misago-branding:visited{color:#a5adba}.misago-footer .footer-content .misago-branding:focus,.misago-footer .footer-content .misago-branding:hover{color:#7a8699}.list-group{border-radius:3px}.list-group .list-group-item{border-left-color:#ebecf0;border-right-color:#ebecf0}.list-group .list-group-item:first-child{border-top-color:#ebecf0}.list-group .list-group-item:last-child{border-bottom-color:#ebecf0}.list-group-item.empty-message{padding-bottom:20px;padding-top:20px;text-align:center}.list-group-item.empty-message p{margin:10px 0}.nav-side{-webkit-box-shadow:none;box-shadow:none}.nav-side>.list-group-item{border-left:none;border-right:none;margin-bottom:1px}.nav-side>.list-group-item:first-child{border-top:none}.nav-side>.list-group-item:last-child{border-bottom:none}.nav-side>.list-group-item,.nav-side>.list-group-item:link,.nav-side>.list-group-item:visited{background:#f4f5f7;border:none;color:#172b4d}.nav-side>.list-group-item:active,.nav-side>.list-group-item:focus,.nav-side>.list-group-item:hover{background:#ebecf0;color:#172b4d}.nav-side>.list-group-item.active,.nav-side>.list-group-item.active:active,.nav-side>.list-group-item.active:focus,.nav-side>.list-group-item.active:hover,.nav-side>.list-group-item.active:link,.nav-side>.list-group-item.active:visited{background:#091e42;color:#fff;font-weight:700}.nav-side>.list-group-item.active .badge,.nav-side>.list-group-item.active:active .badge,.nav-side>.list-group-item.active:focus .badge,.nav-side>.list-group-item.active:hover .badge,.nav-side>.list-group-item.active:link .badge,.nav-side>.list-group-item.active:visited .badge{background:#f4f5f7;color:#172b4d}.username-history .user-avatar{border-radius:4px}.panel{border:none;border-radius:4px}.panel .panel-footer,.panel .panel-heading{background:#fff}.panel .panel-title{color:#5e6c84}.panel .form-group+.form-group{margin-top:20px}.panel .panel-body>.form-group:first-child{margin-top:10px}.panel fieldset{margin-top:20px}.panel fieldset:first-child{margin-top:0}.panel fieldset legend{border:none;color:#5e6c84;font-weight:300}.panel-message-body .message-icon{color:#2563eb}.panel-form{border:1px solid #ebecf0;box-shadow:none}.panel-form .panel-footer,.panel-form .panel-heading{border-color:#ebecf0}.poll-form .panel{margin:0}.help-block,.help-block .text-small{color:#7a869a}.category-main .media-left .read-status{background:#ebecf0;border-radius:4px;padding:5px 8px}.category-main .media-left .material-icon{color:#5e6c84;font-size:14px;height:14px;line-height:14px;width:14px}.category-main .media-left .read-status.item-new{background-color:#2563eb}.category-main .media-left .read-status.item-new .material-icon{color:#fff}@media screen and (min-width:768px){.category-main .media-left{padding:5px 0}}.category-main .media-body{padding-left:12px}@media screen and (max-width:767px){.category-main .media-body{padding-left:3.33333333px}}.list-group-category-no-description .category-main .media-heading{margin-top:10px}@media screen and (max-width:767px){.list-group-category-no-description .category-main .media-heading{margin-top:5px}}.category-main .media-heading a,.category-main .media-heading a:link,.category-main .media-heading a:visited{color:#344563}.category-main .media-heading a:active,.category-main .media-heading a:focus,.category-main .media-heading a:hover{color:#172b4d}.category-stats{color:#5e6c84}.category-main .category-description p{font-size:12px}.category-main .category-description p:last-child{margin-bottom:0}.category-last-thread img{background-color:#fff;border-radius:4px}.category-last-thread .media-heading{margin-bottom:2px}@media screen and (max-width:767px){.category-last-thread .media-heading{margin-top:10px}}.category-last-thread .list-inline{color:#7a869a;font-size:12px}.category-last-thread .list-inline a,.category-last-thread .list-inline a:link,.category-last-thread .list-inline a:visited{color:#7a869a}.category-last-thread .list-inline .item-title,.category-last-thread .list-inline .item-title:link,.category-last-thread .list-inline .item-title:visited,.category-last-thread .list-inline a:active,.category-last-thread .list-inline a:focus,.category-last-thread .list-inline a:hover{color:#344563}.category-last-thread .list-inline .item-title:active,.category-last-thread .list-inline .item-title:focus,.category-last-thread .list-inline .item-title:hover{color:#172b4d}.category-thread-message{color:#7a869a}.category-thread-message .material-icon{margin-right:3px;padding:6px 0}@media screen and (max-width:767px){.category-thread-message{font-size:12px;padding-top:15px}.category-thread-message .material-icon{padding:3px 0}}.panel-participants{border:1px solid #ebecf0}.participant-card .btn-user{border:0!important}.participant-card .dropdown-header-owner{color:#2563eb}.participant-card .dropdown-header-owner .material-icon{font-size:14px;height:14px;line-height:14px;width:14px}.participant-card .dropdown-header-owner .icon-text{margin-left:4px;position:relative;top:2px}.panel-participants p{color:#7a869a}@media screen and (max-width:767px){.panel-participants p{margin-top:10px;text-align:center}}.panel-poll{border:1px solid #ebecf0}.panel-poll .poll-select-choices{margin-top:-10px}.panel-poll .poll-details{color:#7a869a;font-size:12px;margin-bottom:20px}.panel-poll .progress{margin-bottom:5px;margin-top:6.66666667px}.panel-poll .poll-chart{color:#7a869a;font-size:12px}.panel-poll .poll-options{margin-top:20px}#posting-placeholder{background-color:#fafbfc}.posting-message .material-icon{color:#2563eb}.posting-message .btn{margin-top:20px}.panel-post{background:#fff;border:1px solid #ddd}.post-side{color:#7a869a}.post-side .poster-avatar{border-radius:4px}.post-side .user-title,.post-side .user-title a,.post-side .user-title a:active,.post-side .user-title a:focus,.post-side .user-title a:hover,.post-side .user-title a:link,.post-side .user-title a:visited{color:#5e6c84}.post-heading .label-unread{background-color:#2563eb;margin-right:16px}.post-heading .label-protected{margin-left:24px;position:relative;top:1px}.post-heading .label-protected .material-icon{font-size:16px;line-height:16px;margin-right:2px;position:relative;top:-1px}.post-heading>.btn-link{padding-left:0;padding-right:0}.post-heading>.btn-link,.post-heading>.btn-link:link,.post-heading>.btn-link:visited{color:#7a869a}.post-heading>.btn-link:active,.post-heading>.btn-link:focus,.post-heading>.btn-link:focus:active,.post-heading>.btn-link:hover{color:#172b4d;text-decoration:none}.post-heading .btn-see-edits{margin-left:24px}.post-status-message{border-radius:4px;margin-top:10px;padding:6px 12px}@media screen and (max-width:767px){.post-status-message{font-size:12px}.post-status-message .material-icon{margin-top:3px}.post-status-message p{margin-top:0}}.post-body:last-child{padding-bottom:10px}.post-attachments{background-color:#ebecf0;border:none;border-radius:4px;margin-bottom:30px}.post-attachments:last-child{margin-bottom:10px}@media screen and (max-width:767px){.post-attachments{border-radius:0;margin:0 -15px 20px}}.post-footer>.btn-link{padding-left:0;padding-right:0}.post-footer>.btn-link,.post-footer>.btn-link:link,.post-footer>.btn-link:visited{color:#7a869a}.post-footer>.btn-link:active,.post-footer>.btn-link:focus,.post-footer>.btn-link:focus:active,.post-footer>.btn-link:hover{color:#172b4d;text-decoration:none}.post-footer p{color:#7a869a;font-size:12px}.post-body-hidden,.post-body-invalid{padding-bottom:10px;padding-top:10px}.post-body-hidden .lead,.post-body-invalid .lead{margin-bottom:10px}.post-body-hidden .text-muted,.post-body-invalid .text-muted{font-size:12px;margin-bottom:0}.post-hidden{filter:alpha(opacity=75);opacity:.75}.post-feed .panel-body{padding-bottom:0}.post-feed .post-body{max-height:300px;overflow-y:hidden;padding-bottom:20px;padding-top:0;position:relative}.post-feed .post-body:after{bottom:0;box-shadow:0 0 16px 16px #fff;color:transparent;content:"-";display:block;height:0;position:absolute;width:100%}.posts-list .event .event-label{margin-bottom:5px}.posts-list .event .label-unread{background-color:#2563eb;color:#fff}.posts-list .event-info .btn-link,.posts-list .event-info a,.posts-list .event-info a:link,.posts-list .event-info a:visited{color:#5e6c84}.posts-list .event-info .btn-link:active,.posts-list .event-info .btn-link:focus,.posts-list .event-info .btn-link:focus:active,.posts-list .event-info a:active,.posts-list .event-info a:focus,.posts-list .event-info a:focus:active{color:#172b4d}.posts-list .event-hidden{filter:alpha(opacity=33);opacity:.33}.user-card{background:#f4f5f7}.user-card-avatar img,.user-card-small-avatar img{border-radius:4px}.user-card-avatar{margin:20px 0}.user-card-avatar img{height:150px;width:150px}.user-card-username a,.user-card-username a:active,.user-card-username a:focus,.user-card-username a:hover,.user-card-username a:link,.user-card-username a:visited{color:#172b4d;font-size:18px;font-weight:700}.user-card-title a,.user-card-title a:link,.user-card-title a:visited,.user-card-title span{color:#5e6c84}.user-card-title a:active,.user-card-title a:focus,.user-card-title a:hover{color:#172b4d}@media screen and (min-width:768px){.user-card-stats{margin-top:20px}}.user-card-stats ul{margin:0}.user-card-stats li{color:#7a869a;display:inline-block;font-size:12px;margin-right:12px}@media screen and (min-width:768px){.user-card-stats li{margin:0 6px}}.user-card-stats li.user-stat-empty{display:none}@media screen and (min-width:768px){li.user-stat-divider{display:block;margin:0}}@media screen and (max-width:767px){li.user-stat-divider{display:none}}@media screen and (min-width:768px){.user-card-stats{min-height:60px}}@media screen and (max-width:767px){.user-card-left{padding-right:0}}.progress,.progress .progress-bar{-webkit-box-shadow:none;box-shadow:none;height:8px}.misago-markup img{border-radius:4px}.misago-markup .spoiler-body{background:transparent;color:#172b4d;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.misago-markup .spoiler-block.revealed .spoiler-body{-webkit-filter:none;-moz-filter:none;-o-filter:none;-ms-filter:none;filter:none}.misago-markup .spoiler-overlay{align-items:center;background:hsla(0,0%,100%,.1);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.misago-markup .spoiler-reveal{background-color:#ebecf0;border-color:#ccc;color:#172b4d}.misago-markup .spoiler-reveal.focus,.misago-markup .spoiler-reveal:focus{background-color:#ced0da;border-color:#8c8c8c;color:#172b4d}.misago-markup .spoiler-reveal:hover{background-color:#ced0da;border-color:#adadad;color:#172b4d}.misago-markup .spoiler-reveal.active,.misago-markup .spoiler-reveal:active,.open>.dropdown-toggle.misago-markup .spoiler-reveal{background-color:#ced0da;background-image:none;border-color:#adadad;color:#172b4d}.misago-markup .spoiler-reveal.active.focus,.misago-markup .spoiler-reveal.active:focus,.misago-markup .spoiler-reveal.active:hover,.misago-markup .spoiler-reveal:active.focus,.misago-markup .spoiler-reveal:active:focus,.misago-markup .spoiler-reveal:active:hover,.open>.dropdown-toggle.misago-markup .spoiler-reveal.focus,.open>.dropdown-toggle.misago-markup .spoiler-reveal:focus,.open>.dropdown-toggle.misago-markup .spoiler-reveal:hover{background-color:#b9bdcb;border-color:#8c8c8c;color:#172b4d}.misago-markup .spoiler-reveal.disabled.focus,.misago-markup .spoiler-reveal.disabled:focus,.misago-markup .spoiler-reveal.disabled:hover,.misago-markup .spoiler-reveal[disabled].focus,.misago-markup .spoiler-reveal[disabled]:focus,.misago-markup .spoiler-reveal[disabled]:hover,fieldset[disabled] .misago-markup .spoiler-reveal.focus,fieldset[disabled] .misago-markup .spoiler-reveal:focus,fieldset[disabled] .misago-markup .spoiler-reveal:hover{background-color:#ebecf0;border-color:#ccc}.misago-markup .spoiler-reveal .badge{background-color:#172b4d;color:#ebecf0}.misago-markup .spoiler-reveal,.misago-markup .spoiler-reveal.disabled,.misago-markup .spoiler-reveal.disabled:active,.misago-markup .spoiler-reveal.disabled:hover,.misago-markup .spoiler-reveal:disabled,.misago-markup .spoiler-reveal:disabled:hover{background:#ebecf0;border:1px solid #ebecf0;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.misago-markup .spoiler-reveal.disabled,.misago-markup .spoiler-reveal.disabled:active,.misago-markup .spoiler-reveal.disabled:hover,.misago-markup .spoiler-reveal:disabled,.misago-markup .spoiler-reveal:disabled:hover{filter:alpha(opacity=25);opacity:.25}.misago-markup .spoiler-reveal:focus,.misago-markup .spoiler-reveal:hover{background:#dfe1e6;border:1px solid #dfe1e6;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.dropdown.open .dropdown-toggle .misago-markup .spoiler-reveal,.dropdown.open .dropdown-toggle .misago-markup .spoiler-reveal:active:focus,.dropdown.open .dropdown-toggle .misago-markup .spoiler-reveal:focus,.dropdown.open .dropdown-toggle .misago-markup .spoiler-reveal:hover,.misago-markup .spoiler-reveal:active,.misago-markup .spoiler-reveal:active:focus{background:#c1c7d0;border:1px solid #c1c7d0;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.misago-markup .spoiler-reveal.btn-loading,.misago-markup .spoiler-reveal.btn-loading:active,.misago-markup .spoiler-reveal.btn-loading:active:focus,.misago-markup .spoiler-reveal.btn-loading:disabled,.misago-markup .spoiler-reveal.btn-loading:disabled:hover,.misago-markup .spoiler-reveal.btn-loading:focus,.misago-markup .spoiler-reveal.btn-loading:hover{color:transparent}.misago-markup .spoiler-reveal,.misago-markup .spoiler-reveal:active,.misago-markup .spoiler-reveal:hover{border-radius:4px;box-shadow:0 0 0 4px #fff;padding:6px 12px}.modal-header{background:#fff;border-bottom-color:#ced0da;border-radius:6px 6px 0 0;color:#172b4d}.modal-header .close{color:#172b4d;font-size:24px;line-height:24px;padding:0 6px;text-shadow:none}.modal-message .message-icon{color:#2563eb}.modal-body>.form-group{margin:20px 0}.modal-body>.form-group:first-child{margin-top:0}.modal-body>.form-group:last-child{margin-bottom:0}.modal-sign-in .modal-body{padding-bottom:0;padding-top:0}.modal-sign-in .modal-body>.form-group{margin:20px 0}.legal-footnote label{font-weight:700}.legal-footnote .help-block{color:#ff5630;margin-left:20px}.modal-avatar-index .avatar-preview{background:#fff;border-radius:6px}.modal-avatar-crop .cropit-preview{background:#fff;margin:20px 0}.modal-avatar-crop .cropit-image-zoom-input{margin-bottom:20px;margin-top:40px}.modal-post-likers .media{border-bottom:1px solid #ebecf0;padding-bottom:15px}.modal-post-likers .media img{border-radius:4px;height:40px;width:40px}.modal-post-likers .media:last-child{border:none;padding-bottom:0}.well{border:1px solid #ddd}.active-posters .rank-user-avatar img{border-radius:4px}.active-posters .user-details{color:#7a869a}.active-posters .user-details a.rank-name,.active-posters .user-details a.rank-name:link,.active-posters .user-details a.rank-name:visited{color:#5e6c84;font-weight:400}.active-posters .user-details a.rank-name:active,.active-posters .user-details a.rank-name:focus,.active-posters .user-details a.rank-name:hover{color:#172b4d}.active-posters .user-details span.rank-name{color:#5e6c84;font-weight:400}.active-posters small{color:#7a869a}.page-error .message-icon{color:#ef5350}.page-message .message-icon,.page-message-info .message-icon{color:#2563eb}.page-message-success .message-icon{color:#81c784}.page-options .message-line,.page-options .message-line a,.page-options .message-line a:link,.page-options .message-line a:visited{color:#7a869a}.page-options .message-line a:active,.page-options .message-line a:focus,.page-options .message-line a:focus:active,.page-options .message-line a:hover{color:#172b4d}.panel-profile-details-group.panel{border:1px solid #ebecf0}.panel-profile-details-group.panel .form-group{margin:0}.panel-profile-details-group .form-control-static p:last-child{margin-bottom:0}.post-primary .panel-post{border-color:#a5b4fc}.post-primary .user-title,.post-primary .user-title a,.post-primary .user-title a:active,.post-primary .user-title a:focus,.post-primary .user-title a:hover,.post-primary .user-title a:link,.post-primary .user-title a:visited{color:#6366f1}.post-success .panel-post{border-color:#00c853}.post-success .user-title,.post-success .user-title a,.post-success .user-title a:active,.post-success .user-title a:focus,.post-success .user-title a:hover,.post-success .user-title a:link,.post-success .user-title a:visited{color:#388e3c}.post-warning .panel-post{border-color:#ffab40}.post-warning .user-title,.post-warning .user-title a,.post-warning .user-title a:active,.post-warning .user-title a:focus,.post-warning .user-title a:hover,.post-warning .user-title a:link,.post-warning .user-title a:visited{color:#ff6d00}.post-danger .panel-post{border-color:#ff8a80}.post-danger .user-title,.post-danger .user-title a,.post-danger .user-title a:active,.post-danger .user-title a:focus,.post-danger .user-title a:hover,.post-danger .user-title a:link,.post-danger .user-title a:visited{color:#d50000}.user-card-primary .panel-body{background:#fff;border:2px solid #a5b4fc;border-radius:4px;padding:13px}.user-card-primary .user-card-title,.user-card-primary .user-card-title a.user-title,.user-card-primary .user-card-title a.user-title:active,.user-card-primary .user-card-title a.user-title:focus,.user-card-primary .user-card-title a.user-title:hover,.user-card-primary .user-card-title a.user-title:link,.user-card-primary .user-card-title a.user-title:visited{color:#6366f1}.user-card-success .panel-body{background:#fff;border:2px solid #00c853;border-radius:4px;padding:13px}.user-card-success .user-card-title,.user-card-success .user-card-title a.user-title,.user-card-success .user-card-title a.user-title:active,.user-card-success .user-card-title a.user-title:focus,.user-card-success .user-card-title a.user-title:hover,.user-card-success .user-card-title a.user-title:link,.user-card-success .user-card-title a.user-title:visited{color:#388e3c}.user-card-warning .panel-body{background:#fff;border:2px solid #ffab40;border-radius:4px;padding:13px}.user-card-warning .user-card-title,.user-card-warning .user-card-title a.user-title,.user-card-warning .user-card-title a.user-title:active,.user-card-warning .user-card-title a.user-title:focus,.user-card-warning .user-card-title a.user-title:hover,.user-card-warning .user-card-title a.user-title:link,.user-card-warning .user-card-title a.user-title:visited{color:#ff6d00}.user-card-danger .panel-body{background:#fff;border:2px solid #ff8a80;border-radius:4px;padding:13px}.user-card-danger .user-card-title,.user-card-danger .user-card-title a.user-title,.user-card-danger .user-card-title a.user-title:active,.user-card-danger .user-card-title a.user-title:focus,.user-card-danger .user-card-title a.user-title:hover,.user-card-danger .user-card-title a.user-title:link,.user-card-danger .user-card-title a.user-title:visited{color:#d50000}.list-group .list-group-rank-primary{border-left:4px solid #a5b4fc;padding-left:11px}.list-group .list-group-rank-primary a.rank-name,.list-group .list-group-rank-primary a.rank-name:active,.list-group .list-group-rank-primary a.rank-name:focus,.list-group .list-group-rank-primary a.rank-name:hover,.list-group .list-group-rank-primary a.rank-name:link,.list-group .list-group-rank-primary a.rank-name:visited,.list-group .list-group-rank-primary span.rank-name{color:#6366f1}.list-group .list-group-rank-success{border-left:4px solid #9ccc65;padding-left:11px}.list-group .list-group-rank-success a.rank-name,.list-group .list-group-rank-success a.rank-name:active,.list-group .list-group-rank-success a.rank-name:focus,.list-group .list-group-rank-success a.rank-name:hover,.list-group .list-group-rank-success a.rank-name:link,.list-group .list-group-rank-success a.rank-name:visited,.list-group .list-group-rank-success span.rank-name{color:#388e3c}.list-group .list-group-rank-warning{border-left:4px solid #ff7043;padding-left:11px}.list-group .list-group-rank-warning a.rank-name,.list-group .list-group-rank-warning a.rank-name:active,.list-group .list-group-rank-warning a.rank-name:focus,.list-group .list-group-rank-warning a.rank-name:hover,.list-group .list-group-rank-warning a.rank-name:link,.list-group .list-group-rank-warning a.rank-name:visited,.list-group .list-group-rank-warning span.rank-name{color:#ff6d00}.list-group .list-group-rank-danger{border-left:4px solid #f44336;padding-left:11px}.list-group .list-group-rank-danger a.rank-name,.list-group .list-group-rank-danger a.rank-name:active,.list-group .list-group-rank-danger a.rank-name:focus,.list-group .list-group-rank-danger a.rank-name:hover,.list-group .list-group-rank-danger a.rank-name:link,.list-group .list-group-rank-danger a.rank-name:visited,.list-group .list-group-rank-danger span.rank-name{color:#d50000}.page-header-rank-primary .user-rank,.page-header-rank-primary .user-rank a,.page-header-rank-primary .user-rank a:active,.page-header-rank-primary .user-rank a:focus,.page-header-rank-primary .user-rank a:hover,.page-header-rank-primary .user-rank a:link,.page-header-rank-primary .user-rank a:visited{color:#6366f1}.page-header-rank-success .user-rank,.page-header-rank-success .user-rank a,.page-header-rank-success .user-rank a:active,.page-header-rank-success .user-rank a:focus,.page-header-rank-success .user-rank a:hover,.page-header-rank-success .user-rank a:link,.page-header-rank-success .user-rank a:visited{color:#388e3c}.page-header-rank-warning .user-rank,.page-header-rank-warning .user-rank a,.page-header-rank-warning .user-rank a:active,.page-header-rank-warning .user-rank a:focus,.page-header-rank-warning .user-rank a:hover,.page-header-rank-warning .user-rank a:link,.page-header-rank-warning .user-rank a:visited{color:#ff6d00}.page-header-rank-danger .user-rank,.page-header-rank-danger .user-rank a,.page-header-rank-danger .user-rank a:active,.page-header-rank-danger .user-rank a:focus,.page-header-rank-danger .user-rank a:hover,.page-header-rank-danger .user-rank a:link,.page-header-rank-danger .user-rank a:visited{color:#d50000} +/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:10px}body{background-color:#fff;color:#172b4d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#0065ff;text-decoration:none}a:focus,a:hover{color:#0747a6;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{background-color:#fff;border:1px solid #ddd;border-radius:4px;display:inline-block;height:auto;line-height:1.42857143;max-width:100%;padding:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{border:0;border-top:1px solid #ebecf0;margin-bottom:20px;margin-top:20px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.1}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#7a869a;font-weight:400;line-height:1}.h1,.h2,.h3,h1,h2,h3{margin-bottom:10px;margin-top:20px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-bottom:10px;margin-top:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{font-size:16px;font-weight:300;line-height:1.4;margin-bottom:20px}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#7a869a}.text-primary{color:#2563eb}a.text-primary:focus,a.text-primary:hover{color:#134cca}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{background-color:#2563eb;color:#fff}a.bg-primary:focus,a.bg-primary:hover{background-color:#134cca}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{border-bottom:1px solid #ebecf0;margin:40px 0 20px;padding-bottom:9px}ol,ul{margin-bottom:10px;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-inline,.list-unstyled{list-style:none;padding-left:0}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-bottom:20px;margin-top:0}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:700px){.dl-horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:160px}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{border-left:5px solid #ebecf0;font-size:17.5px;margin:0 0 20px;padding:10px 20px}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{color:#7a869a;display:block;font-size:80%;line-height:1.42857143}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{border-left:0;border-right:5px solid #ebecf0;padding-left:0;padding-right:15px;text-align:right}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{font-style:normal;line-height:1.42857143;margin-bottom:20px}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Courier New,monospace}code{background-color:#f9f2f4;border-radius:4px;color:#c7254e}code,kbd{font-size:90%;padding:2px 4px}kbd{background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);color:#fff}kbd kbd{box-shadow:none;font-size:100%;font-weight:700;padding:0}pre{word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;color:#344563;display:block;font-size:13px;line-height:1.42857143;margin:0 0 10px;padding:9.5px;word-break:break-all}pre code{background-color:transparent;border-radius:0;color:inherit;font-size:inherit;padding:0;white-space:pre-wrap}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.row-no-gutters{margin-left:0;margin-right:0}.row-no-gutters [class*=col-]{padding-left:0;padding-right:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{min-height:1px;padding-left:15px;padding-right:15px;position:relative}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{display:table-column;float:none;position:static}table td[class*=col-],table th[class*=col-]{display:table-cell;float:none;position:static}caption{color:#7a869a;padding-bottom:8px;padding-top:8px}caption,th{text-align:left}.table{margin-bottom:20px;max-width:100%;width:100%}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:1px solid #ddd;line-height:1.42857143;padding:8px;vertical-align:top}.table>thead>tr>th{border-bottom:2px solid #ddd;vertical-align:bottom}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;margin-bottom:15px;overflow-y:hidden;width:100%}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{margin:0;min-width:0}fieldset,legend{border:0;padding:0}legend{border-bottom:1px solid #e5e5e5;color:#344563;display:block;font-size:21px;line-height:inherit;margin-bottom:20px;width:100%}label{display:inline-block;font-weight:700;margin-bottom:5px;max-width:100%}input[type=search]{-webkit-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{line-height:normal;margin:4px 0 0;margin-top:1px\9}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}.form-control,output{color:#172b4d;display:block;font-size:14px;line-height:1.42857143}.form-control{background-color:#fff;background-image:none;border:1px solid #ced0da;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);height:34px;padding:6px 12px;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control:focus{border-color:#66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);outline:0}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#ebecf0;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{display:block;margin-bottom:10px;margin-top:10px;position:relative}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{cursor:pointer;font-weight:400;margin-bottom:0;min-height:20px;padding-left:20px}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{margin-left:-20px;margin-top:4px\9;position:absolute}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{cursor:pointer;display:inline-block;font-weight:400;margin-bottom:0;padding-left:20px;position:relative;vertical-align:middle}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-left:10px;margin-top:0}.form-control-static{margin-bottom:0;min-height:34px;padding-bottom:7px;padding-top:7px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 10px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 10px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{font-size:12px;height:30px;line-height:1.5;min-height:32px;padding:6px 10px}.input-lg{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 16px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 16px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{font-size:18px;height:46px;line-height:1.3333333;min-height:38px;padding:11px 16px}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{display:block;height:34px;line-height:34px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;width:34px;z-index:2}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{height:46px;line-height:46px;width:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{height:30px;line-height:30px;width:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{background-color:#dff0d8;border-color:#3c763d;color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{background-color:#fcf8e3;border-color:#8a6d3b;color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{background-color:#f2dede;border-color:#a94442;color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{color:#3462af;display:block;margin-bottom:10px;margin-top:5px}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;vertical-align:middle;width:auto}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-bottom:0;margin-top:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{margin-left:0;position:relative}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-bottom:0;margin-top:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{margin-bottom:0;padding-top:7px;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{font-size:18px;padding-top:11px}.form-horizontal .form-group-sm .control-label{font-size:12px;padding-top:6px}}.btn{background-image:none;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857143;margin-bottom:0;padding:6px 12px;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#172b4d;text-decoration:none}.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);outline:0}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;filter:alpha(opacity=65);opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{background-color:#ebecf0;border-color:#ccc;color:#172b4d}.btn-default.focus,.btn-default:focus{background-color:#ced0da;border-color:#8c8c8c;color:#172b4d}.btn-default:hover{background-color:#ced0da;border-color:#adadad;color:#172b4d}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-color:#ced0da;background-image:none;border-color:#adadad;color:#172b4d}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{background-color:#b9bdcb;border-color:#8c8c8c;color:#172b4d}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#ebecf0;border-color:#ccc}.btn-default .badge{background-color:#172b4d;color:#ebecf0}.btn-primary{background-color:#2563eb;border-color:#1555e2;color:#fff}.btn-primary.focus,.btn-primary:focus{background-color:#134cca;border-color:#0a296d;color:#fff}.btn-primary:hover{background-color:#134cca;border-color:#1040aa;color:#fff}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-color:#134cca;background-image:none;border-color:#1040aa;color:#fff}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{background-color:#1040aa;border-color:#0a296d;color:#fff}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#2563eb;border-color:#1555e2}.btn-primary .badge{background-color:#fff;color:#2563eb}.btn-success{background-color:#22c55e;border-color:#1eaf54;color:#fff}.btn-success.focus,.btn-success:focus{background-color:#1a9a49;border-color:#0b4320;color:#fff}.btn-success:hover{background-color:#1a9a49;border-color:#157b3b;color:#fff}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-color:#1a9a49;background-image:none;border-color:#157b3b;color:#fff}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{background-color:#157b3b;border-color:#0b4320;color:#fff}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#22c55e;border-color:#1eaf54}.btn-success .badge{background-color:#fff;color:#22c55e}.btn-info{background-color:#4f46e5;border-color:#3a30e2;color:#fff}.btn-info.focus,.btn-info:focus{background-color:#291fd9;border-color:#181280;color:#fff}.btn-info:hover{background-color:#291fd9;border-color:#231aba;color:#fff}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-color:#291fd9;background-image:none;border-color:#231aba;color:#fff}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{background-color:#231aba;border-color:#181280;color:#fff}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#4f46e5;border-color:#3a30e2}.btn-info .badge{background-color:#fff;color:#4f46e5}.btn-warning{background-color:#ffab00;border-color:#e69a00;color:#fff}.btn-warning.focus,.btn-warning:focus{background-color:#cc8900;border-color:#640;color:#fff}.btn-warning:hover{background-color:#cc8900;border-color:#a87100;color:#fff}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-color:#cc8900;background-image:none;border-color:#a87100;color:#fff}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{background-color:#a87100;border-color:#640;color:#fff}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#ffab00;border-color:#e69a00}.btn-warning .badge{background-color:#fff;color:#ffab00}.btn-danger{background-color:#ef5350;border-color:#ed3c39;color:#fff}.btn-danger.focus,.btn-danger:focus{background-color:#eb2521;border-color:#98110e;color:#fff}.btn-danger:hover{background-color:#eb2521;border-color:#d51713;color:#fff}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-color:#eb2521;background-image:none;border-color:#d51713;color:#fff}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{background-color:#d51713;border-color:#98110e;color:#fff}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#ef5350;border-color:#ed3c39}.btn-danger .badge{background-color:#fff;color:#ef5350}.btn-link{border-radius:0;color:#0065ff;font-weight:400}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{background-color:transparent;color:#0747a6;text-decoration:underline}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#7a869a;text-decoration:none}.btn-group-lg>.btn,.btn-lg{border-radius:6px;font-size:18px;line-height:1.3333333;padding:10px 16px}.btn-group-sm>.btn,.btn-sm{border-radius:3px;font-size:12px;line-height:1.5;padding:5px 10px}.btn-group-xs>.btn,.btn-xs{border-radius:3px;font-size:12px;line-height:1.5;padding:1px 5px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{height:0;overflow:hidden;position:relative;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-timing-function:ease;transition-timing-function:ease}.caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px dashed;border-top:4px solid\9;display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);display:none;float:left;font-size:14px;left:0;list-style:none;margin:2px 0 0;min-width:160px;padding:5px 0;position:absolute;text-align:left;top:100%;z-index:1000}.dropdown-menu.pull-right{left:auto;right:0}.dropdown-menu .divider{background-color:#ebecf0;height:1px;margin:9px 0;overflow:hidden}.dropdown-menu>li>a{clear:both;color:#172b4d;display:block;font-weight:400;line-height:1.42857143;padding:3px 20px;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#ebecf0;color:#172b4d;text-decoration:none}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#172b4d;color:#fff;outline:0;text-decoration:none}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#7a869a}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{background-color:transparent;background-image:none;cursor:not-allowed;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);text-decoration:none}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{color:#7a869a;display:block;font-size:12px;line-height:1.42857143;padding:3px 20px;white-space:nowrap}.dropdown-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:990}.pull-right>.dropdown-menu{left:auto;right:0}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-bottom:4px dashed;border-bottom:4px solid\9;border-top:0;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{bottom:100%;margin-bottom:2px;top:auto}@media (min-width:700px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.nav{list-style:none;margin-bottom:0;padding-left:0}.nav>li,.nav>li>a{display:block;position:relative}.nav>li>a{padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{background-color:#ebecf0;text-decoration:none}.nav>li.disabled>a{color:#7a869a}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{background-color:transparent;color:#7a869a;cursor:not-allowed;text-decoration:none}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#ebecf0;border-color:#0065ff}.nav .nav-divider{background-color:#e5e5e5;height:1px;margin:9px 0;overflow:hidden}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{border:1px solid transparent;border-radius:4px 4px 0 0;line-height:1.42857143;margin-right:2px}.nav-tabs>li>a:hover{border-color:#ebecf0 #ebecf0 #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:#fff;border:1px solid;border-color:#ddd #ddd transparent;color:#5e6c84;cursor:default}.nav-tabs.nav-justified{border-bottom:0;width:100%}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{left:auto;top:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{border-radius:4px;margin-right:0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{background-color:#0065ff;color:#fff}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-left:0;margin-top:2px}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{left:auto;top:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{border-radius:4px;margin-right:0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.breadcrumb{background-color:#f5f5f5;border-radius:4px;list-style:none;margin-bottom:20px;padding:8px 15px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{color:#ccc;content:"/\00a0";padding:0 5px}.breadcrumb>.active{color:#7a869a}.alert{border:1px solid transparent;border-radius:4px;margin-bottom:20px;padding:15px}.alert h4{color:inherit;margin-top:0}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{color:inherit;position:relative;right:-21px;top:-2px}.alert-success{background-color:#00875a;border-color:#00875a;color:#fff}.alert-success hr{border-top-color:#006e49}.alert-success .alert-link{color:#e6e6e6}.alert-info{background-color:#2563eb;border-color:#2563eb;color:#fff}.alert-info hr{border-top-color:#1555e2}.alert-info .alert-link{color:#e6e6e6}.alert-warning{background-color:#ff8b00;border-color:#ff8b00;color:#fff}.alert-warning hr{border-top-color:#e67d00}.alert-warning .alert-link{color:#e6e6e6}.alert-danger{background-color:#de350b;border-color:#de350b;color:#fff}.alert-danger hr{border-top-color:#c62f0a}.alert-danger .alert-link{color:#e6e6e6}.label{border-radius:.25em;color:#fff;display:inline;font-size:75%;font-weight:700;line-height:1;padding:.2em .6em .3em;text-align:center;vertical-align:baseline;white-space:nowrap}a.label:focus,a.label:hover{color:#fff;cursor:pointer;text-decoration:none}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#7a869a}.label-default[href]:focus,.label-default[href]:hover{background-color:#616d80}.label-primary{background-color:#2563eb}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#134cca}.label-success{background-color:#36b37e}.label-success[href]:focus,.label-success[href]:hover{background-color:#2a8c62}.label-info{background-color:#4f46e5}.label-info[href]:focus,.label-info[href]:hover{background-color:#291fd9}.label-warning{background-color:#ffab00}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#cc8900}.label-danger{background-color:#ff5630}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#fc2e00}@-webkit-keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}.progress{background-color:#ebecf0;border-radius:3px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);height:20px;margin-bottom:20px;overflow:hidden}.progress-bar{background-color:#2563eb;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);color:#fff;float:left;font-size:12px;height:100%;line-height:20px;text-align:center;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;width:0}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#36b37e}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-info{background-color:#4f46e5}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-warning{background-color:#ffab00}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-danger{background-color:#ff5630}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.btn-group,.btn-group-vertical{display:inline-block;position:relative;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{float:left;position:relative}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;max-width:100%;width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-left:0;margin-top:-1px}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:0;border-top-right-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{border-collapse:separate;display:table;table-layout:fixed;width:100%}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.input-group{border-collapse:separate;display:table;position:relative}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{float:left;margin-bottom:0;position:relative;width:100%;z-index:2}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 16px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 10px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{vertical-align:middle;white-space:nowrap;width:1%}.input-group-addon{background-color:#ebecf0;border:1px solid #ced0da;border-radius:4px;color:#172b4d;font-size:14px;font-weight:400;line-height:1;padding:6px 12px;text-align:center}.input-group-addon.input-sm{border-radius:3px;font-size:12px;padding:5px 10px}.input-group-addon.input-lg{border-radius:6px;font-size:18px;padding:10px 16px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px;z-index:2}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-bottom:5px;margin-top:0}.media-list{list-style:none;padding-left:0}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{background-color:#fff;border:1px solid #ebecf0;display:block;margin-bottom:-1px;padding:10px 15px;position:relative}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px;margin-bottom:0}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{background-color:#ebecf0;color:#7a869a;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#7a869a}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{background-color:#fff;border-color:#ebecf0;color:#0065ff;z-index:2}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#fff}a.list-group-item,button.list-group-item{color:#7a869a}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{background-color:#fff;color:#172b4d;text-decoration:none}button.list-group-item{text-align:left;width:100%}.list-group-item-success{background-color:#dff0d8;color:#3c763d}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{background-color:#d0e9c6;color:#3c763d}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{background-color:#3c763d;border-color:#3c763d;color:#fff}.list-group-item-info{background-color:#d9edf7;color:#31708f}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{background-color:#c4e3f3;color:#31708f}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{background-color:#31708f;border-color:#31708f;color:#fff}.list-group-item-warning{background-color:#fcf8e3;color:#8a6d3b}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{background-color:#faf2cc;color:#8a6d3b}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{background-color:#8a6d3b;border-color:#8a6d3b;color:#fff}.list-group-item-danger{background-color:#f2dede;color:#a94442}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{background-color:#ebcccc;color:#a94442}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{background-color:#a94442;border-color:#a94442;color:#fff}.list-group-item-heading{margin-bottom:5px;margin-top:0}.list-group-item-text{line-height:1.3;margin-bottom:0}.panel{background-color:#fff;border:1px solid transparent;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);margin-bottom:20px}.panel-body{padding:15px}.panel-heading{border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px;padding:14px 15px}.panel-heading>.dropdown .dropdown-toggle,.panel-title{color:inherit}.panel-title{font-size:16px;margin-bottom:0;margin-top:0}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{background-color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top:1px solid #ebecf0;padding:14px 15px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-radius:0;border-width:1px 0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-left:15px;padding-right:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{border-radius:4px;margin-bottom:0}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ebecf0}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ebecf0}.panel-default{border-color:#ddd}.panel-default>.panel-heading{background-color:#fff;border-color:#ddd;color:#344563}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{background-color:#344563;color:#fff}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#2563eb}.panel-primary>.panel-heading{background-color:#2563eb;border-color:#2563eb;color:#fff}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#2563eb}.panel-primary>.panel-heading .badge{background-color:#fff;color:#2563eb}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#2563eb}.panel-success{border-color:#36b37e}.panel-success>.panel-heading{background-color:#dff0d8;border-color:#36b37e;color:#3c763d}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#36b37e}.panel-success>.panel-heading .badge{background-color:#3c763d;color:#dff0d8}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#36b37e}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{background-color:#31708f;color:#d9edf7}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{background-color:#8a6d3b;color:#fcf8e3}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ff5630}.panel-danger>.panel-heading{background-color:#f2dede;border-color:#ff5630;color:#a94442}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ff5630}.panel-danger>.panel-heading .badge{background-color:#a94442;color:#f2dede}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ff5630}.pager{list-style:none;margin:20px 0;padding-left:0;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{background-color:#fff;border:1px solid #ddd;border-radius:15px;display:inline-block;padding:5px 14px}.pager li>a:focus,.pager li>a:hover{background-color:#ebecf0;text-decoration:none}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{background-color:#fff;color:#7a869a;cursor:not-allowed}.pagination{border-radius:4px;display:inline-block;margin:20px 0;padding-left:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{background-color:#fff;border:1px solid #ddd;color:#0065ff;float:left;line-height:1.42857143;margin-left:-1px;padding:6px 12px;position:relative;text-decoration:none}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#ebecf0;border-color:#ddd;color:#0747a6;z-index:2}.pagination>li:first-child>a,.pagination>li:first-child>span{border-bottom-left-radius:4px;border-top-left-radius:4px;margin-left:0}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#2563eb;border-color:#2563eb;color:#fff;cursor:default;z-index:3}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{background-color:#fff;border-color:#ddd;color:#7a869a;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{font-size:18px;line-height:1.3333333;padding:10px 16px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{font-size:12px;line-height:1.5;padding:5px 10px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.embed-responsive{display:block;height:0;overflow:hidden;padding:0;position:relative}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{border:0;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{background-color:#fff;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);margin-bottom:20px;min-height:20px;padding:19px}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{border-radius:6px;padding:24px}.well-sm{border-radius:3px;padding:9px}.close{color:#000;filter:alpha(opacity=20);float:right;font-size:21px;font-weight:700;line-height:1;opacity:.2;text-shadow:0 1px 0 #fff}.close:focus,.close:hover{color:#000;cursor:pointer;filter:alpha(opacity=50);opacity:.5;text-decoration:none}button.close{-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;padding:0}.badge{background-color:#7a869a;border-radius:10px;color:#fff;display:inline-block;font-size:12px;font-weight:700;line-height:1;min-width:10px;padding:3px 7px;text-align:center;vertical-align:middle;white-space:nowrap}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{padding:1px 5px;top:0}a.badge:focus,a.badge:hover{color:#fff;cursor:pointer;text-decoration:none}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{background-color:#fff;color:#0065ff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.modal,.modal-open{overflow:hidden}.modal{-webkit-overflow-scrolling:touch;bottom:0;display:none;left:0;outline:0;position:fixed;right:0;top:0;z-index:1050}.modal.fade .modal-dialog{-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);-o-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{margin:10px;position:relative;width:auto}.modal-content{background-clip:padding-box;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0;position:relative}.modal-backdrop{background-color:#091e42;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{border-bottom:1px solid #ced0da;padding:15px}.modal-header .close{margin-top:-2px}.modal-title{line-height:1.42857143;margin:0}.modal-body{padding:15px;position:relative}.modal-footer{border-top:1px solid #ced0da;padding:15px;text-align:right}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{height:50px;overflow:scroll;position:absolute;top:-9999px;width:50px}@media (min-width:768px){.modal-dialog{margin:30px auto;width:600px}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.agreement-footer:after,.agreement-footer:before,.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.agreement-footer:after,.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}@media screen and (min-width:992px){.md-margin-top-no{margin-top:0!important}}@media screen and (min-width:768px) and (max-width:991px){.sm-margin-top{margin-top:20px!important}.sm-margin-top-no{margin-top:0!important}.sm-margin-top-half{margin-top:6.6px!important}.sm-align-row-buttons{margin-top:5px!important}}@media screen and (max-width:767px){.xs-margin-top{margin-top:20px!important}.xs-margin-top-half{margin-top:6.6px!important}}.flex-row{display:block;margin:0 -15px}.flex-row-section{align-items:center;display:flex;flex:1}.flex-row-section+.flex-row-section{margin-top:20px}.flex-row-col{flex:1;padding:0 15px}@media screen and (min-width:768px){.flex-row{align-items:center;display:flex}.flex-row-section+.flex-row-section{margin:0}.flex-row-col,.flex-row-section{align-items:center;flex:0}.flex-row-section.flex-row-section-auto,.flex-row-section.flex-row-section-auto>.flex-row-col{flex:1}}.flex-row-col-shrink{flex:0!important}.d-none{display:none!important}.atwho-view ul li img{border-radius:3px;height:20px;margin-right:4.66666667px;width:20px}.auth-message{background-color:#ebecf0;left:0;padding:20px 0;position:fixed;top:-100%;transition:top .3s ease;width:100%;z-index:1070}.auth-message.show{bottom:auto;top:0}.auth-message p{color:#172b4d;padding:5px 0}@media screen and (max-width:991px){.auth-message{text-align:center}.auth-message .btn{font-size:18px;padding:10px 16px}}.alerts-snackbar{font-size:18px;pointer-events:none;position:fixed;text-align:center;top:-100%;transition:top .3s ease;width:100%;z-index:1060}.alerts-snackbar.in{top:0;transition:top .2s ease}.alerts-snackbar p{border-radius:0 0 4px 4px;display:inline-block;margin:0;pointer-events:all}.agreement-overlay{background-color:rgba(9,30,66,.5);height:100%;left:0;overflow-x:scroll;position:fixed;top:0;width:100%;z-index:1060}.agreement-overlay .container{max-width:900px;padding:20px 30px}.agreement-content{background-clip:padding-box;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0;padding:10px 16px}.agreement-header{border-bottom:1px solid #ebecf0;padding:10px 0}.agreement-header h2{margin-top:0}.agreement-header p{margin:0;padding:0}.agreement-body{padding:20px 0}.agreement-body p.lead{margin:0;padding:0}.agreement-footer{border-top:1px solid #ced0da;padding:10px 0;text-align:right}.agreement-footer .btn+.btn{margin-bottom:0;margin-left:5px}.agreement-footer .btn-group .btn+.btn{margin-left:-1px}.agreement-footer .btn-block+.btn-block{margin-left:0}body.agreement-overlay-visible{overflow:hidden}.loader{height:49px;text-align:center;width:100%}.loader.loader-spaced{margin:40px 0}.loader-spinning-wheel{animation:cssload-spin 575ms linear infinite;-o-animation:cssload-spin 575ms linear infinite;-ms-animation:cssload-spin 575ms linear infinite;-webkit-animation:cssload-spin 575ms linear infinite;-moz-animation:cssload-spin 575ms linear infinite;border-color:#7a869a transparent;border-radius:50%;border-style:solid;border-width:3px;height:49px;margin:0 auto;width:49px}@keyframes cssload-spin{to{transform:rotate(1turn)}}@-o-keyframes cssload-spin{to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@-ms-keyframes cssload-spin{to{-ms-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes cssload-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes cssload-spin{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}.navbar{background-color:#fff;border-bottom:1px solid #e5e7eb;color:#111827;height:60px;position:sticky;top:0;z-index:1030}.navbar-container,.navbar-right{align-items:center;display:flex;height:100%}.navbar-right{margin-left:auto}.navbar-branding{align-items:center;display:flex;margin-right:24px}.navbar-branding-text,.navbar-branding-text:active,.navbar-branding-text:focus,.navbar-branding-text:hover,.navbar-branding-text:link,.navbar-branding-text:visited{color:#374151;font-size:22px;text-decoration:none}.navbar-branding-logo img{height:40px}.navbar-branding-logo-xs{margin-right:12px}.navbar-branding-logo-xs img{height:34px;width:34px}.navbar-extra-menu{display:block;font-size:18px;margin:0;padding:0}.navbar-extra-menu>li,.navbar-extra-menu>li>a{display:inline-block}.navbar-extra-menu a,.navbar-extra-menu a:link,.navbar-extra-menu a:visited{border-radius:4px;color:#172b4d;padding:6px 12px}.navbar-extra-menu a:active,.navbar-extra-menu a:focus,.navbar-extra-menu a:hover{color:#172b4d;text-decoration:none}.navbar-extra-menu a:active{background-color:#e5e7eb}.btn.btn-navbar-icon{align-items:center;display:flex;height:34px;justify-content:center;margin-left:12px;padding:0;position:relative;width:34px}.btn.btn-navbar-icon .material-icon{font-size:24px;line-height:24px;margin:0}.btn.btn-navbar-icon,.btn.btn-navbar-icon:focus,.btn.btn-navbar-icon:hover,.btn.btn-navbar-icon:link,.btn.btn-navbar-icon:visited{background-color:transparent;border-color:transparent;box-shadow:none;color:#374151}.btn.btn-navbar-icon.active,.btn.btn-navbar-icon:active{background-color:#e5e7eb;border-color:#e5e7eb;box-shadow:none;color:#172b4d}.btn-navbar-image{display:inline-block;margin-left:12px;padding:0}.btn-navbar-image img{border-radius:3px;height:34px;width:34px}.navbar-item-badge{background-color:#dc2626;border-radius:4px;color:#fff;font-size:12px;padding:0 5px;position:absolute;right:-3px;top:-3px;z-index:2}.btn-navbar-register,.btn-navbar-sign-in{margin-left:12px}@media screen and (max-width:767px){#navbar-notifications-dropdown,#navbar-private-threads,#navbar-search-dropdown,#navbar-site-nav-dropdown,#navbar-user-nav-dropdown,.btn-navbar-register,.btn-navbar-sign-in,.navbar-extra-menu{display:none}}@media screen and (max-width:420px){#navbar-private-threads{display:none}}@media screen and (min-width:768px){#navbar-notifications-overlay,#navbar-search-overlay,#navbar-site-nav-overlay,#navbar-user-nav-overlay{display:none}}.nav-side>a>.material-icon{bottom:1px;font-size:24px;height:24px;line-height:24px;margin:-5px 10px -5px -5px;position:relative;width:24px}.nav-side>a .badge{position:relative;top:1px}.nav-pills>li>a{align-items:center;display:flex;padding:5px 10px}.nav-pills>li>a .material-icon{margin-right:3px}.nav-pills>li>a,.nav-pills>li>a:link,.nav-pills>li>a:visited{background-color:#ebecf0;color:#344563}.nav-pills>li>a:active,.nav-pills>li>a:focus,.nav-pills>li>a:hover{background-color:#dcdee5;color:#344563}.nav-pills>li.active>a,.nav-pills>li.active>a:active,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:link,.nav-pills>li.active>a:visited{background-color:#344563;color:#fff}.nav-container .btn-block{margin-bottom:20px}.nav-container .nav{margin-bottom:30px;margin-right:-10px}.nav-container li{margin-bottom:10px;margin-right:10px}.breadcrumbs{display:block;margin-bottom:10px;padding:0}.breadcrumbs-item{display:inline-block;list-style:none;margin-bottom:10px;margin-right:15px;padding:0}.breadcrumbs-item a{align-items:center;display:flex;text-decoration:none}.breadcrumbs-item a,.breadcrumbs-item a:visited{color:#5e6c84}.breadcrumbs-item a:focus,.breadcrumbs-item a:hover{color:#172b4d}.breadcrumbs-item a:focus .breadcrumbs-item-name,.breadcrumbs-item a:hover .breadcrumbs-item-name{text-decoration:underline}.breadcrumbs-item a:active{color:#172b4d}.breadcrumbs-item .material-icon{margin-right:4px}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(../fonts/MaterialIcons-Regular.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(../fonts/MaterialIcons-Regular.woff2) format("woff2"),url(../fonts/MaterialIcons-Regular.woff) format("woff"),url(../fonts/MaterialIcons-Regular.ttf) format("truetype")}.material-icon{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Icons;font-style:normal;font-weight:400;height:1em;letter-spacing:normal;line-height:1;overflow-wrap:normal;text-align:center;text-rendering:optimizeLegibility;text-transform:none;vertical-align:middle;white-space:nowrap;width:1em}.modal-toolbar{background:#ebecf0;border-bottom:1px solid #ced0da;overflow:auto;padding:6px 12px}.modal-toolbar .pull-left{margin-right:8px}.modal-toolbar p{margin-bottom:0;padding:5px 0}@media screen and (max-width:991px){.modal-message{text-align:center}.modal-message .message-icon{margin:30px}.modal-message .message-icon .material-icon{font-size:160px}}@media screen and (min-width:992px){.modal-message .modal-body{padding-bottom:30px;padding-top:20px}.modal-message .message-icon{float:left;left:7px;position:relative}.modal-message .message-icon .material-icon{font-size:50px}.modal-message .message-body{margin-left:75px;margin-top:10px}.modal-message .message-body p{margin-top:20px}.modal-message .message-body .lead{margin-bottom:0;margin-top:0}}.modal-loader{padding:50px 0}.modal-loader .loader{height:80px;text-align:center;width:100%}.modal-loader .loader-spinning-wheel{height:80px;width:80px}.modal-body .form-group{min-height:34px}.list-item-errors{margin-bottom:20px}.list-errored-items li:last-child .list-item-errors{margin-bottom:0}.modal-post-likers .media-list{margin:0}.modal-post-likers .item-title{display:block}.has-feedback .material-icon.form-control-feedback{font-size:1.42857143;line-height:1.42857143;right:24px;top:6px}.well.well-form.well-done{font-size:18px;text-align:center}.well.well-form.well-done .message-icon{font-size:90px;line-height:90px;margin-bottom:10px}.well.well-form.well-done .message-body{margin-bottom:20px}.well.well-form.well-noscript{font-size:18px;text-align:center}.well.well-form.well-noscript .message-icon{font-size:90px;line-height:90px;margin-bottom:10px}.btn.btn-select,.btn.btn-yes-no{background:transparent;border:1px solid #ced0da}.btn.btn-select .material-icon,.btn.btn-yes-no .material-icon{bottom:1px;font-size:20px;height:20px;line-height:20px;margin:-4px 8px -4px 0;position:relative;width:20px}@media screen and (max-width:767px){.btn.btn-yes-no{overflow:auto;width:100%}.btn.btn-yes-no .material-icon{float:left;margin-top:1px}.btn.btn-yes-no .btn-text{display:block;margin-left:30px;text-align:left;white-space:normal}}input.hidden-file-upload{left:-9999px;position:absolute;top:-9999px}.form-search{position:relative}.form-search .form-control{padding-right:30px}.form-search .material-icon{color:#7a869a;font-size:24px;line-height:24px;pointer-events:none;position:absolute;right:5px;top:5px}.btn.btn-loading,.btn.btn-loading:active,.btn.btn-loading:focus,.btn.btn-loading:hover,.btn.btn-loading:link,.btn.btn-loading:visited{color:transparent}.btn.btn-loading .loader,.btn.btn-loading:active .loader,.btn.btn-loading:focus .loader,.btn.btn-loading:hover .loader,.btn.btn-loading:link .loader,.btn.btn-loading:visited .loader{height:20px;margin-top:-20px}.btn.btn-loading .loader>div,.btn.btn-loading:active .loader>div,.btn.btn-loading:focus .loader>div,.btn.btn-loading:hover .loader>div,.btn.btn-loading:link .loader>div,.btn.btn-loading:visited .loader>div{height:20px;width:20px}.btn.btn-loading.btn-default .loader>div{border-bottom-color:#172b4d;border-top-color:#172b4d}.btn.btn-loading.btn-danger .loader>div,.btn.btn-loading.btn-info .loader>div,.btn.btn-loading.btn-primary .loader>div,.btn.btn-loading.btn-success .loader>div,.btn.btn-loading.btn-warning .loader>div{border-bottom-color:#fff;border-top-color:#fff}.btn .material-icon{bottom:1px;margin-right:3px;position:relative}.btn-icon .material-icon{font-size:20px;height:20px;line-height:20px;margin:-1px -4px;width:20px}.btn-icon .btn-text{margin-left:10px}.btn-icon .btn-text-left{margin-right:10px}.btn-block.btn-icon{padding-left:0;padding-right:0}.btn-icons-family .material-icon+.material-icon{margin-left:10px}.btn-sign-in{background-color:#2563eb;border-color:#2563eb;color:#fff}.btn-sign-in.focus,.btn-sign-in:focus{background-color:#134cca;border-color:#0c3284;color:#fff}.btn-sign-in:hover{background-color:#134cca;border-color:#1249c1;color:#fff}.btn-sign-in.active,.btn-sign-in:active,.open>.dropdown-toggle.btn-sign-in{background-color:#134cca;background-image:none;border-color:#1249c1;color:#fff}.btn-sign-in.active.focus,.btn-sign-in.active:focus,.btn-sign-in.active:hover,.btn-sign-in:active.focus,.btn-sign-in:active:focus,.btn-sign-in:active:hover,.open>.dropdown-toggle.btn-sign-in.focus,.open>.dropdown-toggle.btn-sign-in:focus,.open>.dropdown-toggle.btn-sign-in:hover{background-color:#1040aa;border-color:#0c3284;color:#fff}.btn-sign-in.disabled.focus,.btn-sign-in.disabled:focus,.btn-sign-in.disabled:hover,.btn-sign-in[disabled].focus,.btn-sign-in[disabled]:focus,.btn-sign-in[disabled]:hover,fieldset[disabled] .btn-sign-in.focus,fieldset[disabled] .btn-sign-in:focus,fieldset[disabled] .btn-sign-in:hover{background-color:#2563eb;border-color:#2563eb}.btn-sign-in .badge{background-color:#fff;color:#2563eb}.btn-register{background-color:#2563eb;border-color:#2563eb;color:#fff}.btn-register.focus,.btn-register:focus{background-color:#134cca;border-color:#0c3284;color:#fff}.btn-register:hover{background-color:#134cca;border-color:#1249c1;color:#fff}.btn-register.active,.btn-register:active,.open>.dropdown-toggle.btn-register{background-color:#134cca;background-image:none;border-color:#1249c1;color:#fff}.btn-register.active.focus,.btn-register.active:focus,.btn-register.active:hover,.btn-register:active.focus,.btn-register:active:focus,.btn-register:active:hover,.open>.dropdown-toggle.btn-register.focus,.open>.dropdown-toggle.btn-register:focus,.open>.dropdown-toggle.btn-register:hover{background-color:#1040aa;border-color:#0c3284;color:#fff}.btn-register.disabled.focus,.btn-register.disabled:focus,.btn-register.disabled:hover,.btn-register[disabled].focus,.btn-register[disabled]:focus,.btn-register[disabled]:hover,fieldset[disabled] .btn-register.focus,fieldset[disabled] .btn-register:focus,fieldset[disabled] .btn-register:hover{background-color:#2563eb;border-color:#2563eb}.btn-register .badge{background-color:#fff;color:#2563eb}.btn-muted{border-radius:0;color:#7a869a}.btn-muted,.btn-muted.active,.btn-muted:active,.btn-muted[disabled],fieldset[disabled] .btn-muted{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-muted,.btn-muted:active,.btn-muted:focus,.btn-muted:hover{border-color:transparent}.btn-muted:focus,.btn-muted:hover{background-color:transparent;color:#172b4d}.btn-muted[disabled]:focus,.btn-muted[disabled]:hover,fieldset[disabled] .btn-muted:focus,fieldset[disabled] .btn-muted:hover{color:#7a869a;text-decoration:none}.dropdown-header{color:#172b4d;font-size:18px}.dropdown-subheader{color:#172b4d;font-size:14px;font-weight:700;padding:6px 20px;width:100%}.dropdown-pills{border-bottom:1px solid #ebecf0;display:flex;padding:6px 10px}.dropdown-pills .btn{display:block;margin:0 10px;width:100%}.dropdown-menu-list{list-style:none;margin:0;padding:0}.dropdown-link>a,.dropdown-menu-item>.btn-link,.dropdown-menu-item>a,.dropdown-menu>li>.btn-link,.dropdown-menu>li>a,.modal-menu>li>.btn-link,.modal-menu>li>a{border:none;clear:both;color:#172b4d;display:block;float:none;font-weight:400;line-height:1.42857143;padding:6px 20px;text-align:left;white-space:nowrap;width:100%}.dropdown-link>a:active,.dropdown-link>a:focus,.dropdown-link>a:hover,.dropdown-menu-item>.btn-link:active,.dropdown-menu-item>.btn-link:focus,.dropdown-menu-item>.btn-link:hover,.dropdown-menu-item>a:active,.dropdown-menu-item>a:focus,.dropdown-menu-item>a:hover,.dropdown-menu>li>.btn-link:active,.dropdown-menu>li>.btn-link:focus,.dropdown-menu>li>.btn-link:hover,.dropdown-menu>li>a:active,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.modal-menu>li>.btn-link:active,.modal-menu>li>.btn-link:focus,.modal-menu>li>.btn-link:hover,.modal-menu>li>a:active,.modal-menu>li>a:focus,.modal-menu>li>a:hover{background-color:#ebecf0;color:#172b4d;text-decoration:none}.dropdown-link>a:disabled,.dropdown-menu-item>.btn-link:disabled,.dropdown-menu-item>a:disabled,.dropdown-menu>li>.btn-link:disabled,.dropdown-menu>li>a:disabled,.modal-menu>li>.btn-link:disabled,.modal-menu>li>a:disabled{color:rgba(23,43,77,.5)}.dropdown-link>a .material-icon,.dropdown-menu-item>.btn-link .material-icon,.dropdown-menu-item>a .material-icon,.dropdown-menu>li>.btn-link .material-icon,.dropdown-menu>li>a .material-icon,.modal-menu>li>.btn-link .material-icon,.modal-menu>li>a .material-icon{bottom:1px;font-size:18px;margin:-2px 7px -2px 0;position:relative}.dropdown-link>a .badge,.dropdown-menu-item>.btn-link .badge,.dropdown-menu-item>a .badge,.dropdown-menu>li>.btn-link .badge,.dropdown-menu>li>a .badge,.modal-menu>li>.btn-link .badge,.modal-menu>li>a .badge{background-color:#dc2626;border-radius:4px;color:#fff;float:right;position:relative;top:1px}.modal-menu{margin:20px 0;padding:0}.modal-menu>li{list-style:none;margin:6.66666667px 0;padding:0}.dropdown-menu{min-width:210px}.dropdown-footer{border-top:1px solid #ebecf0;margin-bottom:-5px;padding:6px 20px}.dropdown-menu-item+.dropdown-footer{margin-top:9px}.dropdown-menu .dropdown-buttons{padding:2px 20px 7px}.dropdown-menu .dropdown-buttons .btn{margin:4px 0}@media screen and (min-width:992px){.category-picker .dropdown-menu{width:300px}}.category-picker .dropdown-menu>li>.btn-link{overflow-wrap:break-word;white-space:normal}@media screen and (max-width:767px){.dropdown-menu.stick-to-bottom{border:none;border-radius:0;bottom:0;-webkit-box-shadow:0 0 30px #7a869a;box-shadow:0 0 30px #7a869a;clear:both;margin:0;max-height:400px;overflow-y:auto;padding:0 0 20px;position:fixed;top:auto;width:100%}.dropdown-menu.stick-to-bottom li{clear:both;float:none;margin:0}.dropdown-menu.stick-to-bottom li>.btn,.dropdown-menu.stick-to-bottom li>a{border-bottom:1px solid #ebecf0;padding-bottom:15px;padding-top:15px}}.overlay{background-color:#fff;display:none}body.has-overlay{overflow:hidden;position:fixed}.overlay-open{display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1035}.overlay-header{align-items:center;display:flex;padding:12px;width:100%}.overlay-header-caption{color:#172b4d;font-size:18px;margin-right:12px}.btn-overlay-close{align-items:center;display:flex;height:32px;justify-content:center;margin-left:auto;padding:0;width:32px}.btn-overlay-close .material-icon{font-size:24px;line-height:24px;margin:0}.btn-overlay-close,.btn-overlay-close:focus,.btn-overlay-close:hover{background-color:transparent;border-color:transparent;color:#172b4d}.btn-overlay-close:active{background-color:#ebecf0;border-color:#ebecf0;box-shadow:none;color:#172b4d}.overlay .dropdown-pills{padding:0 12px 12px}.overlay .dropdown-pills .btn:first-child{margin-left:0}.overlay .dropdown-pills .btn:last-child{margin-right:0}.overlay .dropdown-footer{margin:0}.overlay-menu-list{list-style:none;margin:0;padding:0}.overlay-menu-list .dropdown-header,.overlay-menu-list .dropdown-menu-item>a,.overlay-menu-list .dropdown-menu-item>button,.overlay-menu-list .dropdown-subheader{padding:6px 12px}.overlay-menu-list .divider{background-color:#ebecf0;height:1px;margin:9px 0;overflow:hidden}.dropdown-menu .list-group,.overlay .list-group{margin:0}.dropdown-menu .list-group,.dropdown-menu .list-group-item,.overlay .list-group,.overlay .list-group-item{border-left:0;border-radius:0;border-right:0}.dropdown-menu .list-group-item:first-child,.overlay .list-group-item:first-child{border-top:none}.dropdown-menu .list-group-item:last-child,.overlay .list-group-item:last-child{border-bottom:none}.dropdown-menu .list-group-item{padding:10px 20px}.list-group-loading{padding:40px 20px}.list-group-loading-message{font-size:18px;text-align:center}.list-group-loading-progress{background-color:#ebecf0;border-radius:3px;margin:auto;max-width:300px;overflow:hidden}.list-group-loading-progress-bar{animation:infiniteProgress 1s linear infinite;background-color:#7a869a;height:8px;transform-origin:0 50%;width:100%}@keyframes infiniteProgress{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}to{transform:translateX(100%) scaleX(.5)}}.dropdown-menu .list-group-loading,.overlay .list-group-lading{padding:20px 40px}.list-group-empty,.list-group-error,.list-group-message{color:#172b4d;padding:20px}.list-group-empty-icon,.list-group-error-icon,.list-group-message-icon{color:#7a869a;font-size:64px;line-height:64px;margin-bottom:20px;text-align:center}.list-group-empty-message,.list-group-error-message,.list-group-message-message{font-size:18px;margin:0;text-align:center}.list-group-error-detail,.list-group-message-detail{color:#5e6c84;font-size:18px;margin-top:10px;text-align:center}.category-label{border-radius:.25em;padding:.2em .6em .3em}.category-label-color,.category-label-color:active,.category-label-color:focus,.category-label-color:hover,.category-label-color:link,.category-label-color:visited{color:#fff}.category-label-no-color,.category-label-no-color:active,.category-label-no-color:focus,.category-label-no-color:hover,.category-label-no-color:link,.category-label-no-color:visited{background-color:#ebecf0;color:#344563}.thread-flags{margin:0;opacity:.8;padding:0}.thread-flags,.thread-flags li{align-items:center;display:flex}.thread-flags li{border-radius:3px;cursor:default;height:20px;justify-content:center;list-style-type:none;width:20px}.thread-flags li+li{margin-left:7.5px}.thread-flags .material-icon{font-size:16px;line-height:16px}.thread-flag-pinned-globally{background:#dbeafe;color:#2563eb}.thread-flag-pinned-locally{background:#dbeafe;color:#3b82f6}.thread-flag-answered{background:#d9f99d;color:#4d7c0f}.thread-flag-poll{background:#f5d0fe;color:#c026d3}.thread-flag-unapproved{background:#dc2626;color:#fff}.thread-flag-closed{background:#fecaca;color:#dc2626}.thread-flag-hidden{background:#64748b;color:#fff}.threads-replies{align-items:center;color:#5e6c84;display:flex;font-size:16px;font-weight:700}.threads-replies .material-icon{font-size:12px;margin-right:7.5px;transform:matrix(-1,0,0,1,0,0)}@media screen and (max-width:767px){.threads-replies{font-size:13px}.threads-replies .material-icon{font-size:12px;margin-right:4px}}.thread-user-card{align-items:center;display:flex}.thread-user-card-media{flex:0;margin-right:15px}.thread-user-card-media img{border-radius:3px}.thread-user-card-body{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-paginator{align-items:center;display:flex}.thread-paginator .btn+.btn{margin-left:6px}.thread-paginator .dropdown{margin:0 6px}.thread-paginator .dropdown-menu{min-width:150px;padding:4px}.thread-paginator .form-control{font-size:16px;margin-right:6px}.thread-paginator-form{display:flex}@media screen and (max-width:767px){.toolbar-item .thread-paginator{width:100%}.toolbar-item .thread-paginator .dropdown{min-width:0;width:100%}.toolbar-item .thread-paginator .btn-block{min-width:0;overflow:hidden;padding-left:0;padding-right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}}.search-dropdown{overflow:hidden;padding:0;width:450px}.search-dropdown .search-input{border-bottom:1px solid #ebecf0;padding:6px 20px}.search-dropdown .list-group{max-height:calc(100vh - 126px);overflow-y:auto}.search-overlay-body{display:flex;flex:1;flex-direction:column}.search-overlay-body .search-input{border-bottom:1px solid #ebecf0;padding:6px 12px}.search-dropdown .form-control-search,.search-overlay-body .form-control-search{font-size:16px}.search-overlay-body .search-results-container{flex:1;overflow-y:auto;position:relative;width:100%}.search-overlay-body .search-results-list{min-height:100%;position:absolute;width:100%}.search-result a{align-items:center;display:flex;width:100%}.search-result a:hover{cursor:pointer;text-decoration:none}.search-result a img{border-radius:3px;margin-right:12px}.search-result-card{width:100%}.search-result-name{color:#172b4d;font-weight:700;overflow-wrap:anywhere}.search-result-summary{color:#7a869a;font-size:12px;max-height:72px;overflow:hidden;overflow-wrap:anywhere}.search-result-details{color:#7a869a;font-size:12px;margin:0;padding:0}.search-result-details li{display:inline-block;list-style:none;margin-right:12px}.page-header{margin:10px 0 0}.page-header-banner-bg-overlay{padding:20px 0}.page-header h1{margin:0;overflow-wrap:anywhere}.page-container{padding-top:20px}@media screen and (max-width:991px){.panel-message-body{text-align:center}.panel-message-body .message-icon{margin:30px}.panel-message-body .message-icon .material-icon{font-size:160px}}@media screen and (min-width:992px){.panel-message-body{padding:20px 20px 30px}.panel-message-body .message-icon{float:left}.panel-message-body .message-icon .material-icon{font-size:50px}.panel-message-body .message-body{margin-left:65px;margin-top:10px}.panel-message-body .message-body .lead{margin-bottom:0}.panel-message-body .message-body .help-block{margin-top:13.2px}}.panel-body-loading{padding:0;text-align:center}.misago-footer{margin-bottom:50px;margin-top:30px}.misago-footer .footer-content{padding-top:30px}.misago-footer .noscript-message .material-icon{bottom:1px;font-size:18px;position:relative}.ui-preview{-webkit-animation:ui-preview-animation 1s linear infinite;-o-animation:ui-preview-animation 1s linear infinite;animation:ui-preview-animation 1s linear infinite;color:#ebecf0}@keyframes ui-preview-animation{0%{filter:alpha(opacity=100);opacity:1}50%{filter:alpha(opacity=10);opacity:.1}to{filter:alpha(opacity=100);opacity:1}}.ui-preview-text{background:#ebecf0;border-radius:100px;display:inline-block;height:14px;position:relative;top:3px}.ui-preview-paragraph .ui-preview-text{margin-right:6px}.ui-preview-paragraph .ui-preview-text:last-child{margin-right:0}.ui-preview-img{background:#ebecf0;border-radius:5px}.ui-preview input:disabled,.ui-preview textarea:disabled{background-color:#fff}.pager-undercontent{margin-top:-20px}.pager-more{text-align:center}@media screen and (min-width:992px){.pager-more .btn{padding-left:20px;padding-right:20px}}.misago-pagination{display:flex}.misago-pagination .btn{display:block;width:100%}.misago-pagination .btn+.btn{margin-left:15px}@media screen and (max-width:767px){.toolbar-item .misago-pagination{width:100%}}.panel-poll h2{margin-top:0}.poll-select-choice .btn,.poll-select-choice .btn:active,.poll-select-choice .btn:focus,.poll-select-choice .btn:hover{background:transparent;border:transparent;-webkit-box-shadow:none;box-shadow:none;margin:6px 0;outline:none;padding:0 0 0 6px;text-align:left}.poll-select-choice .btn .material-icon{line-heigh:28px;color:#ced0da;font-size:28px;height:28px;margin-right:6px;width:28px}.poll-select-choice .btn.btn-selected .material-icon{color:#2563eb}.poll-help{font-size:12px}.poll-chart-selected .material-icon{line-heigh:14px;bottom:1px;color:#36b37e;font-size:14px;height:14px;margin-right:4px;position:relative;width:14px}.poll-options{margin-bottom:0}@media screen and (max-width:767px){.poll-options{margin-top:-6px}.poll-options .btn{margin:6px 0}}.user-status.user-banned .status-icon{color:#ff5630}.user-status.user-online .status-icon{color:#36b37e}.user-status.user-offline .status-icon{color:#7a869a}@media screen and (min-width:768px){.user-card{text-align:center}}.user-card-small-avatar img{height:auto;width:100%}@media screen and (min-width:768px){.user-card-small-avatar{display:none}}@media screen and (max-width:767px){.user-card-avatar{display:none}}.toolbar{display:block;margin:0 -8px}.toolbar-section{display:flex;flex:1;justify-items:center;margin-bottom:20px}.toolbar-item{flex:1;padding:0 7px}.toolbar-item h3,.toolbar-item p{margin:0}.toolbar-item-shrink{flex:0!important;min-width:auto}.toolbar-spacer{display:none}@media screen and (min-width:768px){.toolbar{display:flex}.toolbar-item,.toolbar-section{align-items:center;flex:0}.toolbar-section.toolbar-section-auto,.toolbar-section.toolbar-section-auto .toolbar-item{flex:1}.toolbar-spacer{display:block;flex:1}.toolbar-item .form-search{width:250px}}@media screen and (max-width:767px){.toolbar-item{min-width:0}.toolbar-item-shrink{min-width:auto}.toolbar-item p{text-align:center}}abbr{border:none!important}.item-title{text-decoration:none}.item-title,a.item-title:active,a.item-title:hover,a.item-title:link,a.item-title:visited{color:#172b4d;font-weight:700}a.item-title:hover{text-decoration:underline}.message-line{text-align:center}.message-line .material-icon{font-size:20px;height:20px;line-height:20px;margin-right:6.66666667px;width:20px}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.misago-markup,.misago-markup blockquote{font-size:16px}.misago-markup h1,.misago-markup h2,.misago-markup h3,.misago-markup h4,.misago-markup h5,.misago-markup h6,.misago-markup p{overflow-wrap:anywhere}.misago-markup h1,.misago-markup h2,.misago-markup h3,.misago-markup h4,.misago-markup h5,.misago-markup h6{margin-top:40px}.misago-markup blockquote>*,.misago-markup>*{margin:20px 0}.misago-markup blockquote>:first-child,.misago-markup>:first-child{margin-top:0}.misago-markup blockquote>:last-child,.misago-markup>:last-child{margin-bottom:0}.misago-markup img{max-height:500px;max-width:100%}.misago-markup .quote-block,.misago-markup blockquote{background-color:#f0f9ff;border-left:3px solid #0ea5e9;border-radius:3px;color:#0c4a6e;overflow:hidden}.misago-markup .quote-heading{font-size:14px;font-weight:700;padding:10px 16px}.misago-markup .quote-body{border:none;border-radius:0}.misago-markup blockquote{padding:10px 16px}.misago-markup blockquote:last-child{margin-bottom:0}.misago-markup .quote-body>.quote-block,.misago-markup .quote-body>blockquote,.misago-markup blockquote>.quote-block,.misago-markup blockquote>blockquote{border:1px solid #0ea5e9;border-left-width:3px}.misago-markup .spoiler-block{background:repeating-linear-gradient(45deg,rgba(235,236,240,.5),rgba(235,236,240,.5) 10px,#fff 0,#fff 20px);border:3px solid #ebecf0;border-radius:4px;font-size:14px;position:relative}.misago-markup .spoiler-body{background:#fff;border-width:0;margin:0;padding:20px}.misago-markup .spoiler-overlay{background:#fff}.misago-markup .spoiler-block.revealed .spoiler-overlay{display:none}.misago-markup ul,.misago-markup ul li{list-style-type:square}.misago-markup ol,.misago-markup ol li{list-style-type:decimal}.misago-markup pre{background:#eee;border:none;color:#000;overflow:hidden;padding:10px}.misago-markup pre code.hljs{margin:-10px;padding:9.5px}.misago-markup-example{align-items:center;display:flex}.formatting-help{padding-bottom:0}.formatting-help-item,.formatting-help-item pre,.formatting-help>h4{margin-bottom:20px}@media screen and (min-width:992px){.formatting-help-item{align-items:center;display:flex}.formatting-help-item-markup,.formatting-help-item-preview{width:50%}.formatting-help-item-markup{padding-right:15px}.formatting-help-item-markup pre{margin:0}.formatting-help-item-preview{padding-left:15px}}.site-nav-dropdown{max-height:calc(100vh - 80px);overflow-y:auto;width:320px}.site-nav-category a{align-items:center;display:flex;justify-content:space-between;width:100%}.site-nav-category a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:768px){.site-nav-sign-in-message,.site-nav-sign-in-options{display:none}}.site-nav-menu.overlay-menu-list{height:100%;overflow-y:auto;padding-bottom:20px}.user-nav-menu{min-width:300px}.user-nav-profile strong{display:block;font-size:18px}.user-nav-dropdown{max-height:calc(100vh - 80px);overflow-y:auto}.user-nav-menu.overlay-menu-list{height:100%;overflow-y:auto;padding-bottom:20px}.modal-change-avatar .modal-avatar-index .avatar-preview{border-radius:6px;height:200px;margin:0 auto;overflow:hidden;position:relative;width:200px}.modal-change-avatar .modal-avatar-index .avatar-preview .loader{display:none;height:100px;position:absolute;top:50px}.modal-change-avatar .modal-avatar-index .avatar-preview .loader .loader-spinning-wheel{border-color:#fff transparent;border-width:10px;height:100px;width:100px}.modal-change-avatar .modal-avatar-index .avatar-preview.preview-loading img{filter:alpha(opacity=33);opacity:.33}.modal-change-avatar .modal-avatar-index .avatar-preview.preview-loading .loader{display:block}@media (max-width:699px){.modal-change-avatar .modal-avatar-index .avatar-preview{height:150px;margin-bottom:20px;width:150px}.modal-change-avatar .modal-avatar-index .avatar-preview img{height:150px;width:150px}.modal-change-avatar .modal-avatar-index .avatar-preview .loader{height:100px;top:25px}.modal-change-avatar .modal-avatar-index .avatar-preview .loader .loader-spinning-wheel{height:100px;width:100px}}.modal-change-avatar .modal-avatar-index .btn{text-align:left}.modal-change-avatar .modal-avatar-upload{text-align:center}.modal-change-avatar .modal-avatar-upload .btn-pick-file{background:transparent;border:2px solid #ebecf0;border-radius:6px;-webkit-box-shadow:none;box-shadow:none;color:#7a869a;font-size:18px;padding:10px 24px;text-align:center}.modal-change-avatar .modal-avatar-upload .btn-pick-file>.material-icon{display:block;font-size:50px;height:50px;margin:0 auto 13.2px;width:50px}.modal-change-avatar .modal-avatar-upload .btn-pick-file:active,.modal-change-avatar .modal-avatar-upload .btn-pick-file:hover{border-color:#2563eb;color:#2563eb}.modal-change-avatar .modal-avatar-upload .text-muted{margin-top:13.2px}.modal-change-avatar .modal-avatar-upload .upload-progress img{border-radius:4px;margin-bottom:20px;max-height:80px;width:auto}.modal-change-avatar .modal-avatar-upload .upload-progress .progress{margin:0 auto;width:70%}.modal-avatar-crop .crop-form{margin:0 auto}.modal-avatar-crop .crop-form .cropit-image-zoom-input{-webkit-appearance:none;border:1px solid #fff;margin-top:10px;width:100%}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-webkit-slider-runnable-track{background:#ebecf0;border:none;border-radius:3px;height:8px;width:100%}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-webkit-slider-thumb{-webkit-appearance:none;background:#7a869a;border:none;border-radius:50%;height:20px;margin-top:-6px;width:20px}.modal-avatar-crop .crop-form .cropit-image-zoom-input:focus{outline:none}.modal-avatar-crop .crop-form .cropit-image-zoom-input:focus::-webkit-slider-runnable-track{background:#ebecf0}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-moz-range-track{background:#ebecf0;border:none;border-radius:4px;height:8px;width:100%}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-moz-range-thumb{background:#7a869a;border:none;border-radius:50%;height:20px;width:20px}.modal-avatar-crop .crop-form .cropit-image-zoom-input:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-ms-track{background:transparent;border-color:transparent;border-width:8px 0;color:transparent;height:8px;width:100%}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-ms-fill-lower,.modal-avatar-crop .crop-form .cropit-image-zoom-input::-ms-fill-upper{background:#ebecf0;border-radius:16px}.modal-avatar-crop .crop-form .cropit-image-zoom-input::-ms-thumb{background:#7a869a;border:none;border-radius:50%;height:20px;width:20px}.modal-avatar-crop .crop-form .cropit-image-zoom-input:focus::-ms-fill-lower,.modal-avatar-crop .crop-form .cropit-image-zoom-input:focus::-ms-fill-upper{background:#ebecf0}.modal-change-avatar .modal-avatar-gallery{padding-bottom:0}.modal-change-avatar .modal-avatar-gallery .avatars-gallery{margin-bottom:20px}.modal-change-avatar .modal-avatar-gallery .avatars-gallery h3{margin-top:0}.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .row{margin-bottom:10px}.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn{background:none;border:2px solid #ebecf0;border-radius:6px;padding:2px;position:relative}.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn:focus,.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn:hover{border-color:#7a869a}.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn.avatar-selected,.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn:active{border-color:#0065ff}.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn img{border-radius:4px;height:auto;width:100%}.category-main .read-status .material-icon{color:#ebecf0}.category-main .read-status.item-new .material-icon{color:#2563eb}.category-last-thread .media-heading a{display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;width:290px}@media screen and (max-width:991px){.category-last-thread .media-heading a{width:275px}}@media screen and (max-width:767px){.category-last-thread .media-heading a{width:260px}}.category-thread-message{align-items:center;display:flex;height:40px}.category-thread-message .media-body,.category-thread-message .media-left{display:block}.category-thread-message .material-icon{font-size:28px;height:28px;line-height:28px;width:28px}.category-thread-message p{margin:0}.list-inline.subcategories-list{margin-top:-10px;overflow:auto}.list-inline.subcategories-list li{display:block;float:left}.list-inline.subcategories-list li a,.list-inline.subcategories-list li a:active,.list-inline.subcategories-list li a:focus,.list-inline.subcategories-list li a:hover,.list-inline.subcategories-list li a:link,.list-inline.subcategories-list li a:visited{background-color:#ebecf0;border:1px solid #dcdee5;border-radius:4px;color:#5e6c84;display:inline-block;margin-top:10px;padding:6px 12px}.list-inline.subcategories-list li a:active,.list-inline.subcategories-list li a:hover,.list-inline.subcategories-list li:focus{background-color:#dcdee5;color:#172b4d;text-decoration:none}.row.subcategories-list .btn{margin-top:20px;text-align:left}.participant-card .btn-user,.participant-card .dropdown.open .btn-user{margin-bottom:20px}.participant-card .btn-user,.participant-card .btn-user:focus,.participant-card .btn-user:focus:active,.participant-card .btn-user:hover,.participant-card .dropdown.open .btn-user,.participant-card .dropdown.open .btn-user:focus,.participant-card .dropdown.open .btn-user:focus:active,.participant-card .dropdown.open .btn-user:hover{overflow:hidden;padding:0;text-align:left}.participant-card .btn-user img,.participant-card .dropdown.open .btn-user img{background-color:#fff;height:34px;margin-right:8px;width:34px}.panel-participants p{margin:7px 0 0}.markup-editor{background:#fff;border:2px solid #ced0da;border-radius:4px;overflow:hidden}.markup-editor.markup-editor-focused{border:2px solid #2563eb}.markup-editor-toolbar{background:#fff;border-bottom:1px solid #ebecf0;padding:7px;position:relative}.markup-editor-toolbar-left{display:flex;flex-shrink:0;overflow-x:hidden}.markup-editor-toolbar-right{background:#fff;display:flex;flex-shrink:0;margin-right:10px;padding:7px 0 7px 7px;position:absolute;right:0;top:0}.btn-markup-editor{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:34px;justify-content:center;line-height:24px;padding:0;width:34px}.btn-markup-editor,.btn-markup-editor:hover{background-color:transparent;border-color:transparent;color:#172b4d}.btn-markup-editor:active{background-color:#ebecf0;border-color:#ebecf0;color:#172b4d}.btn-markup-editor .material-icon{bottom:0;margin:0}.markup-editor-controls-dropdown{margin-right:10px}.markup-editor-footer{background:#fff;border-top:1px solid #ebecf0;display:flex;padding:15px}.markup-editor-spacer{flex:1}.markup-editor-footer .btn+.btn,.markup-editor-toolbar .btn+.btn{margin-left:10px}.markup-editor-textarea.form-control{border:0;border-radius:0;font-size:16px;height:200px;padding:15px;resize:none}.markup-editor-textarea.form-control,.markup-editor-textarea.form-control:focus{box-shadow:none}.markup-editor-preview{height:200px;overflow-y:auto;position:relative}.markup-editor-preview-contents{padding:15px;position:absolute}.markup-editor-preview-loading{padding:15px}.markup-editor-attachments{max-height:170px;overflow-y:auto}.markup-editor-attachments-container{overflow:auto;padding:7px}.markup-editor-attachments-item{padding:7px}.markup-editor-attachment{align-items:center;border:1px solid #ebecf0;border-radius:3px;display:flex;padding:7px}.markup-editor-attachment-details{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markup-editor-attachment-details strong{display:block}.markup-editor-attachment-details .list-unstyled{margin-bottom:0}.btn-markup-editor-attachment{margin-left:7px}@media screen and (min-width:768px){.markup-editor-attachments-item{float:left;width:50%}}@media screen and (min-width:992px){.markup-editor-attachments-item{width:25%}}.markup-editor-attachment-modal-preview{margin:20px 0 40px;text-align:center}.markup-editor-attachment-modal-preview a{background:#fff;border:1px solid #ebecf0;display:inline-block;padding:12px}.markup-editor-attachment-modal-preview img{max-height:50vh;max-width:100%}.markup-editor-attachment-modal-filename{font-size:28px;font-weight:700;margin-bottom:20px}.markup-editor-attachment-modal-details{margin-bottom:20px}.posting-fullscreen .markup-editor{display:flex;flex-direction:column;height:100%}.posting-fullscreen .markup-editor .markup-editor-preview,.posting-fullscreen .markup-editor .markup-editor-textarea{flex:1;height:auto}@media screen and (max-width:991px){body.posting-default .markup-editor{display:flex;flex-direction:column;height:100%}body.posting-default .markup-editor .markup-editor-preview,body.posting-default .markup-editor .markup-editor-textarea{flex:1;height:100%}}@media screen and (max-width:767px){.markup-editor-attachments{max-height:120px}.markup-editor-footer .btn-auto{flex:1}.markup-editor-footer .btn-icon{margin-right:10px}.markup-editor-spacer{display:none}}@media screen and (min-width:992px){.markup-editor-controls-dropdown{display:none}}.poll-form{margin-bottom:20px}.poll-choices-control .list-group-item{padding:0}.poll-choices-control .list-group-item .btn{background:transparent;border:transparent;float:left;height:28px;margin:0 2px -29px;padding:0;position:relative;top:3px;width:28px}.poll-choices-control .list-group-item .btn .material-icon{font-size:28px;height:28px;line-height:28px;width:28px}.poll-choices-control input,.poll-choices-control input:active,.poll-choices-control input:focus{background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;margin-left:30px;outline:none;padding:6px 12px;width:100%}#posting-mount{bottom:0;display:none;left:0;position:fixed;width:100%;z-index:1035}#posting-mount.show{background-color:#fff;display:block}.posting-dialog{background:#fff;border:1px solid #ebecf0;border-bottom:0;border-radius:4px 4px 0 0;box-shadow:0 0 24px rgba(94,108,132,.25);margin:0 auto;max-width:1240px;overflow:hidden}.posting-dialog-header{align-items:center;border-bottom:1px solid #ebecf0;display:flex;padding:6px 12px}.posting-dialog-caption{color:#172b4d;flex:1;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-posting-dialog{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;line-height:24px;margin-left:10px;padding:0;width:32px}.btn-posting-dialog,.btn-posting-dialog:hover{background-color:transparent;border:1px solid transparent;color:#172b4d}.btn-posting-dialog:active{background-color:#ebecf0;border:1px solid #ebecf0;color:#172b4d}.btn-posting-dialog .material-icon{bottom:0;margin:0;padding:0}.posting-dialog-body{padding:12px}@media screen and (min-width:992px){.posting-dialog-category-select,.posting-dialog-thread-recipients{max-width:400px}}.posting-dialog-minimized .posting-dialog-header{border-bottom:0}.posting-dialog-minimized .posting-dialog-body{display:none}body.posting-fullscreen{overflow:hidden}body.posting-fullscreen #posting-mount{height:100%}body.posting-fullscreen .posting-dialog{border:0;box-shadow:none;height:100%;max-width:auto;width:100%}body.posting-fullscreen .posting-dialog-container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1240px;padding:0 30px}body.posting-fullscreen .posting-dialog-body,body.posting-fullscreen .posting-dialog-header{padding:20px 0}body.posting-fullscreen .posting-dialog-body,body.posting-fullscreen .posting-loading{height:100%}body.posting-fullscreen .posting-dialog-form{display:flex;flex-direction:column;height:100%}body.posting-fullscreen #posting-spacer{display:none}@media screen and (max-width:1240px){body.posting-default .posting-dialog,body.posting-minimized .posting-dialog{border-left:0;border-radius:0;border-right:0}}@media screen and (max-width:991px){body.posting-default{overflow:hidden}body.posting-default #posting-mount{height:100%}body.posting-default .posting-dialog{border:0;box-shadow:none;height:100%;max-width:auto;width:100%}body.posting-default .posting-dialog-container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1240px;padding:0}body.posting-default .posting-dialog-body,body.posting-default .posting-dialog-header{padding:6px}body.posting-default .posting-dialog-body,body.posting-default .posting-loading{height:100%}body.posting-default .posting-dialog-form{display:flex;flex-direction:column;height:100%}body.posting-default .posting-dialog .toolbar-section{margin-bottom:6px}body.posting-default #posting-spacer{display:none}}.posting-dialog-error{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px}.posting-dialog-error p{font-size:18px}.posting-dialog-error-icon{font-size:128px;margin-bottom:20px;opacity:.5}.posting-dialog-error-detail{text-align:center}.posts-list{clear:both;margin:0;padding:0}.posts-list li{list-style:none;margin:0;padding:0}@media screen and (min-width:992px){.panel-post .panel-body{display:flex}.post-side{flex-shrink:0;padding-right:15px;width:260px}.panel-content{flex:1 0}}.post-side{font-size:12px}.post-side .media{margin:0}.post-side .poster-avatar{height:36px;width:36px}@media screen and (min-width:992px){.post-side .poster-avatar{height:82px;margin-top:4px;width:82px}}.post-side .user-status{margin-right:4px}.post-side .media-heading{display:block;font-size:14px;margin:-1px 0 0}.post-side .media-heading .user-status{margin-left:2px;margin-right:0}.post-side .pull-right{margin-left:16px}@media screen and (min-width:992px){.post-side .media-heading{font-size:18px;margin-top:3px}.post-side .media-heading .user-status{display:none}.post-side .user-title{margin-bottom:5px;margin-top:4px}.post-side .user-postcount,.post-side .user-status{display:block}}.post-heading{height:36px}@media screen and (max-width:991px){.post-heading{margin-top:10px}}.post-heading .pull-right{margin-left:16px}.post-heading .label{font-size:14px;font-weight:400;margin-top:6px}.post-heading .label-unread{background-color:#36b37e;color:#fff}.post-heading .label-protected{background-color:#5e6c84;color:#fff}@media screen and (min-width:992px){.post-side .pull-right{display:none}}@media screen and (max-width:991px){.post-heading .pull-right{display:none}}.post-body{padding-bottom:30px;padding-top:20px}.post-status-message{overflow:auto}.post-status-message .material-icon{float:left;font-size:28px;line-height:28px}.post-status-message p{margin:4px 0 0 36px}.post-status-best-answer{background-color:#36b37e;color:#fff}.post-status-hidden{background-color:#ff5630;color:#fff}.post-status-unapproved{background-color:#2563eb;color:#fff}.post-status-protected{background-color:#5e6c84;color:#fff}.post-footer .pull-left{margin-right:16px}.post-footer .pull-right{margin-left:16px}.post-footer p{margin-bottom:0;padding-bottom:6px;padding-top:7px}.post-attachments{border-top:1px solid #ebecf0;padding:6px 16px}.post-attachments abbr{white-space:nowrap}.post-attachments .attachment-name{overflow-wrap:anywhere}.post-attachments .row>div{margin:10px 0}.post-attachments .post-attachment-preview{float:left;height:40px;text-align:center;width:40px}.post-attachments .post-attachment{margin-left:52px}.post-attachments .post-thumbnail{background-position:50%;background-size:cover;border-radius:3px;display:block;height:40px;width:40px}.post-attachments .material-icon{font-size:28px;height:28px;line-height:28px;position:relative;top:5px;width:28px}.post-attachments .material-icon:active,.post-attachments .material-icon:focus,.post-attachments .material-icon:hover,.post-attachments .material-icon:link,.post-attachments .material-icon:visited{color:#172b4d;text-decoration:none}.post-attachments .post-attachment-description{color:#7a869a;font-size:12px;margin:0;padding:0}.post-feed .post-side{padding-right:0;width:100%}.post-feed .post-side .media-heading{font-size:14px;margin:0}.post-feed .post-side .user-title{font-size:12px;margin:0}.post-feed .post-side .btn{display:inline-block}.post-feed .post-side img{height:36px;margin-top:0;width:36px}.post-feed .post-heading{height:auto;margin:10px 0}.post-feed .post-heading .btn{margin-right:16px;max-width:100%;overflow-wrap:anywhere;text-align:left;white-space:normal}.posts-list .event{color:#7a869a;margin-bottom:20px}.posts-list .event .event-body{align-items:flex-start;display:flex}.posts-list .event-label{margin-left:51px}.posts-list .event-label .label-unread{background-color:#36b37e;color:#fff}.posts-list .event .event-icon{padding-right:15px}.posts-list .event .event-icon .event-icon-bg{align-items:center;background:#ebecf0;border-radius:4px;color:#5e6c84;display:flex;height:36px;justify-content:center;width:36px}.posts-list .event .event-icon .material-icon{align-items:center;display:flex;font-size:28px;justify-content:center}.posts-list .event .event-content{flex:1 0}.posts-list .event .event-message{font-size:18px;margin-bottom:5px}.posts-list .event .event-info{font-size:12px;margin:0}.posts-list .event .event-info li{margin-right:12px}.posts-list .event .event-info li:last-child{margin-right:0}.posts-list .event .event-controls .btn-link{border:0;font-size:12px;margin:0 12px 0 0;padding:0}.posts-list .event .event-controls .btn-link:last-child{margin-right:0}@media screen and (max-width:767px){.posts-list .event .event-info{margin-top:5px}.posts-list .event .event-controls{clear:both;margin-top:5px}.posts-list .event .event-controls .btn-link{font-size:14px;margin-right:20px}.posts-list .event .event-controls .btn-link:last-child{margin-right:0}}@media screen and (min-width:992px){.posts-list .event .event-icon{display:flex;flex-shrink:0;justify-content:flex-end;width:275px}.event-content{flex:1 0}.posts-list .event-label{margin-left:275px}}.post-changelog-diff{margin:0;padding:0}.post-changelog-diff .list-unstyled{margin:5px 0;padding:0}.post-changelog-diff .diff-item{padding:5px 10px}.post-changelog-diff .diff-item-sub{color:#ff5630}.post-changelog-diff .diff-item-add{color:#36b37e}.post-changelog-toolbar .row{margin-left:-12px;margin-right:-12px}@media screen and (max-width:767px){.post-changelog-toolbar .post-change-label{text-align:center}}.quote-control-arrow{border-bottom:6px solid rgba(94,108,132,.75);border-left:6px solid transparent;border-right:6px solid transparent;height:0;left:6px;position:relative;width:0}.quote-control-inner{background:rgba(94,108,132,.75);border-radius:6px;padding:6px}.quote-control-btn{background:#fff;border-color:#fff;color:#172b4d}@media screen and (max-width:767px){.page-error .message-panel,.page-message .message-panel{text-align:center}.page-error .message-icon,.page-message .message-icon{font-size:80px;margin:30px}}@media screen and (min-width:768px){.page-error .message-panel,.page-message .message-panel{margin:60px auto;max-width:779.35px;overflow:auto}.page-error .message-icon,.page-message .message-icon{float:left}.page-error .message-icon .material-icon,.page-message .message-icon .material-icon{font-size:80px}.page-error .message-body,.page-message .message-body{font-size:18px;margin-left:100px;margin-top:16px}.page-error .message-body p.lead,.page-message .message-body p.lead{font-size:36px}}.threads-list{margin-bottom:20px}.threads-list-item{align-items:center;display:flex}.threads-list-item img{border-radius:3px;height:30px;width:30px}.threads-list-item-right-col{align-items:center;display:flex;width:100%}.threads-list-item-top-row{flex:1}.threads-list-item-bottom-left,.threads-list-item-bottom-right,.threads-list-item-bottom-row,.threads-list-item-top-row{align-items:center;display:flex;justify-content:center}.threads-list-item-col-starter{padding-right:15px}.threads-list-item-col-read-status{line-height:0;padding-right:15px}.threads-list-read-icon{border:2px solid #ebecf0}.threads-list-read-icon,.threads-list-unread-icon{border-radius:100%;display:inline-block;height:14px;width:14px}.threads-list-unread-icon{background-color:#2563eb;font-size:0;line-height:0}.threads-list-item-col-title{flex:1}a.threads-list-item-title:active,a.threads-list-item-title:focus,a.threads-list-item-title:hover,a.threads-list-item-title:link,a.threads-list-item-title:visited{color:#172b4d;font-size:16px;overflow-wrap:anywhere}a.threads-list-item-title-new:active,a.threads-list-item-title-new:focus,a.threads-list-item-title-new:hover,a.threads-list-item-title-new:link,a.threads-list-item-title-new:visited{color:#172b4d}.threads-list-item-goto-page{border-radius:3px;font-size:13px;font-weight:700;margin-left:8px;padding:3px 12px}.threads-list-item-goto-page:focus,.threads-list-item-goto-page:hover,.threads-list-item-goto-page:link,.threads-list-item-goto-page:visited{background-color:transparent;border:1px solid #ebecf0;color:#172b4d;text-decoration:none}.threads-list-item-goto-page:active{background-color:#ebecf0;border:1px solid #ebecf0;color:#172b4d}.threads-list-item-title+.threads-list-item-goto-page{margin-left:12px}.threads-list-item-col-flags{padding-left:15px}.threads-list-item .thread-flags{opacity:.8}.threads-list-item:focus .thread-flags,.threads-list-item:hover .thread-flags{opacity:1}.threads-list-item-col-category{padding-left:15px;white-space:nowrap}.threads-list-category-label{border-radius:3px;font-size:12px;font-weight:700;padding:3px 6px}.threads-list-category-label,.threads-list-category-label:active,.threads-list-category-label:focus,.threads-list-category-label:hover,.threads-list-category-label:link,.threads-list-category-label:visited{background:#ebecf0;color:#344563;text-decoration:none}.threads-list-category-label.threads-list-category-label-color,.threads-list-category-label.threads-list-category-label-color:active,.threads-list-category-label.threads-list-category-label-color:focus,.threads-list-category-label.threads-list-category-label-color:hover,.threads-list-category-label.threads-list-category-label-color:link,.threads-list-category-label.threads-list-category-label-color:visited{background:var(--label-color);color:#fff}.threads-list-item-parent-category{border-radius:3px 0 0 3px;margin-right:2px}.threads-list-item-parent-category+.threads-list-category-label{border-radius:0 3px 3px 0}.threads-list-item-col-replies{padding-left:15px;width:80px}.threads-list-item-col-last-poster{padding-left:15px}.threads-list-item-col-last-poster-sm,.threads-list-item-col-starter-sm{display:none;font-size:20px;line-height:1}.threads-list-item-col-last-poster-sm img,.threads-list-item-col-starter-sm img{height:20px;width:20px}.threads-list-item-col-last-activity{overflow:hidden;padding-left:15px;text-overflow:ellipsis;white-space:nowrap;width:90px}.threads-list-item-col-last-activity a:active,.threads-list-item-col-last-activity a:focus,.threads-list-item-col-last-activity a:hover,.threads-list-item-col-last-activity a:link,.threads-list-item-col-last-activity a:visited{color:#344563;font-size:16px}.threads-list-item-col-checkbox,.threads-list-item-col-notifications{padding-left:15px}.threads-list-item-col-checkbox .btn-icon,.threads-list-item-col-notifications .btn-icon{align-items:center;display:flex;height:30px;justify-content:center;padding:0;width:30px}.threads-list-item-col-checkbox .btn-icon .material-icon,.threads-list-item-col-notifications .btn-icon .material-icon{font-size:24px;height:auto;line-height:24px;margin:0;position:static;width:auto}.threads-list-item-col-checkbox-sm{display:none}@media screen and (max-width:991px){.threads-list-item{align-items:flex-start}.threads-list-item-right-col{display:block}.threads-list-item-top-row{align-items:start}.threads-list-item-bottom-row{flex:0;justify-content:space-between;margin-top:7.5px}.threads-list-item-col-checkbox,.threads-list-item-col-last-poster,.threads-list-item-col-notifications,.threads-list-item-col-replies-zero,.threads-list-item-col-starter{display:none}.threads-list-item-col-read-status{padding-top:4px}.threads-list-item-col-starter-sm{display:block}.threads-list-item-col-last-activity,.threads-list-item-col-replies{width:auto}.threads-list-item-col-checkbox-sm,.threads-list-item-col-last-poster-sm{display:block;padding-left:15px}.threads-list-item-col-checkbox-sm .btn-icon{padding:2px 6px}.threads-list-item-col-checkbox-sm .btn-icon .material-icon{font-size:12px}}@media screen and (max-width:767px){.threads-list{margin-left:-15px;margin-right:-15px}.threads-list .list-group,.threads-list .list-group-item{border-left:0;border-radius:0;border-right:0}.threads-list-item-bottom-row{margin-top:0}.threads-list-item-bottom-left,.threads-list-item-bottom-right{margin-top:7px;overflow:visible}.threads-list-item-bottom-row{display:block;overflow:auto}.threads-list-item-bottom-row .threads-list-item-bottom-left{float:left}.threads-list-item-bottom-row .threads-list-item-bottom-right{float:right}.threads-list-item-col-read-status{padding-right:7px;position:relative;right:4px}.threads-list-item-title{font-size:18px}.threads-list-item-col-starter-sm{display:none}.threads-list-item-col-starter-sm+.threads-list-item-col-category,.threads-list-item-col-starter-sm+.threads-list-item-col-flags{padding-left:0}.threads-list-item-col-last-activity{padding-left:15px;padding-right:7px}.threads-list-item-col-last-activity a:active,.threads-list-item-col-last-activity a:focus,.threads-list-item-col-last-activity a:hover,.threads-list-item-col-last-activity a:link,.threads-list-item-col-last-activity a:visited{font-size:13px}}.threads-list-item-is-busy .btn-icon{animation:busy .75s linear infinite;opacity:.8}@keyframes busy{50%{opacity:.5}}.threads-list-item .ui-preview-text{line-height:1}.threads-list-update-prompt{padding:0}.threads-list-update-prompt-btn{background:#fff;border:none;border-radius:3px 3px 0 0;color:#134cca;padding:10px 16px}.threads-list-update-prompt-btn:focus,.threads-list-update-prompt-btn:hover{background:#fff;color:#2563eb}.threads-list-update-prompt-btn:active{background:#f7f9fe;color:#5484ef}.notifications-list{margin-bottom:20px}.notifications-list-item{align-items:center;display:flex}.notifications-list-item-left-col,.notifications-list-item-right-col{align-items:center;display:flex;justify-content:center}.notifications-list-item-right-col{width:100%}.notifications-list-item-top-row{flex:1}.notifications-list-item-bottom-row,.notifications-list-item-top-row{align-items:center;display:flex;justify-content:center}.notifications-list-item-col-actor{padding-right:15px}.notifications-list-item-col-actor img{border-radius:3px;height:30px;width:30px}.notifications-list-item-col-read-icon{line-height:0;padding-right:15px}.notification-read-icon{border:2px solid #ebecf0}.notification-read-icon,.notification-unread-icon{border-radius:100%;display:inline-block;height:14px;width:14px}.notification-unread-icon{background-color:#2563eb;font-size:0;line-height:0}.notifications-list-item-col-message{overflow-wrap:anywhere;width:100%}.notification-message,.notification-message-unread,.notification-message-unread:active,.notification-message-unread:focus,.notification-message-unread:hover,.notification-message-unread:link,.notification-message-unread:visited,.notification-message:active,.notification-message:focus,.notification-message:hover,.notification-message:link,.notification-message:visited{color:#172b4d}.notifications-list-item-col-timestamp{align-items:center;display:flex;min-width:200px;padding-left:15px}.notifications-list-item-timestamp{color:#5e6c84;font-size:12px}@media screen and (max-width:991px){.notifications-list-item{align-items:flex-start;position:relative}.notifications-list-item-right-col{display:block}.notifications-list-item-col-read-icon{padding:0;position:absolute;right:15px;top:14px}.notifications-list-item-col-timestamp{margin-top:5px;padding:0}.notifications-list-item-unread{padding-right:40px}.notifications-list-item-read .notifications-list-item-col-read-icon{display:none}}@media screen and (max-width:767px){.notifications-list{margin-left:-15px;margin-right:-15px}.notifications-list .list-group,.notifications-list .list-group-item{border-left:0;border-radius:0;border-right:0}}.notifications-dropdown{width:375px}.notifications-dropdown .notifications-list{margin:0;max-height:calc(100vh - 210px);overflow-y:auto}.notifications-dropdown .notifications-list-item{align-items:flex-start;position:relative}.notifications-dropdown .notifications-list-item-right-col{display:block}.notifications-dropdown .notifications-list-item-col-read-icon{padding:0;position:absolute;right:15px;top:14px}.notifications-dropdown .notifications-list-item-col-timestamp{margin-top:5px;padding:0}.notifications-dropdown .notifications-list-item-unread{padding-right:40px}.notifications-dropdown .notifications-list-item-read .notifications-list-item-col-read-icon{display:none}.overlay .notifications-list{height:100%;margin:0;overflow-y:auto;position:relative;width:100%}.overlay .notifications-list-ready .list-group{position:absolute}.overlay .list-group,.overlay .list-group-item{border-left:0;border-radius:0;border-right:0;margin:0}.overlay .list-group-item:first-child{border-top:none}.overlay .list-group-item{border-bottom:none}.overlay .notifications-list-item{align-items:flex-start;padding:10px 20px;position:relative}.overlay .notifications-list-item-right-col{display:block}.overlay .notifications-list-item-col-read-icon{padding:0;position:absolute;right:15px;top:14px}.overlay .notifications-list-item-col-timestamp{margin-top:5px;padding:0}.overlay .notifications-list-item-unread{padding-right:40px}.overlay .notifications-list-item-read .notifications-list-item-col-read-icon{display:none}.overlay .notifications-list-pending,.overlay .notifications-list-pending .list-group{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.overlay .notifications-list-pending .list-group-item{width:100%}.active-posters li{display:block;overflow:auto}.active-posters .rank-user-avatar{float:left}@media screen and (max-width:991px){.active-posters .rank-user-avatar{height:42px}.active-posters .rank-user-avatar img{height:36px;position:relative;top:3px;width:36px}}.active-posters .rank-user{float:left;margin-top:3px}@media screen and (max-width:991px){.active-posters .rank-user{margin-left:13.2px;width:40%}}@media screen and (max-width:767px){.active-posters .rank-user{float:none;margin-left:50px;width:auto}}@media screen and (min-width:992px){.active-posters .rank-user{margin-left:16px;width:25%}.active-posters .rank-user .user-name{font-size:18px}}.active-posters .user-details{font-family:Sans-Serif;overflow:auto}.active-posters .user-details .rank-name,.active-posters .user-details .user-status,.active-posters .user-details .user-title{display:block;float:left;font-size:12px;margin-right:3px}@media screen and (min-width:992px){.active-posters .user-details .rank-name,.active-posters .user-details .user-status,.active-posters .user-details .user-title{margin-right:8px}}.active-posters .user-details .user-title{margin-right:0}@media screen and (min-width:992px){.active-posters .user-details{overflow:visible}.active-posters .user-details .rank-name,.active-posters .user-details .user-title{height:14px;overflow:hidden;position:relative;top:1px;vertical-align:baseline}}@media screen and (max-width:767px){.active-posters .user-details{margin-top:3px}.active-posters .user-details .rank-name,.active-posters .user-details .user-title{font-weight:400}}.active-posters .user-status{overflow:auto;position:relative;top:1px}.active-posters .user-status span{display:block;float:left}@media screen and (min-width:992px){.active-posters .user-status{height:14px;overflow:hidden}}.active-posters .user-status .status-icon{position:relative}@media screen and (max-width:991px){.active-posters .user-status .status-icon{font-size:12px;height:12px;line-height:12px;top:0;width:12px}}@media screen and (min-width:992px){.active-posters .user-status .status-icon{font-size:13px;height:13px;line-height:13px;margin-right:3px;top:1px;width:13px}}.active-posters .rank-name .ui-preview-text,.active-posters .status-label.ui-preview-text,.active-posters .user-title .ui-preview-text{font-size:11px;height:11px;line-height:11px;position:relative;top:2px}.active-posters .rank-name .ui-preview-text,.active-posters .user-title .ui-preview-text{position:static}.active-posters .rank-position small,.active-posters .rank-position strong,.active-posters .rank-posts-counted small,.active-posters .rank-posts-counted strong,.active-posters .rank-posts-total small,.active-posters .rank-posts-total strong{display:block}@media screen and (max-width:991px){.active-posters .rank-position,.active-posters .rank-posts-counted,.active-posters .rank-posts-total{overflow:auto}.active-posters .rank-position small,.active-posters .rank-position strong,.active-posters .rank-posts-counted small,.active-posters .rank-posts-counted strong,.active-posters .rank-posts-total small,.active-posters .rank-posts-total strong{float:left;font-size:10.5px}.active-posters .rank-position strong,.active-posters .rank-posts-counted strong,.active-posters .rank-posts-total strong{margin-right:3px;min-width:30px;text-align:right}.active-posters .rank-position .ui-preview-text,.active-posters .rank-posts-counted .ui-preview-text,.active-posters .rank-posts-total .ui-preview-text{font-size:8px;height:8px;line-height:8px;position:relative;top:-1px}}@media screen and (min-width:992px){.active-posters .rank-position,.active-posters .rank-posts-counted,.active-posters .rank-posts-total{float:left;font-size:18px;margin-top:3px;text-align:center;width:23%}.active-posters .rank-position small,.active-posters .rank-posts-counted small,.active-posters .rank-posts-total small{font-size:12px;font-weight:400}}.user-compact-stats .rank-position small,.user-compact-stats .rank-position strong,.user-compact-stats .rank-posts-counted small,.user-compact-stats .rank-posts-counted strong{display:inline-block;float:none}.user-compact-stats .rank-position strong,.user-compact-stats .rank-posts-counted strong{min-width:auto}.user-compact-stats .rank-position small,.user-compact-stats .rank-posts-counted small{margin-right:20px}@media screen and (min-width:768px) and (max-width:991px){.active-posters .rank-position{margin-top:6px}.active-posters .rank-posts-total{display:none}}.profile-page-header-avatar{margin:20px 0;text-align:center}.profile-page-header-avatar .user-avatar{border-radius:4px}.profile-data-list{display:block;font-size:12px;margin:0 -12px;padding:0}.profile-data-list li{display:inline-block;list-style:none;padding:5px 12px}.profile-data-list .status-icon{bottom:1px;margin-right:3px;position:relative}.profile-data-list .user-account-disabled{color:#ff5630;font-weight:700}@media screen and (min-width:768px){.profile-page-header{align-items:flex-end;display:flex}.profile-page-header-avatar{margin:0 30px 0 0}}@media screen and (min-width:992px){.profile-page-header-avatar{margin-top:-54px;position:relative;top:54px}.profile-page-header-details{padding-left:158px}.profile-data-list{font-size:14px}.username-history li{display:block;overflow:auto}}.username-history .change-avatar{float:left}.username-history .change-avatar a,.username-history .change-avatar span{margin-right:10px}.username-history .change-avatar a img,.username-history .change-avatar span img{height:42px;width:42px}@media screen and (min-width:992px){.username-history .change-avatar a img,.username-history .change-avatar span img{bottom:1px;height:18px;position:relative;width:18px}.username-history .change-author{float:left;width:30%}}.username-history .change{min-height:20px;overflow:auto}.username-history .change span{display:block;float:left}.username-history .change .material-icon{margin:0 7px;position:relative;top:4px}@media screen and (min-width:992px){.username-history .change{float:left;width:40%}.username-history .change-date{float:left;width:20%}}.search-footer p{color:#5e6c84;font-size:12px;margin-top:20px;text-align:center}@media screen and (min-width:768px){.page-search-form{padding-top:40px}}@media screen and (min-width:992px){.page-search-form{padding-bottom:40px}.page-search-form h1{position:relative;top:5px}.page-search-form .form-group{margin-bottom:0}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fafafa;color:#383a42}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.atwho-view{background:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.1);color:#000;display:none;left:0;margin-top:18px;min-width:120px;position:absolute;top:0;z-index:11110!important}.atwho-view .atwho-header{border-bottom:1px solid #eaeff1;color:#6f8092;cursor:pointer;font-size:11px;font-weight:700;margin:5px;padding:5px}.atwho-view .atwho-header .small{color:#6f8092;float:right;font-size:12px;font-weight:400;margin-right:-5px;padding-top:2px}.atwho-view .atwho-header:hover{cursor:default}.atwho-view .cur{background:#36f;color:#fff}.atwho-view .cur small{color:#fff}.atwho-view strong{color:#36f}.atwho-view .cur strong{color:#fff;font:700}.atwho-view ul{list-style:none;margin:auto;max-height:200px;overflow-y:auto;padding:0}.atwho-view ul li{border-bottom:1px solid #ddd;cursor:pointer;display:block;padding:5px 10px}.atwho-view small{color:#777;font-size:smaller;font-weight:400}abbr{outline:none;text-decoration:none}.shadow-2dp{box-shadow:0 2px 2px 0 rgba(0,0,0,.04),0 3px 1px -2px rgba(0,0,0,.06),0 1px 5px 0 rgba(0,0,0,.12)}.shadow-3dp{box-shadow:0 3px 4px 0 rgba(0,0,0,.04),0 3px 3px -2px rgba(0,0,0,.06),0 1px 8px 0 rgba(0,0,0,.12)}.shadow-4dp{box-shadow:0 4px 5px 0 rgba(0,0,0,.04),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-6dp{box-shadow:0 6px 10px 0 rgba(0,0,0,.04),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.06)}.shadow-8dp{box-shadow:0 8px 10px 1px rgba(0,0,0,.04),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.06)}.shadow-16dp{box-shadow:0 16px 24px 2px rgba(0,0,0,.04),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.06)}.shadow-24dp{box-shadow:0 9px 46px 8px rgba(0,0,0,.04),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.06)}.btn-default,.btn-default.disabled,.btn-default.disabled:active,.btn-default.disabled:hover,.btn-default:disabled,.btn-default:disabled:hover{background:#ebecf0;border:1px solid #ebecf0;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.btn-default.disabled,.btn-default.disabled:active,.btn-default.disabled:hover,.btn-default:disabled,.btn-default:disabled:hover{filter:alpha(opacity=25);opacity:.25}.btn-default:focus,.btn-default:hover{background:#dfe1e6;border:1px solid #dfe1e6;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.btn-default:active,.btn-default:active:focus,.dropdown.open .dropdown-toggle .btn-default,.dropdown.open .dropdown-toggle .btn-default:active:focus,.dropdown.open .dropdown-toggle .btn-default:focus,.dropdown.open .dropdown-toggle .btn-default:hover{background:#c1c7d0;border:1px solid #c1c7d0;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.btn-default.btn-loading,.btn-default.btn-loading:active,.btn-default.btn-loading:active:focus,.btn-default.btn-loading:disabled,.btn-default.btn-loading:disabled:hover,.btn-default.btn-loading:focus,.btn-default.btn-loading:hover{color:transparent}.btn-primary,.btn-primary.disabled,.btn-primary.disabled:active,.btn-primary.disabled:hover,.btn-primary:disabled,.btn-primary:disabled:hover{background:#2563eb;border:1px solid #2563eb;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-primary.disabled,.btn-primary.disabled:active,.btn-primary.disabled:hover,.btn-primary:disabled,.btn-primary:disabled:hover{filter:alpha(opacity=25);opacity:.25}.btn-primary:focus,.btn-primary:hover{background:#3b82f6;border:1px solid #3b82f6;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-primary:active,.btn-primary:active:focus,.dropdown.open .dropdown-toggle .btn-primary,.dropdown.open .dropdown-toggle .btn-primary:active:focus,.dropdown.open .dropdown-toggle .btn-primary:focus,.dropdown.open .dropdown-toggle .btn-primary:hover{background:#1e40af;border:1px solid #1e40af;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-primary.btn-loading,.btn-primary.btn-loading:active,.btn-primary.btn-loading:active:focus,.btn-primary.btn-loading:disabled,.btn-primary.btn-loading:disabled:hover,.btn-primary.btn-loading:focus,.btn-primary.btn-loading:hover{color:transparent}.btn-success,.btn-success.disabled,.btn-success.disabled:active,.btn-success.disabled:hover,.btn-success:disabled,.btn-success:disabled:hover{background:#22c55e;border:1px solid #22c55e;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-success.disabled,.btn-success.disabled:active,.btn-success.disabled:hover,.btn-success:disabled,.btn-success:disabled:hover{filter:alpha(opacity=25);opacity:.25}.btn-success:focus,.btn-success:hover{background:#15803d;border:1px solid #15803d;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-success:active,.btn-success:active:focus,.dropdown.open .dropdown-toggle .btn-success,.dropdown.open .dropdown-toggle .btn-success:active:focus,.dropdown.open .dropdown-toggle .btn-success:focus,.dropdown.open .dropdown-toggle .btn-success:hover{background:#14532d;border:1px solid #14532d;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-success.btn-loading,.btn-success.btn-loading:active,.btn-success.btn-loading:active:focus,.btn-success.btn-loading:disabled,.btn-success.btn-loading:disabled:hover,.btn-success.btn-loading:focus,.btn-success.btn-loading:hover{color:transparent}.btn-danger,.btn-danger.disabled,.btn-danger.disabled:active,.btn-danger.disabled:hover,.btn-danger:disabled,.btn-danger:disabled:hover{background:#ef5350;border:1px solid #ef5350;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-danger.disabled,.btn-danger.disabled:active,.btn-danger.disabled:hover,.btn-danger:disabled,.btn-danger:disabled:hover{filter:alpha(opacity=25);opacity:.25}.btn-danger:focus,.btn-danger:hover{background:#ff8a80;border:1px solid #ff8a80;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-danger:active,.btn-danger:active:focus,.dropdown.open .dropdown-toggle .btn-danger,.dropdown.open .dropdown-toggle .btn-danger:active:focus,.dropdown.open .dropdown-toggle .btn-danger:focus,.dropdown.open .dropdown-toggle .btn-danger:hover{background:#d32f2f;border:1px solid #d32f2f;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-danger.btn-loading,.btn-danger.btn-loading:active,.btn-danger.btn-loading:active:focus,.btn-danger.btn-loading:disabled,.btn-danger.btn-loading:disabled:hover,.btn-danger.btn-loading:focus,.btn-danger.btn-loading:hover{color:transparent}.btn-default.btn-outline,.btn-default.btn-outline.disabled,.btn-default.btn-outline.disabled:active,.btn-default.btn-outline.disabled:hover,.btn-default.btn-outline:disabled,.btn-default.btn-outline:disabled:hover{background:#ebecf0;border:1px solid #ebecf0;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.btn-default.btn-outline.disabled,.btn-default.btn-outline.disabled:active,.btn-default.btn-outline.disabled:hover,.btn-default.btn-outline:disabled,.btn-default.btn-outline:disabled:hover{filter:alpha(opacity=25);opacity:.25}.btn-default.btn-outline:focus,.btn-default.btn-outline:hover{background:#dfe1e6;border:1px solid #dfe1e6;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.btn-default.btn-outline:active,.btn-default.btn-outline:active:focus,.dropdown.open .btn-default.btn-outline,.dropdown.open .btn-default.btn-outline:active:focus,.dropdown.open .btn-default.btn-outline:focus,.dropdown.open .btn-default.btn-outline:hover{background:#c1c7d0;border:1px solid #c1c7d0;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.btn-default.btn-outline.btn-loading,.btn-default.btn-outline.btn-loading:active,.btn-default.btn-outline.btn-loading:active:focus,.btn-default.btn-outline.btn-loading:disabled,.btn-default.btn-outline.btn-loading:disabled:hover,.btn-default.btn-outline.btn-loading:focus,.btn-default.btn-outline.btn-loading:hover{background:#ebecf0;border:1px solid #ebecf0;-webkit-box-shadow:none;box-shadow:none;color:transparent}.btn-primary.btn-outline,.btn-primary.btn-outline.disabled,.btn-primary.btn-outline.disabled:active,.btn-primary.btn-outline.disabled:hover,.btn-primary.btn-outline:disabled,.btn-primary.btn-outline:disabled:hover{background:#2563eb;border:1px solid #2563eb;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-primary.btn-outline.disabled,.btn-primary.btn-outline.disabled:active,.btn-primary.btn-outline.disabled:hover,.btn-primary.btn-outline:disabled,.btn-primary.btn-outline:disabled:hover{filter:alpha(opacity=25);opacity:.25}.btn-primary.btn-outline:focus,.btn-primary.btn-outline:hover{background:#3b82f6;border:1px solid #3b82f6;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-primary.btn-outline:active,.btn-primary.btn-outline:active:focus,.dropdown.open .btn-primary.btn-outline,.dropdown.open .btn-primary.btn-outline:active:focus,.dropdown.open .btn-primary.btn-outline:focus,.dropdown.open .btn-primary.btn-outline:hover{background:#1e40af;border:1px solid #1e40af;-webkit-box-shadow:none;box-shadow:none;color:#fff}.btn-primary.btn-outline.btn-loading,.btn-primary.btn-outline.btn-loading:active,.btn-primary.btn-outline.btn-loading:active:focus,.btn-primary.btn-outline.btn-loading:disabled,.btn-primary.btn-outline.btn-loading:disabled:hover,.btn-primary.btn-outline.btn-loading:focus,.btn-primary.btn-outline.btn-loading:hover{background:#2563eb;border:1px solid #2563eb;-webkit-box-shadow:none;box-shadow:none;color:transparent}.btn-social-battlenet,.btn-social-battlenet-oauth2,.btn-social-battlenet-oauth2:disabled,.btn-social-battlenet-oauth2:disabled:hover,.btn-social-battlenet:disabled,.btn-social-battlenet:disabled:hover{color:#0e86ca;font-weight:700}.btn-social-bungie,.btn-social-bungie:disabled,.btn-social-bungie:disabled:hover{color:#0096db;font-weight:700}.btn-social-facebook,.btn-social-facebook-app,.btn-social-facebook-app:disabled,.btn-social-facebook-app:disabled:hover,.btn-social-facebook:disabled,.btn-social-facebook:disabled:hover{color:#3b5998;font-weight:700}.btn-social-github,.btn-social-github-enterprise,.btn-social-github-enterprise-org,.btn-social-github-enterprise-org:disabled,.btn-social-github-enterprise-org:disabled:hover,.btn-social-github-enterprise-team,.btn-social-github-enterprise-team:disabled,.btn-social-github-enterprise-team:disabled:hover,.btn-social-github-enterprise:disabled,.btn-social-github-enterprise:disabled:hover,.btn-social-github-team,.btn-social-github-team:disabled,.btn-social-github-team:disabled:hover,.btn-social-github:disabled,.btn-social-github:disabled:hover{color:#000;font-weight:700}.btn-social-gitlab,.btn-social-gitlab:disabled,.btn-social-gitlab:disabled:hover{color:#fc6d26;font-weight:700}.btn-social-google,.btn-social-google-oauth,.btn-social-google-oauth2,.btn-social-google-oauth2:disabled,.btn-social-google-oauth2:disabled:hover,.btn-social-google-oauth:disabled,.btn-social-google-oauth:disabled:hover,.btn-social-google-openidconnect,.btn-social-google-openidconnect:disabled,.btn-social-google-openidconnect:disabled:hover,.btn-social-google-plus,.btn-social-google-plus:disabled,.btn-social-google-plus:disabled:hover,.btn-social-google:disabled,.btn-social-google:disabled:hover{color:#dd4b39;font-weight:700}.btn-social-linkedin,.btn-social-linkedin:disabled,.btn-social-linkedin:disabled:hover{color:#0077b5;font-weight:700}.btn-social-steam,.btn-social-steam:disabled,.btn-social-steam:disabled:hover{color:#5c7e10;font-weight:700}.btn-social-twitter,.btn-social-twitter:disabled,.btn-social-twitter:disabled:hover{color:#1da1f2;font-weight:700}.form-social-auth .row{margin-bottom:-6px;margin-top:-6px}.form-social-auth .btn{margin:6px 0}input.form-control,textarea.form-control{border-color:#ced0da;box-shadow:inset 0 0 0 1px #ced0da}input.form-control:focus,textarea.form-control:focus{border-color:#66afe9;box-shadow:inset 0 0 0 1px #66afe9}.has-error input.form-control{border-color:#ff5630;box-shadow:inset 0 0 0 1px #ff5630}.has-error input.form-control:focus{border-color:#ffa996;box-shadow:inset 0 0 0 1px #ffa996}.has-success input.form-control{border-color:#36b37e;box-shadow:inset 0 0 0 1px #36b37e}.has-success input.form-control:focus{border-color:#79d6af;box-shadow:inset 0 0 0 1px #79d6af}.password-strength{margin-top:10px}.password-strength .text-small{color:#3462af;font-size:12px;margin-top:4px}.password-strength .progress{margin:0}.auth-message{background:#091e42;box-shadow:0 8px 10px 1px rgba(0,0,0,.04),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.06);padding:80px 0}.auth-message p{color:#fff}.auth-message .btn{background:#f4f5f7;border-color:#f4f5f7;color:#172b4d}.auth-message .btn:focus,.auth-message .btn:hover{background:#dfe1e6;border-color:#dfe1e6;color:#172b4d}.auth-message .btn:active{background:#b3bac5;border-color:#b3bac5;color:#172b4d}.dropdown-menu{border:none;box-shadow:0 4px 5px 0 rgba(0,0,0,.04),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.06)}.user-dropdown .dropdown-header strong{color:#172b4d;display:block;font-weight:700}.user-dropdown .dropdown-header .user-stats{font-size:12px;margin-top:10px}.user-dropdown .dropdown-header .user-stats .material-icon{bottom:1px;font-size:14px;height:14px;margin-right:3px;position:relative;width:14px}.user-dropdown .guest-preview{padding-bottom:10px}.user-dropdown .badge{background-color:#ff5630}.user-dropdown .btn-link:active .badge,.user-dropdown .btn-link:focus .badge,.user-dropdown .btn-link:hover .badge,.user-dropdown a:active .badge,.user-dropdown a:focus .badge,.user-dropdown a:hover .badge{background-color:#fff;color:#ff5630}.mobile-dropdown.open{margin:0}.misago-footer{margin-top:40px}.misago-footer .footer-content{border-top:1px solid #ebecf0;color:#a5adba;padding-top:20px}@media screen and (max-width:767px){.misago-footer .footer-content{text-align:center}.misago-footer .footer-content .site-footnote{clear:both;margin-bottom:15px}}.misago-footer .footer-content a,.misago-footer .footer-content a:link,.misago-footer .footer-content a:visited{color:#a5adba}.misago-footer .footer-content a:focus,.misago-footer .footer-content a:hover{color:#7a8699}.misago-footer .footer-content .misago-branding,.misago-footer .footer-content .misago-branding:link,.misago-footer .footer-content .misago-branding:visited{color:#a5adba}.misago-footer .footer-content .misago-branding:focus,.misago-footer .footer-content .misago-branding:hover{color:#7a8699}.list-group{border-radius:3px}.list-group .list-group-item{border-left-color:#ebecf0;border-right-color:#ebecf0}.list-group .list-group-item:first-child{border-top-color:#ebecf0}.list-group .list-group-item:last-child{border-bottom-color:#ebecf0}.list-group-item.empty-message{padding-bottom:20px;padding-top:20px;text-align:center}.list-group-item.empty-message p{margin:10px 0}.nav-side{-webkit-box-shadow:none;box-shadow:none}.nav-side>.list-group-item{border-left:none;border-right:none;margin-bottom:1px}.nav-side>.list-group-item:first-child{border-top:none}.nav-side>.list-group-item:last-child{border-bottom:none}.nav-side>.list-group-item,.nav-side>.list-group-item:link,.nav-side>.list-group-item:visited{background:#f4f5f7;border:none;color:#172b4d}.nav-side>.list-group-item:active,.nav-side>.list-group-item:focus,.nav-side>.list-group-item:hover{background:#ebecf0;color:#172b4d}.nav-side>.list-group-item.active,.nav-side>.list-group-item.active:active,.nav-side>.list-group-item.active:focus,.nav-side>.list-group-item.active:hover,.nav-side>.list-group-item.active:link,.nav-side>.list-group-item.active:visited{background:#091e42;color:#fff;font-weight:700}.nav-side>.list-group-item.active .badge,.nav-side>.list-group-item.active:active .badge,.nav-side>.list-group-item.active:focus .badge,.nav-side>.list-group-item.active:hover .badge,.nav-side>.list-group-item.active:link .badge,.nav-side>.list-group-item.active:visited .badge{background:#f4f5f7;color:#172b4d}.username-history .user-avatar{border-radius:4px}.panel{border:none;border-radius:4px}.panel .panel-footer,.panel .panel-heading{background:#fff}.panel .panel-title{color:#5e6c84}.panel .form-group+.form-group{margin-top:20px}.panel .panel-body>.form-group:first-child{margin-top:10px}.panel fieldset{margin-top:20px}.panel fieldset:first-child{margin-top:0}.panel fieldset legend{border:none;color:#5e6c84;font-weight:300}.panel-message-body .message-icon{color:#2563eb}.panel-form{border:1px solid #ebecf0;box-shadow:none}.panel-form .panel-footer,.panel-form .panel-heading{border-color:#ebecf0}.poll-form .panel{margin:0}.help-block,.help-block .text-small{color:#7a869a}.category-main .media-left .read-status{background:#ebecf0;border-radius:4px;padding:5px 8px}.category-main .media-left .material-icon{color:#5e6c84;font-size:14px;height:14px;line-height:14px;width:14px}.category-main .media-left .read-status.item-new{background-color:#2563eb}.category-main .media-left .read-status.item-new .material-icon{color:#fff}@media screen and (min-width:768px){.category-main .media-left{padding:5px 0}}.category-main .media-body{padding-left:12px}@media screen and (max-width:767px){.category-main .media-body{padding-left:3.33333333px}}.list-group-category-no-description .category-main .media-heading{margin-top:10px}@media screen and (max-width:767px){.list-group-category-no-description .category-main .media-heading{margin-top:5px}}.category-main .media-heading a,.category-main .media-heading a:link,.category-main .media-heading a:visited{color:#344563}.category-main .media-heading a:active,.category-main .media-heading a:focus,.category-main .media-heading a:hover{color:#172b4d}.category-stats{color:#5e6c84}.category-main .category-description p{font-size:12px}.category-main .category-description p:last-child{margin-bottom:0}.category-last-thread img{background-color:#fff;border-radius:4px}.category-last-thread .media-heading{margin-bottom:2px}@media screen and (max-width:767px){.category-last-thread .media-heading{margin-top:10px}}.category-last-thread .list-inline{color:#7a869a;font-size:12px}.category-last-thread .list-inline a,.category-last-thread .list-inline a:link,.category-last-thread .list-inline a:visited{color:#7a869a}.category-last-thread .list-inline .item-title,.category-last-thread .list-inline .item-title:link,.category-last-thread .list-inline .item-title:visited,.category-last-thread .list-inline a:active,.category-last-thread .list-inline a:focus,.category-last-thread .list-inline a:hover{color:#344563}.category-last-thread .list-inline .item-title:active,.category-last-thread .list-inline .item-title:focus,.category-last-thread .list-inline .item-title:hover{color:#172b4d}.category-thread-message{color:#7a869a}.category-thread-message .material-icon{margin-right:3px}@media screen and (max-width:767px){.category-thread-message{font-size:12px;padding-top:15px}}.panel-participants{border:1px solid #ebecf0}.participant-card .btn-user{border:0!important}.participant-card .dropdown-header-owner{color:#2563eb}.participant-card .dropdown-header-owner .material-icon{font-size:14px;height:14px;line-height:14px;width:14px}.participant-card .dropdown-header-owner .icon-text{margin-left:4px;position:relative;top:2px}.panel-participants p{color:#7a869a}@media screen and (max-width:767px){.panel-participants p{margin-top:10px;text-align:center}}.panel-poll{border:1px solid #ebecf0}.panel-poll .poll-select-choices{margin-top:-10px}.panel-poll .poll-details{color:#7a869a;font-size:12px;margin-bottom:20px}.panel-poll .progress{margin-bottom:5px;margin-top:6.66666667px}.panel-poll .poll-chart{color:#7a869a;font-size:12px}.panel-poll .poll-options{margin-top:20px}#posting-placeholder{background-color:#fafbfc}.posting-message .material-icon{color:#2563eb}.posting-message .btn{margin-top:20px}.panel-post{background:#fff;border:1px solid #ddd}.post-side{color:#7a869a}.post-side .poster-avatar{border-radius:4px}.post-side .user-title,.post-side .user-title a,.post-side .user-title a:active,.post-side .user-title a:focus,.post-side .user-title a:hover,.post-side .user-title a:link,.post-side .user-title a:visited{color:#5e6c84}.post-heading .label-unread{background-color:#2563eb;margin-right:16px}.post-heading .label-protected{margin-left:24px;position:relative;top:1px}.post-heading .label-protected .material-icon{font-size:16px;line-height:16px;margin-right:2px;position:relative;top:-1px}.post-heading>.btn-link{padding-left:0;padding-right:0}.post-heading>.btn-link,.post-heading>.btn-link:link,.post-heading>.btn-link:visited{color:#7a869a}.post-heading>.btn-link:active,.post-heading>.btn-link:focus,.post-heading>.btn-link:focus:active,.post-heading>.btn-link:hover{color:#172b4d;text-decoration:none}.post-heading .btn-see-edits{margin-left:24px}.post-status-message{border-radius:4px;margin-top:10px;padding:6px 12px}@media screen and (max-width:767px){.post-status-message{font-size:12px}.post-status-message .material-icon{margin-top:3px}.post-status-message p{margin-top:0}}.post-body:last-child{padding-bottom:10px}.post-attachments{background-color:#ebecf0;border:none;border-radius:4px;margin-bottom:30px}.post-attachments:last-child{margin-bottom:10px}@media screen and (max-width:767px){.post-attachments{border-radius:0;margin:0 -15px 20px}}.post-footer>.btn-link{padding-left:0;padding-right:0}.post-footer>.btn-link,.post-footer>.btn-link:link,.post-footer>.btn-link:visited{color:#7a869a}.post-footer>.btn-link:active,.post-footer>.btn-link:focus,.post-footer>.btn-link:focus:active,.post-footer>.btn-link:hover{color:#172b4d;text-decoration:none}.post-footer p{color:#7a869a;font-size:12px}.post-body-hidden,.post-body-invalid{padding-bottom:10px;padding-top:10px}.post-body-hidden .lead,.post-body-invalid .lead{margin-bottom:10px}.post-body-hidden .text-muted,.post-body-invalid .text-muted{font-size:12px;margin-bottom:0}.post-hidden{filter:alpha(opacity=75);opacity:.75}.post-feed .panel-body{padding-bottom:0}.post-feed .post-body{max-height:300px;overflow-y:hidden;padding-bottom:20px;padding-top:0;position:relative}.post-feed .post-body:after{bottom:0;box-shadow:0 0 16px 16px #fff;color:transparent;content:"-";display:block;height:0;position:absolute;width:100%}.posts-list .event .event-label{margin-bottom:5px}.posts-list .event .label-unread{background-color:#2563eb;color:#fff}.posts-list .event-info .btn-link,.posts-list .event-info a,.posts-list .event-info a:link,.posts-list .event-info a:visited{color:#5e6c84}.posts-list .event-info .btn-link:active,.posts-list .event-info .btn-link:focus,.posts-list .event-info .btn-link:focus:active,.posts-list .event-info a:active,.posts-list .event-info a:focus,.posts-list .event-info a:focus:active{color:#172b4d}.posts-list .event-hidden{filter:alpha(opacity=33);opacity:.33}.user-card{background:#f4f5f7}.user-card-avatar img,.user-card-small-avatar img{border-radius:4px}.user-card-avatar{margin:20px 0}.user-card-avatar img{height:150px;width:150px}.user-card-username a,.user-card-username a:active,.user-card-username a:focus,.user-card-username a:hover,.user-card-username a:link,.user-card-username a:visited{color:#172b4d;font-size:18px;font-weight:700}.user-card-title a,.user-card-title a:link,.user-card-title a:visited,.user-card-title span{color:#5e6c84}.user-card-title a:active,.user-card-title a:focus,.user-card-title a:hover{color:#172b4d}@media screen and (min-width:768px){.user-card-stats{margin-top:20px}}.user-card-stats ul{margin:0}.user-card-stats li{color:#7a869a;display:inline-block;font-size:12px;margin-right:12px}@media screen and (min-width:768px){.user-card-stats li{margin:0 6px}}.user-card-stats li.user-stat-empty{display:none}@media screen and (min-width:768px){li.user-stat-divider{display:block;margin:0}}@media screen and (max-width:767px){li.user-stat-divider{display:none}}@media screen and (min-width:768px){.user-card-stats{min-height:60px}}@media screen and (max-width:767px){.user-card-left{padding-right:0}}.progress,.progress .progress-bar{-webkit-box-shadow:none;box-shadow:none;height:8px}.misago-markup img{border-radius:4px}.misago-markup .spoiler-body{background:transparent;color:#172b4d;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.misago-markup .spoiler-block.revealed .spoiler-body{-webkit-filter:none;-moz-filter:none;-o-filter:none;-ms-filter:none;filter:none}.misago-markup .spoiler-overlay{align-items:center;background:hsla(0,0%,100%,.1);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.misago-markup .spoiler-reveal{background-color:#ebecf0;border-color:#ccc;color:#172b4d}.misago-markup .spoiler-reveal.focus,.misago-markup .spoiler-reveal:focus{background-color:#ced0da;border-color:#8c8c8c;color:#172b4d}.misago-markup .spoiler-reveal:hover{background-color:#ced0da;border-color:#adadad;color:#172b4d}.misago-markup .spoiler-reveal.active,.misago-markup .spoiler-reveal:active,.open>.dropdown-toggle.misago-markup .spoiler-reveal{background-color:#ced0da;background-image:none;border-color:#adadad;color:#172b4d}.misago-markup .spoiler-reveal.active.focus,.misago-markup .spoiler-reveal.active:focus,.misago-markup .spoiler-reveal.active:hover,.misago-markup .spoiler-reveal:active.focus,.misago-markup .spoiler-reveal:active:focus,.misago-markup .spoiler-reveal:active:hover,.open>.dropdown-toggle.misago-markup .spoiler-reveal.focus,.open>.dropdown-toggle.misago-markup .spoiler-reveal:focus,.open>.dropdown-toggle.misago-markup .spoiler-reveal:hover{background-color:#b9bdcb;border-color:#8c8c8c;color:#172b4d}.misago-markup .spoiler-reveal.disabled.focus,.misago-markup .spoiler-reveal.disabled:focus,.misago-markup .spoiler-reveal.disabled:hover,.misago-markup .spoiler-reveal[disabled].focus,.misago-markup .spoiler-reveal[disabled]:focus,.misago-markup .spoiler-reveal[disabled]:hover,fieldset[disabled] .misago-markup .spoiler-reveal.focus,fieldset[disabled] .misago-markup .spoiler-reveal:focus,fieldset[disabled] .misago-markup .spoiler-reveal:hover{background-color:#ebecf0;border-color:#ccc}.misago-markup .spoiler-reveal .badge{background-color:#172b4d;color:#ebecf0}.misago-markup .spoiler-reveal,.misago-markup .spoiler-reveal.disabled,.misago-markup .spoiler-reveal.disabled:active,.misago-markup .spoiler-reveal.disabled:hover,.misago-markup .spoiler-reveal:disabled,.misago-markup .spoiler-reveal:disabled:hover{background:#ebecf0;border:1px solid #ebecf0;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.misago-markup .spoiler-reveal.disabled,.misago-markup .spoiler-reveal.disabled:active,.misago-markup .spoiler-reveal.disabled:hover,.misago-markup .spoiler-reveal:disabled,.misago-markup .spoiler-reveal:disabled:hover{filter:alpha(opacity=25);opacity:.25}.misago-markup .spoiler-reveal:focus,.misago-markup .spoiler-reveal:hover{background:#dfe1e6;border:1px solid #dfe1e6;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.dropdown.open .dropdown-toggle .misago-markup .spoiler-reveal,.dropdown.open .dropdown-toggle .misago-markup .spoiler-reveal:active:focus,.dropdown.open .dropdown-toggle .misago-markup .spoiler-reveal:focus,.dropdown.open .dropdown-toggle .misago-markup .spoiler-reveal:hover,.misago-markup .spoiler-reveal:active,.misago-markup .spoiler-reveal:active:focus{background:#c1c7d0;border:1px solid #c1c7d0;-webkit-box-shadow:none;box-shadow:none;color:#172b4d}.misago-markup .spoiler-reveal.btn-loading,.misago-markup .spoiler-reveal.btn-loading:active,.misago-markup .spoiler-reveal.btn-loading:active:focus,.misago-markup .spoiler-reveal.btn-loading:disabled,.misago-markup .spoiler-reveal.btn-loading:disabled:hover,.misago-markup .spoiler-reveal.btn-loading:focus,.misago-markup .spoiler-reveal.btn-loading:hover{color:transparent}.misago-markup .spoiler-reveal,.misago-markup .spoiler-reveal:active,.misago-markup .spoiler-reveal:hover{border-radius:4px;box-shadow:0 0 0 4px #fff;padding:6px 12px}.modal-header{background:#fff;border-bottom-color:#ced0da;border-radius:6px 6px 0 0;color:#172b4d}.modal-header .close{color:#172b4d;font-size:24px;line-height:24px;padding:0 6px;text-shadow:none}.modal-message .message-icon{color:#2563eb}.modal-body>.form-group{margin:20px 0}.modal-body>.form-group:first-child{margin-top:0}.modal-body>.form-group:last-child{margin-bottom:0}.modal-sign-in .modal-body{padding-bottom:0;padding-top:0}.modal-sign-in .modal-body>.form-group{margin:20px 0}.legal-footnote label{font-weight:700}.legal-footnote .help-block{color:#ff5630;margin-left:20px}.modal-avatar-index .avatar-preview{background:#fff;border-radius:6px}.modal-avatar-crop .cropit-preview{background:#fff;margin:20px 0}.modal-avatar-crop .cropit-image-zoom-input{margin-bottom:20px;margin-top:40px}.modal-post-likers .media{border-bottom:1px solid #ebecf0;padding-bottom:15px}.modal-post-likers .media img{border-radius:4px;height:40px;width:40px}.modal-post-likers .media:last-child{border:none;padding-bottom:0}.well{border:1px solid #ddd}.active-posters .rank-user-avatar img{border-radius:4px}.active-posters .user-details{color:#7a869a}.active-posters .user-details a.rank-name,.active-posters .user-details a.rank-name:link,.active-posters .user-details a.rank-name:visited{color:#5e6c84;font-weight:400}.active-posters .user-details a.rank-name:active,.active-posters .user-details a.rank-name:focus,.active-posters .user-details a.rank-name:hover{color:#172b4d}.active-posters .user-details span.rank-name{color:#5e6c84;font-weight:400}.active-posters small{color:#7a869a}.page-error .message-icon{color:#ef5350}.page-message .message-icon,.page-message-info .message-icon{color:#2563eb}.page-message-success .message-icon{color:#81c784}.page-options .message-line,.page-options .message-line a,.page-options .message-line a:link,.page-options .message-line a:visited{color:#7a869a}.page-options .message-line a:active,.page-options .message-line a:focus,.page-options .message-line a:focus:active,.page-options .message-line a:hover{color:#172b4d}.panel-profile-details-group.panel{border:1px solid #ebecf0}.panel-profile-details-group.panel .form-group{margin:0}.panel-profile-details-group .form-control-static p:last-child{margin-bottom:0}.post-primary .panel-post{border-color:#a5b4fc}.post-primary .user-title,.post-primary .user-title a,.post-primary .user-title a:active,.post-primary .user-title a:focus,.post-primary .user-title a:hover,.post-primary .user-title a:link,.post-primary .user-title a:visited{color:#6366f1}.post-success .panel-post{border-color:#00c853}.post-success .user-title,.post-success .user-title a,.post-success .user-title a:active,.post-success .user-title a:focus,.post-success .user-title a:hover,.post-success .user-title a:link,.post-success .user-title a:visited{color:#388e3c}.post-warning .panel-post{border-color:#ffab40}.post-warning .user-title,.post-warning .user-title a,.post-warning .user-title a:active,.post-warning .user-title a:focus,.post-warning .user-title a:hover,.post-warning .user-title a:link,.post-warning .user-title a:visited{color:#ff6d00}.post-danger .panel-post{border-color:#ff8a80}.post-danger .user-title,.post-danger .user-title a,.post-danger .user-title a:active,.post-danger .user-title a:focus,.post-danger .user-title a:hover,.post-danger .user-title a:link,.post-danger .user-title a:visited{color:#d50000}.user-card-primary .panel-body{background:#fff;border:2px solid #a5b4fc;border-radius:4px;padding:13px}.user-card-primary .user-card-title,.user-card-primary .user-card-title a.user-title,.user-card-primary .user-card-title a.user-title:active,.user-card-primary .user-card-title a.user-title:focus,.user-card-primary .user-card-title a.user-title:hover,.user-card-primary .user-card-title a.user-title:link,.user-card-primary .user-card-title a.user-title:visited{color:#6366f1}.user-card-success .panel-body{background:#fff;border:2px solid #00c853;border-radius:4px;padding:13px}.user-card-success .user-card-title,.user-card-success .user-card-title a.user-title,.user-card-success .user-card-title a.user-title:active,.user-card-success .user-card-title a.user-title:focus,.user-card-success .user-card-title a.user-title:hover,.user-card-success .user-card-title a.user-title:link,.user-card-success .user-card-title a.user-title:visited{color:#388e3c}.user-card-warning .panel-body{background:#fff;border:2px solid #ffab40;border-radius:4px;padding:13px}.user-card-warning .user-card-title,.user-card-warning .user-card-title a.user-title,.user-card-warning .user-card-title a.user-title:active,.user-card-warning .user-card-title a.user-title:focus,.user-card-warning .user-card-title a.user-title:hover,.user-card-warning .user-card-title a.user-title:link,.user-card-warning .user-card-title a.user-title:visited{color:#ff6d00}.user-card-danger .panel-body{background:#fff;border:2px solid #ff8a80;border-radius:4px;padding:13px}.user-card-danger .user-card-title,.user-card-danger .user-card-title a.user-title,.user-card-danger .user-card-title a.user-title:active,.user-card-danger .user-card-title a.user-title:focus,.user-card-danger .user-card-title a.user-title:hover,.user-card-danger .user-card-title a.user-title:link,.user-card-danger .user-card-title a.user-title:visited{color:#d50000}.list-group .list-group-rank-primary{border-left:4px solid #a5b4fc;padding-left:11px}.list-group .list-group-rank-primary a.rank-name,.list-group .list-group-rank-primary a.rank-name:active,.list-group .list-group-rank-primary a.rank-name:focus,.list-group .list-group-rank-primary a.rank-name:hover,.list-group .list-group-rank-primary a.rank-name:link,.list-group .list-group-rank-primary a.rank-name:visited,.list-group .list-group-rank-primary span.rank-name{color:#6366f1}.list-group .list-group-rank-success{border-left:4px solid #9ccc65;padding-left:11px}.list-group .list-group-rank-success a.rank-name,.list-group .list-group-rank-success a.rank-name:active,.list-group .list-group-rank-success a.rank-name:focus,.list-group .list-group-rank-success a.rank-name:hover,.list-group .list-group-rank-success a.rank-name:link,.list-group .list-group-rank-success a.rank-name:visited,.list-group .list-group-rank-success span.rank-name{color:#388e3c}.list-group .list-group-rank-warning{border-left:4px solid #ff7043;padding-left:11px}.list-group .list-group-rank-warning a.rank-name,.list-group .list-group-rank-warning a.rank-name:active,.list-group .list-group-rank-warning a.rank-name:focus,.list-group .list-group-rank-warning a.rank-name:hover,.list-group .list-group-rank-warning a.rank-name:link,.list-group .list-group-rank-warning a.rank-name:visited,.list-group .list-group-rank-warning span.rank-name{color:#ff6d00}.list-group .list-group-rank-danger{border-left:4px solid #f44336;padding-left:11px}.list-group .list-group-rank-danger a.rank-name,.list-group .list-group-rank-danger a.rank-name:active,.list-group .list-group-rank-danger a.rank-name:focus,.list-group .list-group-rank-danger a.rank-name:hover,.list-group .list-group-rank-danger a.rank-name:link,.list-group .list-group-rank-danger a.rank-name:visited,.list-group .list-group-rank-danger span.rank-name{color:#d50000}.page-header-rank-primary .user-rank,.page-header-rank-primary .user-rank a,.page-header-rank-primary .user-rank a:active,.page-header-rank-primary .user-rank a:focus,.page-header-rank-primary .user-rank a:hover,.page-header-rank-primary .user-rank a:link,.page-header-rank-primary .user-rank a:visited{color:#6366f1}.page-header-rank-success .user-rank,.page-header-rank-success .user-rank a,.page-header-rank-success .user-rank a:active,.page-header-rank-success .user-rank a:focus,.page-header-rank-success .user-rank a:hover,.page-header-rank-success .user-rank a:link,.page-header-rank-success .user-rank a:visited{color:#388e3c}.page-header-rank-warning .user-rank,.page-header-rank-warning .user-rank a,.page-header-rank-warning .user-rank a:active,.page-header-rank-warning .user-rank a:focus,.page-header-rank-warning .user-rank a:hover,.page-header-rank-warning .user-rank a:link,.page-header-rank-warning .user-rank a:visited{color:#ff6d00}.page-header-rank-danger .user-rank,.page-header-rank-danger .user-rank a,.page-header-rank-danger .user-rank a:active,.page-header-rank-danger .user-rank a:focus,.page-header-rank-danger .user-rank a:hover,.page-header-rank-danger .user-rank a:link,.page-header-rank-danger .user-rank a:visited{color:#d50000} /*# sourceMappingURL=misago.css.map*/ \ No newline at end of file diff --git a/misago/static/misago/css/misago.css.map b/misago/static/misago/css/misago.css.map index 66b53afcf4..7bbd870563 100644 --- a/misago/static/misago/css/misago.css.map +++ b/misago/static/misago/css/misago.css.map @@ -1 +1 @@ -{"version":3,"file":"../css/misago.css","mappings":"AAAA,2EAA2E,CCU3E,KAEE,yBAA0B,CAC1B,6BAA8B,CAF9B,sBDNF,CCeA,KACE,QDbF,CC0BA,2FAaE,aDxBF,CCgCA,4BAIE,oBAAqB,CACrB,uBD9BF,CCsCA,sBACE,YAAa,CACb,QDpCF,CC4CA,kBAEE,YD1CF,CCoDA,EACE,4BDlDF,CC0DA,iBAEE,SDxDF,CCmEA,YACE,kBAAmB,CACnB,yBAA0B,CAC1B,gCDjEF,CCwEA,SAEE,eDtEF,CC6EA,IACE,iBD3EF,CCmFA,GACE,aAAc,CACd,cDjFF,CCwFA,KACE,eAAgB,CAChB,UDtFF,CC6FA,MACE,aD3FF,CCkGA,QAEE,aAAc,CACd,aAAc,CACd,iBAAkB,CAClB,uBDhGF,CCmGA,IACE,SDjGF,CCoGA,IACE,aDlGF,CC4GA,IACE,QD1GF,CCiHA,eACE,eD/GF,CCyHA,OACE,eDvHF,CC8HA,GACE,sBAAuB,CACvB,QD5HF,CCmIA,IACE,aDjIF,CCwIA,kBAIE,+BAAiC,CACjC,aDtIF,CCwJA,sCAKE,aAAc,CACd,YAAa,CACb,QDtJF,CC6JA,OACE,gBD3JF,CCqKA,cAEE,mBDnKF,CC8KA,oEAIE,yBAA0B,CAC1B,cD5KF,CCmLA,sCAEE,cDjLF,CCwLA,iDAEE,QAAS,CACT,SDtLF,CC8LA,MACE,kBD5LF,CCuMA,uCAEE,qBAAsB,CACtB,SDrMF,CC8MA,4FAEE,WD5MF,CCoNA,mBACE,4BAA6B,CAC7B,sBDlNF,CC2NA,+FAEE,uBDzNF,CCgOA,SACE,uBAAyB,CACzB,YAAa,CACb,0BD9NF,CC+OA,SACE,aDzOF,CCiPA,SACE,eD/OF,CCyPA,MACE,wBAAyB,CACzB,gBDvPF,CC0PA,MAEE,SDxPF;AACA,oFAAoF,CE3KpF,aACE,iBAKE,gCAAkC,CAClC,yBAA2B,CAH3B,oBAAsB,CACtB,0BF+KF,CE1KA,YAEE,yBF4KF,CEzKA,cACE,2BF2KF,CExKA,kBACE,4BF0KF,CErKA,gDAEE,UFuKF,CEpKA,eAEE,qBAAsB,CACtB,uBFsKF,CEnKA,MACE,0BFqKF,CElKA,OAEE,uBFoKF,CEjKA,IACE,wBFmKF,CEhKA,QAGE,SAAU,CACV,QFkKF,CE/JA,MAEE,sBFiKF,CE3JA,QACE,YF6JF,CE3JA,gCAGI,+BF4JJ,CEzJA,OACE,qBF2JF,CExJA,OACE,kCF0JF,CE3JA,oBAKI,+BF0JJ,CEvJA,sCAGI,+BFwJJ,CACF,CG7OA,iBC+DE,8BACG,2BACK,qBJuLV,CGhPA,KAEE,yCAA6C,CAD7C,cHmPF,CG/OA,KAKE,sBADA,cAHA,sDACA,eACA,sBHmPF,CG7OA,6BAIE,mBAAoB,CACpB,iBAAkB,CAClB,mBH+OF,CGzOA,EACE,cACA,oBH2OF,CGzOE,gBAEE,cACA,yBH2OJ,CGxOE,QEnDA,yCAA0C,CAC1C,mBL8RF,CGjOA,OACE,QHmOF,CG7NA,IACE,qBH+NF,CG3NA,gBG1EE,cAEA,WAAY,CADZ,cNySF,CG3NA,aACE,iBH6NF,CGvNA,eAGE,sBACA,sBACA,kBG3FA,qBAEA,WAAY,CHsFZ,uBGvFA,cAAe,CHsFf,YCmGA,uCACK,kCACG,8BJ8HV,CGvNA,YACE,iBHyNF,CGnNA,GAGE,QAAS,CACT,6BAFA,mBADA,eHwNF,CG7MA,SAOE,kBAAsB,CACtB,QAAS,CALT,UAAW,CAEX,WAAY,CACZ,eAAgB,CAFhB,SAAU,CAHV,iBAAkB,CAClB,SHqNF,CGvME,mDAOE,SAAU,CAHV,WAAY,CACZ,QAAS,CACT,gBAAiB,CAJjB,eAAgB,CAChB,UH6MJ,CG9LA,cACE,cHgMF,COrVA,0CAKE,cAHA,oBACA,gBACA,ePkWF,COtWA,gPAWI,cAFA,eAAgB,CAChB,aPwXJ,COnXA,qBAIE,mBADA,ePyXF,CO5XA,wHAQI,aPkYJ,CO/XA,qBAIE,mBADA,ePqYF,COxYA,wHAQI,aP8YJ,CO1YA,OAAU,cP8YV,CO7YA,OAAU,cPiZV,COhZA,OAAU,cPoZV,COnZA,OAAU,cPuZV,COtZA,OAAU,cP0ZV,COzZA,OAAU,cP6ZV,COvZA,EACE,ePyZF,COtZA,MAEE,eACA,eAAgB,CAChB,eAAgB,CAHhB,kBP2ZF,COtZE,+BACE,cPyZF,CACF,COjZA,aAEE,aPmZF,COhZA,WAGE,yBADA,YPmZF,CO9YA,WAAuB,ePiZvB,COhZA,YAAuB,gBPmZvB,COlZA,aAAuB,iBPqZvB,COpZA,cAAuB,kBPuZvB,COtZA,aAAuB,kBPyZvB,COtZA,gBAAuB,wBPyZvB,COxZA,gBAAuB,wBP2ZvB,CO1ZA,iBAAuB,yBP6ZvB,CO1ZA,YACE,aP4ZF,CO1ZA,cCvGE,aRogBF,CQngBE,0CAEE,aRqgBJ,CO9ZA,cC1GE,aR2gBF,CQ1gBE,0CAEE,aR4gBJ,COlaA,WC7GE,aRkhBF,CQjhBE,oCAEE,aRmhBJ,COtaA,cChHE,aRyhBF,CQxhBE,0CAEE,aR0hBJ,CO1aA,aCnHE,aRgiBF,CQ/hBE,wCAEE,aRiiBJ,CO1aA,YE1HE,yBF6HA,UP2aF,CSviBE,sCAEE,wBTyiBJ,CO5aA,YEhIE,wBT+iBF,CS9iBE,sCAEE,wBTgjBJ,COhbA,SEnIE,wBTsjBF,CSrjBE,gCAEE,wBTujBJ,COpbA,YEtIE,wBT6jBF,CS5jBE,sCAEE,wBT8jBJ,COxbA,WEzIE,wBTokBF,CSnkBE,oCAEE,wBTqkBJ,COvbA,aAGE,gCADA,mBADA,kBP2bF,COjbA,MAGE,mBADA,YPobF,COtbA,wBAMI,ePsbJ,COzaA,4BAJE,eAAgB,CADhB,cPubF,COlbA,aAEE,gBPgbF,COlbA,gBAKI,oBAAqB,CAErB,gBAAiB,CADjB,iBPibJ,CO3aA,GAEE,mBADA,YP8aF,CO3aA,MAEE,sBP6aF,CO3aA,GACE,eP6aF,CO3aA,GACE,aP6aF,COhaE,2CAII,UAAW,CAFX,UAAW,CGrNf,eAAgB,CHwNZ,gBAAiB,CGvNrB,sBAAuB,CACvB,kBAAmB,CHoNf,WPuaJ,CO1aA,kBASI,iBPoaJ,CACF,CO1ZA,sCAEE,WP4ZF,COzZA,YACE,aAAc,CA9IO,wBP0iBvB,COvZA,WAIE,8BADA,iBADA,gBADA,iBP4ZF,COpZI,0EACE,ePwZN,COlaA,qDAsBI,cAHA,aAAc,CACd,aAAc,CACd,sBPqZJ,COlZI,0EACE,qBPsZN,CO9YA,0CAME,aAAc,CADd,+BAFA,cAAe,CADf,kBAAmB,CAEnB,gBPkZF,CO1YI,gNAAW,UPkZf,COjZI,0MACE,qBPwZN,COlZA,QAEE,iBAAkB,CAClB,uBAFA,kBPsZF,CW5rBA,kBAIE,uDX8rBF,CW1rBA,KAIE,yBACA,kBAFA,aX8rBF,CWxrBA,SAPE,aAAc,CADd,eXwsBF,CWhsBA,IAIE,sBACA,kBACA,0CAHA,UX6rBF,CWhsBA,QAYI,eAAgB,CAFhB,cAAe,CACf,eAAgB,CAFhB,SX6rBJ,CWrrBA,IAQE,oBAAqB,CACrB,yBACA,sBACA,kBALA,cALA,aAAc,CAGd,eACA,uBAFA,gBADA,cAKA,oBX2rBF,CWlsBA,SAmBI,4BAA6B,CAC7B,eAAgB,CAHhB,aAAc,CADd,iBAAkB,CADlB,SAAU,CAGV,oBXwrBJ,CWjrBA,gBACE,iBACA,iBXmrBF,CY7uBA,WCAE,gBAAiB,CADjB,iBAAkB,CADlB,kBADA,kBbsvBF,CYhvBE,oCACE,WZmvBF,CACF,CYlvBE,oCACE,WZqvBF,CACF,CYpvBE,qCACE,YZuvBF,CACF,CY9uBA,iBCpBE,gBAAiB,CADjB,iBAAkB,CADlB,kBADA,kBb2wBF,CY3uBA,KCtBE,kBADA,kBbswBF,CY3uBA,gBAEE,aAAc,CADd,cZ8uBF,CY/uBA,8BAMI,cAAe,CADf,eZ8uBJ,Cc7xBC,4eCmBK,cAAe,CAGf,kBADA,mBAJA,iBfi0BN,Ccl1BC,2HCuCK,UfyzBN,Cch2BC,WC+CG,UfozBJ,Ccn2BC,WC+CG,kBfuzBJ,Cct2BC,WC+CG,kBf0zBJ,Ccz2BC,UC+CG,Sf6zBJ,Cc52BC,UC+CG,kBfg0BJ,Cc/2BC,UC+CG,kBfm0BJ,Ccl3BC,UC+CG,Sfs0BJ,Ccr3BC,UC+CG,kBfy0BJ,Ccx3BC,UC+CG,kBf40BJ,Cc33BC,UC+CG,Sf+0BJ,Cc93BC,UC+CG,kBfk1BJ,Ccj4BC,UC+CG,iBfq1BJ,Ccp4BC,gBC8DG,Ufy0BJ,Ccv4BC,gBC8DG,kBf40BJ,Cc14BC,gBC8DG,kBf+0BJ,Cc74BC,eC8DG,Sfk1BJ,Cch5BC,eC8DG,kBfq1BJ,Ccn5BC,eC8DG,kBfw1BJ,Cct5BC,eC8DG,Sf21BJ,Ccz5BC,eC8DG,kBf81BJ,Cc55BC,eC8DG,kBfi2BJ,Cc/5BC,eC8DG,Sfo2BJ,Ccl6BC,eC8DG,kBfu2BJ,Ccr6BC,eC8DG,iBf02BJ,Ccx6BC,eCmEG,Ufw2BJ,Cc36BC,gBCoDG,Sf03BJ,Cc96BC,gBCoDG,iBf63BJ,Ccj7BC,gBCoDG,iBfg4BJ,Ccp7BC,eCoDG,Qfm4BJ,Ccv7BC,eCoDG,iBfs4BJ,Cc17BC,eCoDG,iBfy4BJ,Cc77BC,eCoDG,Qf44BJ,Cch8BC,eCoDG,iBf+4BJ,Ccn8BC,eCoDG,iBfk5BJ,Cct8BC,eCoDG,Qfq5BJ,Ccz8BC,eCoDG,iBfw5BJ,Cc58BC,eCoDG,gBf25BJ,Cc/8BC,eCyDG,Sfy5BJ,Ccl9BC,kBCwEG,gBf64BJ,Ccr9BC,kBCwEG,wBfg5BJ,Ccx9BC,kBCwEG,wBfm5BJ,Cc39BC,iBCwEG,efs5BJ,Cc99BC,iBCwEG,wBfy5BJ,Ccj+BC,iBCwEG,wBf45BJ,Ccp+BC,iBCwEG,ef+5BJ,Ccv+BC,iBCwEG,wBfk6BJ,Cc1+BC,iBCwEG,wBfq6BJ,Cc7+BC,iBCwEG,efw6BJ,Cch/BC,iBCwEG,wBf26BJ,Ccn/BC,iBCwEG,uBf86BJ,Cct/BC,iBCwEG,afi7BJ,CYh7BA,yBEzEC,2HCuCK,Ufi+BJ,CcxgCD,WC+CG,Uf49BF,Cc3gCD,WC+CG,kBf+9BF,Cc9gCD,WC+CG,kBfk+BF,CcjhCD,UC+CG,Sfq+BF,CcphCD,UC+CG,kBfw+BF,CcvhCD,UC+CG,kBf2+BF,Cc1hCD,UC+CG,Sf8+BF,Cc7hCD,UC+CG,kBfi/BF,CchiCD,UC+CG,kBfo/BF,CcniCD,UC+CG,Sfu/BF,CctiCD,UC+CG,kBf0/BF,CcziCD,UC+CG,iBf6/BF,Cc5iCD,gBC8DG,Ufi/BF,Cc/iCD,gBC8DG,kBfo/BF,CcljCD,gBC8DG,kBfu/BF,CcrjCD,eC8DG,Sf0/BF,CcxjCD,eC8DG,kBf6/BF,Cc3jCD,eC8DG,kBfggCF,Cc9jCD,eC8DG,SfmgCF,CcjkCD,eC8DG,kBfsgCF,CcpkCD,eC8DG,kBfygCF,CcvkCD,eC8DG,Sf4gCF,Cc1kCD,eC8DG,kBf+gCF,Cc7kCD,eC8DG,iBfkhCF,CchlCD,eCmEG,UfghCF,CcnlCD,gBCoDG,SfkiCF,CctlCD,gBCoDG,iBfqiCF,CczlCD,gBCoDG,iBfwiCF,Cc5lCD,eCoDG,Qf2iCF,Cc/lCD,eCoDG,iBf8iCF,CclmCD,eCoDG,iBfijCF,CcrmCD,eCoDG,QfojCF,CcxmCD,eCoDG,iBfujCF,Cc3mCD,eCoDG,iBf0jCF,Cc9mCD,eCoDG,Qf6jCF,CcjnCD,eCoDG,iBfgkCF,CcpnCD,eCoDG,gBfmkCF,CcvnCD,eCyDG,SfikCF,Cc1nCD,kBCwEG,gBfqjCF,Cc7nCD,kBCwEG,wBfwjCF,CchoCD,kBCwEG,wBf2jCF,CcnoCD,iBCwEG,ef8jCF,CctoCD,iBCwEG,wBfikCF,CczoCD,iBCwEG,wBfokCF,Cc5oCD,iBCwEG,efukCF,Cc/oCD,iBCwEG,wBf0kCF,CclpCD,iBCwEG,wBf6kCF,CcrpCD,iBCwEG,efglCF,CcxpCD,iBCwEG,wBfmlCF,Cc3pCD,iBCwEG,uBfslCF,Cc9pCD,iBCwEG,afylCF,CACF,CYhlCA,yBElFC,2HCuCK,Uf0oCJ,CcjrCD,WC+CG,UfqoCF,CcprCD,WC+CG,kBfwoCF,CcvrCD,WC+CG,kBf2oCF,Cc1rCD,UC+CG,Sf8oCF,Cc7rCD,UC+CG,kBfipCF,CchsCD,UC+CG,kBfopCF,CcnsCD,UC+CG,SfupCF,CctsCD,UC+CG,kBf0pCF,CczsCD,UC+CG,kBf6pCF,Cc5sCD,UC+CG,SfgqCF,Cc/sCD,UC+CG,kBfmqCF,CcltCD,UC+CG,iBfsqCF,CcrtCD,gBC8DG,Uf0pCF,CcxtCD,gBC8DG,kBf6pCF,Cc3tCD,gBC8DG,kBfgqCF,Cc9tCD,eC8DG,SfmqCF,CcjuCD,eC8DG,kBfsqCF,CcpuCD,eC8DG,kBfyqCF,CcvuCD,eC8DG,Sf4qCF,Cc1uCD,eC8DG,kBf+qCF,Cc7uCD,eC8DG,kBfkrCF,CchvCD,eC8DG,SfqrCF,CcnvCD,eC8DG,kBfwrCF,CctvCD,eC8DG,iBf2rCF,CczvCD,eCmEG,UfyrCF,Cc5vCD,gBCoDG,Sf2sCF,Cc/vCD,gBCoDG,iBf8sCF,CclwCD,gBCoDG,iBfitCF,CcrwCD,eCoDG,QfotCF,CcxwCD,eCoDG,iBfutCF,Cc3wCD,eCoDG,iBf0tCF,Cc9wCD,eCoDG,Qf6tCF,CcjxCD,eCoDG,iBfguCF,CcpxCD,eCoDG,iBfmuCF,CcvxCD,eCoDG,QfsuCF,Cc1xCD,eCoDG,iBfyuCF,Cc7xCD,eCoDG,gBf4uCF,CchyCD,eCyDG,Sf0uCF,CcnyCD,kBCwEG,gBf8tCF,CctyCD,kBCwEG,wBfiuCF,CczyCD,kBCwEG,wBfouCF,Cc5yCD,iBCwEG,efuuCF,Cc/yCD,iBCwEG,wBf0uCF,CclzCD,iBCwEG,wBf6uCF,CcrzCD,iBCwEG,efgvCF,CcxzCD,iBCwEG,wBfmvCF,Cc3zCD,iBCwEG,wBfsvCF,Cc9zCD,iBCwEG,efyvCF,Ccj0CD,iBCwEG,wBf4vCF,Ccp0CD,iBCwEG,uBf+vCF,Ccv0CD,iBCwEG,afkwCF,CACF,CYhvCA,0BE3FC,2HCuCK,UfmzCJ,Cc11CD,WC+CG,Uf8yCF,Cc71CD,WC+CG,kBfizCF,Cch2CD,WC+CG,kBfozCF,Ccn2CD,UC+CG,SfuzCF,Cct2CD,UC+CG,kBf0zCF,Ccz2CD,UC+CG,kBf6zCF,Cc52CD,UC+CG,Sfg0CF,Cc/2CD,UC+CG,kBfm0CF,Ccl3CD,UC+CG,kBfs0CF,Ccr3CD,UC+CG,Sfy0CF,Ccx3CD,UC+CG,kBf40CF,Cc33CD,UC+CG,iBf+0CF,Cc93CD,gBC8DG,Ufm0CF,Ccj4CD,gBC8DG,kBfs0CF,Ccp4CD,gBC8DG,kBfy0CF,Ccv4CD,eC8DG,Sf40CF,Cc14CD,eC8DG,kBf+0CF,Cc74CD,eC8DG,kBfk1CF,Cch5CD,eC8DG,Sfq1CF,Ccn5CD,eC8DG,kBfw1CF,Cct5CD,eC8DG,kBf21CF,Ccz5CD,eC8DG,Sf81CF,Cc55CD,eC8DG,kBfi2CF,Cc/5CD,eC8DG,iBfo2CF,Ccl6CD,eCmEG,Ufk2CF,Ccr6CD,gBCoDG,Sfo3CF,Ccx6CD,gBCoDG,iBfu3CF,Cc36CD,gBCoDG,iBf03CF,Cc96CD,eCoDG,Qf63CF,Ccj7CD,eCoDG,iBfg4CF,Ccp7CD,eCoDG,iBfm4CF,Ccv7CD,eCoDG,Qfs4CF,Cc17CD,eCoDG,iBfy4CF,Cc77CD,eCoDG,iBf44CF,Cch8CD,eCoDG,Qf+4CF,Ccn8CD,eCoDG,iBfk5CF,Cct8CD,eCoDG,gBfq5CF,Ccz8CD,eCyDG,Sfm5CF,Cc58CD,kBCwEG,gBfu4CF,Cc/8CD,kBCwEG,wBf04CF,Ccl9CD,kBCwEG,wBf64CF,Ccr9CD,iBCwEG,efg5CF,Ccx9CD,iBCwEG,wBfm5CF,Cc39CD,iBCwEG,wBfs5CF,Cc99CD,iBCwEG,efy5CF,Ccj+CD,iBCwEG,wBf45CF,Ccp+CD,iBCwEG,wBf+5CF,Ccv+CD,iBCwEG,efk6CF,Cc1+CD,iBCwEG,wBfq6CF,Cc7+CD,iBCwEG,uBfw6CF,Cch/CD,iBCwEG,af26CF,CACF,CgB7+CA,MACE,4BhB++CF,CgBh/CA,uBASI,oBAAqB,CACrB,UAAW,CAFX,ehB6+CJ,CgBt+CI,4CAEE,kBAAmB,CACnB,UAAW,CAFX,ehB2+CN,CgBp+CA,QAGE,cADA,mBADA,ehBy+CF,CgBn+CA,WAHE,ehBy+CF,CgB/9CA,OAGE,mBADA,cAAe,CADf,UhBm+CF,CgBp+CA,kHAcQ,0BAFA,uBADA,YAEA,kBhBk+CR,CgB/+CA,mBAqBI,6BADA,qBhB+9CJ,CgBn/CA,oPA8BQ,YhB69CR,CgB3/CA,mBAoCI,yBhB09CJ,CgB9/CA,cAyCI,qBhBw9CJ,CgBj9CA,8KAOQ,WhBk9CR,CgBv8CA,wLAQQ,qBhB08CR,CgBl9CA,wDAeM,uBhBu8CN,CgB77CA,yCAEI,wBhB87CJ,CiBlkDE,oVAOI,wBjB4kDN,CiBtkDE,4LAMI,wBjBukDN,CiB1lDE,oUAOI,wBjBimDN,CiB3lDE,iMAMI,wBjB4lDN,CiB/mDE,gSAOI,wBjBsnDN,CiBhnDE,kLAMI,wBjBinDN,CiBpoDE,oUAOI,wBjB2oDN,CiBroDE,iMAMI,wBjBsoDN,CiBzpDE,wTAOI,wBjBgqDN,CiB1pDE,4LAMI,wBjB2pDN,CgBvgDA,kBACE,gBACA,ehBygDF,CgBvgDE,sDAIE,2CAA4C,CAC5C,sBAHA,mBACA,iBAAkB,CAFlB,UhB8gDF,CgB/gDA,yBASI,ehBygDJ,CgBlhDA,8NAkBU,kBhBwgDV,CgB1hDA,kCA0BI,QhBmgDJ,CgB7hDA,4VAmCU,ahBkgDV,CgBriDA,sVAuCU,chBsgDV,CgB7iDA,oOAoDU,ehB+/CV,CACF,CkBztDA,SAME,QAAS,CAFT,WlB2tDF,CkBrtDA,gBAHE,QAAS,CAFT,SlBquDF,CkBhuDA,OASE,gCAFA,cANA,aAAc,CAId,eACA,mBAAoB,CAFpB,mBAFA,UlB8tDF,CkBptDA,MACE,oBAAqB,CAGrB,eAAgB,CADhB,iBAAkB,CADlB,clBwtDF,CkB5sDA,mBAUE,uBAAwB,CACxB,eAAgB,CdkBhB,8BACG,2BACK,qBJorDV,CkBpsDA,uCAIE,kBAAmB,CAFnB,cAAe,CACf,gBlBusDF,CkBhsDE,iMAGE,kBlBqsDJ,CkBjsDA,iBACE,alBmsDF,CkB/rDA,kBACE,aAAc,CACd,UlBisDF,CkB7rDA,8BAEE,WlB+rDF,CkB3rDA,0Eb1FE,yCAA0C,CAC1C,mBL0xDF,CkB1rDA,OAEE,elB+rDF,CkBlqDA,qBA1BE,cAJA,aAAc,CAEd,eACA,sBlB+sDF,CkBprDA,cAQE,sBACA,qBAAsB,CACtB,yBACA,kBd3EA,oDACQ,4CckER,YACA,iBdsDA,6EACK,wEACG,qEc1DR,UlBkrDF,CmBlwDE,oBACE,qBfaF,iFACQ,yEebN,SnBswDJ,CIxtDE,gCACE,WACA,SJ0tDJ,CIxtDE,oCAA0B,UJ2tD5B,CI1tDE,yCAAgC,UJ6tDlC,CkB9qDE,0BACE,4BAA6B,CAC7B,QlBgrDJ,CkBxqDE,iFAGE,yBACA,SlB0qDJ,CkBvqDE,yDAEE,kBlByqDJ,CkBrqDE,sBACE,WlBuqDJ,CkBzpDA,qDAKI,mIACE,gBlB0pDJ,CkBvpDE,kQAEE,gBlB+pDJ,CkB5pDE,kQAEE,gBlBoqDJ,CACF,CkB1pDA,YACE,kBlB4pDF,CkBppDA,iBAGE,aAAc,CAEd,kBAAmB,CADnB,eAAgB,CAFhB,iBlBypDF,CkBnpDE,kHAGI,kBlBspDN,CkBjqDA,6BAoBI,cAAe,CADf,eAAgB,CADhB,eAAgB,CAFhB,gBACA,iBlBwpDJ,CkBlpDA,8HAME,iBAAkB,CADlB,gBAAkB,CADlB,iBlBspDF,CkBjpDA,kCAEE,elBmpDF,CkB/oDA,+BAQE,cAAe,CALf,oBAAqB,CAGrB,eAAgB,CADhB,eAAgB,CADhB,iBAAkB,CAFlB,iBAAkB,CAKlB,qBlBkpDF,CkB9oDE,sHAEE,kBlBkpDJ,CkB/oDA,8DAGE,gBAAiB,CADjB,YlBkpDF,CkBxoDA,qBAME,eAAgB,CALhB,gBAGA,mBADA,elB2oDF,CkBtoDE,4DAGE,cAAe,CADf,elByoDJ,CkB3nDA,UCvPE,kBAFA,eAFA,YAGA,gBAFA,gBnB43DF,CmBv3DE,gBACE,YACA,gBnBy3DJ,CmBt3DE,4CAEE,WnBw3DJ,CkBvoDA,6BAMI,kBAFA,eAFA,YAGA,gBAFA,gBlB2oDJ,CkB9oDA,mCASI,YACA,gBlBwoDJ,CkBlpDA,kFAcI,WlBwoDJ,CkBtpDA,oCAoBI,eAHA,YAIA,gBAHA,gBACA,gBlB0oDJ,CkBpoDA,UCnRE,kBAFA,eAFA,YAGA,sBAFA,iBnBi6DF,CmB55DE,gBACE,YACA,gBnB85DJ,CmB35DE,4CAEE,WnB65DJ,CkBhpDA,6BAMI,kBAFA,eAFA,YAGA,sBAFA,iBlBopDJ,CkBvpDA,mCASI,YACA,gBlBipDJ,CkB3pDA,kFAcI,WlBipDJ,CkB/pDA,oCAoBI,eAHA,YAIA,sBAHA,gBACA,iBlBmpDJ,CkBxoDA,cAEE,iBlByoDF,CkB3oDA,4BAMI,oBlBwoDJ,CkBpoDA,uBAKE,aAAc,CAEd,YACA,iBAEA,mBAAoB,CATpB,iBAAkB,CAElB,OAAQ,CAMR,iBAAkB,CAPlB,KAAM,CAIN,WAFA,SlB4oDF,CkBpoDA,4HAIE,YACA,iBAFA,UlBwoDF,CkBpoDA,4HAIE,YACA,iBAFA,UlBwoDF,CkBloDA,iRClZI,anBgiEJ,CkB9oDA,2BC9YI,qBfiDF,oDACQ,2CJ++DV,CmB/hEI,iCACE,qBf8CJ,oEACQ,2DJo/DV,CkBxpDA,gCCnYI,yBACA,qBAFA,anBiiEJ,CkB7pDA,oCC9XI,anB8hEJ,CkB7pDA,iRCrZI,anB8jEJ,CkBzqDA,2BCjZI,qBfiDF,oDACQ,2CJ6gEV,CmB7jEI,iCACE,qBf8CJ,oEACQ,2DJkhEV,CkBnrDA,gCCtYI,yBACA,qBAFA,anB+jEJ,CkBxrDA,oCCjYI,anB4jEJ,CkBxrDA,6PCxZI,anB4lEJ,CkBpsDA,yBCpZI,qBfiDF,oDACQ,2CJ2iEV,CmB3lEI,+BACE,qBf8CJ,oEACQ,2DJgjEV,CkB9sDA,8BCzYI,yBACA,qBAFA,anB6lEJ,CkBntDA,kCCpYI,anB0lEJ,CkB/sDE,2CACE,QlBitDJ,CkB/sDE,mDACE,KlBitDJ,CkBvsDA,YAIE,cAHA,aAAc,CAEd,kBAAmB,CADnB,clB2sDF,CkBvrDE,kDAGI,oBAAqB,CACrB,eAAgB,CAChB,qBlBwrDJ,CkB7rDA,2BAUI,oBAAqB,CAErB,qBAAsB,CADtB,UlBurDJ,CkBlsDA,kCAiBI,oBlBorDJ,CkBrsDA,0BAqBI,oBAAqB,CACrB,qBlBmrDJ,CkBzsDA,gIA2BM,UlBmrDN,CkB9sDA,wCAiCI,UlBgrDJ,CkBjtDA,4BAqCI,eAAgB,CAChB,qBlB+qDJ,CkBrtDA,2CA6CI,oBAAqB,CAErB,eAAgB,CADhB,YAAa,CAEb,qBlB4qDJ,CkB5tDA,uDAmDM,clB6qDN,CkBhuDA,kFAyDI,aAAc,CADd,iBlB6qDJ,CkBruDA,kDA8DI,KlB0qDJ,CACF,CkBhqDA,oHAWI,eAAgB,CADhB,YAAa,CADb,elB+pDJ,CkBxqDA,mDAiBI,elB2pDJ,CkB5qDA,6BL7gBE,kBADA,kBb8rEF,CkBrpDE,yDAGI,eAAgB,CADhB,gBAEA,gBlBupDJ,CACF,CkBvrDA,sDAwCI,UlBkpDJ,CkB1oDI,wEAGI,eADA,gBlB6oDN,CkBvoDE,+CAGI,eADA,elB2oDN,CALF,CoBntEA,KASE,qBAAsB,CACtB,4BAA6B,CCuC7B,kBDzCA,cAAe,CAPf,oBAAqB,CC8CrB,eD5CA,gBC6CA,uBD9CA,eAAgB,CC4ChB,iBD1CA,iBAAkB,CAGlB,yBAA0B,ChB+M1B,yBACG,sBACC,qBACI,iBgBnNR,qBAAsB,CADtB,kBpBwuEF,CoB5tEI,8FfrBF,yCAA0C,CAC1C,mBLyvEF,CoB/tEE,iCAGE,cACA,oBpBiuEJ,CoB9tEE,wBAEE,qBAAsB,ChB4BxB,oDACQ,4CgB5BN,SpBkuEJ,CoB9tEE,qDhBuBA,wBACQ,gBgBrBN,mBE9CF,yBACA,WtBixEF,CoB9tEI,wCAEE,mBpBguEN,CoBvtEA,aC5DE,yBACA,kBAFA,arByxEF,CqBrxEE,sCAGE,yBACA,qBAFA,arByxEJ,CqBrxEE,mBAEE,yBACA,qBAFA,arByxEJ,CqBrxEE,2EAIE,yBACA,qBAAsB,CACtB,qBAHA,arB0xEJ,CqBrxEI,uRAIE,yBACA,qBAFA,arB+xEN,CqBvxEI,6RAGE,yBACA,iBrB+xEN,CoBxwEA,oBCjBI,yBADA,arB8xEJ,CoBzwEA,aC/DE,yBACA,qBAFA,UrB80EF,CqB10EE,sCAGE,yBACA,qBAFA,UrB80EJ,CqB10EE,mBAEE,yBACA,qBAFA,UrB80EJ,CqB10EE,2EAIE,yBACA,qBAAsB,CACtB,qBAHA,UrB+0EJ,CqB10EI,uRAIE,yBACA,qBAFA,UrBo1EN,CqB50EI,6RAGE,yBACA,oBrBo1EN,CoB1zEA,oBCpBI,sBADA,arBm1EJ,CoB1zEA,aCnEE,yBACA,qBAFA,UrBm4EF,CqB/3EE,sCAGE,yBACA,qBAFA,UrBm4EJ,CqB/3EE,mBAEE,yBACA,qBAFA,UrBm4EJ,CqB/3EE,2EAIE,yBACA,qBAAsB,CACtB,qBAHA,UrBo4EJ,CqB/3EI,uRAIE,yBACA,qBAFA,UrBy4EN,CqBj4EI,6RAGE,yBACA,oBrBy4EN,CoB32EA,oBCxBI,sBADA,arBw4EJ,CoB32EA,UCvEE,yBACA,qBAFA,UrBw7EF,CqBp7EE,gCAGE,yBACA,qBAFA,UrBw7EJ,CqBp7EE,gBAEE,yBACA,qBAFA,UrBw7EJ,CqBp7EE,kEAIE,yBACA,qBAAsB,CACtB,qBAHA,UrBy7EJ,CqBp7EI,4PAIE,yBACA,qBAFA,UrB87EN,CqBt7EI,kQAGE,yBACA,oBrB87EN,CoB55EA,iBC5BI,sBADA,arB67EJ,CoB55EA,aC3EE,yBACA,qBAFA,UrB6+EF,CqBz+EE,sCAGE,yBACA,kBAFA,UrB6+EJ,CqBz+EE,mBAEE,yBACA,qBAFA,UrB6+EJ,CqBz+EE,2EAIE,yBACA,qBAAsB,CACtB,qBAHA,UrB8+EJ,CqBz+EI,uRAIE,yBACA,kBAFA,UrBm/EN,CqB3+EI,6RAGE,yBACA,oBrBm/EN,CoB78EA,oBChCI,sBADA,arBk/EJ,CoB78EA,YC/EE,yBACA,qBAFA,UrBkiFF,CqB9hFE,oCAGE,yBACA,qBAFA,UrBkiFJ,CqB9hFE,kBAEE,yBACA,qBAFA,UrBkiFJ,CqB9hFE,wEAIE,yBACA,qBAAsB,CACtB,qBAHA,UrBmiFJ,CqB9hFI,8QAIE,yBACA,qBAFA,UrBwiFN,CqBhiFI,oRAGE,yBACA,oBrBwiFN,CoB9/EA,mBCpCI,sBADA,arBuiFJ,CoBz/EA,UAGE,eAAgB,CADhB,cADA,epB6/EF,CoBz/EE,6FAKE,4BAA6B,ChBnC/B,wBACQ,eJ+hFV,CoB1/EE,2DAIE,wBpB4/EJ,CoB1/EE,gCAIE,4BAA6B,CAF7B,cACA,yBpB6/EJ,CoBx/EI,0HAEE,cACA,oBpB4/EN,CoBn/EA,2BC3EE,kBAFA,eACA,sBAFA,iBrBwkFF,CoBt/EA,2BC/EE,kBAFA,eACA,gBAFA,gBrB+kFF,CoBz/EA,2BCnFE,kBAFA,eACA,gBAFA,erBslFF,CoBx/EA,WACE,aAAc,CACd,UpB0/EF,CoBt/EA,sBACE,cpBw/EF,CoBj/EE,sFACE,UpBq/EJ,CuB/oFA,MACE,SAAU,CnBoLV,uCACK,kCACG,8BJ89EV,CuBjpFE,SACE,SvBmpFJ,CuB/oFA,UACE,YvBipFF,CuB/oFE,aAAY,avBkpFd,CuBjpFE,eAAY,iBvBopFd,CuBnpFE,kBAAY,uBvBspFd,CuBnpFA,YAEE,QAAS,CACT,eAAgB,CAFhB,iBAAkB,CnBgLlB,iCACQ,yBATR,8CACQ,sCAWR,wCACQ,+BJw+EV,CwBprFA,OASE,kCADA,mCAFA,sBACA,uBANA,oBAAqB,CAErB,QAAS,CACT,eAAgB,CAChB,qBAAsB,CAHtB,OxB6rFF,CwBlrFA,kBAEE,iBxBorFF,CwBhrFA,uBACE,SxBkrFF,CwB9qFA,eAcE,2BAA4B,CAD5B,sBAEA,sBACA,iCACA,kBpBuBA,+CACQ,uCoBpCR,YAAa,CACb,UAAW,CAIX,eAPA,MAAO,CASP,eAAgB,CAHhB,cAAe,CAFf,eAAgB,CAChB,aAAc,CAPd,iBAAkB,CAUlB,eAAgB,CAThB,QAAS,CAET,YxB+rFF,CwB5qFE,0BAEE,SAAU,CADV,OxB+qFJ,CwBvsFA,wBCtBE,yBAHA,UAAW,CACX,aACA,ezBouFF,CwB7sFA,oBAqCI,UAAW,CAGX,cALA,aAAc,CAGd,eAAgB,CAChB,uBAHA,gBAAiB,CAKjB,kBxB6qFJ,CwB3qFI,oDAIE,yBAFA,cACA,oBxB8qFN,CwBtqFE,uFAKE,yBAFA,WAGA,SAAU,CAFV,oBxB0qFJ,CwB/pFE,6FAGE,axBiqFJ,CwB7pFE,kEAIE,4BAA6B,CAC7B,qBAAsB,CAFtB,mBEvGF,mEFsGE,oBxBmqFJ,CwB1pFA,qBAGI,axB0pFJ,CwB7pFA,QAQI,SxBwpFJ,CwBhpFA,qBAEE,SAAU,CADV,OxBmpFF,CwB1oFA,oBAEE,MAAO,CADP,UxB6oFF,CwBxoFA,iBAKE,cAJA,aAAc,CAEd,eACA,uBAFA,gBAAiB,CAIjB,kBxB0oFF,CwBtoFA,mBAIE,QAAS,CACT,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,WxBwoFF,CwBpoFA,2BAEE,SAAU,CADV,OxBuoFF,CwB9nFA,qDAMI,yBACA,0BAFA,YAAa,CADb,UxBioFJ,CwBroFA,qEAYI,WAAY,CACZ,iBAAkB,CAFlB,QxBgoFJ,CwBrnFA,yBACE,6BAnEA,SAAU,CADV,OxB6rFA,CwBznFA,kCAzDA,MAAO,CADP,UxBurFA,CACF,C2B9zFA,KAGE,eAAgB,CADhB,eAAgB,CADhB,c3Bk0FF,C2Bn0FA,kBAQI,aAAc,CADd,iB3Bq0FJ,C2B50FA,UAaM,iB3B+zFN,C2B9zFM,gCAGE,yBADA,oB3Bi0FR,C2B3zFI,mBACE,a3B6zFN,C2B3zFM,kDAKE,4BAA6B,CAH7B,cAEA,mBADA,oB3B+zFR,C2BtzFI,mDAGE,yBACA,oB3BwzFN,C2Bj2FA,kBFFE,yBAHA,UAAW,CACX,aACA,ezB02FF,C2Bv2FA,cA0DI,c3BgzFJ,C2BvyFA,UACE,4B3ByyFF,C2B1yFA,aAGI,UAAW,CAEX,kB3ByyFJ,C2B9yFA,eAWM,4BAA6B,CAC7B,0BAFA,uBADA,gB3B2yFN,C2BvyFM,qBACE,iC3ByyFR,C2BnyFM,8EAKE,sBAEA,gBAAgC,CAAhC,kCAAgC,CAJhC,cACA,c3BwyFR,C2BhyFE,wBAmFA,eAAgB,CA9BhB,U3B+uFF,C2BpyFE,2BAwDE,U3B+uFJ,C2BvyFE,6BA0DI,iBAAkB,CAClB,iB3BgvFN,C2B3yFE,iDAiEE,SAAU,CADV,Q3B+uFJ,C2B3uFE,oDAEI,kBAAmB,CACnB,Q3B6uFJ,C2BhvFA,6BAKM,e3B8uFN,CACF,C2BxzFE,6BAwFE,kBADA,c3BquFJ,C2B5zFE,kHA8FE,qB3BmuFJ,C2BhuFE,sDAEI,6BACA,yB3BkuFJ,C2BruFA,kHAQI,wB3BkuFJ,CACF,C2Bn0FA,cAEI,U3Bo0FJ,C2Bt0FA,gBAMM,iB3Bm0FN,C2Bz0FA,iBASM,e3Bm0FN,C2B9zFM,iFAIE,yBADA,U3Bi0FR,C2BxzFA,gBAEI,U3ByzFJ,C2B3zFA,mBAKM,aAAc,CADd,c3B2zFN,C2B9yFA,eACE,U3BgzFF,C2BjzFA,kBAII,U3BgzFJ,C2BpzFA,oBAMM,iBAAkB,CAClB,iB3BizFN,C2BxzFA,wCAaI,SAAU,CADV,Q3BgzFJ,C2B5yFE,2CAEI,kBAAmB,CACnB,Q3B8yFJ,C2BjzFA,oBAKM,e3B+yFN,CACF,C2BvyFA,oBACE,e3ByyFF,C2B1yFA,yBAMI,kBADA,c3ByyFJ,C2B9yFA,sGAYI,qB3BuyFJ,C2BpyFE,kDAEI,6BACA,yB3BsyFJ,C2BzyFA,sGAQI,wB3BsyFJ,CACF,C2B7xFA,uBAEI,Y3B8xFJ,C2BhyFA,qBAKI,a3B8xFJ,C2BrxFA,yBC3OE,yBACA,0BD4OA,e3BwxFF,C6BngGA,YAIE,yBACA,kBAFA,eAAgB,CADhB,mBADA,gB7BygGF,C6B1gGA,eAQI,oB7BqgGJ,C6B7gGA,yBAYM,WACA,iBAFA,a7BugGN,C6BlhGA,oBAkBI,a7BmgGJ,C8BlhGA,OAGE,4BAA6B,CAC7B,kBAFA,mBADA,Y9BuhGF,C8BxhGA,UASI,aAAc,CADd,Y9BohGJ,C8B5hGA,mBAcI,e9BihGJ,C8B/hGA,mBAoBI,e9B+gGJ,C8BniGA,WAwBI,c9B8gGJ,C8BrgGA,sCAEE,kB9BugGF,C8BzgGA,oDASI,aAAc,CAHd,iBAAkB,CAElB,WAAY,CADZ,Q9BygGJ,C8B//FA,eCtDE,yBACA,qBAFA,U/B2jGF,C8BpgGA,kBClDI,wB/ByjGJ,C8BvgGA,2BC9CI,a/BwjGJ,C8BtgGA,YC1DE,yBACA,qBAFA,U/BskGF,C8B3gGA,eCtDI,wB/BokGJ,C8B9gGA,wBClDI,a/BmkGJ,C8B7gGA,eC9DE,yBACA,qBAFA,U/BilGF,C8BlhGA,kBC1DI,wB/B+kGJ,C8BrhGA,2BCtDI,a/B8kGJ,C8BphGA,cClEE,yBACA,qBAFA,U/B4lGF,C8BzhGA,iBC9DI,wB/B0lGJ,C8B5hGA,0BC1DI,a/BylGJ,CgCjmGA,OAUE,oBAJA,WALA,cAAe,CAEf,aAAc,CACd,eAAgB,CAChB,aAAc,CAHd,uBAKA,iBAAkB,CAElB,uBAAwB,CADxB,kBhCqmGF,CgC/lGI,4BAEE,WAEA,cAAe,CADf,oBhCkmGN,CgC5lGE,aACE,YhC8lGJ,CgC1lGE,YACE,iBAAkB,CAClB,QhC4lGJ,CgCrlGA,eCtCE,wBjC8nGF,CiC3nGI,sDAEE,wBjC6nGN,CgCxlGA,eC1CE,wBjCqoGF,CiCloGI,sDAEE,wBjCooGN,CgC3lGA,eC9CE,wBjC4oGF,CiCzoGI,sDAEE,wBjC2oGN,CgC9lGA,YClDE,wBjCmpGF,CiChpGI,gDAEE,wBjCkpGN,CgCjmGA,eCtDE,wBjC0pGF,CiCvpGI,sDAEE,wBjCypGN,CgCpmGA,cC1DE,wBjCiqGF,CiC9pGI,oDAEE,wBjCgqGN,CkC7pGA,wCACE,GAAQ,0BlCgqGR,CkC/pGA,GAAQ,uBlCkqGR,CACF,CkC/pGA,gCACE,GAAQ,0BlCkqGR,CkCjqGA,GAAQ,uBlCoqGR,CACF,CkC7pGA,UAIE,yBACA,kB9BsCA,kDACQ,0C8B3CR,YACA,mBACA,elCmqGF,CkC5pGA,cAQE,yB9ByBA,kDACQ,0C8B5BR,WALA,UAAW,CAGX,eADA,WAAY,CAEZ,iBAEA,iBAAkB,C9BoJlB,kCACK,6BACG,0B8B3JR,OlCyqGF,CkCzpGA,sDCDI,8KACA,+KACA,sKDEF,yBlC6pGF,CkCtpGA,oD9B5CE,0DACK,qDACG,iDJssGV,CkCnpGA,sBEvEE,wBpC6tGF,CoC1tGE,wCDgDE,8KACA,+KACA,qKnC6qGJ,CkCvpGA,mBE3EE,wBpCquGF,CoCluGE,qCDgDE,8KACA,+KACA,qKnCqrGJ,CkC3pGA,sBE/EE,wBpC6uGF,CoC1uGE,wCDgDE,8KACA,+KACA,qKnC6rGJ,CkC/pGA,qBEnFE,wBpCqvGF,CoClvGE,uCDgDE,8KACA,+KACA,qKnCqsGJ,CqCtvGA,+BAGE,oBAAqB,CADrB,iBAAkB,CAElB,qBrCwvGF,CqC5vGA,yCAOI,UAAW,CADX,iBrC2vGJ,CqCxvGI,wNAIE,SrC8vGN,CqCxvGA,4GAKI,gBrCyvGJ,CqCpvGA,aACE,gBrCsvGF,CqCvvGA,oEAOI,UrCqvGJ,CqC5vGA,oEAYI,erCqvGJ,CqCjvGA,yEACE,erCmvGF,CqC/uGA,4BACE,arCivGF,CqChvGE,mETnDA,6BADA,yB5BwyGF,CqC/uGA,2FThDE,4BADA,wB5BqyGF,CqC9uGA,sBACE,UrCgvGF,CqC9uGA,8DACE,erCgvGF,CqC9uGA,uITpEE,6BADA,yB5BwzGF,CqC7uGA,oETlEE,4BADA,wB5BozGF,CqC5uGA,oEAEE,SrC8uGF,CqC7tGA,iCAEE,gBAAiB,CADjB,iBrCguGF,CqC7tGA,oCAEE,iBAAkB,CADlB,kBrCguGF,CqC1tGA,iCjC/CE,oDACQ,2CJ4wGV,CqC1tGE,0CjCnDA,wBACQ,eJgxGV,CqCvtGA,YACE,arCytGF,CqCttGA,eAEE,sBrCwtGF,CqCrtGA,uBACE,sBrCutGF,CqChtGA,4FAII,aAAc,CACd,UAAW,CAEX,cAAe,CADf,UrCktGJ,CqCxtGA,oCAcM,UrC6sGN,CqC3tGA,gJAuBI,aAAc,CADd,erC4sGJ,CqCtsGE,4DACE,erCwsGJ,CqCtsGE,sDTpKA,4BADA,6BARA,2BACA,2B5Bw3GF,CqCxsGE,sDTxKA,8BADA,+BARA,yBACA,yB5B83GF,CqCzsGA,uEACE,erC2sGF,CqCzsGA,yJThLE,4BADA,4B5B+3GF,CqCxsGA,6ET/LE,yBACA,yB5B04GF,CqCpsGA,qBAIE,wBAAyB,CAHzB,aAAc,CAEd,kBAAmB,CADnB,UrCwsGF,CqC1sGA,0DAOI,kBAAmB,CACnB,UAAW,CACX,QrCusGJ,CqChtGA,qCAYI,UrCusGJ,CqCntGA,+CAgBI,SrCssGJ,CqCrrGA,gNAMM,kBAAsB,CACtB,mBAAoB,CAFpB,iBrCwrGN,CsCh6GA,aAGE,wBAAyB,CADzB,aAAc,CADd,iBtCo6GF,CsC/5GE,0BACE,UAAW,CAEX,cAAe,CADf,etCk6GJ,CsC16GA,2BAqBI,UAAW,CAGX,eAAgB,CAThB,iBAAkB,CAQlB,UAAW,CAPX,StCi6GJ,CsCv5GI,iCACE,StCy5GN,CsC/4GA,uGnB4BE,kBAFA,eAFA,YAGA,sBAFA,iBnB+3GF,CmB13GE,yHACE,YACA,gBnB83GJ,CmB33GE,sRAEE,WnBi4GJ,CsCj6GA,uGnBuBE,kBAFA,eAFA,YAGA,gBAFA,gBnBs5GF,CmBj5GE,yHACE,YACA,gBnBq5GJ,CmBl5GE,sRAEE,WnBw5GJ,CsC/6GA,+DAGE,kBtCi7GF,CsC/6GE,wKACE,etCm7GJ,CsC/6GA,oCAIE,qBAAsB,CADtB,kBAAmB,CADnB,QtCm7GF,CsC56GA,mBAOE,yBACA,yBACA,kBAJA,cAHA,eACA,eAAgB,CAChB,aAAc,CAHd,iBAKA,iBtCi7GF,CsC36GE,4BAGE,kBADA,eADA,gBtC+6GJ,CsC36GE,4BAGE,kBADA,eADA,iBtC+6GJ,CsCj8GA,6EA0BI,YtC26GJ,CsCt6GA,wUVrGE,6BADA,yB5BshHF,CsCv6GA,+BACE,ctCy6GF,CsCv6GA,iTVzGE,4BADA,wB5B2hHF,CsCx6GA,8BACE,atC06GF,CsCr6GA,iBAIE,WAAY,CACZ,kBtCq6GF,CsC16GA,uCACE,iBtC46GF,CsC76GA,2BAYM,gBtCo6GN,CsCj6GI,qFAGE,StCm6GN,CsC95GE,0EAGI,iBtC+5GN,CsC55GE,wEAII,gBAAiB,CADjB,StC85GN,CuCtkHA,OAEE,evCukHF,CuCrkHE,mBACE,YvCukHJ,CuCnkHA,mBAGE,MAAO,CADP,evCskHF,CuClkHA,YACE,avCokHF,CuCjkHA,cACE,avCmkHF,CuChkHE,4BACE,cvCkkHJ,CuC9jHA,gCAEE,iBvCgkHF,CuC7jHA,8BAEE,kBvC+jHF,CuC5jHA,qCAGE,kBAAmB,CACnB,kBvC8jHF,CuC3jHA,cACE,qBvC6jHF,CuC1jHA,cACE,qBvC4jHF,CuCxjHA,eAEE,iBAAkB,CADlB,YvC2jHF,CuCpjHA,YAEE,eAAgB,CADhB,cvCujHF,CwC3mHA,YAGE,kBAAmB,CADnB,cxC6mHF,CwCpmHA,iBAME,sBACA,yBALA,aAAc,CAGd,kBAAmB,CAFnB,iBAAkB,CAFlB,iBxC2mHF,CwClmHE,6BZ7BA,2BACA,2B5BkoHF,CwCnmHE,4BZvBA,8BADA,+BYyBE,exCumHJ,CwClmHE,0FAKE,yBAFA,cACA,kBxCqmHJ,CwCzmHE,qKASI,axCqmHN,CwC9mHE,4JAYI,axCumHN,CwClmHE,oFAKE,sBACA,qBAFA,cADA,SxCumHJ,CwC1mHE,ogBAYI,axCymHN,CwCrnHE,sJAeI,UxC2mHN,CwChmHA,yCAEE,axCkmHF,CwCpmHA,2FAKI,UxCmmHJ,CwC/lHE,0GAIE,sBAFA,cACA,oBxComHJ,CwC/lHA,uBAEE,eAAgB,CADhB,UxCkmHF,CcxsHC,yB2BKG,yBADA,azCwsHJ,CyCrsHI,yDAEE,azCusHN,CyCzsHI,2GAKI,azCwsHR,CyCrsHM,0IAGE,yBADA,azC0sHR,CyCvsHM,6OAIE,yBACA,qBAFA,UzC8sHR,CcruHC,sB2BKG,yBADA,azCquHJ,CyCluHI,mDAEE,azCouHN,CyCtuHI,qGAKI,azCquHR,CyCluHM,8HAGE,yBADA,azCuuHR,CyCpuHM,2NAIE,yBACA,qBAFA,UzC2uHR,CclwHC,yB2BKG,yBADA,azCkwHJ,CyC/vHI,yDAEE,azCiwHN,CyCnwHI,2GAKI,azCkwHR,CyC/vHM,0IAGE,yBADA,azCowHR,CyCjwHM,6OAIE,yBACA,qBAFA,UzCwwHR,Cc/xHC,wB2BKG,yBADA,azC+xHJ,CyC5xHI,uDAEE,azC8xHN,CyChyHI,yGAKI,azC+xHR,CyC5xHM,sIAGE,yBADA,azCiyHR,CyC9xHM,uOAIE,yBACA,qBAFA,UzCqyHR,CwClsHA,yBAEE,iBAAkB,CADlB,YxCqsHF,CwClsHA,sBAEE,eAAgB,CADhB,exCqsHF,C0C5zHA,OAEE,sBACA,4BAA6B,CtC2D7B,6CACQ,qCsC9DR,kB1Cm0HF,C0C3zHA,YACE,Y1C6zHF,C0CxzHA,eAEE,mCAAoC,CdtBpC,2BACA,4BcoBA,iB1C6zHF,C0CnzHA,uDALI,a1Ci0HJ,C0C5zHA,aAGE,eADA,eAAgB,CADhB,Y1C2zHF,C0C5zHA,iGAWI,a1CwzHJ,C0CnzHA,cAEE,sBdxCA,8BADA,+Bc0CA,6BAFA,iB1CyzHF,C0C7yHA,sDAGI,e1C8yHJ,C0CjzHA,wFAOM,eAAgB,CADhB,kB1CgzHN,C0C3yHI,wIAEI,YAAa,CdzEnB,2BACA,2B5Bu3HF,C0CzyHI,oIAEI,eAAgB,CdxEtB,8BADA,8B5Bs3HF,C0Cl0HA,+Ed5DE,yBACA,yB5Bi4HF,C0ChyHA,kFACE,kB1CqyHF,C0C7xHA,4EAII,e1C8xHJ,C0ClyHA,oGAQM,kBADA,kB1CiyHN,C0CxyHA,0XAmBQ,2BACA,2B1CgyHR,C0CpzHA,wsBAwBU,0B1CsyHV,C0C9zHA,gsBA4BU,2B1C4yHV,C0Cx0HA,yWA0CQ,8BADA,8B1C2yHR,C0Cp1HA,4qBA8CU,6B1CgzHV,C0C91HA,oqBAkDU,8B1CszHV,C0Cx2HA,8HA2DI,yB1CmzHJ,C0C92HA,oGA+DI,Y1CmzHJ,C0Cl3HA,gEAmEI,Q1CmzHJ,C0Ct3HA,gqBA0EU,a1C0zHV,C0Cp4HA,opBA8EU,c1Co0HV,C0Cl5HA,w3BAgGU,e1Cs0HV,C0Ct6HA,yBAuGI,QAAS,CADT,e1Co0HJ,C0CzzHA,aACE,kB1C2zHF,C0C5zHA,oBAMI,kBADA,e1C2zHJ,C0Ch0HA,2BASM,c1C0zHN,C0Cn0HA,4BAcI,e1CwzHJ,C0Ct0HA,gHAkBM,4B1CwzHN,C0C10HA,2BAuBI,Y1CszHJ,C0C70HA,uDAyBM,+B1CuzHN,C0ChzHA,eC5PE,iB3C+iIF,C2C7iIE,8BAEE,sBACA,kBAFA,a3CijIJ,C2CljIE,0DAMI,qB3C+iIN,C2CrjIE,qCAUI,yBADA,U3CgjIN,C2C5iIE,yDAEI,wB3C6iIN,C0C/zHA,eC/PE,oB3CikIF,C2C/jIE,8BAEE,yBACA,qBAFA,U3CmkIJ,C2CpkIE,0DAMI,wB3CikIN,C2CvkIE,qCAUI,sBADA,a3CkkIN,C2C9jIE,yDAEI,2B3C+jIN,C0C90HA,eClQE,oB3CmlIF,C2CjlIE,8BAEE,yBACA,qBAFA,a3CqlIJ,C2CtlIE,0DAMI,wB3CmlIN,C2CzlIE,qCAUI,yBADA,a3ColIN,C2ChlIE,yDAEI,2B3CilIN,C0C71HA,YCrQE,oB3CqmIF,C2CnmIE,2BAEE,yBACA,qBAFA,a3CumIJ,C2CxmIE,uDAMI,wB3CqmIN,C2C3mIE,kCAUI,yBADA,a3CsmIN,C2ClmIE,sDAEI,2B3CmmIN,C0C52HA,eCxQE,oB3CunIF,C2CrnIE,8BAEE,yBACA,qBAFA,a3CynIJ,C2C1nIE,0DAMI,wB3CunIN,C2C7nIE,qCAUI,yBADA,a3CwnIN,C2CpnIE,yDAEI,2B3CqnIN,C0C33HA,cC3QE,oB3CyoIF,C2CvoIE,6BAEE,yBACA,qBAFA,a3C2oIJ,C2C5oIE,yDAMI,wB3CyoIN,C2C/oIE,oCAUI,yBADA,a3C0oIN,C2CtoIE,wDAEI,2B3CuoIN,C4CtpIA,OAIE,eAAgB,CAFhB,cADA,cAAe,CAEf,iB5CypIF,C4C5pIA,UAOI,c5CwpIJ,C4C/pIA,2BAYM,sBACA,sBACA,mBAJA,oBAAqB,CACrB,gB5C4pIN,C4CvqIA,oCAoBM,yBADA,oB5CypIN,C4C5qIA,iCA2BM,W5CqpIN,C4ChrIA,yCAkCM,U5CkpIN,C4CprIA,2FA6CM,sBAFA,cACA,kB5CgpIN,C6C9rIA,YAIE,kBAHA,oBAAqB,CAErB,cADA,c7CksIF,C6CpsIA,eAOI,c7CgsIJ,C6CvsIA,qCAiBM,sBACA,sBAHA,cAJA,UAAW,CAGX,uBADA,gBAAiB,CADjB,iBAFA,iBAAkB,CAMlB,oB7CmsIN,C6C/rIM,kGAIE,yBACA,kBAFA,cADA,S7CssIR,C6ChsII,6DjBfF,8BADA,2BiBmBM,a7CmsIR,C6C/rII,2DjB9BF,+BADA,2B5BmuIF,C6C1rII,qKAME,yBACA,qBAHA,WACA,cAAe,CAFf,S7CmsIN,C6CnvIA,iLAiEM,sBACA,kBAHA,cACA,kB7C8rIN,C6CnrIA,2CCvEM,eACA,sBAFA,iB9CiwIN,C8C7vII,mElBMF,8BADA,0B5B6vIF,C8C5vII,iElBRF,+BADA,2B5B0wIF,C6C9rIA,2CC5EM,eACA,gBAFA,gB9CixIN,C8C7wII,mElBMF,8BADA,0B5B6wIF,C8C5wII,iElBRF,+BADA,2B5B0xIF,C+C7xIA,kBAEE,aAAc,CACd,QAAS,CAET,eAAgB,CADhB,SAAU,CAHV,iB/CmyIF,C+CpyIA,2IAkBI,QAAS,CAJT,QAAS,CAGT,WAAY,CAFZ,MAAO,CAHP,iBAAkB,CAClB,KAAM,CAGN,U/CiyIJ,C+C1xIA,wBACE,qB/C4xIF,C+CxxIA,uBACE,kB/C0xIF,CgDrzIA,MAIE,sBAEA,kB5C0DA,mDACQ,2C4C9DR,kBAAmB,CAFnB,eAAgB,CAChB,YhD6zIF,CgD/zIA,iBASI,iBAAkB,CAClB,4BhDyzIJ,CgDpzIA,SAEE,kBADA,YhDuzIF,CgDpzIA,SAEE,kBADA,WhDuzIF,CiD10IA,OAKE,W3BRA,yB2BIA,WAAY,CACZ,eACA,gBACA,aAAc,C3BNd,W2BQA,wBjD80IF,CiD30IE,0BAEE,WAEA,cAAe,C3BhBjB,yBACA,W2BcE,oBjDg1IJ,CiDv0IE,aAKE,uBAAwB,CACxB,eAAgB,CAHhB,sBAAuB,CACvB,QAAS,CAFT,cAAe,CADf,SjD80IJ,CkDr2IA,OAWE,yBACA,mBALA,WANA,oBAAqB,CAGrB,eACA,gBACA,cAJA,cAAe,CACf,eAAgB,CAKhB,iBAAkB,CAElB,qBAAsB,CADtB,kBlD02IF,CkDp2IE,aACE,YlDs2IJ,CkDl2IE,YACE,iBAAkB,CAClB,QlDo2IJ,CkDj2IE,yCAGE,eAAgB,CADhB,KlDo2IJ,CkD91II,4BAEE,WAEA,cAAe,CADf,oBlDi2IN,CkD31IE,2DAGE,sBADA,alD81IJ,CkD11IE,wBACE,WlD41IJ,CkDz1IE,+BACE,gBlD21IJ,CkDx1IE,uBACE,elD01IJ,CmD14IA,mBAJE,enD65IF,CmDz5IA,OASE,gCAAiC,CALjC,QAAS,CAGT,YAAa,CAFb,MAAO,CAQP,SAAU,CAZV,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,YnDm5IF,CmDz4IE,0B/CiHA,mCACI,+BACC,8BACG,2BAkER,kDACG,4CACE,wCACG,iCJ0tIV,CmD/4IE,wB/C6GA,+BACI,2BACC,0BACG,sBJqyIV,CmDn5IA,mBACE,iBAAkB,CAClB,enDq5IF,CmDj5IA,cAGE,WAAY,CAFZ,iBAAkB,CAClB,UnDo5IF,CmD/4IA,eAGE,2BAA4B,CAD5B,sBAEA,sBACA,gCACA,kB/CcA,4CACQ,oC+CZR,SAAU,CARV,iBnDy5IF,CmD74IA,gBAOE,yBAHA,QAAS,CACT,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,YnDg5IF,CmD74IE,qB7BpEA,wBACA,StBo9IF,CmDh5IE,mB7BrEA,yBACA,UtBw9IF,CmD/4IA,cAEE,gCADA,YnDk5IF,CmD74IA,qBACE,enD+4IF,CmD34IA,aAEE,uBADA,QnD84IF,CmDx4IA,YAEE,aADA,iBnD24IF,CmDt4IA,cAGE,6BAFA,aACA,gBnDy4IF,CmD34IA,wBAQI,eAAgB,CAChB,enDs4IJ,CmD/4IA,mCAaI,gBnDq4IJ,CmDl5IA,oCAiBI,anDo4IJ,CmD/3IA,yBAIE,WAAY,CACZ,eAAgB,CAJhB,iBAAkB,CAClB,WAAY,CACZ,UnDm4IF,CmD73IA,yBAEE,cAEE,gBAAiB,CADjB,WnD+3IF,CmD53IA,e/CrEA,6CACQ,oCJo8IR,CmD33IA,UAAY,WnD83IZ,CACF,CmD53IA,yBACE,UAAY,WnD+3IZ,CACF,CoDvgJE,8kBAGE,WAAY,CADZ,apDoiJJ,CoDjiJE,gSACE,UpDgjJJ,CqDtjJA,cCVE,aAAc,CAEd,gBAAiB,CADjB,iBtDokJF,CqDxjJA,YACE,qBrD0jJF,CqDxjJA,WACE,oBrD0jJF,CqDljJA,MACE,sBrDojJF,CqDljJA,MACE,uBrDojJF,CqDljJA,WACE,iBrDojJF,CqDljJA,WEtBE,4BAA6B,CAC7B,QAAS,CAHT,iBAAkB,CADlB,WAEA,gBvDglJF,CqDhjJA,QACE,sBrDkjJF,CqD3iJA,OACE,crD6iJF,Cc9kJA,cACE,kBdglJF,CcnkJA,wSAYE,sBd2kJF,CcvkJE,qC0CjDA,uBxD4nJA,CwD3nJA,iBAAU,uBxD8nJV,CwD7nJA,cAAU,2BxDgoJV,CwD/nJA,4BACU,4BxDkoJV,CchlJA,kBACE,uBdolJF,CchlJA,mBACE,wBdolJF,CchlJA,yBACE,8BdolJF,CAdF,CcjkJE,2D0CtEA,uBxD0pJA,CwDzpJA,iBAAU,uBxD4pJV,CwD3pJA,cAAU,2BxD8pJV,CwD7pJA,4BACU,4BxDgqJV,CczlJA,kBACE,uBd6lJF,CczlJA,mBACE,wBd6lJF,CczlJA,yBACE,8Bd6lJF,CAdF,Cc1kJE,4D0C3FA,uBxDwrJA,CwDvrJA,iBAAU,uBxD0rJV,CwDzrJA,cAAU,2BxD4rJV,CwD3rJA,4BACU,4BxD8rJV,CclmJA,kBACE,uBdsmJF,CclmJA,mBACE,wBdsmJF,CclmJA,yBACE,8BdsmJF,CAdF,CcnlJE,sC0ChHA,uBxDstJA,CwDrtJA,iBAAU,uBxDwtJV,CwDvtJA,cAAU,2BxD0tJV,CwDztJA,4BACU,4BxD4tJV,Cc3mJA,kBACE,uBd+mJF,Cc3mJA,mBACE,wBd+mJF,Cc3mJA,yBACE,8Bd+mJF,CAdF,Cc5lJE,oC0C7HA,sBxD4uJA,CACF,Cc3mJE,0D0ClIA,sBxDivJA,CACF,Cc3mJE,2D0CvIA,sBxDsvJA,CACF,Cc3mJE,qC0C5IA,sBxD2vJA,CACF,CcrmJA,e0CvJE,sBxD+vJF,CcrmJE,4B0ClKA,uBxD2wJA,CwD1wJA,oBAAU,uBxD6wJV,CwD5wJA,iBAAU,2BxD+wJV,CwD9wJA,kCACU,4BxDixJV,CACF,CchnJA,qBACE,sBdknJF,CchnJE,kCACE,uBdmnJF,CACF,CcjnJA,sBACE,sBdmnJF,CcjnJE,mCACE,wBdonJF,CACF,CclnJA,4BACE,sBdonJF,CclnJE,yCACE,8BdqnJF,CchnJA,c0CrLA,sBxD0yJA,CAJF,CyD5yJA,oCACE,kBACE,sBzDmzJF,CACF,CyDhzJA,0DACE,eACE,yBzDkzJF,CyD/yJA,kBACE,sBzDizJF,CyD9yJA,oBACE,0BzDgzJF,CyD7yJA,sBACE,wBzD+yJF,CACF,CyD5yJA,oCACE,eACE,yBzD8yJF,CyD3yJA,oBACE,0BzD6yJF,CACF,C0D70JA,UACE,aAAc,CACd,c1D+0JF,C0D50JA,kBACE,kBAAmB,CACnB,YAAa,CACb,M1D80JF,C0D30JA,oCACE,e1D60JF,C0D10JA,cACE,MAAO,CACP,c1D40JF,C0Dz0JA,oCACE,UAEE,kBAAmB,CADnB,Y1D40JF,C0Dx0JA,oCACE,Q1D00JF,C0Dv0JA,gCAIE,kBAAmB,CAFnB,M1D00JF,C0Dr0JA,8FAEE,M1Du0JF,CACF,C0Dp0JA,qBACE,gB1Ds0JF,C2Dr3JA,QACE,sB3Du3JF,C4Dx3JA,sBACE,kBAIA,YAHA,0BAEA,U5D03JF,C6D33JA,cACE,yBAMA,MAAS,CALT,eAGA,cAAe,CACf,SAAU,CAKV,uBAA0B,CAR1B,UAAW,CAMX,Y7D43JF,C6Dx3JE,mBAEE,WAAY,CADZ,K7D23JJ,C6Dz4JA,gBAqBI,cAFA,a7D03JJ,C6Dp3JE,kDACE,iB7Du3JF,C6Dx3JA,mBAMI,eAFA,iB7Dw3JJ,CACF,C8Dt5JA,iBAOE,eAIA,mBAAoB,CAVpB,cAAe,CAKf,iBAAkB,CAJlB,SAAU,CAOV,uBAA0B,CAN1B,UAAW,CACX,Y9D45JF,C8Dn5JE,oBACE,KAAQ,CACR,uB9Dq5JJ,C8Dp6JA,mBAoBI,0BADA,oBAAqB,CAErB,QAAW,CAEX,kB9Dm5JJ,C+D16JA,mBAQE,kCALA,WAAY,CAEZ,MAAS,CAIT,iBAAkB,CARlB,cAAe,CAGf,KAAQ,CAFR,UAAW,CAIX,Y/D86JF,C+Dp7JA,8BAYI,gBACA,iB/D26JJ,C+Dv6JA,mBAME,2BAA4B,CAL5B,sBACA,sBACA,gCACA,kB3D6CA,4CACQ,oC2D3CR,SAAU,CAEV,iB/Dy6JF,C+Dt6JA,kBAGE,gCAFA,c/Dy6JF,C+D16JA,qBAMI,Y/Du6JJ,C+D76JA,oBAUI,QAAS,CACT,S/Ds6JJ,C+Dl6JA,gBACE,c/Do6JF,C+Dr6JA,uBAII,QAAS,CACT,S/Do6JJ,C+Dh6JA,kBZgDE,6BY7CA,eZ4CA,gBnDu3JF,C+Dt6JA,4BZqDI,eAAgB,CAChB,enDo3JJ,C+D16JA,uCZ0DI,gBnDm3JJ,C+D76JA,wCZ8DI,anDk3JJ,C+Dz6JA,+BACE,e/D26JF,CgEx+JA,QAEE,WAAY,CACZ,iBAAkB,CAFlB,UhE4+JF,CgEx+JE,sBACE,ahE0+JJ,CgEt+JA,uBAQE,4CAA6C,CAC7C,+CAAgD,CAChD,gDAAiD,CACjD,oDAAqD,CACrD,iDAAkD,CALlD,gCAA+B,CAF/B,iBAAkB,CAElB,kBAA+B,CAA/B,gBAA+B,CAL/B,WAAY,CACZ,aAAc,CAFd,UhEm/JF,CgEr+JA,wBACE,GAEE,uBhEs+JF,CACF,CgEn+JA,2BACE,GACE,0BAA4B,CAC5B,uBhEq+JF,CACF,CgEl+JA,4BACE,GACE,2BAA6B,CAC7B,uBhEo+JF,CACF,CgEj+JA,gCACE,GACE,+BAAiC,CACjC,uBhEm+JF,CACF,CgEh+JA,6BACE,GACE,4BAA8B,CAC9B,uBhEk+JF,CACF,CiE1hKA,QAME,sBACA,gCACA,cALA,YAFA,eAAgB,CAChB,KAAM,CAEN,YjE+hKF,CiElhKA,gCAHE,kBAAmB,CAFnB,YAAa,CACb,WjEiiKF,CiE7hKA,cAIE,gBjEyhKF,CiErhKA,iBAEE,kBAAmB,CADnB,YAAa,CAEb,iBjEuhKF,CiEnhKE,oKAME,cACA,eACA,oBjEqhKJ,CiEjhKA,0BACE,WjEmhKF,CiEhhKA,yBACE,iBjEkhKF,CiEnhKA,6BAII,YACA,UjEkhKJ,CiE7gKA,mBACE,aAAc,CAId,eAHA,QAAS,CACT,SjEghKF,CiE5gKE,8CAEE,oBjE8gKJ,CiEvhKA,4EAiBI,kBACA,cAHA,gBjE+gKJ,CiE9hKA,kFAuBI,cACA,oBjEghKJ,CiExiKA,4BA6BI,wBjE2gKJ,CiErgKA,qBAEE,kBAAmB,CADnB,YAAa,CAIb,YAFA,sBAAuB,CAIvB,iBACA,SAAU,CAFV,iBAAkB,CAFlB,UjE2gKF,CiE/gKA,oCAaI,eACA,iBAHA,QjEygKJ,CiEngKE,kIAME,6BACA,yBACA,eAAgB,CAHhB,ajEwgKJ,CiElgKE,wDAGE,yBACA,qBACA,eAAgB,CAHhB,ajEugKJ,CiE//JA,kBACE,oBAAqB,CAErB,iBADA,SjEkgKF,CiEpgKA,sBASI,kBAFA,YADA,UjEmgKJ,CiE3/JA,mBAOE,yBACA,iBAAkB,CAClB,WACA,eALA,aAAc,CAJd,iBAAkB,CAElB,UAAW,CADX,QAAS,CAST,SjE2/JF,CiEv/JA,yCAEE,gBjEy/JF,CiEr/JA,oCACE,+LAQE,YjEu/JF,CACF,CiEp/JA,oCACE,wBACE,YjEs/JF,CACF,CiEl/JA,oCACE,uGAIE,YjEo/JF,CACF,CkEprKE,2BAKE,UAAW,CAKX,cAAe,CAFf,WAAY,CAGZ,gBAAiB,CATjB,2BAEA,iBAAkB,CAGlB,UlEurKJ,CkE/rKA,mBAgBI,iBAAkB,CAClB,OlEkrKJ,CkE9qKA,gBAEE,kBAAmB,CADnB,YAAa,CAEb,gBlEgrKF,CkEnrKA,+BAMI,gBlEgrKJ,CkE7qKE,6DAGE,yBACA,alE+qKJ,CkE5qKE,mEAGE,yBACA,alE8qKJ,CkEzqKE,0KAME,yBACA,UlE2qKJ,CkEvqKA,0BAEI,kBlEwqKJ,CkE1qKA,oBAOI,mBADA,kBlEwqKJ,CkE9qKA,kBAYI,mBADA,iBlEuqKJ,CmE7uKA,aACE,aAAc,CAGd,mBADA,SnE+uKF,CmE3uKA,kBACE,oBAAqB,CAIrB,eAAgB,CAFhB,mBADA,kBAEA,SnE8uKF,CmE1uKA,oBAEE,kBAAmB,CADnB,YAAa,CAEb,oBnE4uKF,CmE1uKE,gDAEE,anE4uKJ,CmEzuKE,oDAEE,anE2uKJ,CmE7uKE,kGAKI,yBnE4uKN,CmExuKE,2BACE,anE0uKJ,CmEtuKA,iCACE,gBnEwuKF,CoE9wKA,WACE,0BAA6B,CAC7B,iBAAkB,CAClB,eAAgB,CAChB,4CACA,uOpEixKF,CoE3wKA,eAYE,gBAAiB,CAMjB,kCAAmC,CAKnC,iCAAkC,CAGlC,4BAA6B,CAX7B,aAAc,CAXd,oBAAqB,CAHrB,0BAA6B,CAE7B,iBAAkB,CADlB,eAAmB,CAInB,UAAW,CAIX,qBAAsB,CAHtB,aAAc,CAMd,oBAAqB,CALrB,iBAAkB,CAYlB,iCAAkC,CAXlC,mBAAoB,CAEpB,qBAAsB,CAGtB,kBAAmB,CATnB,SpE+xKF,CqE9yKA,eACE,mBACA,gCACA,aAAc,CACd,gBrEgzKF,CqEpzKA,0BAOI,gBrEgzKJ,CqEvzKA,iBAYI,eAAkB,CADlB,arEgzKJ,CqExyKA,oCACE,eACE,iBrE0yKF,CqE3yKA,6BAII,WrE0yKJ,CqE9yKA,4CAOM,erE0yKN,CACF,CqEpyKA,oCACE,2BAGI,oBADA,gBrEsyKJ,CqExyKA,6BAOI,UAAW,CAEX,QAAS,CADT,iBrEqyKJ,CqE7yKA,4CAYM,crEoyKN,CqEhzKA,6BAiBI,iBACA,erEkyKJ,CqEpzKA,+BAqBM,erEkyKN,CqEvzKA,mCA0BM,eAAkB,CADlB,YrEkyKN,CACF,CqE3xKA,cACE,crE6xKF,CqE9xKA,sBAKI,YACA,iBAAkB,CAFlB,UrE+xKJ,CqEnyKA,qCAWI,YADA,UrE6xKJ,CqEvxKA,wBACE,erEyxKF,CqErxKA,kBACE,kBrEuxKF,CqEpxKA,oDACE,erEsxKF,CqElxKA,+BAEI,QrEmxKJ,CqErxKA,+BAMI,arEkxKJ,CsE13KA,mDAIE,qBACA,uBAHA,WADA,OtE+3KF,CsEv3KA,0BACE,eACA,iBtEy3KF,CsE33KA,wCAOI,eACA,iBAHA,kBtE23KJ,CsEh4KA,wCAYI,kBtEu3KJ,CsEl3KA,8BACE,eACA,iBtEo3KF,CsEt3KA,4CAOI,eACA,iBAHA,kBtEs3KJ,CuEr5KA,gCAEE,sBAAuB,CACvB,wBvEu5KF,CuE15KA,8DAUI,UAAW,CAKX,cAAe,CAFf,WAAY,CAGZ,gBAAiB,CATjB,sBAAiB,CAEjB,iBAAkB,CAGlB,UvEy5KJ,CuEj5KA,oCACE,gBAEE,aAAc,CADd,UvEo5KF,CuEr5KA,+BAKI,UAAW,CACX,cvEm5KJ,CuEz5KA,0BAUI,aAAc,CAEd,gBAAiB,CAEjB,eAAgB,CAChB,kBvEg5KJ,CACF,CuE34KA,yBAGE,YAAa,CAFb,iBAAkB,CAClB,WvE84KF,CuEz4KA,aACE,iBvE24KF,CuE54KA,2BAII,kBvE24KJ,CuE/4KA,4BAYI,cACA,cAAe,CACf,gBAAiB,CAEjB,mBAAoB,CARpB,iBAAkB,CAElB,SAAU,CADV,OvE+4KJ,CwEx8KE,sIAOE,iBxEy8KJ,CwEh9KE,sLAWI,WAAY,CACZ,gBxE68KN,CwE38KM,8MAEE,WAAY,CADZ,UxEm9KR,CwE78KE,yCAEE,4BADA,wBxEg9KJ,CwEx7KE,yMAEE,yBADA,qBxE28KJ,CwEr8KA,oBAGE,UAAW,CAFX,gBAAiB,CACjB,iBxEw8KF,CwEn8KA,yBAME,cAAe,CAFf,WAAY,CAGZ,gBAAiB,CANjB,gBAAiB,CAEjB,UxEu8KF,CwEh8KA,oBACE,gBxEk8KF,CwE/7KA,yBACE,iBxEi8KF,CwE77KA,oBACE,cAAiB,CACjB,exE+7KF,CwE57KA,gDAEI,gBxE67KJ,CwEx7KA,anD1FE,yBACA,qBAFA,UrBwhLF,CqBphLE,sCAGE,yBACA,qBAFA,UrBwhLJ,CqBphLE,mBAEE,yBACA,qBAFA,UrBwhLJ,CqBphLE,2EAIE,yBACA,qBAAsB,CACtB,qBAHA,UrByhLJ,CqBphLI,uRAIE,yBACA,qBAFA,UrB8hLN,CqBthLI,6RAGE,yBACA,oBrB8hLN,CwEz+KA,oBnD/CI,sBADA,arB6hLJ,CwEz+KA,cnD9FE,yBACA,qBAFA,UrB6kLF,CqBzkLE,wCAGE,yBACA,qBAFA,UrB6kLJ,CqBzkLE,oBAEE,yBACA,qBAFA,UrB6kLJ,CqBzkLE,8EAIE,yBACA,qBAAsB,CACtB,qBAHA,UrB8kLJ,CqBzkLI,gSAIE,yBACA,qBAFA,UrBmlLN,CqB3kLI,sSAGE,yBACA,oBrBmlLN,CwE1hLA,qBnDnDI,sBADA,arBklLJ,CwEzhLA,WAEE,eAAgB,CADhB,axE4hLF,CwEzhLE,kGAKE,4BAA6B,CpE7C/B,wBACQ,eJykLV,CwE1hLE,+DAIE,wBxE4hLJ,CwE1hLE,kCAGE,4BAA6B,CAD7B,axE6hLJ,CwExhLI,8HAEE,cACA,oBxE4hLN,CyE7pLA,iBACE,cACA,czE+pLF,CyE3pLA,oBAIE,cACA,eACA,eAAiB,CALjB,gBAAiB,CACjB,UzEgqLF,CyExpLA,gBAIE,gCAHA,YAAa,CACb,gBzE2pLF,CyE7pLA,qBAOI,aAAc,CAEd,aAAgB,CADhB,UzE0pLJ,CyEppLA,oBAGE,eAAgB,CAFhB,QAAS,CACT,SzEupLF,CyElpLA,+JAQE,WAAY,CACZ,UAAW,CAKX,cAPA,aAAc,CAGd,UAAW,CAKX,eAAmB,CACnB,uBALA,gBAAiB,CAMjB,eAAgB,CAChB,kBAAmB,CANnB,UzEypLF,CyEzoLE,kmBANE,yBAEA,cACA,oBzEyqLJ,CyE/pLE,8NACE,uBzEuqLJ,CyE3sLA,wQA6CI,UAAW,CAEX,cAAe,CALf,uBAEA,iBzE4qLJ,CyExtLA,gNAuDI,yBACA,iBAAkB,CAClB,WANA,WAAY,CACZ,iBAAkB,CAClB,OzEirLJ,CyExqLA,YACE,cACA,SzE0qLF,CyEvqLA,eAIE,eAAgB,CAHhB,sBACA,SzE0qLF,CyEpqLA,eACE,ezEsqLF,CyElqLA,iBAIE,6BAFA,kBAAmB,CADnB,gBzEsqLF,CyEhqLA,qCACE,czEkqLF,CyE9pLA,iCAEE,oBzEgqLF,CyElqLA,sCAKI,YzEgqLJ,CyEzpLE,oEACE,WzE4pLF,CACF,CyEzpLA,6CAEE,wBAAyB,CADzB,kBzE4pLF,CyEvpLA,oCACE,+BAEE,WAAY,CADZ,eAAkB,CAalB,QAAW,CrEtGb,oCACQ,4BqEgGN,UAAW,CAOX,QAAW,CAZX,gBAAiB,CACjB,eAAgB,CAchB,iBANA,cAAe,CAHf,QAAS,CACT,UzE4pLF,CyEvqLA,kCA0BI,UAAW,CAJX,UAAW,CAEX,QzEopLJ,CyEhpLI,2EAKE,gCAFA,oBADA,gBzEopLN,CACF,C0E70LA,SACE,sBACA,Y1E+0LF,C0E30LA,iBAEE,eAAgB,CADhB,c1E80LF,C0Ez0LA,cACE,YAAa,CACb,qBAAsB,CAItB,WAAY,CADZ,MAAO,CAFP,cAAe,CACf,KAAM,CAGN,UAAW,CACX,Y1E20LF,C0Ev0LA,gBAEE,kBAAmB,CADnB,YAAa,CAGb,aADA,U1E00LF,C0Et0LA,wBAGE,cACA,eAHA,iB1E00LF,C0Ep0LA,mBAEE,kBAAmB,CADnB,YAAa,CAKb,YAHA,sBAAuB,CAIvB,gBAAiB,CAHjB,SAAU,CACV,U1Ew0LF,C0E70LA,kCAWI,eACA,iBAFA,Q1Ew0LJ,C0En0LE,qEAGE,6BACA,yBACA,a1Eq0LJ,C0El0LE,0BACE,yBACA,qBACA,eAAgB,CAChB,a1Eo0LJ,C0E/zLA,yBAEE,mB1Ei0LF,C0En0LA,0CAKI,a1Ei0LJ,C0Et0LA,yCASI,c1Eg0LJ,C0E5zLA,0BACE,Q1E8zLF,C0E1zLA,mBAGE,eAAgB,CAFhB,QAAS,CACT,S1E6zLF,C0E/zLA,kKASI,gB1E4zLJ,C0Er0LA,4BjDpFE,yBAHA,UAAW,CACX,aACA,ezBg6LF,C2El6LA,gDAGI,Q3Em6LJ,C2Et6LA,0GASI,aAAc,CADd,eAAgB,CAEhB,c3Eo6LJ,C2E96LA,kFAcI,e3Eo6LJ,C2El7LA,gFAkBI,kB3Eo6LJ,C2E/5LA,gCACE,iB3Ei6LF,C2E75LA,oBACE,iB3E+5LF,C2E55LA,4BACE,eACA,iB3E85LF,C2E35LA,6BAIE,yBACA,kBAHA,WAAY,CADZ,eAAgB,CAKhB,e3E45LF,C2Ez5LA,iCAIE,6CAA8C,CAD9C,yBADA,UAAW,CAGX,sBAAwB,CAJxB,U3E+5LF,C2Ex5LA,4BACE,GACE,iC3E05LF,C2Ex5LA,IACE,kC3E05LF,C2Ex5LA,GACE,qC3E05LF,CACF,C2Ev5LA,+DAEE,iB3Ey5LF,C2Er5LA,wDAKE,cAFA,Y3Ew5LF,C2En5LA,uEAKE,cACA,cAAe,CACf,gBAAiB,CAJjB,mBAKA,iB3Eo5LF,C2Ej5LA,gFAKE,eAFA,QAAS,CAGT,iB3Ek5LF,C2E/4LA,oDAIE,cACA,eAHA,gBAIA,iB3Eg5LF,C4E9/LA,gBACE,mBAAqB,CACrB,sB5EggMF,C4E7/LA,oKAME,U5E+/LF,C4E5/LA,sLAME,yBACA,a5E8/LF,C6EphMA,cAME,QAAS,CAFT,WAGA,S7EohMF,C6E3hMA,+BAEE,kBAAmB,CADnB,Y7EoiMF,C6EriMA,iBAiBI,kBAGA,cAAe,CALf,YAHA,sBAAuB,CAMvB,oBAAqB,CAJrB,U7EuhMJ,C6EriMA,oBAwBI,iB7EghMJ,C6ExiMA,6BA4BI,eACA,gB7E+gMJ,C6E3gMA,6BAEE,mBADA,a7E8gMF,C6E1gMA,4BAEE,mBADA,a7E6gMF,C6EzgMA,sBAEE,mBADA,a7E4gMF,C6ExgMA,kBAEE,mBADA,a7E2gMF,C6EvgMA,wBAEE,mBADA,U7E0gMF,C6EtgMA,oBAEE,mBADA,a7EygMF,C6ErgMA,oBAEE,mBADA,U7EwgMF,C8ExkMA,iBAEE,kBAAmB,CAEnB,cAHA,YAAa,CAIb,eACA,e9EykMF,C8E/kMA,gCASI,cAAe,CACf,mBACA,8B9EykMJ,C8ErkMA,oCACE,iBACE,c9EukMF,C8ExkMA,gCAII,cAAe,CACf,gB9EukMJ,CACF,C+E7lMA,kBAEE,kBAAmB,CADnB,Y/EgmMF,C+E5lMA,wBACE,MAAO,CACP,iB/E8lMF,C+EhmMA,4BAKI,iB/E8lMJ,C+E1lMA,uBACE,MAAO,CAGP,eAAgB,CAChB,sBAAuB,CAFvB,kB/E6lMF,CgF9mMA,kBAEE,kBAAmB,CADnB,YhFinMF,CgFlnMA,4BAKI,ehFgnMJ,CgFrnMA,4BASI,YhF+mMJ,CgF3mMA,iCAEE,gBADA,WhF8mMF,CgF1mMA,gCAGE,eAFA,gBhF6mMF,CgFxmMA,uBACE,YhF0mMF,CgFtmMA,oCACE,gCACE,UhFwmMF,CgFzmMA,0CAKI,WAAY,CADZ,UhFymMJ,CgF7mMA,2CASI,WAAY,CAOZ,eAAgB,CANhB,cAAe,CACf,eAAgB,CAEhB,iBAAkB,CAKlB,sBAAuB,CADvB,kBhFqmMJ,CACF,CiFjpMA,iBAGE,eAAgB,CADhB,SAAU,CADV,WjFqpMF,CiFhpMA,+BAGE,gCAFA,gBjFmpMF,CiF9oMA,6BACE,+BACA,ejFgpMF,CiF7oMA,qBACE,YAAa,CAEb,MAAO,CADP,qBjFgpMF,CiF5oMA,mCAGE,gCAFA,gBjF+oMF,CiFzoMA,gFAEE,cjF2oMF,CiFxoMA,+CACE,MAAO,CACP,eAAgB,CAEhB,iBAAkB,CADlB,UjF2oMF,CiFvoMA,0CAGE,eAAgB,CAFhB,iBAAkB,CAClB,UjF0oMF,CiFroMA,iBAEE,kBAAmB,CADnB,YAAa,CAEb,UjFuoMF,CiFroME,uBACE,cAAe,CACf,oBjFuoMJ,CiF9oMA,qBAWI,kBACA,iBjFsoMJ,CiFjoMA,oBACE,UjFmoMF,CiFhoMA,oBACE,cACA,eAAiB,CACjB,sBjFkoMF,CiF/nMA,uBAKE,cACA,eALA,gBACA,eAAgB,CAChB,sBjFmoMF,CiF7nMA,uBAIE,cACA,eAJA,QAAS,CACT,SjFioMF,CiFnoMA,0BAQI,oBAAqB,CACrB,eAAgB,CAChB,iBjF8nMJ,CkF5tMA,aAEE,elF8tMF,CkF1tMA,+BACE,clF4tMF,CkFxtMA,gBACE,QAAS,CAET,sBlFytMF,CmF1uMA,gBACE,gBnF4uMF,CoF1uMA,oCACE,oBACE,iBpF4uMF,CoF7uMA,kCAII,WpF4uMJ,CoFhvMA,iDAOM,epF4uMN,CACF,CoFtuMA,oCACE,oBAEE,sBpFwuMF,CoF1uMA,kCAKI,UpFwuMJ,CoF7uMA,iDAQM,cpFwuMN,CoFhvMA,kCAaI,iBACA,epFsuMJ,CoFpvMA,wCAiBM,epFsuMN,CoFvvMA,8CAqBM,iBpFquMN,CACF,CoF/tMA,oBACE,SAAY,CAEZ,iBpFguMF,CqF/wMA,eAEE,mBADA,erFkxMF,CqFnxMA,+BAMI,gBrFixMJ,CqF5wMA,gDAEE,UAAW,CAEX,eAHA,iBrFgxMF,CsF5xMA,YlFgBE,0DACK,qDACG,kDkFjBR,atFiyMF,CsF5xMA,gCACE,GhERA,0BACA,StBuyMA,CsF7xMA,IhEXA,yBACA,UtB2yMA,CsF9xMA,GhEdA,0BACA,StB+yMA,CACF,CsF7xMA,iBACE,mBACA,mBAAoB,CACpB,oBAAqB,CACrB,YAEA,iBAAkB,CAClB,OtF8xMF,CsF3xMA,uCAEI,gBtF4xMJ,CsF1xMI,kDACE,ctF4xMN,CsFtxMA,gBACE,mBACA,iBtFwxMF,CsFpxMA,yDAEE,qBtFsxMF,CuFv0MA,oBACE,gBvFy0MF,CuFr0MA,YACE,iBvFu0MF,CuFn0MA,oCACE,iBACE,kBACA,kBvFq0MF,CACF,CwFn1MA,mBACE,YxFq1MF,CwFt1MA,wBAII,aAAc,CACd,UxFq1MJ,CwF11MA,6BASI,gBxFo1MJ,CwF/0MA,oCACE,iCACE,UxFi1MF,CACF,CyFl2MA,eACE,YzFo2MF,CyFh2ME,uHAIE,sBAAuB,CACvB,kBAAmB,CrFwDrB,wBACQ,gBqFtDN,aAIA,YAAa,CAFb,kBAIA,ezFg2MJ,CyF/2MA,wCAyBI,eAAgB,CAEhB,cAHA,cAAe,CAHf,WAAY,CAFZ,iBAGA,UzFi2MJ,CyFz1ME,qDACE,azF21MJ,CyFv1MA,WACE,czFy1MF,CyFt1MA,oCAWE,eAAgB,CAPhB,UAAW,CAKX,cACA,cAAe,CAJf,WAAY,CALZ,gBAAiB,CAEjB,iBAAkB,CAIlB,UzFy1MF,CyFl1MA,cACE,ezFo1MF,CyFl1ME,kDACE,ezFq1MF,CyFt1MA,mBAII,YzFq1MJ,CACF,C0Fp5ME,sCACE,a1Fs5MJ,C0Fn5ME,sCACE,a1Fq5MJ,C0Fl5ME,uCACE,a1Fo5MJ,C2F75ME,+CACE,iB3Fg6MF,CACF,C2F55MA,4BAEE,WAAY,CADZ,U3F+5MF,C2F15MA,oCACE,wBACE,Y3F45MF,CACF,C2Fz5MA,oCACE,kBACE,Y3F25MF,CACF,C4Fl7MA,SACE,aAAc,CACd,a5Fo7MF,C4Fj7MA,iBAEE,YAAa,CACb,MAAO,CAFP,oBAAqB,CAGrB,kB5Fm7MF,C4Fh7MA,cACE,MAAO,CACP,a5Fk7MF,C4Fp7MA,iCAMI,Q5Fk7MJ,C4F96MA,qBACE,gBAAkB,CAClB,c5Fg7MF,C4F76MA,gBACE,Y5F+6MF,C4F56MA,oCACE,SACE,Y5F86MF,C4F36MA,+BAIE,kBAAmB,CAFnB,M5F86MF,C4Fz6MA,0FAEE,M5F26MF,C4Fx6MA,gBACE,aAAc,CACd,M5F06MF,C4Fv6MA,2BACE,W5Fy6MF,CACF,C4Ft6MA,oCACE,cACE,W5Fw6MF,C4Fr6MA,qBACE,c5Fu6MF,C4Fl6MA,gBACE,iB5Fo6MF,CACF,C6F3+MA,KACE,qB7F6+MF,C6F1+MA,YAGE,oB7F4+MF,C6Fx+ME,0FANA,cACA,e7Fo/MF,C6Fv+ME,mBACE,yB7Fy+MJ,C6Fr+MA,cACE,iB7Fu+MF,C6Fx+MA,6BAMI,cAAe,CAGf,WAAY,CAFZ,gBAAiB,CAHjB,0BAMA,U7Fq+MJ,C6Fj+MA,eAEE,eAAgB,CAChB,sBAAuB,CAFvB,kB7Fq+MF,C8F3gNA,yCAEE,c9F6gNF,C8FzgNA,6HAQI,sB9F0gNJ,C8FrgNA,4GAOI,e9FsgNJ,C8FjgNA,6CAEE,a9FmgNF,C8FjgNE,mEACE,Y9FogNJ,C8FjgNE,iEACE,e9FogNJ,C8F//MA,mBAEE,gBAAiB,CADjB,c9FkgNF,C8F7/MA,sDAEE,wBAAyB,CACzB,6BAA8B,CAC9B,kBAGA,aAAc,CAFd,e9FggNF,C8F3/MA,8BAGE,eACA,eAAiB,CAHjB,iB9F+/MF,C8Fz/MA,2BACE,WAAY,CACZ,e9F2/MF,C8Fx/MA,0BACE,iB9F0/MF,C8Fx/ME,qCACE,e9F0/MJ,C8Fr/MA,0JAKE,wBAA8B,CAA9B,qB9Fu/MF,C8Fn/MA,8BAGE,4GAOA,yBACA,kBACA,eAXA,iB9Fy/MF,C8F3+MA,6BACE,gBACA,cAAe,CACf,QAAW,CACX,Y9F6+MF,C8F1+MA,gCASE,e9F4+MF,C8Fz+MA,wDACE,Y9F2+MF,C8Fv+MA,uCAII,sB9Fy+MJ,C8Fr+MA,uCAII,uB9Fu+MJ,C8Fl+MA,mBACE,eAAgB,CAChB,WAAY,CAIZ,UAAW,CAFX,eAAgB,CADhB,Y9Fs+MF,C8Fz+MA,6BASI,aACA,a9Fm+MJ,C8F99MA,uBAEE,kBAAmB,CADnB,Y9Fi+MF,C+FzoNA,iBACE,gB/F2oNF,C+FpoNA,oEAEE,kB/FyoNF,C+FtoNA,oCACE,sBAEE,kBAAmB,CADnB,Y/FyoNF,C+FroNA,2DAEE,S/FuoNF,C+FpoNA,6BACE,kB/FsoNF,C+FvoNA,iCAII,Q/FsoNJ,C+FloNA,8BACE,iB/FooNF,CACF,CgGrqNA,mBACE,8BACA,eAAgB,CAChB,WhGuqNF,CgGnqNA,qBAEE,kBAAmB,CADnB,YAAa,CAEb,6BAA8B,CAC9B,UhGqqNF,CgGzqNA,0BAQI,eAAgB,CAChB,sBAAuB,CAFvB,kBhGuqNJ,CgGhqNA,oCACE,oDAEE,YhGkqNF,CACF,CgG/pNA,iCACE,WAAY,CACZ,eAAgB,CAChB,mBhGiqNF,CiGhsNA,eACE,ejGksNF,CiG9rNA,yBAEI,aAAc,CAEd,cjG8rNJ,CiGzrNA,mBACE,8BACA,ejG2rNF,CiGxrNA,iCACE,WAAY,CACZ,eAAgB,CAChB,mBjG0rNF,CkG5sNA,yDAEI,kBAMA,YAAa,CALb,aAAgB,CAChB,eAAgB,CAChB,iBAAkB,CAElB,WlG6sNJ,CkGptNA,iEAWM,YAAa,CAIb,YAAa,CAFb,iBAAkB,CAClB,QlG4sNN,CkG1tNA,wFAqBQ,6BAA+B,CAH/B,iBAAkB,CAMlB,YAAa,CADb,WlG2sNR,CkGtsNI,6E5E7BF,yBACA,WtBsuNF,CkG1sNI,iFAMI,alGusNR,CkGnsNI,kFAIE,YAAa,CAHb,mBAEA,WlGssNJ,CkGzsNE,6DAQI,YAAa,CADb,WlGssNN,CkG7sNE,iEAaI,YAAa,CADb,QlGqsNN,CkGjtNE,wFAiBM,YAAa,CADb,WlGqsNR,CACF,CkG5vNA,8CA8DI,elGisNJ,CkG5rNA,0CACE,iBlG8rNF,CkG/rNA,yDAII,sBAAuB,CACvB,yBACA,kB9FRF,wBACQ,gB8FWN,cACA,eAJA,kBAKA,iBlG8rNJ,CkG5rNI,wEACE,aAAc,CAId,eAEA,YAJA,qBAGA,UlG8rNN,CkG1rNI,+HAEE,qBACA,alG4rNN,CkGvtNA,sDAgCI,iBlG0rNJ,CkG1tNA,+DAqCM,kBACA,mBAEA,eAAgB,CAChB,UlGurNN,CkGhuNA,qEA8CM,aAAgB,CADhB,SlGurNN,CkGhrNA,8BACE,alGkrNF,CkGnrNA,uDAOI,uBAAwB,CAGxB,qBAAuB,CANvB,gBASA,UlG6qNJ,CkG3qNI,sFAGE,mBACA,WAAY,CACZ,iBAAkB,CAHlB,UAAW,CADX,UlGirNN,CkG1qNI,6EACE,uBAAwB,CAKxB,mBAJA,WAAY,CAGZ,iBAAkB,CAFlB,WAAY,CAIZ,eAAgB,CAHhB,UlG+qNN,CkGzqNI,6DACE,YlG2qNN,CkGxqNI,4FACE,kBlG0qNN,CkGvqNI,yEAGE,mBACA,WAAY,CACZ,iBAAkB,CAHlB,UAAW,CADX,UlG6qNN,CkGtqNI,yEAKE,mBAJA,WAAY,CAGZ,iBAAkB,CAFlB,WAAY,CACZ,UlG0qNN,CkGpqNI,sEACE,sBAAwB,CACxB,mBlGsqNN,CkGnqNI,kEAKE,sBAAuB,CAGvB,wBAAyB,CACzB,kBAAmB,CAGnB,iBAAkB,CAVlB,UAAW,CADX,UlG6qNN,CkG1pNI,8IACE,mBACA,kBlGgqNN,CkG7pNI,kEAKE,mBAJA,WAAY,CAGZ,iBAAkB,CAFlB,WAAY,CACZ,UlGiqNN,CkGxpNI,0JACE,kBlG6pNN,CkGvpNA,2CACE,gBlGypNF,CkG1pNA,4DAII,kBlGypNJ,CkG7pNA,+DAOM,YlGypNN,CkGhqNA,wEAaM,kBlGspNN,CkGnqNA,wEAmBM,eAAgB,CADhB,yBADA,kBAGA,WAAY,CACZ,iBlGqpNN,CkGnpNM,4JAEE,oBlGqpNR,CkGlpNM,uKAEE,oBlGopNR,CkGlrNA,4EAkCQ,kBAEA,WAAY,CADZ,UlGopNR,CmGt5NA,2CACE,anGw5NF,CmGr5NA,oDACE,anGu5NF,CmGn5NA,uCAEI,oBAAqB,CACrB,eAAgB,CAKhB,sBAAuB,CACvB,kBAAmB,CAJnB,kBAAmB,CACnB,WnGq5NJ,CmGh5NI,2EACE,WnGm5NJ,CACF,CmGj5NI,2EACE,WnGo5NJ,CACF,CmG/4NA,wCAKI,cAAe,CAFf,WAAY,CAGZ,gBAAiB,CAJjB,UnGm5NJ,CmGr5NA,2BAUI,QnG84NJ,CmGx4NA,gCAEE,iBADA,anG24NF,CmG54NA,mCAKI,aAAc,CACd,UnG04NJ,CmGh5NA,8PAcM,yBACA,yBACA,kBAKA,cAJA,oBAAqB,CACrB,gBACA,gBnG24NN,CmGt4NI,gIAGE,yBAEA,cACA,oBnGu4NN,CmGl4NA,6BAEI,gBAEA,enGk4NJ,CoG59NA,uEAEE,kBpG89NF,CoG59NE,8UAME,eAAgB,CAFhB,SAAY,CAIZ,epGg+NJ,CoG5+NA,+EAgBI,qBAAsB,CAEtB,WAAY,CAEZ,gBAAiB,CAHjB,UpGk+NJ,CoG19NA,sBAEE,cpG49NF,CqGv/NA,eAGE,gBACA,yBACA,kBAJA,erG4/NF,CqGp/NA,qCACE,wBrGs/NF,CqGl/NA,uBAIE,gBACA,gCAHA,YADA,iBrGu/NF,CqGh/NA,4BACE,YAAa,CACb,aAAc,CACd,iBrGk/NF,CqG/+NA,6BAWE,gBAFA,YAAa,CARb,aAAc,CAGd,kBADA,qBAAgB,CAGhB,iBAAkB,CAElB,OAAQ,CADR,KrGm/NF,CqG5+NA,mBAEE,kBAAmB,CADnB,YAAa,CAGb,aAAc,CAMd,eAJA,YAHA,sBAAuB,CAQvB,iBAHA,SAAU,CADV,UrGg/NF,CqG1+NE,4CAEE,6BACA,yBACA,arG4+NJ,CqGz+NE,0BACE,yBACA,qBACA,arG2+NJ,CqGlgOA,kCA4BI,QAAS,CADT,QrG2+NJ,CqGt+NA,iCACE,iBrGw+NF,CqGp+NA,sBAIE,gBACA,6BAJA,YAAa,CACb,YrGw+NF,CqGj+NA,sBACE,MrGm+NF,CqG/9NA,iEAII,gBrG+9NJ,CqG19NA,qCAKE,QAAS,CACT,eAAgB,CAEhB,eAPA,aACA,aACA,WrG+9NF,CqGx9NE,gFAEE,erG09NJ,CqGn9NA,uBAEE,aACA,eAAgB,CAFhB,iBrGu9NF,CqGl9NA,gCAEE,aADA,iBrGq9NF,CqGj9NA,+BACE,YrGm9NF,CqG/8NA,2BACE,iBACA,erGi9NF,CqG98NA,qCAEE,aAAc,CADd,WrGi9NF,CqG78NA,gCACE,WrG+8NF,CqG58NA,0BAEE,kBAAmB,CAGnB,yBACA,kBALA,YAAa,CAEb,WrGg9NF,CqG18NA,kCACE,MAAO,CAEP,eAAgB,CAChB,sBAAuB,CAFvB,kBrG88NF,CqGh9NA,yCAOI,arG48NJ,CqGn9NA,iDAWI,erG28NJ,CqGv8NA,8BACE,erGy8NF,CqGr8NA,oCACE,gCAEE,UAAW,CADX,SrGw8NF,CACF,CqGp8NA,oCACE,gCACE,SrGs8NF,CACF,CqGl8NA,wCACE,mBAEA,iBrGm8NF,CqGt8NA,0CASI,eAAgB,CAChB,yBAJA,oBAAqB,CACrB,YrGq8NJ,CqG58NA,4CAeI,eAAgB,CADhB,crGk8NJ,CqG77NA,yCACE,eACA,eAAiB,CACjB,kBrG+7NF,CqG57NA,wCACE,kBrG87NF,CqG17NA,mCACE,YAAa,CACb,qBAAsB,CACtB,WrG47NF,CqG/7NA,qHAOI,MAAO,CACP,WrG47NJ,CqGv7NA,oCACE,oCACE,YAAa,CACb,qBAAsB,CACtB,WrGy7NF,CqG57NA,uHAOI,MAAO,CACP,WrGy7NJ,CACF,CqGp7NA,oCAEE,2BACE,gBrGq7NF,CqGj7NA,gCACE,MrGm7NF,CqGh7NA,gCACE,iBrGk7NF,CqG/6NA,sBACE,YrGi7NF,CACF,CqG76NA,oCACE,iCACE,YrG+6NF,CACF,CsGnsOA,WACE,kBtGqsOF,CsGlsOA,uCAEI,StGmsOJ,CsGrsOA,4CAMI,sBAAuB,CACvB,kBAAmB,CACnB,UAAW,CAKX,WAAY,CAHZ,kBAAoB,CACpB,SAAY,CAIZ,iBAAkB,CAClB,OAAQ,CAJR,UtGqsOJ,CsGjtOA,2DAsBM,cAAe,CAFf,WAAY,CAGZ,gBAAiB,CAJjB,UtGosON,CsG3rOI,iGAGE,sBAAuB,CACvB,WAAY,ClG8BhB,wBACQ,gBkG5BJ,gBAAiB,CADjB,YAAa,CAEb,iBACA,UtG8rON,CuGtuOA,eAUE,QAAS,CATT,YAAa,CAUb,MAAO,CAFP,cAAe,CAGf,UAAW,CACX,YvGiuOF,CuG3uOE,oBAEE,sBADA,avG8uOJ,CuGjuOA,gBAKE,gBACA,yBAEA,eAAgB,CADhB,0BAEA,yCANA,aAAc,CADd,iBASA,evGguOF,CuG5tOA,uBAEE,kBAAmB,CAGnB,gCAJA,YAAa,CAEb,gBvG+tOF,CuG1tOA,wBAEE,cADA,MAAO,CAEP,eAEA,eAAgB,CAChB,sBAAuB,CAFvB,kBvG8tOF,CuGztOA,oBAGE,kBAAmB,CAFnB,YAAa,CACb,aAAc,CASd,eAJA,YAHA,sBAAuB,CAQvB,iBAJA,iBACA,SAAU,CAHV,UvG+tOF,CuGvtOE,8CAEE,6BACA,6BACA,avGytOJ,CuGttOE,2BACE,yBACA,yBACA,avGwtOJ,CuGhvOA,mCA8BI,QAAS,CADT,QAAS,CADT,SvGytOJ,CuGltOA,qBACE,YvGotOF,CuGhtOA,oCACE,kEAEE,evGktOF,CACF,CuG9sOA,iDAEI,evG+sOJ,CuGjtOA,+CAMI,YvG8sOJ,CuGzsOA,wBAEE,evG0sOF,CuG5sOA,uCAMI,WvGysOJ,CuG/sOA,wCAeI,QAAS,CACT,eAAgB,CALhB,WAAY,CAEZ,cAAe,CADf,UvG0sOJ,CuGttOA,kDAoBI,YAAa,CACb,qBAAsB,CACtB,WAAY,CAEZ,aAAc,CADd,iBAEA,cvGqsOJ,CuG9tOA,4FA8BI,cvGosOJ,CuGluOA,sFAmCI,WvGmsOJ,CuGtuOA,6CAuCI,YAAa,CACb,qBAAsB,CACtB,WvGksOJ,CuG3uOA,wCA8CI,YvGgsOJ,CuG3rOA,qCACE,4EAGE,aAAc,CADd,eAAgB,CAEhB,cvG6rOF,CACF,CuGzrOA,oCACE,qBAEE,evG0rOF,CuG5rOA,oCAMI,WvGyrOJ,CuG/rOA,qCAeI,QAAS,CACT,eAAgB,CALhB,WAAY,CAEZ,cAAe,CADf,UvG0rOJ,CuGtsOA,+CAoBI,YAAa,CACb,qBAAsB,CACtB,WAAY,CAEZ,aAAc,CADd,iBAEA,SvGqrOJ,CuG9sOA,sFA8BI,WvGorOJ,CuGltOA,gFAmCI,WvGmrOJ,CuGttOA,0CAuCI,YAAa,CACb,qBAAsB,CACtB,WvGkrOJ,CuG3tOA,sDA6CI,iBvGirOJ,CuG9tOA,qCAkDI,YvG+qOJ,CACF,CuG1qOA,sBAGE,kBAAmB,CAFnB,YAAa,CACb,qBAAsB,CAGtB,WAAY,CADZ,sBAAuB,CAGvB,YvG2qOF,CuGlrOA,wBAUI,cvG2qOJ,CuGvqOA,2BAGE,eAAgB,CAFhB,mBAGA,UvGwqOF,CuGrqOA,6BACE,iBvGuqOF,CwG/5OA,YAGE,UAAW,CAFX,QAAW,CACX,SxGk6OF,CwGp6OA,eAMI,eAAgB,CAChB,QAAW,CACX,SxGi6OJ,CyG16OA,oCACE,wBACE,YzG46OF,CyGz6OA,WACE,aAAc,CAEd,mBADA,WzG46OF,CyGx6OA,eACE,QzG06OF,CACF,CyGt6OA,WACE,czGw6OF,CyGz6OA,kBAII,QzGw6OJ,CyG56OA,0BAQI,WAAY,CACZ,UzGu6OJ,CyGr6OI,8DAGE,WAAY,CAFZ,cAAe,CAGf,UzGu6OJ,CACF,CyGv7OA,wBAoBI,gBzGs6OJ,CyG17OA,0BAwBI,aAAc,CAOd,eAFA,ezGg6OJ,CyG77OA,uCAmCM,eAAgB,CADhB,czGo6ON,CyGt8OA,uBAwCI,gBzGi6OJ,CyG75OE,8DAII,eAFA,czGg6OJ,CyGl6OA,uCAOM,YzG85ON,CyGr6OA,uBAaI,iBAAkB,CADlB,czG65OJ,CyGz6OA,mDAqBI,azG05OJ,CACF,CyGr5OA,cACE,WzGu5OF,CyGr5OE,kDACE,ezGw5OF,CACF,CyG75OA,0BAQI,gBzGw5OJ,CyGh6OA,qBAmBI,eACA,eAAmB,CAHnB,czGw5OJ,CyGz6OA,4BAwBI,yBAEA,UzGm5OJ,CyG76OA,+BA8BI,yBAEA,UzGi5OJ,CyG54OA,oCACE,uBACE,YzG84OF,CACF,CyG34OA,oCACE,0BACE,YzG64OF,CACF,CyGz4OA,WAEE,oBADA,gBzG44OF,CyGv4OA,qBACE,azGy4OF,CyG14OA,oCAII,UAAW,CAEX,cAAe,CACf,gBzGw4OJ,CyG/4OA,uBAaI,mBzGu4OJ,CyGn4OA,yBACE,yBAEA,UzGo4OF,CyGj4OA,oBACE,yBAEA,UzGk4OF,CyG/3OA,wBACE,yBAEA,UzGg4OF,CyG73OA,uBACE,yBAEA,UzG83OF,CyG13OA,wBAEI,iBzG23OJ,CyG73OA,yBAMI,gBzG03OJ,CyGh4OA,eAYI,eAAkB,CADlB,kBAAmB,CADnB,ezG23OJ,CyGp3OA,kBAGE,6BACA,gBzGo3OF,CyGx3OA,uBAOI,kBzGo3OJ,CyG33OA,mCAWI,sBzGm3OJ,CyG93OA,2BAeI,azGk3OJ,CyGj4OA,2CAmBI,UAAW,CACX,YAGA,iBAAkB,CAFlB,UzGk3OJ,CyGv4OA,mCA2BI,gBzG+2OJ,CyG14OA,kCAiCI,uBAA2B,CAD3B,qBAAsB,CAEtB,kBAHA,aAAc,CAKd,YADA,UzG+2OJ,CyGl5OA,iCA8CI,cAAe,CALf,WAAY,CAMZ,gBAAiB,CAJjB,iBAAkB,CAClB,OAAQ,CAJR,UzGk3OJ,CyGz2OI,qMAKE,cACA,oBzG22ON,CyGl6OA,+CA+DI,cACA,eAJA,QAAW,CACX,SzG22OJ,C0GnnPA,sBAEE,eAAgB,CADhB,U1GsnPF,C0GvnPA,qCAOI,eAFA,Q1GsnPJ,C0G3nPA,kCAaI,eAFA,Q1GonPJ,C0G9mPA,2BACE,oB1GgnPF,C0G7mPA,0BAIE,WAAY,CAHZ,YAAe,CAEf,U1G+mPF,C0G3mPA,yBACE,WAAY,CACZ,a1G6mPF,C0G1mPA,8BACE,kBACA,cAAe,CAIf,sBAAuB,CAFvB,eAAgB,CAChB,kB1G4mPF,C2GjpPA,mBAGE,cAFA,kB3GopPF,C2G/oPA,+BAEE,sBAAuB,CADvB,Y3GkpPF,C2G7oPA,yBACE,gB3G+oPF,C2GhpPA,uCAII,yBAEA,U3G8oPJ,C2GzoPA,+BACE,kB3G2oPF,C2G5oPA,8CAKI,kBAAmB,CAMnB,mBACA,kBACA,cATA,YAAa,CAIb,YAFA,sBAAuB,CAGvB,U3G6oPJ,C2GtpPA,8CAkBI,kBAAmB,CADnB,YAAa,CAIb,eAFA,sB3GyoPJ,C2GloPA,kCACE,Q3GooPF,C2GhoPA,kCAGE,eAFA,iB3GmoPF,C2G9nPA,+BAGE,eAFA,Q3GioPF,C2GloPA,kCAMI,iB3G+nPJ,C2G7nPI,6CACE,c3G+nPN,C2GznPA,6CAEI,QAAW,CAKX,eAHA,kBACA,S3G2nPJ,C2GvnPI,wDACE,c3GynPN,C2GnnPA,oCACE,+BACE,c3GqnPF,C2GlnPA,mCACE,UAAW,CACX,c3GonPF,C2GtnPA,6CAOI,eAFA,iB3GqnPJ,C2GjnPI,wDACE,c3GmnPN,CACF,C2G9mPA,oCACE,+BAIE,YAAa,CADb,aAAc,CADd,wBAAyB,CAGzB,W3G+mPF,C2G5mPA,eACE,Q3G8mPF,C2G3mPA,yBACE,iB3G6mPF,CACF,C4G7uPA,qBAEE,QAAW,CADX,S5GgvPF,C4GjvPA,oCAMI,aADA,S5GgvPJ,C4GrvPA,gCAUI,gB5G8uPJ,C4GxvPA,oCAcI,a5G6uPJ,C4G3vPA,oCAkBI,a5G4uPJ,C4GxuPA,6BACE,iBAAkB,CAClB,kB5G0uPF,C4GtuPE,+EACE,iB5GyuPF,CACF,C6GxwPA,qBAKE,6CAFA,kCACA,mCAFA,QAAS,CAMT,SADA,iBAAkB,CANlB,O7GgxPF,C6GtwPA,qBAGE,gCACA,kBAHA,W7G0wPF,C6GpwPA,mBACE,gBACA,kBACA,a7GswPF,C8GzxPA,oCACE,wDAGI,iB9G0xPJ,C8G7xPA,sDAQI,eADA,W9G2xPJ,CACF,C8GrxPA,oCACE,wDAGI,iBACA,mBACA,a9GsxPJ,C8G3xPA,sDASI,U9GsxPJ,C8G/xPA,oFAYM,c9GuxPN,C8GnyPA,sDAoBI,eAFA,kBADA,e9GwxPJ,C8GzyPA,oEAuBM,c9GsxPN,CACF,C+G/zPA,cACE,kB/Gi0PF,C+G7zPA,mBAEE,kBAAmB,CADnB,Y/Gg0PF,C+Gj0PA,uBAKI,kBAEA,YADA,U/Gg0PJ,C+G3zPA,6BAEE,kBAAmB,CADnB,YAAa,CAEb,U/G6zPF,C+G1zPA,2BAEE,M/G8zPF,C+GzzPA,wHAJE,kBAAmB,CAFnB,YAAa,CAGb,sB/Gm0PF,C+GvzPA,+BACE,kB/GyzPF,C+GrzPA,mCAGE,aAAc,CAFd,kB/GwzPF,C+GlzPA,wBAKE,wB/GozPF,C+G/yPA,kDAJE,kBAAmB,CALnB,oBAAqB,CAErB,YADA,U/Gg0PF,C+GxzPA,0BAQE,yBAHA,WAAY,CACZ,a/GkzPF,C+G3yPA,6BACE,M/G6yPF,C+GzyPE,kKAOE,cAFA,eAGA,sB/G0yPJ,C+GryPE,sLAKE,a/GuyPJ,C+GlyPA,6BAIE,kBACA,eACA,eAAiB,CALjB,gBACA,gB/GuyPF,C+GjyPE,6IAKE,6BACA,yBAFA,cAGA,oB/GmyPJ,C+GhyPE,oCAEE,yBACA,yBAFA,a/GoyPJ,C+G9xPA,sDACE,gB/GgyPF,C+G5xPA,6BACE,iB/G8xPF,C+G3xPA,iCACE,U/G6xPF,C+G1xPA,8EAGI,S/G2xPJ,C+GtxPA,gCACE,kBAEA,kB/GuxPF,C+GpxPA,6BAGE,kBAEA,eACA,eAAiB,CALjB,e/GyxPF,C+GlxPE,8MAOE,mBADA,cAEA,oB/GoxPJ,C+GhxPI,0ZAOE,6BAA8B,CAD9B,U/GmxPN,C+G7wPA,mCACE,0BACA,gB/G+wPF,C+G5wPA,gEACE,yB/G8wPF,C+G1wPA,+BAEE,kBADA,U/G6wPF,C+GxwPA,mCACE,iB/G0wPF,C+GtwPA,wEAEE,YAAa,CAEb,eACA,a/GuwPF,C+G5wPA,gFASI,YADA,U/GywPJ,C+GnwPA,qCAIE,eAAgB,CAFhB,kBAIA,sBAAuB,CADvB,kBAAmB,CAJnB,U/GywPF,C+G1wPA,mOAaI,cACA,c/GowPJ,C+G/vPA,qEAEE,iB/GiwPF,C+GnwPA,yFAMI,kBAAmB,CADnB,YAAa,CAKb,YAHA,sBAAuB,CAEvB,SAAU,CAEV,U/GiwPJ,C+G5wPA,uHAmBM,cAAe,CAHf,WAAY,CAIZ,gBAAiB,CALjB,QAAS,CADT,eAAgB,CAGhB,U/GowPN,C+G3vPA,mCACE,Y/G6vPF,C+G1vPA,oCAEE,mBACE,sB/G2vPF,C+GvvPA,6BACE,a/GyvPF,C+GrvPA,2BACE,iB/GuvPF,C+GnvPA,8BAEE,MAAO,CADP,6BAA8B,CAG9B,gB/GovPF,C+GhvPA,2KAKE,Y/GkvPF,C+G9uPA,mCACE,e/GgvPF,C+G5uPA,kCACE,a/G8uPF,C+G1uPA,oEAEE,U/G4uPF,C+GjuPA,yEACE,aAAc,CACd,iB/GuuPF,C+GzuPA,6CAKI,e/GuuPJ,C+G5uPA,4DAQM,c/GuuPN,CACF,C+GluPA,oCAEE,cACE,kBACA,kB/GmuPF,C+GruPA,yDAOI,aAAc,CADd,eAAgB,CAEhB,c/GmuPJ,C+G9tPA,8BACE,Y/GguPF,C+G5tPA,+DAEE,eACA,gB/G8tPF,C+G1tPA,8BACE,aAAc,CACd,a/G4tPF,C+G9tPA,6DAKI,U/G4tPJ,C+GjuPA,8DASI,W/G2tPJ,C+GttPA,mCAGE,kBAFA,iBAAkB,CAClB,S/GytPF,C+GptPA,yBACE,c/GstPF,C+GltPA,kCACE,Y/GotPF,C+GhtPA,iIAEE,c/GktPF,C+G9sPA,qCACE,kBACA,iB/GgtPF,C+GltPA,mOASI,c/GgtPJ,CACF,C+G3sPA,qCAEE,mCAAqC,CADrC,U/G8sPF,C+G1sPA,gBACE,IACE,U/G4sPF,CACF,C+GxsPA,oCACE,a/G0sPF,C+GtsPA,4BACE,S/GwsPF,C+GrsPA,gCAGE,gBAEA,WAAY,CACZ,0BAFA,cAHA,iB/G2sPF,C+GnsPA,4EAEE,gBACA,a/GqsPF,C+GlsPA,uCACE,mBACA,a/GosPF,CgH7oQA,oBACE,kBhH+oQF,CgH3oQA,yBAEE,kBAAmB,CADnB,YhH8oQF,CgHpoQA,qEAJE,kBAAmB,CADnB,YAAa,CAEb,sBhHkpQF,CgH/oQA,mCAIE,UhH2oQF,CgHxoQA,iCAEE,MhH4oQF,CgHvoQA,qEAJE,kBAAmB,CAFnB,YAAa,CAGb,sBhH+oQF,CgHroQA,mCACE,kBhHuoQF,CgHxoQA,uCAII,kBAEA,YACA,UhHsoQJ,CgHjoQA,uCAGE,aAAc,CAFd,kBhHooQF,CgH9nQA,wBAKE,wBhHgoQF,CgH3nQA,kDAJE,kBAAmB,CALnB,oBAAqB,CAErB,YADA,UhH4oQF,CgHpoQA,0BAQE,yBAHA,WAAY,CACZ,ahH8nQF,CgHvnQA,qCAIE,sBAAuB,CAHvB,UhH0nQF,CgH5lQE,kXACE,ahH+mQJ,CgH1mQA,uCAEE,kBAAmB,CADnB,YAAa,CAIb,eAAgB,CADhB,iBhH4mQF,CgHvmQA,mCACE,cACA,chHymQF,CgHrmQA,oCACE,yBACE,sBAAuB,CACvB,iBhHumQF,CgHpmQA,mCACE,ahHsmQF,CgHnmQA,uCAEE,SAAU,CADV,iBAAkB,CAGlB,UAAW,CADX,QhHsmQF,CgHlmQA,uCACE,eACA,ShHomQF,CgHjmQA,gCACE,kBhHmmQF,CgH/lQA,qEACE,YhHimQF,CACF,CgH7lQA,oCACE,oBACE,kBACA,kBhH+lQF,CgHjmQA,qEAOI,aAAc,CADd,eAAgB,CAEhB,chH+lQJ,CACF,CiH7wQA,wBACE,WjH+wQF,CiHhxQA,4CAII,QAAS,CACT,+BACA,ejH+wQJ,CiHrxQA,iDAUI,sBAAuB,CACvB,iBjH8wQJ,CiHzxQA,2DAeI,ajH6wQJ,CiH5xQA,+DAoBI,SAAU,CADV,iBAAkB,CAGlB,UAAW,CADX,QjH6wQJ,CiHlyQA,+DA0BI,eACA,SjH2wQJ,CiHtyQA,wDA+BI,kBjH0wQJ,CiHzyQA,6FAoCI,YjHwwQJ,CkH5yQA,6BAII,WAAY,CAFZ,QAAS,CAGT,eAAgB,CAChB,iBAAkB,CAHlB,UlHgzQJ,CkHnzQA,+CAUI,iBlH4yQJ,CkHtzQA,+CAiBI,aAAc,CADd,eAAgB,CAEhB,cAAe,CAHf,QlH8yQJ,CkH7zQA,sCAsBI,elH0yQJ,CkHh0QA,0BA0BI,kBlHyyQJ,CkHn0QA,kCA8BI,sBAAuB,CAIvB,iBAAkB,CAHlB,iBlHyyQJ,CkHx0QA,4CAsCI,alHqyQJ,CkH30QA,gDA2CI,SAAU,CADV,iBAAkB,CAGlB,UAAW,CADX,QlHqyQJ,CkHj1QA,gDAiDI,eACA,SlHmyQJ,CkHr1QA,yCAsDI,kBlHkyQJ,CkHx1QA,8EA2DI,YlHgyQJ,CkH31QA,sFAkEI,kBAAmB,CADnB,YAAa,CAGb,WAAY,CADZ,sBAAuB,CAEvB,UlH8xQJ,CkHn2QA,sDAyEI,UlH6xQJ,CmHr2QA,mBAEI,aAAc,CACd,anHs2QJ,CmHj2QA,kCACE,UnHm2QF,CmHj2QE,sEACE,WnHo2QF,CmHr2QA,sCAKI,WAAY,CAEZ,iBAAkB,CAClB,OAAQ,CAJR,UnHu2QJ,CACF,CmH91QA,2BACE,UAAW,CACX,cnHg2QF,CmH91QE,+DACE,mBACA,SnHi2QF,CACF,CmH/1QE,+DACE,UAAW,CACX,gBAAiB,CACjB,UnHk2QF,CACF,CmHh2QE,+DACE,iBACA,SnHm2QF,CmHr2QA,sCAKI,cnHm2QJ,CACF,CmH91QA,8BAGE,sBAAuB,CAFvB,anHi2QF,CmHl2QA,8HAQI,aAAc,CACd,UAAW,CAGX,eAFA,gBnHg2QJ,CmH51QI,kKACE,gBnHi2QJ,CACF,CmHj3QA,0CAoBI,cnHg2QJ,CmH71QE,kEACE,gBnHg2QF,CmHj2QA,mFAKI,WAAY,CACZ,eAAgB,CAEhB,iBAAkB,CAClB,OAAQ,CAER,uBnH81QJ,CACF,CmH31QE,kEACE,cnH81QF,CmH/1QA,mFAKI,enH81QJ,CACF,CmHz1QA,6BACE,aAAc,CAEd,iBAAkB,CAClB,OnH01QF,CmH91QA,kCAOI,aAAc,CACd,UnH01QJ,CmHv1QE,iEACE,WAAY,CACZ,enH01QF,CACF,CmHx2QA,0CAiBI,iBnH01QJ,CmHx1QI,8EAME,cAAe,CAFf,WAAY,CAGZ,gBAAiB,CANjB,KAAQ,CAER,UnH61QJ,CACF,CmHv1QI,8EAQE,cAAe,CAFf,WAAY,CAGZ,gBAAiB,CANjB,gBAAiB,CAFjB,OAAQ,CAIR,UnH21QJ,CACF,CmHl1QA,uIASI,cAAe,CALf,WAAY,CAMZ,gBAAiB,CAJjB,iBAAkB,CAClB,OnHo1QJ,CmH31QA,yFAiBM,enH80QN,CmHx0QA,iPAMM,anH00QN,CmHv0QI,yIACE,anH40QJ,CmH70QE,iPAKI,UAAW,CAEX,gBnH+0QN,CmHt1QE,0HAYI,gBAAiB,CADjB,cAAe,CAGf,gBnH+0QN,CmH71QE,wJAuBI,aAAc,CALd,UAAW,CAMX,eAAgB,CAJhB,iBAAkB,CAClB,QnHi1QN,CACF,CmH30QI,yIACE,UAAW,CAIX,eAHA,cAAe,CAIf,iBAAkB,CAHlB,SnHk1QJ,CmHr1QE,uHASI,eACA,enHi1QN,CACF,CmH50QA,gLAKM,oBAAqB,CACrB,UnH60QN,CmHn1QA,yFAUM,cnH60QN,CmHv1QA,uFAcM,iBnH60QN,CmH1zQA,0DAEE,+BACE,cnHm0QF,CmH/zQA,kCACE,YnHi0QF,CACF,CoHxkRA,4BAEE,cADA,iBpH2kRF,CoH5kRA,yCAKI,iBpH0kRJ,CoHrkRA,mBACE,aAAc,CAId,eAFA,eADA,SpHykRF,CoH3kRA,sBAQI,oBAAqB,CACrB,eAAgB,CAChB,gBpHskRJ,CoHhlRA,gCAgBI,UAAW,CAFX,gBAAiB,CACjB,iBpHskRJ,CoHrlRA,0CAoBI,cACA,epHokRJ,CoH/jRA,oCACE,qBAEE,oBAAqB,CADrB,YpHkkRF,CoH9jRA,4BAEE,iBpHgkRF,CACF,CoH5jRA,oCACE,4BAGE,iBAFA,iBAAkB,CAClB,QpH+jRF,CoH3jRA,6BACE,kBpH6jRF,CoH1jRA,mBACE,cpH4jRF,CqHvnRA,qBACE,aAAc,CACd,arH2nRF,CALF,CqHjnRA,iCACE,UrHynRF,CqH1nRA,yEAKI,iBrHynRJ,CqH9nRA,iFASM,WAAY,CADZ,UrH2nRN,CqHtnRE,qHAQM,UAAW,CAHX,WAAY,CAEZ,iBAAkB,CAHlB,UrH0nRN,CqH9mRA,iCACE,UAAW,CACX,SrHknRF,CALF,CqHxmRA,0BACE,gBACA,arHgnRF,CqHlnRA,+BAKI,aAAc,CACd,UrHgnRJ,CqHtnRA,yCAUI,aAEA,iBAAkB,CAClB,OrH8mRJ,CqH3mRE,8DACE,UAAW,CACX,SrH8mRF,CqHxmRA,+BACE,UAAW,CACX,SrH4mRF,CALF,CsH9qRA,iBAGE,cACA,eAHA,gBAIA,iBtHqrRF,CsHjrRE,sDACE,gBtHorRF,CACF,CsHlrRE,sDACE,mBtHqrRF,CsHtrRA,qBAII,iBAAkB,CAClB,OtHqrRJ,CsH1rRA,8BASI,etHorRJ,CACF,CuH/sRA,cAAc,cAAc,gBAAgB,WvHotR5C,CuHptRwD,UAAU,evHutRlE,CuHvtRkF,MAAoB,mBAAd,avH2tRxF,CuH3tRyH,0BAA0B,cAAc,iBvHguRjK,CuHhuRmL,yCAAyC,avHquR5N,CuHruR0O,uEAAuE,avH4uRjT,CuH5uR+T,cAAc,avH+uR7U,CuH/uR2V,iFAAiF,avHsvR5a,CuHtvR0b,yIAAyI,avHgwRnkB,CuHhwRilB,8EAA8E,avHwwR/pB,CuHxwR6qB,0DAA0D,avH6wRvuB,CuH7wRqvB,eAAe,iBvHgxRpwB,CuHhxRsxB,aAAa,evHmxRnyB,CuHnxRmzB,WAAW,yBvHsxR9zB,CwHtxRA,YAMI,eAAiB,CAEjB,qBAAsB,CACtB,iBAAkB,CAClB,kCAHA,UAAY,CAHZ,YAAa,CADb,MAAO,CAEP,eAAgB,CAMhB,eAAgB,CAVhB,kBACA,KAAM,CAUN,uBxHwxRJ,CwHrxRA,0BAII,+BAAgC,CAChC,aAAc,CAFd,cAAe,CAGf,cAAe,CACf,eAAiB,CALjB,UAAW,CADX,WxH6xRJ,CwHpxRA,iCACI,aAAc,CACd,WAAY,CAGZ,cAAe,CACf,eAAmB,CAFnB,iBAAkB,CADlB,exHyxRJ,CwHnxRA,gCACI,cxHqxRJ,CwHlxRA,iBACI,eAAmB,CACnB,UxHoxRJ,CwHlxRA,uBACI,UxHoxRJ,CwHlxRA,mBACI,UxHoxRJ,CwHlxRA,wBACI,UAAY,CACZ,QxHoxRJ,CwHlxRA,eAEI,gBAEA,YACA,gBAAiB,CACjB,eAAgB,CAHhB,SxHuxRJ,CwHlxRA,kBAGI,4BAA6B,CAC7B,cAAe,CAHf,aAAc,CACd,gBxHuxRJ,CwHlxRA,kBAEI,UAAW,CADX,iBAAkB,CAElB,exHoxRJ,CyHt1RA,KACE,YAAa,CACb,oBzHw1RF,C0H11RA,YACE,iG1H41RF,C0Hv1RA,YACE,iG1Hy1RF,C0Hp1RA,YACE,kG1Hs1RF,C0Hj1RA,YACE,mG1Hm1RF,C0H90RA,YACE,uG1Hg1RF,C0H30RA,aACE,yG1H60RF,C0Hx0RA,aACE,0G1H00RF,C2H72RE,8IAME,mBACA,yBvHyDF,wBACQ,gBuHxDN,a3Hg3RJ,C2H32RE,iIrGhBA,yBACA,WtBk4RF,C2H32RE,sCAEE,mBACA,yBvHuCF,wBACQ,gBuHtCN,a3H82RJ,C2Hz2RE,2PAME,mBACA,yBvHyBF,wBACQ,gBuHxBN,a3H42RJ,C2Ht2RI,uOAOE,iB3Hw2RN,C2H95RE,8IAME,mBACA,yBvHyDF,wBACQ,gBuHxDN,U3Hi6RJ,C2H55RE,iIrGhBA,yBACA,WtBm7RF,C2H55RE,sCAEE,mBACA,yBvHuCF,wBACQ,gBuHtCN,U3H+5RJ,C2H15RE,2PAME,mBACA,yBvHyBF,wBACQ,gBuHxBN,U3H65RJ,C2Hv5RI,uOAOE,iB3Hy5RN,C2H/8RE,8IAME,mBACA,yBvHyDF,wBACQ,gBuHxDN,U3Hk9RJ,C2H78RE,iIrGhBA,yBACA,WtBo+RF,C2H78RE,sCAEE,mBACA,yBvHuCF,wBACQ,gBuHtCN,U3Hg9RJ,C2H38RE,2PAME,mBACA,yBvHyBF,wBACQ,gBuHxBN,U3H88RJ,C2Hx8RI,uOAOE,iB3H08RN,C2HhgSE,wIAME,mBACA,yBvHyDF,wBACQ,gBuHxDN,U3HmgSJ,C2H9/RE,4HrGhBA,yBACA,WtBqhSF,C2H9/RE,oCAEE,mBACA,yBvHuCF,wBACQ,gBuHtCN,U3HigSJ,C2H5/RE,qPAME,mBACA,yBvHyBF,wBACQ,gBuHxBN,U3H+/RJ,C2Hz/RI,gOAOE,iB3H2/RN,C2Hn/RE,sNAME,mBACA,yBvHLF,wBACQ,gBuHMN,a3Hs/RJ,C2Hj/RE,6LrG9EA,yBACA,WtBskSF,C2Hj/RE,8DAEE,mBACA,yBvHvBF,wBACQ,gBuHwBN,a3Ho/RJ,C2H/+RE,+PAME,mBACA,yBvHrCF,wBACQ,gBuHsCN,a3Hk/RJ,C2H5+RI,2TAOE,mBACA,yBvHrDJ,wBACQ,gBuHsDJ,iB3H++RN,C2HxiSE,sNAME,mBACA,yBvHLF,wBACQ,gBuHMN,U3H2iSJ,C2HtiSE,6LrG9EA,yBACA,WtB2nSF,C2HtiSE,8DAEE,mBACA,yBvHvBF,wBACQ,gBuHwBN,U3HyiSJ,C2HpiSE,+PAME,mBACA,yBvHrCF,wBACQ,gBuHsCN,U3HuiSJ,C2HjiSI,2TAOE,mBACA,yBvHrDJ,wBACQ,gBuHsDJ,iB3HoiSN,C4H3pSE,yMAGE,cACA,e5HgqSJ,C4HpqSE,iFAGE,cACA,e5HsqSJ,C4H1qSE,0LAGE,cACA,e5H+qSJ,C4HnrSE,kiBAGE,WACA,e5HisSJ,C4HrsSE,iFAGE,cACA,e5HusSJ,C4H3sSE,qfAGE,cACA,e5HytSJ,C4H7tSE,uFAGE,cACA,e5H+tSJ,C4HnuSE,8EAGE,cACA,e5HquSJ,C4HzuSE,oFAGE,cACA,e5H2uSJ,C4HzrSA,uBAGI,mBADA,e5H2rSJ,C4H7rSA,uBAOI,Y5HyrSJ,C6HvvSA,yCAEE,qBACA,kC7HyvSF,C6HvvSE,qDACE,qBACA,kC7H0vSJ,C6HtvSA,8BACE,qBACA,kC7HwvSF,C6HtvSE,oCACE,qBACA,kC7HwvSJ,C6HpvSA,gCACE,qBACA,kC7HsvSF,C6HpvSE,sCACE,qBACA,kC7HsvSJ,C6HjvSA,mBACE,e7HmvSF,C6HpvSA,+BAMI,cACA,eAHA,c7HqvSJ,C6HzvSA,6BAWI,Q7HivSJ,C8H7xSA,cACE,mBJwBA,wGIvBA,c9HgySF,C8HlySA,gBAOI,U9H8xSJ,C8HrySA,mBAYM,mBACA,qBAEA,a9H2xSN,C8HxxSI,kDAEE,mBACA,qBAEA,a9HyxSN,C8HtxSI,0BACE,mBACA,qBAEA,a9HuxSN,C+HrzSA,eACE,WAAY,CLYZ,kG1H4ySF,C+HlzSA,uCAII,cAFA,aAAc,CAGd,e/HkzSJ,C+HvzSA,4CAWI,eAFA,e/HkzSJ,C+H3zSA,2DAiBM,UAAW,CAKX,cAAe,CAFf,WAAY,CANZ,gBAAiB,CAEjB,iBAAkB,CAGlB,U/HgzSN,C+HxySA,8BACE,mB/H0ySF,C+HvySA,sBACE,wB/HyySF,C+HtySA,8MAQM,qBAAsB,CAEtB,a/HqySN,C+H/xSA,sBACE,Q/HiySF,CgI31SA,eACE,ehI61SF,CgI91SA,+BAII,6BAGA,cAFA,gBhI81SJ,CgI11SI,mEACE,iBhI61SJ,CgI91SE,8CAII,UAAW,CACX,kBhI61SN,CACF,CgI52SA,gHAqBM,ahI41SN,CgIj3SA,8EA0BM,ahI21SN,CgIv1SM,6JAGE,ahIy1SR,CgIt1SM,4GAEE,ahIw1SR,CiI/3SA,YACE,iBjIi4SF,CiIl4SA,6BAII,0BACA,0BjIi4SJ,CiIt4SA,yCASI,wBjIg4SJ,CiIz4SA,wCAaI,2BjI+3SJ,CiI33SA,+BAEE,oBADA,iBAGA,iBjI43SF,CiIh4SA,iCAOI,ajI43SJ,CkIp5SA,U9HkEE,wBACQ,eJq1SV,CkIp5SA,2BACE,gBAAiB,CACjB,iBAAkB,CAClB,iBlIs5SF,CkIp5SE,uCACE,elIs5SJ,CkIn5SE,sCACE,kBlIq5SJ,CkIl5SE,8FAGE,mBACA,WAAY,CAEZ,alIm5SJ,CkIh5SE,oGAGE,mBAEA,alIi5SJ,CkI74SI,4OAME,mBAEA,WACA,elI84SN,CkIv5SI,sRAYI,mBAEA,alIk5SR,CmIn8SA,+BACE,iBnIq8SF,CoIt8SA,OACE,WAAY,CACZ,iBpIw8SF,CoI18SA,2CAMI,epIw8SJ,CoI98SA,oBAUI,apIu8SJ,CoIj9SA,+BAcI,epIs8SJ,CoIp9SA,2CAkBI,epIq8SJ,CoIv9SA,gBAsBI,epIo8SJ,CoIl8SI,4BACE,YpIo8SN,CoI79SA,uBA6BM,WAAY,CAEZ,cACA,epIk8SN,CoI57SA,kCACE,apI87SF,CqIr+SA,YACE,yBACA,erIu+SF,CqIp+SA,qDAEE,oBrIs+SF,CqIl+SA,kBACE,QrIo+SF,CqIh+SA,oCAEE,arIk+SF,CsIn/SA,wCAEI,mBACA,kBACA,etIo/SJ,CsIx/SA,0CAWI,cACA,cAAe,CAJf,WAAY,CAKZ,gBAAiB,CAJjB,UtIs/SJ,CsI//SA,iDAiBI,wBtIi/SJ,CsIlgTA,gEAoBM,UtIi/SN,CsI7+SE,+DACE,atIg/SF,CACF,CsI5+SA,2BACE,iBtI8+SF,CsI5+SE,+DACE,yBtI++SF,CACF,CsI5+SA,kEAEI,etI6+SJ,CsI3+SI,sGACE,ctI8+SJ,CACF,CsIz+SA,6GAII,atI0+SJ,CsI9+SA,mHAUI,atIy+SJ,CsIp+SA,gBACE,atIs+SF,CsIl+SA,uCACE,ctIo+SF,CsIl+SE,kDACE,etIo+SJ,CsI/9SA,0BACE,qBAAsB,CACtB,iBtIi+SF,CsI79SA,qCACE,iBtI+9SF,CsI79SE,yEACE,etIg+SF,CACF,CsI79SA,mCACE,cACA,ctI+9SF,CsIj+SA,4HAOI,atI+9SJ,CsIr9SI,4RAGE,atI49SN,CsIz9SI,gKAGE,atI29SN,CsIr9SA,yBACE,atIu9SF,CsIx9SA,wCAKI,iBADA,atIw9SJ,CsIp9SE,6DAGE,eAFA,gBtIw9SF,CsIz9SA,wCAMI,atIs9SJ,CACF,CuIlmTA,oBACE,wBvIomTF,CuIjmTA,4BACE,kBvImmTF,CuIhmTA,yCACE,avIkmTF,CuInmTA,wDAOI,cAAe,CAFf,WAAY,CAGZ,gBAAiB,CAJjB,UvIqmTJ,CuIzmTA,oDAYI,eAAgB,CAEhB,iBAAkB,CAClB,OvI+lTJ,CuI3lTA,sBACE,avI6lTF,CuI3lTE,0DACE,gBAEA,iBvI6lTF,CACF,CwI/nTA,YACE,wBxIioTF,CwI7nTA,iCACE,gBxI+nTF,CwI3nTA,0BAGE,cACA,eAHA,kBxI+nTF,CwIznTA,sBAEE,kBADA,uBxI4nTF,CwIxnTA,wBACE,cACA,cxI0nTF,CwIvnTA,0BACE,exIynTF,CyIrpTA,qBACE,wBzIupTF,CyIppTA,gCAEI,azIqpTJ,CyIvpTA,sBAMI,ezIopTJ,C0I7pTA,YACE,gBACA,qB1I+pTF,C0I3pTA,WACE,a1I6pTF,C0I9pTA,0BAII,iB1I6pTJ,C0IjqTA,6MAgBM,a1I4pTN,C0ItpTA,4BAEI,yBACA,iB1IupTJ,C0I1pTA,+BAOI,iBAEA,iBAAkB,CAClB,O1IqpTJ,C0I/pTA,8CAkBM,cAAe,CACf,gBAAiB,CANjB,gBAAiB,CAEjB,iBAAkB,CAClB,Q1IspTN,C0I/oTE,wBACE,cAAiB,CACjB,e1IipTJ,C0I/oTI,qFAGE,a1IipTN,C0I9oTI,gIAIE,cACA,oB1IgpTN,C0ItrTA,6BA2CI,gB1I8oTJ,C0IzoTA,qBACE,kBACA,gBACA,gB1I2oTF,C0IzoTE,yDACE,c1I4oTF,C0I7oTA,oCAII,c1I4oTJ,C0IhpTA,uBAQI,Y1I2oTJ,CACF,C0ItoTA,sBACE,mB1IwoTF,C0IpoTA,kBACE,yBACA,WAAY,CACZ,kBACA,kB1IsoTF,C0IpoTE,6BACE,kB1IsoTJ,C0InoTE,sDACE,eAAkB,CAElB,mB1IsoTF,CACF,C0IjoTE,uBACE,cAAiB,CACjB,e1ImoTJ,C0IjoTI,kFAGE,a1ImoTN,C0IhoTI,4HAIE,cACA,oB1IkoTN,C0IlpTA,eAqBI,cACA,c1IgoTJ,C0I3nTA,qCAGE,oBADA,gB1I8nTF,C0IhoTA,iDAMI,kB1I8nTJ,C0IpoTA,6DAYI,eAFA,e1I+nTJ,C0IxnTA,apHnKE,yBACA,WtB8xTF,C2I/xTA,uBACE,gB3IiyTF,C2I9xTA,sBAIE,gBAAiB,CACjB,iBAAkB,CAFlB,oBADA,aAAgB,CADhB,iB3IoyTF,C2I9xTE,4BAKE,QAAW,CAJX,6BAAqC,CAUrC,iBAAkB,CADlB,WAAY,CARZ,aAAc,CAKd,QAAW,CAHX,iBAAkB,CAIlB,U3IgyTJ,C4IlzTA,gCACE,iB5IozTF,C4IjzTA,iCACE,yBAEA,U5IkzTF,C4I9yTA,6HAKI,a5I+yTJ,C4IpzTA,wOAcI,a5I8yTJ,C4IzyTA,0BtH/BE,yBACA,WtB20TF,C6I30TA,WACE,kB7I60TF,C6Iz0TA,kDAGI,iB7I00TJ,C6Ir0TA,kBACE,a7Iu0TF,C6Ix0TA,sBAKI,YAAa,CADb,W7Iw0TJ,C6Il0TA,oKAOI,cACA,eACA,e7Im0TJ,C6I9zTA,4FAKI,a7I+zTJ,C6Ip0TA,4EAWI,a7I8zTJ,C6IxzTE,qDACE,e7I2zTF,CACF,C6I9zTA,oBAMI,Q7I2zTJ,C6Ij0TA,oBAaI,cAHA,oBAAqB,CAIrB,eAHA,iB7I4zTJ,C6IvzTI,wDACE,Y7I0zTJ,CACF,C6I50TA,oCAsBI,Y7IyzTJ,C6IpzTA,oCACE,qBACE,aAAc,CACd,Q7IszTF,CACF,C6InzTA,oCACE,qBACE,Y7IqzTF,CACF,C6IjzTA,oCACE,iBACE,e7ImzTF,CACF,C6I/yTA,oCACE,gBACE,e7IizTF,CACF,C8Iz5TA,kC1IiEE,wBACQ,gB0I9DR,U9I25TF,C+I/5TA,mBACE,iB/Ii6TF,C+I75TA,6BACE,sBAAuB,CAMvB,cALA,wBAAyB,CACzB,qBAAsB,CACtB,mBAAoB,CACpB,oBAAqB,CACrB,gB/Ig6TF,C+I55TA,qDACE,mBAAoB,CACpB,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,W/I85TF,C+I35TA,gCAOE,kBAAmB,CAEnB,8BAHA,YAAa,CADb,WAAY,CAGZ,sBAAuB,CALvB,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAEN,U/Ik6TF,C+I15TA,+B1HjCE,yBACA,kBAFA,arBi8TF,CqB77TE,0EAGE,yBACA,qBAFA,arBi8TJ,CqB77TE,qCAEE,yBACA,qBAFA,arBi8TJ,CqB77TE,iIAIE,yBACA,qBAAsB,CACtB,qBAHA,arBk8TJ,CqB77TI,ybAIE,yBACA,qBAFA,arBu8TN,CqB/7TI,+bAGE,yBACA,iBrBu8TN,C+I38TA,sC1HUI,yBADA,arBs8TJ,C2Hj/TE,0PAME,mBACA,yBvHyDF,wBACQ,gBuHxDN,a3Ho/TJ,C2H/+TE,2NrGhBA,yBACA,WtBsgUF,C2H/+TE,0EAEE,mBACA,yBvHuCF,wBACQ,gBuHtCN,a3Hk/TJ,C2H7+TE,uWAME,mBACA,yBvHyBF,wBACQ,gBuHxBN,a3Hg/TJ,C2H1+TI,qWAOE,iB3H4+TN,C+I5/TA,0GAGE,iBAAkB,CAClB,0BACA,gB/I8/TF,CgJ1iUA,cACE,gBACA,4BACA,0BAEA,ahJ2iUF,CgJhjUA,qBAUI,cACA,cAAe,CACf,gBAAiB,CAJjB,aAAgB,CAKhB,gBhJ0iUJ,CgJriUA,6BACE,ahJuiUF,CgJniUA,wBACE,ahJqiUF,CgJniUE,oCACE,YhJqiUJ,CgJliUE,mCACE,ehJoiUJ,CgJ/hUA,2BAGI,gBAAmB,CADnB,ahJiiUJ,CgJ9hUI,uCACE,ahJgiUN,CgJ1hUA,sBAEI,ehJ2hUJ,CgJ7hUA,4BAQI,cAFA,gBhJ2hUJ,CgJphUA,oCAEI,eAAgB,CAChB,iBhJqhUJ,CgJjhUA,mCAEI,eAAgB,CAChB,ahJkhUJ,CgJrhUA,4CAQI,mBADA,ehJkhUJ,CgJ5gUA,0BAEI,gCACA,mBhJ6gUJ,CgJhhUA,8BAMM,kBAGA,WAAY,CADZ,UhJ6gUN,CgJzgUI,qCACE,WAAY,CACZ,gBhJ2gUN,CiJ3mUA,MACE,qBjJ6mUF,CkJ9mUA,sCACE,iBlJgnUF,CkJ7mUA,8BACE,alJ+mUF,CkJ5mUI,2IAGE,cACA,elJ8mUN,CkJ3mUI,iJAGE,alJ6mUN,CkJ3nUA,6CAmBI,cACA,elJ2mUJ,CkJvmUA,sBACE,alJymUF,CmJtoUA,0BACE,anJwoUF,CmJjoUA,6DACE,anJsoUF,CmJnoUA,oCACE,anJqoUF,CoJlpUA,mIAMI,apJopUJ,CoJ1pUA,wJAaI,apJmpUJ,CqJhqUA,mCACE,wBrJkqUF,CqJ/pUA,+CACE,QrJiqUF,CqJ9pUA,+DAEI,erJ+pUJ,CsJ1lUA,0BA7EI,oBtJ0qUJ,CsJ7lUA,kOAjEM,atJyqUN,CsJpmUA,0BAjFI,oBtJwrUJ,CsJvmUA,kOArEM,atJurUN,CsJ9mUA,0BArFI,oBtJssUJ,CsJjnUA,kOAzEM,atJqsUN,CsJxnUA,yBAzFI,oBtJotUJ,CsJ3nUA,2NA7EM,atJmtUN,CsJjoUA,+BA3EI,gBACA,yBACA,kBACA,YtJ+sUJ,CsJxsUM,0WAME,atJ6sUR,CsJ9oUA,+BA/EI,gBACA,yBACA,kBACA,YtJguUJ,CsJztUM,0WAME,atJ8tUR,CsJ3pUA,+BAnFI,gBACA,yBACA,kBACA,YtJivUJ,CsJ1uUM,0WAME,atJ+uUR,CsJxqUA,8BAvFI,gBACA,yBACA,kBACA,YtJkwUJ,CsJ3vUM,mWAME,atJgwUR,CsJprUA,qCArEE,8BACA,iBtJ4vUF,CsJrvUI,0XAME,atJ0vUN,CsJnsUA,qCArEE,8BACA,iBtJ2wUF,CsJpwUI,0XAME,atJywUN,CsJltUA,qCArEE,8BACA,iBtJ0xUF,CsJnxUI,0XAME,atJwxUN,CsJjuUA,oCArEE,8BACA,iBtJyyUF,CsJlyUI,mXAME,atJuyUN,CsJ7tUA,+SA3DM,atJmyUN,CsJpuUA,+SA/DM,atJ8yUN,CsJ3uUA,+SAnEM,atJyzUN,CsJlvUA,wSAvEM,atJo0UN","sources":["webpack://misago/./src/style/index.less","webpack://misago/./node_modules/bootstrap/less/normalize.less","webpack://misago/./node_modules/bootstrap/less/print.less","webpack://misago/./node_modules/bootstrap/less/scaffolding.less","webpack://misago/./node_modules/bootstrap/less/mixins/vendor-prefixes.less","webpack://misago/./node_modules/bootstrap/less/mixins/tab-focus.less","webpack://misago/./node_modules/bootstrap/less/mixins/image.less","webpack://misago/./node_modules/bootstrap/less/type.less","webpack://misago/./node_modules/bootstrap/less/mixins/text-emphasis.less","webpack://misago/./node_modules/bootstrap/less/mixins/background-variant.less","webpack://misago/./node_modules/bootstrap/less/mixins/text-overflow.less","webpack://misago/./node_modules/bootstrap/less/code.less","webpack://misago/./node_modules/bootstrap/less/grid.less","webpack://misago/./node_modules/bootstrap/less/mixins/grid.less","webpack://misago/./node_modules/bootstrap/less/responsive-utilities.less","webpack://misago/./node_modules/bootstrap/less/mixins/grid-framework.less","webpack://misago/./node_modules/bootstrap/less/tables.less","webpack://misago/./node_modules/bootstrap/less/mixins/table-row.less","webpack://misago/./node_modules/bootstrap/less/forms.less","webpack://misago/./node_modules/bootstrap/less/mixins/forms.less","webpack://misago/./node_modules/bootstrap/less/buttons.less","webpack://misago/./node_modules/bootstrap/less/mixins/buttons.less","webpack://misago/./node_modules/bootstrap/less/mixins/opacity.less","webpack://misago/./node_modules/bootstrap/less/component-animations.less","webpack://misago/./node_modules/bootstrap/less/dropdowns.less","webpack://misago/./node_modules/bootstrap/less/mixins/nav-divider.less","webpack://misago/./node_modules/bootstrap/less/mixins/reset-filter.less","webpack://misago/./node_modules/bootstrap/less/navs.less","webpack://misago/./node_modules/bootstrap/less/mixins/border-radius.less","webpack://misago/./node_modules/bootstrap/less/breadcrumbs.less","webpack://misago/./node_modules/bootstrap/less/alerts.less","webpack://misago/./node_modules/bootstrap/less/mixins/alerts.less","webpack://misago/./node_modules/bootstrap/less/labels.less","webpack://misago/./node_modules/bootstrap/less/mixins/labels.less","webpack://misago/./node_modules/bootstrap/less/progress-bars.less","webpack://misago/./node_modules/bootstrap/less/mixins/gradients.less","webpack://misago/./node_modules/bootstrap/less/mixins/progress-bar.less","webpack://misago/./node_modules/bootstrap/less/button-groups.less","webpack://misago/./node_modules/bootstrap/less/input-groups.less","webpack://misago/./node_modules/bootstrap/less/media.less","webpack://misago/./node_modules/bootstrap/less/list-group.less","webpack://misago/./node_modules/bootstrap/less/mixins/list-group.less","webpack://misago/./node_modules/bootstrap/less/panels.less","webpack://misago/./node_modules/bootstrap/less/mixins/panels.less","webpack://misago/./node_modules/bootstrap/less/pager.less","webpack://misago/./node_modules/bootstrap/less/pagination.less","webpack://misago/./node_modules/bootstrap/less/mixins/pagination.less","webpack://misago/./node_modules/bootstrap/less/responsive-embed.less","webpack://misago/./node_modules/bootstrap/less/wells.less","webpack://misago/./node_modules/bootstrap/less/close.less","webpack://misago/./node_modules/bootstrap/less/badges.less","webpack://misago/./node_modules/bootstrap/less/modals.less","webpack://misago/./node_modules/bootstrap/less/mixins/clearfix.less","webpack://misago/./node_modules/bootstrap/less/utilities.less","webpack://misago/./node_modules/bootstrap/less/mixins/center-block.less","webpack://misago/./node_modules/bootstrap/less/mixins/hide-text.less","webpack://misago/./node_modules/bootstrap/less/mixins/responsive-visibility.less","webpack://misago/./src/style/misago/scaffolding.less","webpack://misago/./src/style/misago/flex-row.less","webpack://misago/./src/style/misago/display.less","webpack://misago/./src/style/misago/at-who.less","webpack://misago/./src/style/misago/auth-message.less","webpack://misago/./src/style/misago/alerts-snackbar.less","webpack://misago/./src/style/misago/agreement-overlay.less","webpack://misago/./src/style/misago/loaders.less","webpack://misago/./src/style/misago/navbar.less","webpack://misago/./src/style/misago/navs.less","webpack://misago/./src/style/misago/breadcrumbs.less","webpack://misago/./src/style/misago/material-icons.less","webpack://misago/./src/style/misago/modals.less","webpack://misago/./src/style/misago/forms.less","webpack://misago/./src/style/misago/inputs.less","webpack://misago/./src/style/misago/buttons.less","webpack://misago/./src/style/misago/dropdowns.less","webpack://misago/./src/style/misago/overlay.less","webpack://misago/./src/style/misago/list-groups.less","webpack://misago/./src/style/misago/category-label.less","webpack://misago/./src/style/misago/thread-flags.less","webpack://misago/./src/style/misago/thread-replies.less","webpack://misago/./src/style/misago/thread-user-card.less","webpack://misago/./src/style/misago/thread-paginator.less","webpack://misago/./src/style/misago/search-dropdown.less","webpack://misago/./src/style/misago/page-header.less","webpack://misago/./src/style/misago/page-container.less","webpack://misago/./src/style/misago/panels.less","webpack://misago/./src/style/misago/footer.less","webpack://misago/./src/style/misago/ui-preview.less","webpack://misago/./src/style/misago/pager.less","webpack://misago/./src/style/misago/pagination.less","webpack://misago/./src/style/misago/poll.less","webpack://misago/./src/style/misago/user-status.less","webpack://misago/./src/style/misago/user-card.less","webpack://misago/./src/style/misago/toolbar.less","webpack://misago/./src/style/misago/type.less","webpack://misago/./src/style/misago/markup.less","webpack://misago/./src/style/misago/formatting-help.less","webpack://misago/./src/style/misago/site-nav-menu.less","webpack://misago/./src/style/misago/user-nav-menu.less","webpack://misago/./src/style/misago/change-avatar.less","webpack://misago/./src/style/misago/categories-lists.less","webpack://misago/./src/style/misago/participants.less","webpack://misago/./src/style/misago/markup-editor.less","webpack://misago/./src/style/misago/poll-editor.less","webpack://misago/./src/style/misago/posting-dialog.less","webpack://misago/./src/style/misago/posts-list.less","webpack://misago/./src/style/misago/post.less","webpack://misago/./src/style/misago/post-feed.less","webpack://misago/./src/style/misago/event.less","webpack://misago/./src/style/misago/post-changelog.less","webpack://misago/./src/style/misago/quote-control.less","webpack://misago/./src/style/misago/message-pages.less","webpack://misago/./src/style/misago/threads-lists.less","webpack://misago/./src/style/misago/notifications-list.less","webpack://misago/./src/style/misago/notifications-dropdown.less","webpack://misago/./src/style/misago/notifications-overlay.less","webpack://misago/./src/style/misago/active-posters.less","webpack://misago/./src/style/misago/user-profile.less","webpack://misago/./src/style/misago/username-history.less","webpack://misago/./src/style/misago/search.less","webpack://misago/./highlight/styles/atom-one-light.min.css","webpack://misago/./node_modules/at.js/dist/css/jquery.atwho.css","webpack://misago/./src/style/flavor/typo.less","webpack://misago/./src/style/flavor/shadows.less","webpack://misago/./src/style/flavor/buttons.less","webpack://misago/./src/style/flavor/social-buttons.less","webpack://misago/./src/style/flavor/inputs.less","webpack://misago/./src/style/flavor/auth-message.less","webpack://misago/./src/style/flavor/dropdowns.less","webpack://misago/./src/style/flavor/page-footer.less","webpack://misago/./src/style/flavor/list-group.less","webpack://misago/./src/style/flavor/navs.less","webpack://misago/./src/style/flavor/username-history.less","webpack://misago/./src/style/flavor/panels.less","webpack://misago/./src/style/flavor/form.less","webpack://misago/./src/style/flavor/categories-lists.less","webpack://misago/./src/style/flavor/participants.less","webpack://misago/./src/style/flavor/poll.less","webpack://misago/./src/style/flavor/posting.less","webpack://misago/./src/style/flavor/post.less","webpack://misago/./src/style/flavor/post-feed.less","webpack://misago/./src/style/flavor/event.less","webpack://misago/./src/style/flavor/user-card.less","webpack://misago/./src/style/flavor/progress-bars.less","webpack://misago/./src/style/flavor/markup.less","webpack://misago/./src/style/flavor/modals.less","webpack://misago/./src/style/flavor/wells.less","webpack://misago/./src/style/flavor/active-posters.less","webpack://misago/./src/style/flavor/message-pages.less","webpack://misago/./src/style/flavor/user-options.less","webpack://misago/./src/style/flavor/profile-details.less","webpack://misago/./src/style/flavor/ranks-flavors.less"],"sourcesContent":["/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */\nhtml {\n font-family: sans-serif;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\nbody {\n margin: 0;\n}\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n vertical-align: baseline;\n}\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n[hidden],\ntemplate {\n display: none;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nabbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted;\n}\nb,\nstrong {\n font-weight: bold;\n}\ndfn {\n font-style: italic;\n}\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\nmark {\n background: #ff0;\n color: #000;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nfigure {\n margin: 1em 40px;\n}\nhr {\n box-sizing: content-box;\n height: 0;\n}\npre {\n overflow: auto;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: inherit;\n font: inherit;\n margin: 0;\n}\nbutton {\n overflow: visible;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button;\n cursor: pointer;\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\ninput {\n line-height: normal;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n -webkit-appearance: textfield;\n box-sizing: content-box;\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\nlegend {\n border: 0;\n padding: 0;\n}\ntextarea {\n overflow: auto;\n}\noptgroup {\n font-weight: bold;\n}\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\ntd,\nth {\n padding: 0;\n}\n/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */\n@media print {\n *,\n *:before,\n *:after {\n color: #000 !important;\n text-shadow: none !important;\n background: transparent !important;\n box-shadow: none !important;\n }\n a,\n a:visited {\n text-decoration: underline;\n }\n a[href]:after {\n content: \" (\" attr(href) \")\";\n }\n abbr[title]:after {\n content: \" (\" attr(title) \")\";\n }\n a[href^=\"#\"]:after,\n a[href^=\"javascript:\"]:after {\n content: \"\";\n }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n thead {\n display: table-header-group;\n }\n tr,\n img {\n page-break-inside: avoid;\n }\n img {\n max-width: 100% !important;\n }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n h2,\n h3 {\n page-break-after: avoid;\n }\n .navbar {\n display: none;\n }\n .btn > .caret,\n .dropup > .btn > .caret {\n border-top-color: #000 !important;\n }\n .label {\n border: 1px solid #000;\n }\n .table {\n border-collapse: collapse !important;\n }\n .table td,\n .table th {\n background-color: #fff !important;\n }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #ddd !important;\n }\n}\n* {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n*:before,\n*:after {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\nhtml {\n font-size: 10px;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-size: 14px;\n line-height: 1.42857143;\n color: #172b4d;\n background-color: #fff;\n}\ninput,\nbutton,\nselect,\ntextarea {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\na {\n color: #0065ff;\n text-decoration: none;\n}\na:hover,\na:focus {\n color: #0747a6;\n text-decoration: underline;\n}\na:focus {\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\nfigure {\n margin: 0;\n}\nimg {\n vertical-align: middle;\n}\n.img-responsive {\n display: block;\n max-width: 100%;\n height: auto;\n}\n.img-rounded {\n border-radius: 6px;\n}\n.img-thumbnail {\n padding: 4px;\n line-height: 1.42857143;\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 4px;\n -webkit-transition: all 0.2s ease-in-out;\n -o-transition: all 0.2s ease-in-out;\n transition: all 0.2s ease-in-out;\n display: inline-block;\n max-width: 100%;\n height: auto;\n}\n.img-circle {\n border-radius: 50%;\n}\nhr {\n margin-top: 20px;\n margin-bottom: 20px;\n border: 0;\n border-top: 1px solid #ebecf0;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n.sr-only-focusable:active,\n.sr-only-focusable:focus {\n position: static;\n width: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n clip: auto;\n}\n[role=\"button\"] {\n cursor: pointer;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n font-family: inherit;\n font-weight: 500;\n line-height: 1.1;\n color: inherit;\n}\nh1 small,\nh2 small,\nh3 small,\nh4 small,\nh5 small,\nh6 small,\n.h1 small,\n.h2 small,\n.h3 small,\n.h4 small,\n.h5 small,\n.h6 small,\nh1 .small,\nh2 .small,\nh3 .small,\nh4 .small,\nh5 .small,\nh6 .small,\n.h1 .small,\n.h2 .small,\n.h3 .small,\n.h4 .small,\n.h5 .small,\n.h6 .small {\n font-weight: 400;\n line-height: 1;\n color: #7a869a;\n}\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3 {\n margin-top: 20px;\n margin-bottom: 10px;\n}\nh1 small,\n.h1 small,\nh2 small,\n.h2 small,\nh3 small,\n.h3 small,\nh1 .small,\n.h1 .small,\nh2 .small,\n.h2 .small,\nh3 .small,\n.h3 .small {\n font-size: 65%;\n}\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n margin-top: 10px;\n margin-bottom: 10px;\n}\nh4 small,\n.h4 small,\nh5 small,\n.h5 small,\nh6 small,\n.h6 small,\nh4 .small,\n.h4 .small,\nh5 .small,\n.h5 .small,\nh6 .small,\n.h6 .small {\n font-size: 75%;\n}\nh1,\n.h1 {\n font-size: 36px;\n}\nh2,\n.h2 {\n font-size: 30px;\n}\nh3,\n.h3 {\n font-size: 24px;\n}\nh4,\n.h4 {\n font-size: 18px;\n}\nh5,\n.h5 {\n font-size: 14px;\n}\nh6,\n.h6 {\n font-size: 12px;\n}\np {\n margin: 0 0 10px;\n}\n.lead {\n margin-bottom: 20px;\n font-size: 16px;\n font-weight: 300;\n line-height: 1.4;\n}\n@media (min-width: 768px) {\n .lead {\n font-size: 21px;\n }\n}\nsmall,\n.small {\n font-size: 85%;\n}\nmark,\n.mark {\n padding: 0.2em;\n background-color: #fcf8e3;\n}\n.text-left {\n text-align: left;\n}\n.text-right {\n text-align: right;\n}\n.text-center {\n text-align: center;\n}\n.text-justify {\n text-align: justify;\n}\n.text-nowrap {\n white-space: nowrap;\n}\n.text-lowercase {\n text-transform: lowercase;\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.text-capitalize {\n text-transform: capitalize;\n}\n.text-muted {\n color: #7a869a;\n}\n.text-primary {\n color: #2563eb;\n}\na.text-primary:hover,\na.text-primary:focus {\n color: #134cca;\n}\n.text-success {\n color: #3c763d;\n}\na.text-success:hover,\na.text-success:focus {\n color: #2b542c;\n}\n.text-info {\n color: #31708f;\n}\na.text-info:hover,\na.text-info:focus {\n color: #245269;\n}\n.text-warning {\n color: #8a6d3b;\n}\na.text-warning:hover,\na.text-warning:focus {\n color: #66512c;\n}\n.text-danger {\n color: #a94442;\n}\na.text-danger:hover,\na.text-danger:focus {\n color: #843534;\n}\n.bg-primary {\n color: #fff;\n background-color: #2563eb;\n}\na.bg-primary:hover,\na.bg-primary:focus {\n background-color: #134cca;\n}\n.bg-success {\n background-color: #dff0d8;\n}\na.bg-success:hover,\na.bg-success:focus {\n background-color: #c1e2b3;\n}\n.bg-info {\n background-color: #d9edf7;\n}\na.bg-info:hover,\na.bg-info:focus {\n background-color: #afd9ee;\n}\n.bg-warning {\n background-color: #fcf8e3;\n}\na.bg-warning:hover,\na.bg-warning:focus {\n background-color: #f7ecb5;\n}\n.bg-danger {\n background-color: #f2dede;\n}\na.bg-danger:hover,\na.bg-danger:focus {\n background-color: #e4b9b9;\n}\n.page-header {\n padding-bottom: 9px;\n margin: 40px 0 20px;\n border-bottom: 1px solid #ebecf0;\n}\nul,\nol {\n margin-top: 0;\n margin-bottom: 10px;\n}\nul ul,\nol ul,\nul ol,\nol ol {\n margin-bottom: 0;\n}\n.list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n.list-inline {\n padding-left: 0;\n list-style: none;\n margin-left: -5px;\n}\n.list-inline > li {\n display: inline-block;\n padding-right: 5px;\n padding-left: 5px;\n}\ndl {\n margin-top: 0;\n margin-bottom: 20px;\n}\ndt,\ndd {\n line-height: 1.42857143;\n}\ndt {\n font-weight: 700;\n}\ndd {\n margin-left: 0;\n}\n@media (min-width: 700px) {\n .dl-horizontal dt {\n float: left;\n width: 160px;\n clear: left;\n text-align: right;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .dl-horizontal dd {\n margin-left: 180px;\n }\n}\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n}\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\nblockquote {\n padding: 10px 20px;\n margin: 0 0 20px;\n font-size: 17.5px;\n border-left: 5px solid #ebecf0;\n}\nblockquote p:last-child,\nblockquote ul:last-child,\nblockquote ol:last-child {\n margin-bottom: 0;\n}\nblockquote footer,\nblockquote small,\nblockquote .small {\n display: block;\n font-size: 80%;\n line-height: 1.42857143;\n color: #7a869a;\n}\nblockquote footer:before,\nblockquote small:before,\nblockquote .small:before {\n content: \"\\2014 \\00A0\";\n}\n.blockquote-reverse,\nblockquote.pull-right {\n padding-right: 15px;\n padding-left: 0;\n text-align: right;\n border-right: 5px solid #ebecf0;\n border-left: 0;\n}\n.blockquote-reverse footer:before,\nblockquote.pull-right footer:before,\n.blockquote-reverse small:before,\nblockquote.pull-right small:before,\n.blockquote-reverse .small:before,\nblockquote.pull-right .small:before {\n content: \"\";\n}\n.blockquote-reverse footer:after,\nblockquote.pull-right footer:after,\n.blockquote-reverse small:after,\nblockquote.pull-right small:after,\n.blockquote-reverse .small:after,\nblockquote.pull-right .small:after {\n content: \"\\00A0 \\2014\";\n}\naddress {\n margin-bottom: 20px;\n font-style: normal;\n line-height: 1.42857143;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: #c7254e;\n background-color: #f9f2f4;\n border-radius: 4px;\n}\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: #fff;\n background-color: #333;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);\n}\nkbd kbd {\n padding: 0;\n font-size: 100%;\n font-weight: 700;\n box-shadow: none;\n}\npre {\n display: block;\n padding: 9.5px;\n margin: 0 0 10px;\n font-size: 13px;\n line-height: 1.42857143;\n color: #344563;\n word-break: break-all;\n word-wrap: break-word;\n background-color: #f5f5f5;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\npre code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n}\n.pre-scrollable {\n max-height: 340px;\n overflow-y: scroll;\n}\n.container {\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n@media (min-width: 768px) {\n .container {\n width: 750px;\n }\n}\n@media (min-width: 992px) {\n .container {\n width: 970px;\n }\n}\n@media (min-width: 1200px) {\n .container {\n width: 1170px;\n }\n}\n.container-fluid {\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n.row-no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n.row-no-gutters [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n}\n.col-xs-1,\n.col-sm-1,\n.col-md-1,\n.col-lg-1,\n.col-xs-2,\n.col-sm-2,\n.col-md-2,\n.col-lg-2,\n.col-xs-3,\n.col-sm-3,\n.col-md-3,\n.col-lg-3,\n.col-xs-4,\n.col-sm-4,\n.col-md-4,\n.col-lg-4,\n.col-xs-5,\n.col-sm-5,\n.col-md-5,\n.col-lg-5,\n.col-xs-6,\n.col-sm-6,\n.col-md-6,\n.col-lg-6,\n.col-xs-7,\n.col-sm-7,\n.col-md-7,\n.col-lg-7,\n.col-xs-8,\n.col-sm-8,\n.col-md-8,\n.col-lg-8,\n.col-xs-9,\n.col-sm-9,\n.col-md-9,\n.col-lg-9,\n.col-xs-10,\n.col-sm-10,\n.col-md-10,\n.col-lg-10,\n.col-xs-11,\n.col-sm-11,\n.col-md-11,\n.col-lg-11,\n.col-xs-12,\n.col-sm-12,\n.col-md-12,\n.col-lg-12 {\n position: relative;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px;\n}\n.col-xs-1,\n.col-xs-2,\n.col-xs-3,\n.col-xs-4,\n.col-xs-5,\n.col-xs-6,\n.col-xs-7,\n.col-xs-8,\n.col-xs-9,\n.col-xs-10,\n.col-xs-11,\n.col-xs-12 {\n float: left;\n}\n.col-xs-12 {\n width: 100%;\n}\n.col-xs-11 {\n width: 91.66666667%;\n}\n.col-xs-10 {\n width: 83.33333333%;\n}\n.col-xs-9 {\n width: 75%;\n}\n.col-xs-8 {\n width: 66.66666667%;\n}\n.col-xs-7 {\n width: 58.33333333%;\n}\n.col-xs-6 {\n width: 50%;\n}\n.col-xs-5 {\n width: 41.66666667%;\n}\n.col-xs-4 {\n width: 33.33333333%;\n}\n.col-xs-3 {\n width: 25%;\n}\n.col-xs-2 {\n width: 16.66666667%;\n}\n.col-xs-1 {\n width: 8.33333333%;\n}\n.col-xs-pull-12 {\n right: 100%;\n}\n.col-xs-pull-11 {\n right: 91.66666667%;\n}\n.col-xs-pull-10 {\n right: 83.33333333%;\n}\n.col-xs-pull-9 {\n right: 75%;\n}\n.col-xs-pull-8 {\n right: 66.66666667%;\n}\n.col-xs-pull-7 {\n right: 58.33333333%;\n}\n.col-xs-pull-6 {\n right: 50%;\n}\n.col-xs-pull-5 {\n right: 41.66666667%;\n}\n.col-xs-pull-4 {\n right: 33.33333333%;\n}\n.col-xs-pull-3 {\n right: 25%;\n}\n.col-xs-pull-2 {\n right: 16.66666667%;\n}\n.col-xs-pull-1 {\n right: 8.33333333%;\n}\n.col-xs-pull-0 {\n right: auto;\n}\n.col-xs-push-12 {\n left: 100%;\n}\n.col-xs-push-11 {\n left: 91.66666667%;\n}\n.col-xs-push-10 {\n left: 83.33333333%;\n}\n.col-xs-push-9 {\n left: 75%;\n}\n.col-xs-push-8 {\n left: 66.66666667%;\n}\n.col-xs-push-7 {\n left: 58.33333333%;\n}\n.col-xs-push-6 {\n left: 50%;\n}\n.col-xs-push-5 {\n left: 41.66666667%;\n}\n.col-xs-push-4 {\n left: 33.33333333%;\n}\n.col-xs-push-3 {\n left: 25%;\n}\n.col-xs-push-2 {\n left: 16.66666667%;\n}\n.col-xs-push-1 {\n left: 8.33333333%;\n}\n.col-xs-push-0 {\n left: auto;\n}\n.col-xs-offset-12 {\n margin-left: 100%;\n}\n.col-xs-offset-11 {\n margin-left: 91.66666667%;\n}\n.col-xs-offset-10 {\n margin-left: 83.33333333%;\n}\n.col-xs-offset-9 {\n margin-left: 75%;\n}\n.col-xs-offset-8 {\n margin-left: 66.66666667%;\n}\n.col-xs-offset-7 {\n margin-left: 58.33333333%;\n}\n.col-xs-offset-6 {\n margin-left: 50%;\n}\n.col-xs-offset-5 {\n margin-left: 41.66666667%;\n}\n.col-xs-offset-4 {\n margin-left: 33.33333333%;\n}\n.col-xs-offset-3 {\n margin-left: 25%;\n}\n.col-xs-offset-2 {\n margin-left: 16.66666667%;\n}\n.col-xs-offset-1 {\n margin-left: 8.33333333%;\n}\n.col-xs-offset-0 {\n margin-left: 0%;\n}\n@media (min-width: 768px) {\n .col-sm-1,\n .col-sm-2,\n .col-sm-3,\n .col-sm-4,\n .col-sm-5,\n .col-sm-6,\n .col-sm-7,\n .col-sm-8,\n .col-sm-9,\n .col-sm-10,\n .col-sm-11,\n .col-sm-12 {\n float: left;\n }\n .col-sm-12 {\n width: 100%;\n }\n .col-sm-11 {\n width: 91.66666667%;\n }\n .col-sm-10 {\n width: 83.33333333%;\n }\n .col-sm-9 {\n width: 75%;\n }\n .col-sm-8 {\n width: 66.66666667%;\n }\n .col-sm-7 {\n width: 58.33333333%;\n }\n .col-sm-6 {\n width: 50%;\n }\n .col-sm-5 {\n width: 41.66666667%;\n }\n .col-sm-4 {\n width: 33.33333333%;\n }\n .col-sm-3 {\n width: 25%;\n }\n .col-sm-2 {\n width: 16.66666667%;\n }\n .col-sm-1 {\n width: 8.33333333%;\n }\n .col-sm-pull-12 {\n right: 100%;\n }\n .col-sm-pull-11 {\n right: 91.66666667%;\n }\n .col-sm-pull-10 {\n right: 83.33333333%;\n }\n .col-sm-pull-9 {\n right: 75%;\n }\n .col-sm-pull-8 {\n right: 66.66666667%;\n }\n .col-sm-pull-7 {\n right: 58.33333333%;\n }\n .col-sm-pull-6 {\n right: 50%;\n }\n .col-sm-pull-5 {\n right: 41.66666667%;\n }\n .col-sm-pull-4 {\n right: 33.33333333%;\n }\n .col-sm-pull-3 {\n right: 25%;\n }\n .col-sm-pull-2 {\n right: 16.66666667%;\n }\n .col-sm-pull-1 {\n right: 8.33333333%;\n }\n .col-sm-pull-0 {\n right: auto;\n }\n .col-sm-push-12 {\n left: 100%;\n }\n .col-sm-push-11 {\n left: 91.66666667%;\n }\n .col-sm-push-10 {\n left: 83.33333333%;\n }\n .col-sm-push-9 {\n left: 75%;\n }\n .col-sm-push-8 {\n left: 66.66666667%;\n }\n .col-sm-push-7 {\n left: 58.33333333%;\n }\n .col-sm-push-6 {\n left: 50%;\n }\n .col-sm-push-5 {\n left: 41.66666667%;\n }\n .col-sm-push-4 {\n left: 33.33333333%;\n }\n .col-sm-push-3 {\n left: 25%;\n }\n .col-sm-push-2 {\n left: 16.66666667%;\n }\n .col-sm-push-1 {\n left: 8.33333333%;\n }\n .col-sm-push-0 {\n left: auto;\n }\n .col-sm-offset-12 {\n margin-left: 100%;\n }\n .col-sm-offset-11 {\n margin-left: 91.66666667%;\n }\n .col-sm-offset-10 {\n margin-left: 83.33333333%;\n }\n .col-sm-offset-9 {\n margin-left: 75%;\n }\n .col-sm-offset-8 {\n margin-left: 66.66666667%;\n }\n .col-sm-offset-7 {\n margin-left: 58.33333333%;\n }\n .col-sm-offset-6 {\n margin-left: 50%;\n }\n .col-sm-offset-5 {\n margin-left: 41.66666667%;\n }\n .col-sm-offset-4 {\n margin-left: 33.33333333%;\n }\n .col-sm-offset-3 {\n margin-left: 25%;\n }\n .col-sm-offset-2 {\n margin-left: 16.66666667%;\n }\n .col-sm-offset-1 {\n margin-left: 8.33333333%;\n }\n .col-sm-offset-0 {\n margin-left: 0%;\n }\n}\n@media (min-width: 992px) {\n .col-md-1,\n .col-md-2,\n .col-md-3,\n .col-md-4,\n .col-md-5,\n .col-md-6,\n .col-md-7,\n .col-md-8,\n .col-md-9,\n .col-md-10,\n .col-md-11,\n .col-md-12 {\n float: left;\n }\n .col-md-12 {\n width: 100%;\n }\n .col-md-11 {\n width: 91.66666667%;\n }\n .col-md-10 {\n width: 83.33333333%;\n }\n .col-md-9 {\n width: 75%;\n }\n .col-md-8 {\n width: 66.66666667%;\n }\n .col-md-7 {\n width: 58.33333333%;\n }\n .col-md-6 {\n width: 50%;\n }\n .col-md-5 {\n width: 41.66666667%;\n }\n .col-md-4 {\n width: 33.33333333%;\n }\n .col-md-3 {\n width: 25%;\n }\n .col-md-2 {\n width: 16.66666667%;\n }\n .col-md-1 {\n width: 8.33333333%;\n }\n .col-md-pull-12 {\n right: 100%;\n }\n .col-md-pull-11 {\n right: 91.66666667%;\n }\n .col-md-pull-10 {\n right: 83.33333333%;\n }\n .col-md-pull-9 {\n right: 75%;\n }\n .col-md-pull-8 {\n right: 66.66666667%;\n }\n .col-md-pull-7 {\n right: 58.33333333%;\n }\n .col-md-pull-6 {\n right: 50%;\n }\n .col-md-pull-5 {\n right: 41.66666667%;\n }\n .col-md-pull-4 {\n right: 33.33333333%;\n }\n .col-md-pull-3 {\n right: 25%;\n }\n .col-md-pull-2 {\n right: 16.66666667%;\n }\n .col-md-pull-1 {\n right: 8.33333333%;\n }\n .col-md-pull-0 {\n right: auto;\n }\n .col-md-push-12 {\n left: 100%;\n }\n .col-md-push-11 {\n left: 91.66666667%;\n }\n .col-md-push-10 {\n left: 83.33333333%;\n }\n .col-md-push-9 {\n left: 75%;\n }\n .col-md-push-8 {\n left: 66.66666667%;\n }\n .col-md-push-7 {\n left: 58.33333333%;\n }\n .col-md-push-6 {\n left: 50%;\n }\n .col-md-push-5 {\n left: 41.66666667%;\n }\n .col-md-push-4 {\n left: 33.33333333%;\n }\n .col-md-push-3 {\n left: 25%;\n }\n .col-md-push-2 {\n left: 16.66666667%;\n }\n .col-md-push-1 {\n left: 8.33333333%;\n }\n .col-md-push-0 {\n left: auto;\n }\n .col-md-offset-12 {\n margin-left: 100%;\n }\n .col-md-offset-11 {\n margin-left: 91.66666667%;\n }\n .col-md-offset-10 {\n margin-left: 83.33333333%;\n }\n .col-md-offset-9 {\n margin-left: 75%;\n }\n .col-md-offset-8 {\n margin-left: 66.66666667%;\n }\n .col-md-offset-7 {\n margin-left: 58.33333333%;\n }\n .col-md-offset-6 {\n margin-left: 50%;\n }\n .col-md-offset-5 {\n margin-left: 41.66666667%;\n }\n .col-md-offset-4 {\n margin-left: 33.33333333%;\n }\n .col-md-offset-3 {\n margin-left: 25%;\n }\n .col-md-offset-2 {\n margin-left: 16.66666667%;\n }\n .col-md-offset-1 {\n margin-left: 8.33333333%;\n }\n .col-md-offset-0 {\n margin-left: 0%;\n }\n}\n@media (min-width: 1200px) {\n .col-lg-1,\n .col-lg-2,\n .col-lg-3,\n .col-lg-4,\n .col-lg-5,\n .col-lg-6,\n .col-lg-7,\n .col-lg-8,\n .col-lg-9,\n .col-lg-10,\n .col-lg-11,\n .col-lg-12 {\n float: left;\n }\n .col-lg-12 {\n width: 100%;\n }\n .col-lg-11 {\n width: 91.66666667%;\n }\n .col-lg-10 {\n width: 83.33333333%;\n }\n .col-lg-9 {\n width: 75%;\n }\n .col-lg-8 {\n width: 66.66666667%;\n }\n .col-lg-7 {\n width: 58.33333333%;\n }\n .col-lg-6 {\n width: 50%;\n }\n .col-lg-5 {\n width: 41.66666667%;\n }\n .col-lg-4 {\n width: 33.33333333%;\n }\n .col-lg-3 {\n width: 25%;\n }\n .col-lg-2 {\n width: 16.66666667%;\n }\n .col-lg-1 {\n width: 8.33333333%;\n }\n .col-lg-pull-12 {\n right: 100%;\n }\n .col-lg-pull-11 {\n right: 91.66666667%;\n }\n .col-lg-pull-10 {\n right: 83.33333333%;\n }\n .col-lg-pull-9 {\n right: 75%;\n }\n .col-lg-pull-8 {\n right: 66.66666667%;\n }\n .col-lg-pull-7 {\n right: 58.33333333%;\n }\n .col-lg-pull-6 {\n right: 50%;\n }\n .col-lg-pull-5 {\n right: 41.66666667%;\n }\n .col-lg-pull-4 {\n right: 33.33333333%;\n }\n .col-lg-pull-3 {\n right: 25%;\n }\n .col-lg-pull-2 {\n right: 16.66666667%;\n }\n .col-lg-pull-1 {\n right: 8.33333333%;\n }\n .col-lg-pull-0 {\n right: auto;\n }\n .col-lg-push-12 {\n left: 100%;\n }\n .col-lg-push-11 {\n left: 91.66666667%;\n }\n .col-lg-push-10 {\n left: 83.33333333%;\n }\n .col-lg-push-9 {\n left: 75%;\n }\n .col-lg-push-8 {\n left: 66.66666667%;\n }\n .col-lg-push-7 {\n left: 58.33333333%;\n }\n .col-lg-push-6 {\n left: 50%;\n }\n .col-lg-push-5 {\n left: 41.66666667%;\n }\n .col-lg-push-4 {\n left: 33.33333333%;\n }\n .col-lg-push-3 {\n left: 25%;\n }\n .col-lg-push-2 {\n left: 16.66666667%;\n }\n .col-lg-push-1 {\n left: 8.33333333%;\n }\n .col-lg-push-0 {\n left: auto;\n }\n .col-lg-offset-12 {\n margin-left: 100%;\n }\n .col-lg-offset-11 {\n margin-left: 91.66666667%;\n }\n .col-lg-offset-10 {\n margin-left: 83.33333333%;\n }\n .col-lg-offset-9 {\n margin-left: 75%;\n }\n .col-lg-offset-8 {\n margin-left: 66.66666667%;\n }\n .col-lg-offset-7 {\n margin-left: 58.33333333%;\n }\n .col-lg-offset-6 {\n margin-left: 50%;\n }\n .col-lg-offset-5 {\n margin-left: 41.66666667%;\n }\n .col-lg-offset-4 {\n margin-left: 33.33333333%;\n }\n .col-lg-offset-3 {\n margin-left: 25%;\n }\n .col-lg-offset-2 {\n margin-left: 16.66666667%;\n }\n .col-lg-offset-1 {\n margin-left: 8.33333333%;\n }\n .col-lg-offset-0 {\n margin-left: 0%;\n }\n}\ntable {\n background-color: transparent;\n}\ntable col[class*=\"col-\"] {\n position: static;\n display: table-column;\n float: none;\n}\ntable td[class*=\"col-\"],\ntable th[class*=\"col-\"] {\n position: static;\n display: table-cell;\n float: none;\n}\ncaption {\n padding-top: 8px;\n padding-bottom: 8px;\n color: #7a869a;\n text-align: left;\n}\nth {\n text-align: left;\n}\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: 20px;\n}\n.table > thead > tr > th,\n.table > tbody > tr > th,\n.table > tfoot > tr > th,\n.table > thead > tr > td,\n.table > tbody > tr > td,\n.table > tfoot > tr > td {\n padding: 8px;\n line-height: 1.42857143;\n vertical-align: top;\n border-top: 1px solid #ddd;\n}\n.table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #ddd;\n}\n.table > caption + thead > tr:first-child > th,\n.table > colgroup + thead > tr:first-child > th,\n.table > thead:first-child > tr:first-child > th,\n.table > caption + thead > tr:first-child > td,\n.table > colgroup + thead > tr:first-child > td,\n.table > thead:first-child > tr:first-child > td {\n border-top: 0;\n}\n.table > tbody + tbody {\n border-top: 2px solid #ddd;\n}\n.table .table {\n background-color: #fff;\n}\n.table-condensed > thead > tr > th,\n.table-condensed > tbody > tr > th,\n.table-condensed > tfoot > tr > th,\n.table-condensed > thead > tr > td,\n.table-condensed > tbody > tr > td,\n.table-condensed > tfoot > tr > td {\n padding: 5px;\n}\n.table-bordered {\n border: 1px solid #ddd;\n}\n.table-bordered > thead > tr > th,\n.table-bordered > tbody > tr > th,\n.table-bordered > tfoot > tr > th,\n.table-bordered > thead > tr > td,\n.table-bordered > tbody > tr > td,\n.table-bordered > tfoot > tr > td {\n border: 1px solid #ddd;\n}\n.table-bordered > thead > tr > th,\n.table-bordered > thead > tr > td {\n border-bottom-width: 2px;\n}\n.table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #f9f9f9;\n}\n.table-hover > tbody > tr:hover {\n background-color: #f5f5f5;\n}\n.table > thead > tr > td.active,\n.table > tbody > tr > td.active,\n.table > tfoot > tr > td.active,\n.table > thead > tr > th.active,\n.table > tbody > tr > th.active,\n.table > tfoot > tr > th.active,\n.table > thead > tr.active > td,\n.table > tbody > tr.active > td,\n.table > tfoot > tr.active > td,\n.table > thead > tr.active > th,\n.table > tbody > tr.active > th,\n.table > tfoot > tr.active > th {\n background-color: #f5f5f5;\n}\n.table-hover > tbody > tr > td.active:hover,\n.table-hover > tbody > tr > th.active:hover,\n.table-hover > tbody > tr.active:hover > td,\n.table-hover > tbody > tr:hover > .active,\n.table-hover > tbody > tr.active:hover > th {\n background-color: #e8e8e8;\n}\n.table > thead > tr > td.success,\n.table > tbody > tr > td.success,\n.table > tfoot > tr > td.success,\n.table > thead > tr > th.success,\n.table > tbody > tr > th.success,\n.table > tfoot > tr > th.success,\n.table > thead > tr.success > td,\n.table > tbody > tr.success > td,\n.table > tfoot > tr.success > td,\n.table > thead > tr.success > th,\n.table > tbody > tr.success > th,\n.table > tfoot > tr.success > th {\n background-color: #dff0d8;\n}\n.table-hover > tbody > tr > td.success:hover,\n.table-hover > tbody > tr > th.success:hover,\n.table-hover > tbody > tr.success:hover > td,\n.table-hover > tbody > tr:hover > .success,\n.table-hover > tbody > tr.success:hover > th {\n background-color: #d0e9c6;\n}\n.table > thead > tr > td.info,\n.table > tbody > tr > td.info,\n.table > tfoot > tr > td.info,\n.table > thead > tr > th.info,\n.table > tbody > tr > th.info,\n.table > tfoot > tr > th.info,\n.table > thead > tr.info > td,\n.table > tbody > tr.info > td,\n.table > tfoot > tr.info > td,\n.table > thead > tr.info > th,\n.table > tbody > tr.info > th,\n.table > tfoot > tr.info > th {\n background-color: #d9edf7;\n}\n.table-hover > tbody > tr > td.info:hover,\n.table-hover > tbody > tr > th.info:hover,\n.table-hover > tbody > tr.info:hover > td,\n.table-hover > tbody > tr:hover > .info,\n.table-hover > tbody > tr.info:hover > th {\n background-color: #c4e3f3;\n}\n.table > thead > tr > td.warning,\n.table > tbody > tr > td.warning,\n.table > tfoot > tr > td.warning,\n.table > thead > tr > th.warning,\n.table > tbody > tr > th.warning,\n.table > tfoot > tr > th.warning,\n.table > thead > tr.warning > td,\n.table > tbody > tr.warning > td,\n.table > tfoot > tr.warning > td,\n.table > thead > tr.warning > th,\n.table > tbody > tr.warning > th,\n.table > tfoot > tr.warning > th {\n background-color: #fcf8e3;\n}\n.table-hover > tbody > tr > td.warning:hover,\n.table-hover > tbody > tr > th.warning:hover,\n.table-hover > tbody > tr.warning:hover > td,\n.table-hover > tbody > tr:hover > .warning,\n.table-hover > tbody > tr.warning:hover > th {\n background-color: #faf2cc;\n}\n.table > thead > tr > td.danger,\n.table > tbody > tr > td.danger,\n.table > tfoot > tr > td.danger,\n.table > thead > tr > th.danger,\n.table > tbody > tr > th.danger,\n.table > tfoot > tr > th.danger,\n.table > thead > tr.danger > td,\n.table > tbody > tr.danger > td,\n.table > tfoot > tr.danger > td,\n.table > thead > tr.danger > th,\n.table > tbody > tr.danger > th,\n.table > tfoot > tr.danger > th {\n background-color: #f2dede;\n}\n.table-hover > tbody > tr > td.danger:hover,\n.table-hover > tbody > tr > th.danger:hover,\n.table-hover > tbody > tr.danger:hover > td,\n.table-hover > tbody > tr:hover > .danger,\n.table-hover > tbody > tr.danger:hover > th {\n background-color: #ebcccc;\n}\n.table-responsive {\n min-height: 0.01%;\n overflow-x: auto;\n}\n@media screen and (max-width: 767px) {\n .table-responsive {\n width: 100%;\n margin-bottom: 15px;\n overflow-y: hidden;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid #ddd;\n }\n .table-responsive > .table {\n margin-bottom: 0;\n }\n .table-responsive > .table > thead > tr > th,\n .table-responsive > .table > tbody > tr > th,\n .table-responsive > .table > tfoot > tr > th,\n .table-responsive > .table > thead > tr > td,\n .table-responsive > .table > tbody > tr > td,\n .table-responsive > .table > tfoot > tr > td {\n white-space: nowrap;\n }\n .table-responsive > .table-bordered {\n border: 0;\n }\n .table-responsive > .table-bordered > thead > tr > th:first-child,\n .table-responsive > .table-bordered > tbody > tr > th:first-child,\n .table-responsive > .table-bordered > tfoot > tr > th:first-child,\n .table-responsive > .table-bordered > thead > tr > td:first-child,\n .table-responsive > .table-bordered > tbody > tr > td:first-child,\n .table-responsive > .table-bordered > tfoot > tr > td:first-child {\n border-left: 0;\n }\n .table-responsive > .table-bordered > thead > tr > th:last-child,\n .table-responsive > .table-bordered > tbody > tr > th:last-child,\n .table-responsive > .table-bordered > tfoot > tr > th:last-child,\n .table-responsive > .table-bordered > thead > tr > td:last-child,\n .table-responsive > .table-bordered > tbody > tr > td:last-child,\n .table-responsive > .table-bordered > tfoot > tr > td:last-child {\n border-right: 0;\n }\n .table-responsive > .table-bordered > tbody > tr:last-child > th,\n .table-responsive > .table-bordered > tfoot > tr:last-child > th,\n .table-responsive > .table-bordered > tbody > tr:last-child > td,\n .table-responsive > .table-bordered > tfoot > tr:last-child > td {\n border-bottom: 0;\n }\n}\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: 20px;\n font-size: 21px;\n line-height: inherit;\n color: #344563;\n border: 0;\n border-bottom: 1px solid #e5e5e5;\n}\nlabel {\n display: inline-block;\n max-width: 100%;\n margin-bottom: 5px;\n font-weight: 700;\n}\ninput[type=\"search\"] {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-appearance: none;\n appearance: none;\n}\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9;\n line-height: normal;\n}\ninput[type=\"radio\"][disabled],\ninput[type=\"checkbox\"][disabled],\ninput[type=\"radio\"].disabled,\ninput[type=\"checkbox\"].disabled,\nfieldset[disabled] input[type=\"radio\"],\nfieldset[disabled] input[type=\"checkbox\"] {\n cursor: not-allowed;\n}\ninput[type=\"file\"] {\n display: block;\n}\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\nselect[multiple],\nselect[size] {\n height: auto;\n}\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\noutput {\n display: block;\n padding-top: 7px;\n font-size: 14px;\n line-height: 1.42857143;\n color: #172b4d;\n}\n.form-control {\n display: block;\n width: 100%;\n height: 34px;\n padding: 6px 12px;\n font-size: 14px;\n line-height: 1.42857143;\n color: #172b4d;\n background-color: #fff;\n background-image: none;\n border: 1px solid #ced0da;\n border-radius: 4px;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n.form-control:focus {\n border-color: #66afe9;\n outline: 0;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);\n}\n.form-control::-moz-placeholder {\n color: #999;\n opacity: 1;\n}\n.form-control:-ms-input-placeholder {\n color: #999;\n}\n.form-control::-webkit-input-placeholder {\n color: #999;\n}\n.form-control::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n.form-control[disabled],\n.form-control[readonly],\nfieldset[disabled] .form-control {\n background-color: #ebecf0;\n opacity: 1;\n}\n.form-control[disabled],\nfieldset[disabled] .form-control {\n cursor: not-allowed;\n}\ntextarea.form-control {\n height: auto;\n}\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n input[type=\"date\"].form-control,\n input[type=\"time\"].form-control,\n input[type=\"datetime-local\"].form-control,\n input[type=\"month\"].form-control {\n line-height: 34px;\n }\n input[type=\"date\"].input-sm,\n input[type=\"time\"].input-sm,\n input[type=\"datetime-local\"].input-sm,\n input[type=\"month\"].input-sm,\n .input-group-sm input[type=\"date\"],\n .input-group-sm input[type=\"time\"],\n .input-group-sm input[type=\"datetime-local\"],\n .input-group-sm input[type=\"month\"] {\n line-height: 30px;\n }\n input[type=\"date\"].input-lg,\n input[type=\"time\"].input-lg,\n input[type=\"datetime-local\"].input-lg,\n input[type=\"month\"].input-lg,\n .input-group-lg input[type=\"date\"],\n .input-group-lg input[type=\"time\"],\n .input-group-lg input[type=\"datetime-local\"],\n .input-group-lg input[type=\"month\"] {\n line-height: 46px;\n }\n}\n.form-group {\n margin-bottom: 15px;\n}\n.radio,\n.checkbox {\n position: relative;\n display: block;\n margin-top: 10px;\n margin-bottom: 10px;\n}\n.radio.disabled label,\n.checkbox.disabled label,\nfieldset[disabled] .radio label,\nfieldset[disabled] .checkbox label {\n cursor: not-allowed;\n}\n.radio label,\n.checkbox label {\n min-height: 20px;\n padding-left: 20px;\n margin-bottom: 0;\n font-weight: 400;\n cursor: pointer;\n}\n.radio input[type=\"radio\"],\n.radio-inline input[type=\"radio\"],\n.checkbox input[type=\"checkbox\"],\n.checkbox-inline input[type=\"checkbox\"] {\n position: absolute;\n margin-top: 4px \\9;\n margin-left: -20px;\n}\n.radio + .radio,\n.checkbox + .checkbox {\n margin-top: -5px;\n}\n.radio-inline,\n.checkbox-inline {\n position: relative;\n display: inline-block;\n padding-left: 20px;\n margin-bottom: 0;\n font-weight: 400;\n vertical-align: middle;\n cursor: pointer;\n}\n.radio-inline.disabled,\n.checkbox-inline.disabled,\nfieldset[disabled] .radio-inline,\nfieldset[disabled] .checkbox-inline {\n cursor: not-allowed;\n}\n.radio-inline + .radio-inline,\n.checkbox-inline + .checkbox-inline {\n margin-top: 0;\n margin-left: 10px;\n}\n.form-control-static {\n min-height: 34px;\n padding-top: 7px;\n padding-bottom: 7px;\n margin-bottom: 0;\n}\n.form-control-static.input-lg,\n.form-control-static.input-sm {\n padding-right: 0;\n padding-left: 0;\n}\n.input-sm {\n height: 30px;\n padding: 5px 10px;\n font-size: 12px;\n line-height: 1.5;\n border-radius: 3px;\n}\nselect.input-sm {\n height: 30px;\n line-height: 30px;\n}\ntextarea.input-sm,\nselect[multiple].input-sm {\n height: auto;\n}\n.form-group-sm .form-control {\n height: 30px;\n padding: 5px 10px;\n font-size: 12px;\n line-height: 1.5;\n border-radius: 3px;\n}\n.form-group-sm select.form-control {\n height: 30px;\n line-height: 30px;\n}\n.form-group-sm textarea.form-control,\n.form-group-sm select[multiple].form-control {\n height: auto;\n}\n.form-group-sm .form-control-static {\n height: 30px;\n min-height: 32px;\n padding: 6px 10px;\n font-size: 12px;\n line-height: 1.5;\n}\n.input-lg {\n height: 46px;\n padding: 10px 16px;\n font-size: 18px;\n line-height: 1.3333333;\n border-radius: 6px;\n}\nselect.input-lg {\n height: 46px;\n line-height: 46px;\n}\ntextarea.input-lg,\nselect[multiple].input-lg {\n height: auto;\n}\n.form-group-lg .form-control {\n height: 46px;\n padding: 10px 16px;\n font-size: 18px;\n line-height: 1.3333333;\n border-radius: 6px;\n}\n.form-group-lg select.form-control {\n height: 46px;\n line-height: 46px;\n}\n.form-group-lg textarea.form-control,\n.form-group-lg select[multiple].form-control {\n height: auto;\n}\n.form-group-lg .form-control-static {\n height: 46px;\n min-height: 38px;\n padding: 11px 16px;\n font-size: 18px;\n line-height: 1.3333333;\n}\n.has-feedback {\n position: relative;\n}\n.has-feedback .form-control {\n padding-right: 42.5px;\n}\n.form-control-feedback {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 2;\n display: block;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n pointer-events: none;\n}\n.input-lg + .form-control-feedback,\n.input-group-lg + .form-control-feedback,\n.form-group-lg .form-control + .form-control-feedback {\n width: 46px;\n height: 46px;\n line-height: 46px;\n}\n.input-sm + .form-control-feedback,\n.input-group-sm + .form-control-feedback,\n.form-group-sm .form-control + .form-control-feedback {\n width: 30px;\n height: 30px;\n line-height: 30px;\n}\n.has-success .help-block,\n.has-success .control-label,\n.has-success .radio,\n.has-success .checkbox,\n.has-success .radio-inline,\n.has-success .checkbox-inline,\n.has-success.radio label,\n.has-success.checkbox label,\n.has-success.radio-inline label,\n.has-success.checkbox-inline label {\n color: #3c763d;\n}\n.has-success .form-control {\n border-color: #3c763d;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n}\n.has-success .form-control:focus {\n border-color: #2b542c;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;\n}\n.has-success .input-group-addon {\n color: #3c763d;\n background-color: #dff0d8;\n border-color: #3c763d;\n}\n.has-success .form-control-feedback {\n color: #3c763d;\n}\n.has-warning .help-block,\n.has-warning .control-label,\n.has-warning .radio,\n.has-warning .checkbox,\n.has-warning .radio-inline,\n.has-warning .checkbox-inline,\n.has-warning.radio label,\n.has-warning.checkbox label,\n.has-warning.radio-inline label,\n.has-warning.checkbox-inline label {\n color: #8a6d3b;\n}\n.has-warning .form-control {\n border-color: #8a6d3b;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n}\n.has-warning .form-control:focus {\n border-color: #66512c;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;\n}\n.has-warning .input-group-addon {\n color: #8a6d3b;\n background-color: #fcf8e3;\n border-color: #8a6d3b;\n}\n.has-warning .form-control-feedback {\n color: #8a6d3b;\n}\n.has-error .help-block,\n.has-error .control-label,\n.has-error .radio,\n.has-error .checkbox,\n.has-error .radio-inline,\n.has-error .checkbox-inline,\n.has-error.radio label,\n.has-error.checkbox label,\n.has-error.radio-inline label,\n.has-error.checkbox-inline label {\n color: #a94442;\n}\n.has-error .form-control {\n border-color: #a94442;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n}\n.has-error .form-control:focus {\n border-color: #843534;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;\n}\n.has-error .input-group-addon {\n color: #a94442;\n background-color: #f2dede;\n border-color: #a94442;\n}\n.has-error .form-control-feedback {\n color: #a94442;\n}\n.has-feedback label ~ .form-control-feedback {\n top: 25px;\n}\n.has-feedback label.sr-only ~ .form-control-feedback {\n top: 0;\n}\n.help-block {\n display: block;\n margin-top: 5px;\n margin-bottom: 10px;\n color: #3462af;\n}\n@media (min-width: 768px) {\n .form-inline .form-group {\n display: inline-block;\n margin-bottom: 0;\n vertical-align: middle;\n }\n .form-inline .form-control {\n display: inline-block;\n width: auto;\n vertical-align: middle;\n }\n .form-inline .form-control-static {\n display: inline-block;\n }\n .form-inline .input-group {\n display: inline-table;\n vertical-align: middle;\n }\n .form-inline .input-group .input-group-addon,\n .form-inline .input-group .input-group-btn,\n .form-inline .input-group .form-control {\n width: auto;\n }\n .form-inline .input-group > .form-control {\n width: 100%;\n }\n .form-inline .control-label {\n margin-bottom: 0;\n vertical-align: middle;\n }\n .form-inline .radio,\n .form-inline .checkbox {\n display: inline-block;\n margin-top: 0;\n margin-bottom: 0;\n vertical-align: middle;\n }\n .form-inline .radio label,\n .form-inline .checkbox label {\n padding-left: 0;\n }\n .form-inline .radio input[type=\"radio\"],\n .form-inline .checkbox input[type=\"checkbox\"] {\n position: relative;\n margin-left: 0;\n }\n .form-inline .has-feedback .form-control-feedback {\n top: 0;\n }\n}\n.form-horizontal .radio,\n.form-horizontal .checkbox,\n.form-horizontal .radio-inline,\n.form-horizontal .checkbox-inline {\n padding-top: 7px;\n margin-top: 0;\n margin-bottom: 0;\n}\n.form-horizontal .radio,\n.form-horizontal .checkbox {\n min-height: 27px;\n}\n.form-horizontal .form-group {\n margin-right: -15px;\n margin-left: -15px;\n}\n@media (min-width: 768px) {\n .form-horizontal .control-label {\n padding-top: 7px;\n margin-bottom: 0;\n text-align: right;\n }\n}\n.form-horizontal .has-feedback .form-control-feedback {\n right: 15px;\n}\n@media (min-width: 768px) {\n .form-horizontal .form-group-lg .control-label {\n padding-top: 11px;\n font-size: 18px;\n }\n}\n@media (min-width: 768px) {\n .form-horizontal .form-group-sm .control-label {\n padding-top: 6px;\n font-size: 12px;\n }\n}\n.btn {\n display: inline-block;\n margin-bottom: 0;\n font-weight: normal;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n touch-action: manipulation;\n cursor: pointer;\n background-image: none;\n border: 1px solid transparent;\n padding: 6px 12px;\n font-size: 14px;\n line-height: 1.42857143;\n border-radius: 4px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.btn:focus,\n.btn:active:focus,\n.btn.active:focus,\n.btn.focus,\n.btn:active.focus,\n.btn.active.focus {\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n.btn:hover,\n.btn:focus,\n.btn.focus {\n color: #172b4d;\n text-decoration: none;\n}\n.btn:active,\n.btn.active {\n background-image: none;\n outline: 0;\n -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n}\n.btn.disabled,\n.btn[disabled],\nfieldset[disabled] .btn {\n cursor: not-allowed;\n filter: alpha(opacity=65);\n opacity: 0.65;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\na.btn.disabled,\nfieldset[disabled] a.btn {\n pointer-events: none;\n}\n.btn-default {\n color: #172b4d;\n background-color: #ebecf0;\n border-color: #ccc;\n}\n.btn-default:focus,\n.btn-default.focus {\n color: #172b4d;\n background-color: #ced0da;\n border-color: #8c8c8c;\n}\n.btn-default:hover {\n color: #172b4d;\n background-color: #ced0da;\n border-color: #adadad;\n}\n.btn-default:active,\n.btn-default.active,\n.open > .dropdown-toggle.btn-default {\n color: #172b4d;\n background-color: #ced0da;\n background-image: none;\n border-color: #adadad;\n}\n.btn-default:active:hover,\n.btn-default.active:hover,\n.open > .dropdown-toggle.btn-default:hover,\n.btn-default:active:focus,\n.btn-default.active:focus,\n.open > .dropdown-toggle.btn-default:focus,\n.btn-default:active.focus,\n.btn-default.active.focus,\n.open > .dropdown-toggle.btn-default.focus {\n color: #172b4d;\n background-color: #b9bdcb;\n border-color: #8c8c8c;\n}\n.btn-default.disabled:hover,\n.btn-default[disabled]:hover,\nfieldset[disabled] .btn-default:hover,\n.btn-default.disabled:focus,\n.btn-default[disabled]:focus,\nfieldset[disabled] .btn-default:focus,\n.btn-default.disabled.focus,\n.btn-default[disabled].focus,\nfieldset[disabled] .btn-default.focus {\n background-color: #ebecf0;\n border-color: #ccc;\n}\n.btn-default .badge {\n color: #ebecf0;\n background-color: #172b4d;\n}\n.btn-primary {\n color: #fff;\n background-color: #2563eb;\n border-color: #1555e2;\n}\n.btn-primary:focus,\n.btn-primary.focus {\n color: #fff;\n background-color: #134cca;\n border-color: #0a296d;\n}\n.btn-primary:hover {\n color: #fff;\n background-color: #134cca;\n border-color: #1040aa;\n}\n.btn-primary:active,\n.btn-primary.active,\n.open > .dropdown-toggle.btn-primary {\n color: #fff;\n background-color: #134cca;\n background-image: none;\n border-color: #1040aa;\n}\n.btn-primary:active:hover,\n.btn-primary.active:hover,\n.open > .dropdown-toggle.btn-primary:hover,\n.btn-primary:active:focus,\n.btn-primary.active:focus,\n.open > .dropdown-toggle.btn-primary:focus,\n.btn-primary:active.focus,\n.btn-primary.active.focus,\n.open > .dropdown-toggle.btn-primary.focus {\n color: #fff;\n background-color: #1040aa;\n border-color: #0a296d;\n}\n.btn-primary.disabled:hover,\n.btn-primary[disabled]:hover,\nfieldset[disabled] .btn-primary:hover,\n.btn-primary.disabled:focus,\n.btn-primary[disabled]:focus,\nfieldset[disabled] .btn-primary:focus,\n.btn-primary.disabled.focus,\n.btn-primary[disabled].focus,\nfieldset[disabled] .btn-primary.focus {\n background-color: #2563eb;\n border-color: #1555e2;\n}\n.btn-primary .badge {\n color: #2563eb;\n background-color: #fff;\n}\n.btn-success {\n color: #fff;\n background-color: #22c55e;\n border-color: #1eaf54;\n}\n.btn-success:focus,\n.btn-success.focus {\n color: #fff;\n background-color: #1a9a49;\n border-color: #0b4320;\n}\n.btn-success:hover {\n color: #fff;\n background-color: #1a9a49;\n border-color: #157b3b;\n}\n.btn-success:active,\n.btn-success.active,\n.open > .dropdown-toggle.btn-success {\n color: #fff;\n background-color: #1a9a49;\n background-image: none;\n border-color: #157b3b;\n}\n.btn-success:active:hover,\n.btn-success.active:hover,\n.open > .dropdown-toggle.btn-success:hover,\n.btn-success:active:focus,\n.btn-success.active:focus,\n.open > .dropdown-toggle.btn-success:focus,\n.btn-success:active.focus,\n.btn-success.active.focus,\n.open > .dropdown-toggle.btn-success.focus {\n color: #fff;\n background-color: #157b3b;\n border-color: #0b4320;\n}\n.btn-success.disabled:hover,\n.btn-success[disabled]:hover,\nfieldset[disabled] .btn-success:hover,\n.btn-success.disabled:focus,\n.btn-success[disabled]:focus,\nfieldset[disabled] .btn-success:focus,\n.btn-success.disabled.focus,\n.btn-success[disabled].focus,\nfieldset[disabled] .btn-success.focus {\n background-color: #22c55e;\n border-color: #1eaf54;\n}\n.btn-success .badge {\n color: #22c55e;\n background-color: #fff;\n}\n.btn-info {\n color: #fff;\n background-color: #4f46e5;\n border-color: #3a30e2;\n}\n.btn-info:focus,\n.btn-info.focus {\n color: #fff;\n background-color: #291fd9;\n border-color: #181280;\n}\n.btn-info:hover {\n color: #fff;\n background-color: #291fd9;\n border-color: #231aba;\n}\n.btn-info:active,\n.btn-info.active,\n.open > .dropdown-toggle.btn-info {\n color: #fff;\n background-color: #291fd9;\n background-image: none;\n border-color: #231aba;\n}\n.btn-info:active:hover,\n.btn-info.active:hover,\n.open > .dropdown-toggle.btn-info:hover,\n.btn-info:active:focus,\n.btn-info.active:focus,\n.open > .dropdown-toggle.btn-info:focus,\n.btn-info:active.focus,\n.btn-info.active.focus,\n.open > .dropdown-toggle.btn-info.focus {\n color: #fff;\n background-color: #231aba;\n border-color: #181280;\n}\n.btn-info.disabled:hover,\n.btn-info[disabled]:hover,\nfieldset[disabled] .btn-info:hover,\n.btn-info.disabled:focus,\n.btn-info[disabled]:focus,\nfieldset[disabled] .btn-info:focus,\n.btn-info.disabled.focus,\n.btn-info[disabled].focus,\nfieldset[disabled] .btn-info.focus {\n background-color: #4f46e5;\n border-color: #3a30e2;\n}\n.btn-info .badge {\n color: #4f46e5;\n background-color: #fff;\n}\n.btn-warning {\n color: #fff;\n background-color: #ffab00;\n border-color: #e69a00;\n}\n.btn-warning:focus,\n.btn-warning.focus {\n color: #fff;\n background-color: #cc8900;\n border-color: #664400;\n}\n.btn-warning:hover {\n color: #fff;\n background-color: #cc8900;\n border-color: #a87100;\n}\n.btn-warning:active,\n.btn-warning.active,\n.open > .dropdown-toggle.btn-warning {\n color: #fff;\n background-color: #cc8900;\n background-image: none;\n border-color: #a87100;\n}\n.btn-warning:active:hover,\n.btn-warning.active:hover,\n.open > .dropdown-toggle.btn-warning:hover,\n.btn-warning:active:focus,\n.btn-warning.active:focus,\n.open > .dropdown-toggle.btn-warning:focus,\n.btn-warning:active.focus,\n.btn-warning.active.focus,\n.open > .dropdown-toggle.btn-warning.focus {\n color: #fff;\n background-color: #a87100;\n border-color: #664400;\n}\n.btn-warning.disabled:hover,\n.btn-warning[disabled]:hover,\nfieldset[disabled] .btn-warning:hover,\n.btn-warning.disabled:focus,\n.btn-warning[disabled]:focus,\nfieldset[disabled] .btn-warning:focus,\n.btn-warning.disabled.focus,\n.btn-warning[disabled].focus,\nfieldset[disabled] .btn-warning.focus {\n background-color: #ffab00;\n border-color: #e69a00;\n}\n.btn-warning .badge {\n color: #ffab00;\n background-color: #fff;\n}\n.btn-danger {\n color: #fff;\n background-color: #ef5350;\n border-color: #ed3c39;\n}\n.btn-danger:focus,\n.btn-danger.focus {\n color: #fff;\n background-color: #eb2521;\n border-color: #98110e;\n}\n.btn-danger:hover {\n color: #fff;\n background-color: #eb2521;\n border-color: #d51713;\n}\n.btn-danger:active,\n.btn-danger.active,\n.open > .dropdown-toggle.btn-danger {\n color: #fff;\n background-color: #eb2521;\n background-image: none;\n border-color: #d51713;\n}\n.btn-danger:active:hover,\n.btn-danger.active:hover,\n.open > .dropdown-toggle.btn-danger:hover,\n.btn-danger:active:focus,\n.btn-danger.active:focus,\n.open > .dropdown-toggle.btn-danger:focus,\n.btn-danger:active.focus,\n.btn-danger.active.focus,\n.open > .dropdown-toggle.btn-danger.focus {\n color: #fff;\n background-color: #d51713;\n border-color: #98110e;\n}\n.btn-danger.disabled:hover,\n.btn-danger[disabled]:hover,\nfieldset[disabled] .btn-danger:hover,\n.btn-danger.disabled:focus,\n.btn-danger[disabled]:focus,\nfieldset[disabled] .btn-danger:focus,\n.btn-danger.disabled.focus,\n.btn-danger[disabled].focus,\nfieldset[disabled] .btn-danger.focus {\n background-color: #ef5350;\n border-color: #ed3c39;\n}\n.btn-danger .badge {\n color: #ef5350;\n background-color: #fff;\n}\n.btn-link {\n font-weight: 400;\n color: #0065ff;\n border-radius: 0;\n}\n.btn-link,\n.btn-link:active,\n.btn-link.active,\n.btn-link[disabled],\nfieldset[disabled] .btn-link {\n background-color: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-link,\n.btn-link:hover,\n.btn-link:focus,\n.btn-link:active {\n border-color: transparent;\n}\n.btn-link:hover,\n.btn-link:focus {\n color: #0747a6;\n text-decoration: underline;\n background-color: transparent;\n}\n.btn-link[disabled]:hover,\nfieldset[disabled] .btn-link:hover,\n.btn-link[disabled]:focus,\nfieldset[disabled] .btn-link:focus {\n color: #7a869a;\n text-decoration: none;\n}\n.btn-lg,\n.btn-group-lg > .btn {\n padding: 10px 16px;\n font-size: 18px;\n line-height: 1.3333333;\n border-radius: 6px;\n}\n.btn-sm,\n.btn-group-sm > .btn {\n padding: 5px 10px;\n font-size: 12px;\n line-height: 1.5;\n border-radius: 3px;\n}\n.btn-xs,\n.btn-group-xs > .btn {\n padding: 1px 5px;\n font-size: 12px;\n line-height: 1.5;\n border-radius: 3px;\n}\n.btn-block {\n display: block;\n width: 100%;\n}\n.btn-block + .btn-block {\n margin-top: 5px;\n}\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%;\n}\n.fade {\n opacity: 0;\n -webkit-transition: opacity 0.15s linear;\n -o-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear;\n}\n.fade.in {\n opacity: 1;\n}\n.collapse {\n display: none;\n}\n.collapse.in {\n display: block;\n}\ntr.collapse.in {\n display: table-row;\n}\ntbody.collapse.in {\n display: table-row-group;\n}\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n -webkit-transition-property: height, visibility;\n transition-property: height, visibility;\n -webkit-transition-duration: 0.35s;\n transition-duration: 0.35s;\n -webkit-transition-timing-function: ease;\n transition-timing-function: ease;\n}\n.caret {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 2px;\n vertical-align: middle;\n border-top: 4px dashed;\n border-top: 4px solid \\9;\n border-right: 4px solid transparent;\n border-left: 4px solid transparent;\n}\n.dropup,\n.dropdown {\n position: relative;\n}\n.dropdown-toggle:focus {\n outline: 0;\n}\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 160px;\n padding: 5px 0;\n margin: 2px 0 0;\n font-size: 14px;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 4px;\n -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n}\n.dropdown-menu.pull-right {\n right: 0;\n left: auto;\n}\n.dropdown-menu .divider {\n height: 1px;\n margin: 9px 0;\n overflow: hidden;\n background-color: #ebecf0;\n}\n.dropdown-menu > li > a {\n display: block;\n padding: 3px 20px;\n clear: both;\n font-weight: 400;\n line-height: 1.42857143;\n color: #172b4d;\n white-space: nowrap;\n}\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:focus {\n color: #172b4d;\n text-decoration: none;\n background-color: #ebecf0;\n}\n.dropdown-menu > .active > a,\n.dropdown-menu > .active > a:hover,\n.dropdown-menu > .active > a:focus {\n color: #fff;\n text-decoration: none;\n background-color: #172b4d;\n outline: 0;\n}\n.dropdown-menu > .disabled > a,\n.dropdown-menu > .disabled > a:hover,\n.dropdown-menu > .disabled > a:focus {\n color: #7a869a;\n}\n.dropdown-menu > .disabled > a:hover,\n.dropdown-menu > .disabled > a:focus {\n text-decoration: none;\n cursor: not-allowed;\n background-color: transparent;\n background-image: none;\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);\n}\n.open > .dropdown-menu {\n display: block;\n}\n.open > a {\n outline: 0;\n}\n.dropdown-menu-right {\n right: 0;\n left: auto;\n}\n.dropdown-menu-left {\n right: auto;\n left: 0;\n}\n.dropdown-header {\n display: block;\n padding: 3px 20px;\n font-size: 12px;\n line-height: 1.42857143;\n color: #7a869a;\n white-space: nowrap;\n}\n.dropdown-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 990;\n}\n.pull-right > .dropdown-menu {\n right: 0;\n left: auto;\n}\n.dropup .caret,\n.navbar-fixed-bottom .dropdown .caret {\n content: \"\";\n border-top: 0;\n border-bottom: 4px dashed;\n border-bottom: 4px solid \\9;\n}\n.dropup .dropdown-menu,\n.navbar-fixed-bottom .dropdown .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-bottom: 2px;\n}\n@media (min-width: 700px) {\n .navbar-right .dropdown-menu {\n right: 0;\n left: auto;\n }\n .navbar-right .dropdown-menu-left {\n right: auto;\n left: 0;\n }\n}\n.nav {\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n.nav > li {\n position: relative;\n display: block;\n}\n.nav > li > a {\n position: relative;\n display: block;\n padding: 10px 15px;\n}\n.nav > li > a:hover,\n.nav > li > a:focus {\n text-decoration: none;\n background-color: #ebecf0;\n}\n.nav > li.disabled > a {\n color: #7a869a;\n}\n.nav > li.disabled > a:hover,\n.nav > li.disabled > a:focus {\n color: #7a869a;\n text-decoration: none;\n cursor: not-allowed;\n background-color: transparent;\n}\n.nav .open > a,\n.nav .open > a:hover,\n.nav .open > a:focus {\n background-color: #ebecf0;\n border-color: #0065ff;\n}\n.nav .nav-divider {\n height: 1px;\n margin: 9px 0;\n overflow: hidden;\n background-color: #e5e5e5;\n}\n.nav > li > a > img {\n max-width: none;\n}\n.nav-tabs {\n border-bottom: 1px solid #ddd;\n}\n.nav-tabs > li {\n float: left;\n margin-bottom: -1px;\n}\n.nav-tabs > li > a {\n margin-right: 2px;\n line-height: 1.42857143;\n border: 1px solid transparent;\n border-radius: 4px 4px 0 0;\n}\n.nav-tabs > li > a:hover {\n border-color: #ebecf0 #ebecf0 #ddd;\n}\n.nav-tabs > li.active > a,\n.nav-tabs > li.active > a:hover,\n.nav-tabs > li.active > a:focus {\n color: #5e6c84;\n cursor: default;\n background-color: #fff;\n border: 1px solid #ddd;\n border-bottom-color: transparent;\n}\n.nav-tabs.nav-justified {\n width: 100%;\n border-bottom: 0;\n}\n.nav-tabs.nav-justified > li {\n float: none;\n}\n.nav-tabs.nav-justified > li > a {\n margin-bottom: 5px;\n text-align: center;\n}\n.nav-tabs.nav-justified > .dropdown .dropdown-menu {\n top: auto;\n left: auto;\n}\n@media (min-width: 768px) {\n .nav-tabs.nav-justified > li {\n display: table-cell;\n width: 1%;\n }\n .nav-tabs.nav-justified > li > a {\n margin-bottom: 0;\n }\n}\n.nav-tabs.nav-justified > li > a {\n margin-right: 0;\n border-radius: 4px;\n}\n.nav-tabs.nav-justified > .active > a,\n.nav-tabs.nav-justified > .active > a:hover,\n.nav-tabs.nav-justified > .active > a:focus {\n border: 1px solid #ddd;\n}\n@media (min-width: 768px) {\n .nav-tabs.nav-justified > li > a {\n border-bottom: 1px solid #ddd;\n border-radius: 4px 4px 0 0;\n }\n .nav-tabs.nav-justified > .active > a,\n .nav-tabs.nav-justified > .active > a:hover,\n .nav-tabs.nav-justified > .active > a:focus {\n border-bottom-color: #fff;\n }\n}\n.nav-pills > li {\n float: left;\n}\n.nav-pills > li > a {\n border-radius: 4px;\n}\n.nav-pills > li + li {\n margin-left: 2px;\n}\n.nav-pills > li.active > a,\n.nav-pills > li.active > a:hover,\n.nav-pills > li.active > a:focus {\n color: #fff;\n background-color: #0065ff;\n}\n.nav-stacked > li {\n float: none;\n}\n.nav-stacked > li + li {\n margin-top: 2px;\n margin-left: 0;\n}\n.nav-justified {\n width: 100%;\n}\n.nav-justified > li {\n float: none;\n}\n.nav-justified > li > a {\n margin-bottom: 5px;\n text-align: center;\n}\n.nav-justified > .dropdown .dropdown-menu {\n top: auto;\n left: auto;\n}\n@media (min-width: 768px) {\n .nav-justified > li {\n display: table-cell;\n width: 1%;\n }\n .nav-justified > li > a {\n margin-bottom: 0;\n }\n}\n.nav-tabs-justified {\n border-bottom: 0;\n}\n.nav-tabs-justified > li > a {\n margin-right: 0;\n border-radius: 4px;\n}\n.nav-tabs-justified > .active > a,\n.nav-tabs-justified > .active > a:hover,\n.nav-tabs-justified > .active > a:focus {\n border: 1px solid #ddd;\n}\n@media (min-width: 768px) {\n .nav-tabs-justified > li > a {\n border-bottom: 1px solid #ddd;\n border-radius: 4px 4px 0 0;\n }\n .nav-tabs-justified > .active > a,\n .nav-tabs-justified > .active > a:hover,\n .nav-tabs-justified > .active > a:focus {\n border-bottom-color: #fff;\n }\n}\n.tab-content > .tab-pane {\n display: none;\n}\n.tab-content > .active {\n display: block;\n}\n.nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.breadcrumb {\n padding: 8px 15px;\n margin-bottom: 20px;\n list-style: none;\n background-color: #f5f5f5;\n border-radius: 4px;\n}\n.breadcrumb > li {\n display: inline-block;\n}\n.breadcrumb > li + li:before {\n padding: 0 5px;\n color: #ccc;\n content: \"/\\00a0\";\n}\n.breadcrumb > .active {\n color: #7a869a;\n}\n.alert {\n padding: 15px;\n margin-bottom: 20px;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n.alert h4 {\n margin-top: 0;\n color: inherit;\n}\n.alert .alert-link {\n font-weight: bold;\n}\n.alert > p,\n.alert > ul {\n margin-bottom: 0;\n}\n.alert > p + p {\n margin-top: 5px;\n}\n.alert-dismissable,\n.alert-dismissible {\n padding-right: 35px;\n}\n.alert-dismissable .close,\n.alert-dismissible .close {\n position: relative;\n top: -2px;\n right: -21px;\n color: inherit;\n}\n.alert-success {\n color: #fff;\n background-color: #00875a;\n border-color: #00875a;\n}\n.alert-success hr {\n border-top-color: #006e49;\n}\n.alert-success .alert-link {\n color: #e6e6e6;\n}\n.alert-info {\n color: #fff;\n background-color: #2563eb;\n border-color: #2563eb;\n}\n.alert-info hr {\n border-top-color: #1555e2;\n}\n.alert-info .alert-link {\n color: #e6e6e6;\n}\n.alert-warning {\n color: #fff;\n background-color: #ff8b00;\n border-color: #ff8b00;\n}\n.alert-warning hr {\n border-top-color: #e67d00;\n}\n.alert-warning .alert-link {\n color: #e6e6e6;\n}\n.alert-danger {\n color: #fff;\n background-color: #de350b;\n border-color: #de350b;\n}\n.alert-danger hr {\n border-top-color: #c62f0a;\n}\n.alert-danger .alert-link {\n color: #e6e6e6;\n}\n.label {\n display: inline;\n padding: 0.2em 0.6em 0.3em;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n color: #fff;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 0.25em;\n}\na.label:hover,\na.label:focus {\n color: #fff;\n text-decoration: none;\n cursor: pointer;\n}\n.label:empty {\n display: none;\n}\n.btn .label {\n position: relative;\n top: -1px;\n}\n.label-default {\n background-color: #7a869a;\n}\n.label-default[href]:hover,\n.label-default[href]:focus {\n background-color: #616d80;\n}\n.label-primary {\n background-color: #2563eb;\n}\n.label-primary[href]:hover,\n.label-primary[href]:focus {\n background-color: #134cca;\n}\n.label-success {\n background-color: #36b37e;\n}\n.label-success[href]:hover,\n.label-success[href]:focus {\n background-color: #2a8c62;\n}\n.label-info {\n background-color: #4f46e5;\n}\n.label-info[href]:hover,\n.label-info[href]:focus {\n background-color: #291fd9;\n}\n.label-warning {\n background-color: #ffab00;\n}\n.label-warning[href]:hover,\n.label-warning[href]:focus {\n background-color: #cc8900;\n}\n.label-danger {\n background-color: #ff5630;\n}\n.label-danger[href]:hover,\n.label-danger[href]:focus {\n background-color: #fc2e00;\n}\n@-webkit-keyframes progress-bar-stripes {\n from {\n background-position: 40px 0;\n }\n to {\n background-position: 0 0;\n }\n}\n@keyframes progress-bar-stripes {\n from {\n background-position: 40px 0;\n }\n to {\n background-position: 0 0;\n }\n}\n.progress {\n height: 20px;\n margin-bottom: 20px;\n overflow: hidden;\n background-color: #ebecf0;\n border-radius: 3px;\n -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n.progress-bar {\n float: left;\n width: 0%;\n height: 100%;\n font-size: 12px;\n line-height: 20px;\n color: #fff;\n text-align: center;\n background-color: #2563eb;\n -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n -webkit-transition: width 0.6s ease;\n -o-transition: width 0.6s ease;\n transition: width 0.6s ease;\n}\n.progress-striped .progress-bar,\n.progress-bar-striped {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-size: 40px 40px;\n}\n.progress.active .progress-bar,\n.progress-bar.active {\n -webkit-animation: progress-bar-stripes 2s linear infinite;\n -o-animation: progress-bar-stripes 2s linear infinite;\n animation: progress-bar-stripes 2s linear infinite;\n}\n.progress-bar-success {\n background-color: #36b37e;\n}\n.progress-striped .progress-bar-success {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n.progress-bar-info {\n background-color: #4f46e5;\n}\n.progress-striped .progress-bar-info {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n.progress-bar-warning {\n background-color: #ffab00;\n}\n.progress-striped .progress-bar-warning {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n.progress-bar-danger {\n background-color: #ff5630;\n}\n.progress-striped .progress-bar-danger {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n}\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n position: relative;\n float: left;\n}\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover,\n.btn-group > .btn:focus,\n.btn-group-vertical > .btn:focus,\n.btn-group > .btn:active,\n.btn-group-vertical > .btn:active,\n.btn-group > .btn.active,\n.btn-group-vertical > .btn.active {\n z-index: 2;\n}\n.btn-group .btn + .btn,\n.btn-group .btn + .btn-group,\n.btn-group .btn-group + .btn,\n.btn-group .btn-group + .btn-group {\n margin-left: -1px;\n}\n.btn-toolbar {\n margin-left: -5px;\n}\n.btn-toolbar .btn,\n.btn-toolbar .btn-group,\n.btn-toolbar .input-group {\n float: left;\n}\n.btn-toolbar > .btn,\n.btn-toolbar > .btn-group,\n.btn-toolbar > .input-group {\n margin-left: 5px;\n}\n.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {\n border-radius: 0;\n}\n.btn-group > .btn:first-child {\n margin-left: 0;\n}\n.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.btn-group > .btn:last-child:not(:first-child),\n.btn-group > .dropdown-toggle:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.btn-group > .btn-group {\n float: left;\n}\n.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {\n border-radius: 0;\n}\n.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,\n.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle {\n outline: 0;\n}\n.btn-group > .btn + .dropdown-toggle {\n padding-right: 8px;\n padding-left: 8px;\n}\n.btn-group > .btn-lg + .dropdown-toggle {\n padding-right: 12px;\n padding-left: 12px;\n}\n.btn-group.open .dropdown-toggle {\n -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n}\n.btn-group.open .dropdown-toggle.btn-link {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn .caret {\n margin-left: 0;\n}\n.btn-lg .caret {\n border-width: 5px 5px 0;\n border-bottom-width: 0;\n}\n.dropup .btn-lg .caret {\n border-width: 0 5px 5px;\n}\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group,\n.btn-group-vertical > .btn-group > .btn {\n display: block;\n float: none;\n width: 100%;\n max-width: 100%;\n}\n.btn-group-vertical > .btn-group > .btn {\n float: none;\n}\n.btn-group-vertical > .btn + .btn,\n.btn-group-vertical > .btn + .btn-group,\n.btn-group-vertical > .btn-group + .btn,\n.btn-group-vertical > .btn-group + .btn-group {\n margin-top: -1px;\n margin-left: 0;\n}\n.btn-group-vertical > .btn:not(:first-child):not(:last-child) {\n border-radius: 0;\n}\n.btn-group-vertical > .btn:first-child:not(:last-child) {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n.btn-group-vertical > .btn:last-child:not(:first-child) {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {\n border-radius: 0;\n}\n.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,\n.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.btn-group-justified {\n display: table;\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n}\n.btn-group-justified > .btn,\n.btn-group-justified > .btn-group {\n display: table-cell;\n float: none;\n width: 1%;\n}\n.btn-group-justified > .btn-group .btn {\n width: 100%;\n}\n.btn-group-justified > .btn-group .dropdown-menu {\n left: auto;\n}\n[data-toggle=\"buttons\"] > .btn input[type=\"radio\"],\n[data-toggle=\"buttons\"] > .btn-group > .btn input[type=\"radio\"],\n[data-toggle=\"buttons\"] > .btn input[type=\"checkbox\"],\n[data-toggle=\"buttons\"] > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n}\n.input-group {\n position: relative;\n display: table;\n border-collapse: separate;\n}\n.input-group[class*=\"col-\"] {\n float: none;\n padding-right: 0;\n padding-left: 0;\n}\n.input-group .form-control {\n position: relative;\n z-index: 2;\n float: left;\n width: 100%;\n margin-bottom: 0;\n}\n.input-group .form-control:focus {\n z-index: 3;\n}\n.input-group-lg > .form-control,\n.input-group-lg > .input-group-addon,\n.input-group-lg > .input-group-btn > .btn {\n height: 46px;\n padding: 10px 16px;\n font-size: 18px;\n line-height: 1.3333333;\n border-radius: 6px;\n}\nselect.input-group-lg > .form-control,\nselect.input-group-lg > .input-group-addon,\nselect.input-group-lg > .input-group-btn > .btn {\n height: 46px;\n line-height: 46px;\n}\ntextarea.input-group-lg > .form-control,\ntextarea.input-group-lg > .input-group-addon,\ntextarea.input-group-lg > .input-group-btn > .btn,\nselect[multiple].input-group-lg > .form-control,\nselect[multiple].input-group-lg > .input-group-addon,\nselect[multiple].input-group-lg > .input-group-btn > .btn {\n height: auto;\n}\n.input-group-sm > .form-control,\n.input-group-sm > .input-group-addon,\n.input-group-sm > .input-group-btn > .btn {\n height: 30px;\n padding: 5px 10px;\n font-size: 12px;\n line-height: 1.5;\n border-radius: 3px;\n}\nselect.input-group-sm > .form-control,\nselect.input-group-sm > .input-group-addon,\nselect.input-group-sm > .input-group-btn > .btn {\n height: 30px;\n line-height: 30px;\n}\ntextarea.input-group-sm > .form-control,\ntextarea.input-group-sm > .input-group-addon,\ntextarea.input-group-sm > .input-group-btn > .btn,\nselect[multiple].input-group-sm > .form-control,\nselect[multiple].input-group-sm > .input-group-addon,\nselect[multiple].input-group-sm > .input-group-btn > .btn {\n height: auto;\n}\n.input-group-addon,\n.input-group-btn,\n.input-group .form-control {\n display: table-cell;\n}\n.input-group-addon:not(:first-child):not(:last-child),\n.input-group-btn:not(:first-child):not(:last-child),\n.input-group .form-control:not(:first-child):not(:last-child) {\n border-radius: 0;\n}\n.input-group-addon,\n.input-group-btn {\n width: 1%;\n white-space: nowrap;\n vertical-align: middle;\n}\n.input-group-addon {\n padding: 6px 12px;\n font-size: 14px;\n font-weight: 400;\n line-height: 1;\n color: #172b4d;\n text-align: center;\n background-color: #ebecf0;\n border: 1px solid #ced0da;\n border-radius: 4px;\n}\n.input-group-addon.input-sm {\n padding: 5px 10px;\n font-size: 12px;\n border-radius: 3px;\n}\n.input-group-addon.input-lg {\n padding: 10px 16px;\n font-size: 18px;\n border-radius: 6px;\n}\n.input-group-addon input[type=\"radio\"],\n.input-group-addon input[type=\"checkbox\"] {\n margin-top: 0;\n}\n.input-group .form-control:first-child,\n.input-group-addon:first-child,\n.input-group-btn:first-child > .btn,\n.input-group-btn:first-child > .btn-group > .btn,\n.input-group-btn:first-child > .dropdown-toggle,\n.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.input-group-addon:first-child {\n border-right: 0;\n}\n.input-group .form-control:last-child,\n.input-group-addon:last-child,\n.input-group-btn:last-child > .btn,\n.input-group-btn:last-child > .btn-group > .btn,\n.input-group-btn:last-child > .dropdown-toggle,\n.input-group-btn:first-child > .btn:not(:first-child),\n.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.input-group-addon:last-child {\n border-left: 0;\n}\n.input-group-btn {\n position: relative;\n font-size: 0;\n white-space: nowrap;\n}\n.input-group-btn > .btn {\n position: relative;\n}\n.input-group-btn > .btn + .btn {\n margin-left: -1px;\n}\n.input-group-btn > .btn:hover,\n.input-group-btn > .btn:focus,\n.input-group-btn > .btn:active {\n z-index: 2;\n}\n.input-group-btn:first-child > .btn,\n.input-group-btn:first-child > .btn-group {\n margin-right: -1px;\n}\n.input-group-btn:last-child > .btn,\n.input-group-btn:last-child > .btn-group {\n z-index: 2;\n margin-left: -1px;\n}\n.media {\n margin-top: 15px;\n}\n.media:first-child {\n margin-top: 0;\n}\n.media,\n.media-body {\n overflow: hidden;\n zoom: 1;\n}\n.media-body {\n width: 10000px;\n}\n.media-object {\n display: block;\n}\n.media-object.img-thumbnail {\n max-width: none;\n}\n.media-right,\n.media > .pull-right {\n padding-left: 10px;\n}\n.media-left,\n.media > .pull-left {\n padding-right: 10px;\n}\n.media-left,\n.media-right,\n.media-body {\n display: table-cell;\n vertical-align: top;\n}\n.media-middle {\n vertical-align: middle;\n}\n.media-bottom {\n vertical-align: bottom;\n}\n.media-heading {\n margin-top: 0;\n margin-bottom: 5px;\n}\n.media-list {\n padding-left: 0;\n list-style: none;\n}\n.list-group {\n padding-left: 0;\n margin-bottom: 20px;\n}\n.list-group-item {\n position: relative;\n display: block;\n padding: 10px 15px;\n margin-bottom: -1px;\n background-color: #fff;\n border: 1px solid #ebecf0;\n}\n.list-group-item:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n.list-group-item:last-child {\n margin-bottom: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.list-group-item.disabled,\n.list-group-item.disabled:hover,\n.list-group-item.disabled:focus {\n color: #7a869a;\n cursor: not-allowed;\n background-color: #ebecf0;\n}\n.list-group-item.disabled .list-group-item-heading,\n.list-group-item.disabled:hover .list-group-item-heading,\n.list-group-item.disabled:focus .list-group-item-heading {\n color: inherit;\n}\n.list-group-item.disabled .list-group-item-text,\n.list-group-item.disabled:hover .list-group-item-text,\n.list-group-item.disabled:focus .list-group-item-text {\n color: #7a869a;\n}\n.list-group-item.active,\n.list-group-item.active:hover,\n.list-group-item.active:focus {\n z-index: 2;\n color: #0065ff;\n background-color: #fff;\n border-color: #ebecf0;\n}\n.list-group-item.active .list-group-item-heading,\n.list-group-item.active:hover .list-group-item-heading,\n.list-group-item.active:focus .list-group-item-heading,\n.list-group-item.active .list-group-item-heading > small,\n.list-group-item.active:hover .list-group-item-heading > small,\n.list-group-item.active:focus .list-group-item-heading > small,\n.list-group-item.active .list-group-item-heading > .small,\n.list-group-item.active:hover .list-group-item-heading > .small,\n.list-group-item.active:focus .list-group-item-heading > .small {\n color: inherit;\n}\n.list-group-item.active .list-group-item-text,\n.list-group-item.active:hover .list-group-item-text,\n.list-group-item.active:focus .list-group-item-text {\n color: #ffffff;\n}\na.list-group-item,\nbutton.list-group-item {\n color: #7a869a;\n}\na.list-group-item .list-group-item-heading,\nbutton.list-group-item .list-group-item-heading {\n color: #333;\n}\na.list-group-item:hover,\nbutton.list-group-item:hover,\na.list-group-item:focus,\nbutton.list-group-item:focus {\n color: #172b4d;\n text-decoration: none;\n background-color: #fff;\n}\nbutton.list-group-item {\n width: 100%;\n text-align: left;\n}\n.list-group-item-success {\n color: #3c763d;\n background-color: #dff0d8;\n}\na.list-group-item-success,\nbutton.list-group-item-success {\n color: #3c763d;\n}\na.list-group-item-success .list-group-item-heading,\nbutton.list-group-item-success .list-group-item-heading {\n color: inherit;\n}\na.list-group-item-success:hover,\nbutton.list-group-item-success:hover,\na.list-group-item-success:focus,\nbutton.list-group-item-success:focus {\n color: #3c763d;\n background-color: #d0e9c6;\n}\na.list-group-item-success.active,\nbutton.list-group-item-success.active,\na.list-group-item-success.active:hover,\nbutton.list-group-item-success.active:hover,\na.list-group-item-success.active:focus,\nbutton.list-group-item-success.active:focus {\n color: #fff;\n background-color: #3c763d;\n border-color: #3c763d;\n}\n.list-group-item-info {\n color: #31708f;\n background-color: #d9edf7;\n}\na.list-group-item-info,\nbutton.list-group-item-info {\n color: #31708f;\n}\na.list-group-item-info .list-group-item-heading,\nbutton.list-group-item-info .list-group-item-heading {\n color: inherit;\n}\na.list-group-item-info:hover,\nbutton.list-group-item-info:hover,\na.list-group-item-info:focus,\nbutton.list-group-item-info:focus {\n color: #31708f;\n background-color: #c4e3f3;\n}\na.list-group-item-info.active,\nbutton.list-group-item-info.active,\na.list-group-item-info.active:hover,\nbutton.list-group-item-info.active:hover,\na.list-group-item-info.active:focus,\nbutton.list-group-item-info.active:focus {\n color: #fff;\n background-color: #31708f;\n border-color: #31708f;\n}\n.list-group-item-warning {\n color: #8a6d3b;\n background-color: #fcf8e3;\n}\na.list-group-item-warning,\nbutton.list-group-item-warning {\n color: #8a6d3b;\n}\na.list-group-item-warning .list-group-item-heading,\nbutton.list-group-item-warning .list-group-item-heading {\n color: inherit;\n}\na.list-group-item-warning:hover,\nbutton.list-group-item-warning:hover,\na.list-group-item-warning:focus,\nbutton.list-group-item-warning:focus {\n color: #8a6d3b;\n background-color: #faf2cc;\n}\na.list-group-item-warning.active,\nbutton.list-group-item-warning.active,\na.list-group-item-warning.active:hover,\nbutton.list-group-item-warning.active:hover,\na.list-group-item-warning.active:focus,\nbutton.list-group-item-warning.active:focus {\n color: #fff;\n background-color: #8a6d3b;\n border-color: #8a6d3b;\n}\n.list-group-item-danger {\n color: #a94442;\n background-color: #f2dede;\n}\na.list-group-item-danger,\nbutton.list-group-item-danger {\n color: #a94442;\n}\na.list-group-item-danger .list-group-item-heading,\nbutton.list-group-item-danger .list-group-item-heading {\n color: inherit;\n}\na.list-group-item-danger:hover,\nbutton.list-group-item-danger:hover,\na.list-group-item-danger:focus,\nbutton.list-group-item-danger:focus {\n color: #a94442;\n background-color: #ebcccc;\n}\na.list-group-item-danger.active,\nbutton.list-group-item-danger.active,\na.list-group-item-danger.active:hover,\nbutton.list-group-item-danger.active:hover,\na.list-group-item-danger.active:focus,\nbutton.list-group-item-danger.active:focus {\n color: #fff;\n background-color: #a94442;\n border-color: #a94442;\n}\n.list-group-item-heading {\n margin-top: 0;\n margin-bottom: 5px;\n}\n.list-group-item-text {\n margin-bottom: 0;\n line-height: 1.3;\n}\n.panel {\n margin-bottom: 20px;\n background-color: #fff;\n border: 1px solid transparent;\n border-radius: 4px;\n -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);\n}\n.panel-body {\n padding: 15px;\n}\n.panel-heading {\n padding: 14px 15px;\n border-bottom: 1px solid transparent;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n.panel-heading > .dropdown .dropdown-toggle {\n color: inherit;\n}\n.panel-title {\n margin-top: 0;\n margin-bottom: 0;\n font-size: 16px;\n color: inherit;\n}\n.panel-title > a,\n.panel-title > small,\n.panel-title > .small,\n.panel-title > small > a,\n.panel-title > .small > a {\n color: inherit;\n}\n.panel-footer {\n padding: 14px 15px;\n background-color: #fff;\n border-top: 1px solid #ebecf0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.panel > .list-group,\n.panel > .panel-collapse > .list-group {\n margin-bottom: 0;\n}\n.panel > .list-group .list-group-item,\n.panel > .panel-collapse > .list-group .list-group-item {\n border-width: 1px 0;\n border-radius: 0;\n}\n.panel > .list-group:first-child .list-group-item:first-child,\n.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {\n border-top: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n.panel > .list-group:last-child .list-group-item:last-child,\n.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {\n border-bottom: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.panel-heading + .list-group .list-group-item:first-child {\n border-top-width: 0;\n}\n.list-group + .panel-footer {\n border-top-width: 0;\n}\n.panel > .table,\n.panel > .table-responsive > .table,\n.panel > .panel-collapse > .table {\n margin-bottom: 0;\n}\n.panel > .table caption,\n.panel > .table-responsive > .table caption,\n.panel > .panel-collapse > .table caption {\n padding-right: 15px;\n padding-left: 15px;\n}\n.panel > .table:first-child,\n.panel > .table-responsive:first-child > .table:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n.panel > .table:first-child > thead:first-child > tr:first-child,\n.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,\n.panel > .table:first-child > tbody:first-child > tr:first-child,\n.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,\n.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,\n.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,\n.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,\n.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,\n.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,\n.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,\n.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {\n border-top-left-radius: 3px;\n}\n.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,\n.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,\n.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,\n.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,\n.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,\n.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,\n.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,\n.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {\n border-top-right-radius: 3px;\n}\n.panel > .table:last-child,\n.panel > .table-responsive:last-child > .table:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.panel > .table:last-child > tbody:last-child > tr:last-child,\n.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,\n.panel > .table:last-child > tfoot:last-child > tr:last-child,\n.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,\n.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,\n.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,\n.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,\n.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,\n.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,\n.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,\n.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {\n border-bottom-left-radius: 3px;\n}\n.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,\n.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,\n.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,\n.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,\n.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,\n.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,\n.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,\n.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {\n border-bottom-right-radius: 3px;\n}\n.panel > .panel-body + .table,\n.panel > .panel-body + .table-responsive,\n.panel > .table + .panel-body,\n.panel > .table-responsive + .panel-body {\n border-top: 1px solid #ddd;\n}\n.panel > .table > tbody:first-child > tr:first-child th,\n.panel > .table > tbody:first-child > tr:first-child td {\n border-top: 0;\n}\n.panel > .table-bordered,\n.panel > .table-responsive > .table-bordered {\n border: 0;\n}\n.panel > .table-bordered > thead > tr > th:first-child,\n.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,\n.panel > .table-bordered > tbody > tr > th:first-child,\n.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,\n.panel > .table-bordered > tfoot > tr > th:first-child,\n.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,\n.panel > .table-bordered > thead > tr > td:first-child,\n.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,\n.panel > .table-bordered > tbody > tr > td:first-child,\n.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,\n.panel > .table-bordered > tfoot > tr > td:first-child,\n.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {\n border-left: 0;\n}\n.panel > .table-bordered > thead > tr > th:last-child,\n.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,\n.panel > .table-bordered > tbody > tr > th:last-child,\n.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,\n.panel > .table-bordered > tfoot > tr > th:last-child,\n.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,\n.panel > .table-bordered > thead > tr > td:last-child,\n.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,\n.panel > .table-bordered > tbody > tr > td:last-child,\n.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,\n.panel > .table-bordered > tfoot > tr > td:last-child,\n.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {\n border-right: 0;\n}\n.panel > .table-bordered > thead > tr:first-child > td,\n.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,\n.panel > .table-bordered > tbody > tr:first-child > td,\n.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,\n.panel > .table-bordered > thead > tr:first-child > th,\n.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,\n.panel > .table-bordered > tbody > tr:first-child > th,\n.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {\n border-bottom: 0;\n}\n.panel > .table-bordered > tbody > tr:last-child > td,\n.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,\n.panel > .table-bordered > tfoot > tr:last-child > td,\n.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,\n.panel > .table-bordered > tbody > tr:last-child > th,\n.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,\n.panel > .table-bordered > tfoot > tr:last-child > th,\n.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {\n border-bottom: 0;\n}\n.panel > .table-responsive {\n margin-bottom: 0;\n border: 0;\n}\n.panel-group {\n margin-bottom: 20px;\n}\n.panel-group .panel {\n margin-bottom: 0;\n border-radius: 4px;\n}\n.panel-group .panel + .panel {\n margin-top: 5px;\n}\n.panel-group .panel-heading {\n border-bottom: 0;\n}\n.panel-group .panel-heading + .panel-collapse > .panel-body,\n.panel-group .panel-heading + .panel-collapse > .list-group {\n border-top: 1px solid #ebecf0;\n}\n.panel-group .panel-footer {\n border-top: 0;\n}\n.panel-group .panel-footer + .panel-collapse .panel-body {\n border-bottom: 1px solid #ebecf0;\n}\n.panel-default {\n border-color: #ddd;\n}\n.panel-default > .panel-heading {\n color: #344563;\n background-color: #fff;\n border-color: #ddd;\n}\n.panel-default > .panel-heading + .panel-collapse > .panel-body {\n border-top-color: #ddd;\n}\n.panel-default > .panel-heading .badge {\n color: #fff;\n background-color: #344563;\n}\n.panel-default > .panel-footer + .panel-collapse > .panel-body {\n border-bottom-color: #ddd;\n}\n.panel-primary {\n border-color: #2563eb;\n}\n.panel-primary > .panel-heading {\n color: #fff;\n background-color: #2563eb;\n border-color: #2563eb;\n}\n.panel-primary > .panel-heading + .panel-collapse > .panel-body {\n border-top-color: #2563eb;\n}\n.panel-primary > .panel-heading .badge {\n color: #2563eb;\n background-color: #fff;\n}\n.panel-primary > .panel-footer + .panel-collapse > .panel-body {\n border-bottom-color: #2563eb;\n}\n.panel-success {\n border-color: #36b37e;\n}\n.panel-success > .panel-heading {\n color: #3c763d;\n background-color: #dff0d8;\n border-color: #36b37e;\n}\n.panel-success > .panel-heading + .panel-collapse > .panel-body {\n border-top-color: #36b37e;\n}\n.panel-success > .panel-heading .badge {\n color: #dff0d8;\n background-color: #3c763d;\n}\n.panel-success > .panel-footer + .panel-collapse > .panel-body {\n border-bottom-color: #36b37e;\n}\n.panel-info {\n border-color: #bce8f1;\n}\n.panel-info > .panel-heading {\n color: #31708f;\n background-color: #d9edf7;\n border-color: #bce8f1;\n}\n.panel-info > .panel-heading + .panel-collapse > .panel-body {\n border-top-color: #bce8f1;\n}\n.panel-info > .panel-heading .badge {\n color: #d9edf7;\n background-color: #31708f;\n}\n.panel-info > .panel-footer + .panel-collapse > .panel-body {\n border-bottom-color: #bce8f1;\n}\n.panel-warning {\n border-color: #faebcc;\n}\n.panel-warning > .panel-heading {\n color: #8a6d3b;\n background-color: #fcf8e3;\n border-color: #faebcc;\n}\n.panel-warning > .panel-heading + .panel-collapse > .panel-body {\n border-top-color: #faebcc;\n}\n.panel-warning > .panel-heading .badge {\n color: #fcf8e3;\n background-color: #8a6d3b;\n}\n.panel-warning > .panel-footer + .panel-collapse > .panel-body {\n border-bottom-color: #faebcc;\n}\n.panel-danger {\n border-color: #ff5630;\n}\n.panel-danger > .panel-heading {\n color: #a94442;\n background-color: #f2dede;\n border-color: #ff5630;\n}\n.panel-danger > .panel-heading + .panel-collapse > .panel-body {\n border-top-color: #ff5630;\n}\n.panel-danger > .panel-heading .badge {\n color: #f2dede;\n background-color: #a94442;\n}\n.panel-danger > .panel-footer + .panel-collapse > .panel-body {\n border-bottom-color: #ff5630;\n}\n.pager {\n padding-left: 0;\n margin: 20px 0;\n text-align: center;\n list-style: none;\n}\n.pager li {\n display: inline;\n}\n.pager li > a,\n.pager li > span {\n display: inline-block;\n padding: 5px 14px;\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 15px;\n}\n.pager li > a:hover,\n.pager li > a:focus {\n text-decoration: none;\n background-color: #ebecf0;\n}\n.pager .next > a,\n.pager .next > span {\n float: right;\n}\n.pager .previous > a,\n.pager .previous > span {\n float: left;\n}\n.pager .disabled > a,\n.pager .disabled > a:hover,\n.pager .disabled > a:focus,\n.pager .disabled > span {\n color: #7a869a;\n cursor: not-allowed;\n background-color: #fff;\n}\n.pagination {\n display: inline-block;\n padding-left: 0;\n margin: 20px 0;\n border-radius: 4px;\n}\n.pagination > li {\n display: inline;\n}\n.pagination > li > a,\n.pagination > li > span {\n position: relative;\n float: left;\n padding: 6px 12px;\n margin-left: -1px;\n line-height: 1.42857143;\n color: #0065ff;\n text-decoration: none;\n background-color: #fff;\n border: 1px solid #ddd;\n}\n.pagination > li > a:hover,\n.pagination > li > span:hover,\n.pagination > li > a:focus,\n.pagination > li > span:focus {\n z-index: 2;\n color: #0747a6;\n background-color: #ebecf0;\n border-color: #ddd;\n}\n.pagination > li:first-child > a,\n.pagination > li:first-child > span {\n margin-left: 0;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n.pagination > li:last-child > a,\n.pagination > li:last-child > span {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n.pagination > .active > a,\n.pagination > .active > span,\n.pagination > .active > a:hover,\n.pagination > .active > span:hover,\n.pagination > .active > a:focus,\n.pagination > .active > span:focus {\n z-index: 3;\n color: #fff;\n cursor: default;\n background-color: #2563eb;\n border-color: #2563eb;\n}\n.pagination > .disabled > span,\n.pagination > .disabled > span:hover,\n.pagination > .disabled > span:focus,\n.pagination > .disabled > a,\n.pagination > .disabled > a:hover,\n.pagination > .disabled > a:focus {\n color: #7a869a;\n cursor: not-allowed;\n background-color: #fff;\n border-color: #ddd;\n}\n.pagination-lg > li > a,\n.pagination-lg > li > span {\n padding: 10px 16px;\n font-size: 18px;\n line-height: 1.3333333;\n}\n.pagination-lg > li:first-child > a,\n.pagination-lg > li:first-child > span {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n}\n.pagination-lg > li:last-child > a,\n.pagination-lg > li:last-child > span {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n.pagination-sm > li > a,\n.pagination-sm > li > span {\n padding: 5px 10px;\n font-size: 12px;\n line-height: 1.5;\n}\n.pagination-sm > li:first-child > a,\n.pagination-sm > li:first-child > span {\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.pagination-sm > li:last-child > a,\n.pagination-sm > li:last-child > span {\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n.embed-responsive {\n position: relative;\n display: block;\n height: 0;\n padding: 0;\n overflow: hidden;\n}\n.embed-responsive .embed-responsive-item,\n.embed-responsive iframe,\n.embed-responsive embed,\n.embed-responsive object,\n.embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n}\n.embed-responsive-16by9 {\n padding-bottom: 56.25%;\n}\n.embed-responsive-4by3 {\n padding-bottom: 75%;\n}\n.well {\n min-height: 20px;\n padding: 19px;\n margin-bottom: 20px;\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 4px;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\n}\n.well blockquote {\n border-color: #ddd;\n border-color: rgba(0, 0, 0, 0.15);\n}\n.well-lg {\n padding: 24px;\n border-radius: 6px;\n}\n.well-sm {\n padding: 9px;\n border-radius: 3px;\n}\n.close {\n float: right;\n font-size: 21px;\n font-weight: bold;\n line-height: 1;\n color: #000;\n text-shadow: 0 1px 0 #fff;\n filter: alpha(opacity=20);\n opacity: 0.2;\n}\n.close:hover,\n.close:focus {\n color: #000;\n text-decoration: none;\n cursor: pointer;\n filter: alpha(opacity=50);\n opacity: 0.5;\n}\nbutton.close {\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n appearance: none;\n}\n.badge {\n display: inline-block;\n min-width: 10px;\n padding: 3px 7px;\n font-size: 12px;\n font-weight: bold;\n line-height: 1;\n color: #fff;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n background-color: #7a869a;\n border-radius: 10px;\n}\n.badge:empty {\n display: none;\n}\n.btn .badge {\n position: relative;\n top: -1px;\n}\n.btn-xs .badge,\n.btn-group-xs > .btn .badge {\n top: 0;\n padding: 1px 5px;\n}\na.badge:hover,\na.badge:focus {\n color: #fff;\n text-decoration: none;\n cursor: pointer;\n}\n.list-group-item.active > .badge,\n.nav-pills > .active > a > .badge {\n color: #0065ff;\n background-color: #fff;\n}\n.list-group-item > .badge {\n float: right;\n}\n.list-group-item > .badge + .badge {\n margin-right: 5px;\n}\n.nav-pills > li > a > .badge {\n margin-left: 3px;\n}\n.modal-open {\n overflow: hidden;\n}\n.modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1050;\n display: none;\n overflow: hidden;\n -webkit-overflow-scrolling: touch;\n outline: 0;\n}\n.modal.fade .modal-dialog {\n -webkit-transform: translate(0, -25%);\n -ms-transform: translate(0, -25%);\n -o-transform: translate(0, -25%);\n transform: translate(0, -25%);\n -webkit-transition: -webkit-transform 0.3s ease-out;\n -moz-transition: -moz-transform 0.3s ease-out;\n -o-transition: -o-transform 0.3s ease-out;\n transition: transform 0.3s ease-out;\n}\n.modal.in .modal-dialog {\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0);\n}\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 10px;\n}\n.modal-content {\n position: relative;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #999;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 6px;\n -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);\n box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);\n outline: 0;\n}\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1040;\n background-color: #091e42;\n}\n.modal-backdrop.fade {\n filter: alpha(opacity=0);\n opacity: 0;\n}\n.modal-backdrop.in {\n filter: alpha(opacity=50);\n opacity: 0.5;\n}\n.modal-header {\n padding: 15px;\n border-bottom: 1px solid #ced0da;\n}\n.modal-header .close {\n margin-top: -2px;\n}\n.modal-title {\n margin: 0;\n line-height: 1.42857143;\n}\n.modal-body {\n position: relative;\n padding: 15px;\n}\n.modal-footer {\n padding: 15px;\n text-align: right;\n border-top: 1px solid #ced0da;\n}\n.modal-footer .btn + .btn {\n margin-bottom: 0;\n margin-left: 5px;\n}\n.modal-footer .btn-group .btn + .btn {\n margin-left: -1px;\n}\n.modal-footer .btn-block + .btn-block {\n margin-left: 0;\n}\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n@media (min-width: 768px) {\n .modal-dialog {\n width: 600px;\n margin: 30px auto;\n }\n .modal-content {\n -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);\n }\n .modal-sm {\n width: 300px;\n }\n}\n@media (min-width: 992px) {\n .modal-lg {\n width: 900px;\n }\n}\n.clearfix:before,\n.clearfix:after,\n.dl-horizontal dd:before,\n.dl-horizontal dd:after,\n.container:before,\n.container:after,\n.container-fluid:before,\n.container-fluid:after,\n.row:before,\n.row:after,\n.form-horizontal .form-group:before,\n.form-horizontal .form-group:after,\n.nav:before,\n.nav:after,\n.btn-toolbar:before,\n.btn-toolbar:after,\n.btn-group-vertical > .btn-group:before,\n.btn-group-vertical > .btn-group:after,\n.panel-body:before,\n.panel-body:after,\n.pager:before,\n.pager:after,\n.modal-header:before,\n.modal-header:after,\n.modal-footer:before,\n.modal-footer:after,\n.agreement-footer:before,\n.agreement-footer:after {\n display: table;\n content: \" \";\n}\n.clearfix:after,\n.dl-horizontal dd:after,\n.container:after,\n.container-fluid:after,\n.row:after,\n.form-horizontal .form-group:after,\n.nav:after,\n.btn-toolbar:after,\n.btn-group-vertical > .btn-group:after,\n.panel-body:after,\n.pager:after,\n.modal-header:after,\n.modal-footer:after,\n.agreement-footer:after {\n clear: both;\n}\n.center-block {\n display: block;\n margin-right: auto;\n margin-left: auto;\n}\n.pull-right {\n float: right !important;\n}\n.pull-left {\n float: left !important;\n}\n.hide {\n display: none !important;\n}\n.show {\n display: block !important;\n}\n.invisible {\n visibility: hidden;\n}\n.text-hide {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n.hidden {\n display: none !important;\n}\n.affix {\n position: fixed;\n}\n@-ms-viewport {\n width: device-width;\n}\n.visible-xs,\n.visible-sm,\n.visible-md,\n.visible-lg {\n display: none !important;\n}\n.visible-xs-block,\n.visible-xs-inline,\n.visible-xs-inline-block,\n.visible-sm-block,\n.visible-sm-inline,\n.visible-sm-inline-block,\n.visible-md-block,\n.visible-md-inline,\n.visible-md-inline-block,\n.visible-lg-block,\n.visible-lg-inline,\n.visible-lg-inline-block {\n display: none !important;\n}\n@media (max-width: 767px) {\n .visible-xs {\n display: block !important;\n }\n table.visible-xs {\n display: table !important;\n }\n tr.visible-xs {\n display: table-row !important;\n }\n th.visible-xs,\n td.visible-xs {\n display: table-cell !important;\n }\n}\n@media (max-width: 767px) {\n .visible-xs-block {\n display: block !important;\n }\n}\n@media (max-width: 767px) {\n .visible-xs-inline {\n display: inline !important;\n }\n}\n@media (max-width: 767px) {\n .visible-xs-inline-block {\n display: inline-block !important;\n }\n}\n@media (min-width: 768px) and (max-width: 991px) {\n .visible-sm {\n display: block !important;\n }\n table.visible-sm {\n display: table !important;\n }\n tr.visible-sm {\n display: table-row !important;\n }\n th.visible-sm,\n td.visible-sm {\n display: table-cell !important;\n }\n}\n@media (min-width: 768px) and (max-width: 991px) {\n .visible-sm-block {\n display: block !important;\n }\n}\n@media (min-width: 768px) and (max-width: 991px) {\n .visible-sm-inline {\n display: inline !important;\n }\n}\n@media (min-width: 768px) and (max-width: 991px) {\n .visible-sm-inline-block {\n display: inline-block !important;\n }\n}\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md {\n display: block !important;\n }\n table.visible-md {\n display: table !important;\n }\n tr.visible-md {\n display: table-row !important;\n }\n th.visible-md,\n td.visible-md {\n display: table-cell !important;\n }\n}\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md-block {\n display: block !important;\n }\n}\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md-inline {\n display: inline !important;\n }\n}\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md-inline-block {\n display: inline-block !important;\n }\n}\n@media (min-width: 1200px) {\n .visible-lg {\n display: block !important;\n }\n table.visible-lg {\n display: table !important;\n }\n tr.visible-lg {\n display: table-row !important;\n }\n th.visible-lg,\n td.visible-lg {\n display: table-cell !important;\n }\n}\n@media (min-width: 1200px) {\n .visible-lg-block {\n display: block !important;\n }\n}\n@media (min-width: 1200px) {\n .visible-lg-inline {\n display: inline !important;\n }\n}\n@media (min-width: 1200px) {\n .visible-lg-inline-block {\n display: inline-block !important;\n }\n}\n@media (max-width: 767px) {\n .hidden-xs {\n display: none !important;\n }\n}\n@media (min-width: 768px) and (max-width: 991px) {\n .hidden-sm {\n display: none !important;\n }\n}\n@media (min-width: 992px) and (max-width: 1199px) {\n .hidden-md {\n display: none !important;\n }\n}\n@media (min-width: 1200px) {\n .hidden-lg {\n display: none !important;\n }\n}\n.visible-print {\n display: none !important;\n}\n@media print {\n .visible-print {\n display: block !important;\n }\n table.visible-print {\n display: table !important;\n }\n tr.visible-print {\n display: table-row !important;\n }\n th.visible-print,\n td.visible-print {\n display: table-cell !important;\n }\n}\n.visible-print-block {\n display: none !important;\n}\n@media print {\n .visible-print-block {\n display: block !important;\n }\n}\n.visible-print-inline {\n display: none !important;\n}\n@media print {\n .visible-print-inline {\n display: inline !important;\n }\n}\n.visible-print-inline-block {\n display: none !important;\n}\n@media print {\n .visible-print-inline-block {\n display: inline-block !important;\n }\n}\n@media print {\n .hidden-print {\n display: none !important;\n }\n}\n@media screen and (min-width: 992px) {\n .md-margin-top-no {\n margin-top: 0px !important;\n }\n}\n@media screen and (min-width: 768px) and (max-width: 991px) {\n .sm-margin-top {\n margin-top: 20px !important;\n }\n .sm-margin-top-no {\n margin-top: 0px !important;\n }\n .sm-margin-top-half {\n margin-top: 6.6px !important;\n }\n .sm-align-row-buttons {\n margin-top: 5px !important;\n }\n}\n@media screen and (max-width: 767px) {\n .xs-margin-top {\n margin-top: 20px !important;\n }\n .xs-margin-top-half {\n margin-top: 6.6px !important;\n }\n}\n.flex-row {\n display: block;\n margin: 0 -15px;\n}\n.flex-row-section {\n align-items: center;\n display: flex;\n flex: 1;\n}\n.flex-row-section + .flex-row-section {\n margin-top: 20px;\n}\n.flex-row-col {\n flex: 1;\n padding: 0 15px;\n}\n@media screen and (min-width: 768px) {\n .flex-row {\n display: flex;\n align-items: center;\n }\n .flex-row-section + .flex-row-section {\n margin: 0;\n }\n .flex-row-section,\n .flex-row-col {\n flex: 0;\n align-items: center;\n }\n .flex-row-section.flex-row-section-auto,\n .flex-row-section.flex-row-section-auto > .flex-row-col {\n flex: 1;\n }\n}\n.flex-row-col-shrink {\n flex: 0 !important;\n}\n.d-none {\n display: none !important;\n}\n.atwho-view ul li img {\n border-radius: 3px;\n margin-right: 4.66666667px;\n width: 20px;\n height: 20px;\n}\n.auth-message {\n background-color: #ebecf0;\n padding: 20px 0px;\n width: 100%;\n position: fixed;\n top: -100%;\n left: 0px;\n z-index: 1070;\n transition: top 300ms ease;\n}\n.auth-message.show {\n top: 0px;\n bottom: auto;\n}\n.auth-message p {\n padding: 5px 0px;\n color: #172b4d;\n}\n@media screen and (max-width: 991px) {\n .auth-message {\n text-align: center;\n }\n .auth-message .btn {\n padding: 10px 16px;\n font-size: 18px;\n }\n}\n.alerts-snackbar {\n position: fixed;\n top: -100%;\n width: 100%;\n z-index: 1060;\n text-align: center;\n font-size: 18px;\n transition: top 300ms ease;\n pointer-events: none;\n}\n.alerts-snackbar.in {\n top: 0px;\n transition: top 200ms ease;\n}\n.alerts-snackbar p {\n display: inline-block;\n border-radius: 0px 0px 4px 4px;\n margin: 0px;\n pointer-events: all;\n}\n.agreement-overlay {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n z-index: 1060;\n background-color: rgba(9, 30, 66, 0.5);\n overflow-x: scroll;\n}\n.agreement-overlay .container {\n max-width: 900px;\n padding: 20px 30px;\n}\n.agreement-content {\n background-color: #fff;\n border: 1px solid #999;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 6px;\n -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);\n box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);\n background-clip: padding-box;\n outline: 0;\n padding: 10px 16px;\n}\n.agreement-header {\n padding: 10px 0;\n border-bottom: 1px solid #ebecf0;\n}\n.agreement-header h2 {\n margin-top: 0;\n}\n.agreement-header p {\n margin: 0;\n padding: 0;\n}\n.agreement-body {\n padding: 20px 0;\n}\n.agreement-body p.lead {\n margin: 0;\n padding: 0;\n}\n.agreement-footer {\n padding: 15px;\n text-align: right;\n border-top: 1px solid #ced0da;\n padding: 10px 0;\n}\n.agreement-footer .btn + .btn {\n margin-bottom: 0;\n margin-left: 5px;\n}\n.agreement-footer .btn-group .btn + .btn {\n margin-left: -1px;\n}\n.agreement-footer .btn-block + .btn-block {\n margin-left: 0;\n}\nbody.agreement-overlay-visible {\n overflow: hidden;\n}\n.loader {\n width: 100%;\n height: 49px;\n text-align: center;\n}\n.loader.loader-spaced {\n margin: 40px 0px;\n}\n.loader-spinning-wheel {\n width: 49px;\n height: 49px;\n margin: 0 auto;\n border: 3px solid #7a869a;\n border-radius: 50%;\n border-left-color: transparent;\n border-right-color: transparent;\n animation: cssload-spin 575ms infinite linear;\n -o-animation: cssload-spin 575ms infinite linear;\n -ms-animation: cssload-spin 575ms infinite linear;\n -webkit-animation: cssload-spin 575ms infinite linear;\n -moz-animation: cssload-spin 575ms infinite linear;\n}\n@keyframes cssload-spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n@-o-keyframes cssload-spin {\n 100% {\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@-ms-keyframes cssload-spin {\n 100% {\n -ms-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@-webkit-keyframes cssload-spin {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@-moz-keyframes cssload-spin {\n 100% {\n -moz-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.navbar {\n position: sticky;\n top: 0;\n height: 60px;\n z-index: 1030;\n background-color: #fff;\n border-bottom: 1px solid #e5e7eb;\n color: #111827;\n}\n.navbar-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.navbar-right {\n display: flex;\n height: 100%;\n align-items: center;\n margin-left: auto;\n}\n.navbar-branding {\n display: flex;\n align-items: center;\n margin-right: 24px;\n}\n.navbar-branding-text,\n.navbar-branding-text:link,\n.navbar-branding-text:visited,\n.navbar-branding-text:hover,\n.navbar-branding-text:focus,\n.navbar-branding-text:active {\n color: #374151;\n font-size: 22px;\n text-decoration: none;\n}\n.navbar-branding-logo img {\n height: 40px;\n}\n.navbar-branding-logo-xs {\n margin-right: 12px;\n}\n.navbar-branding-logo-xs img {\n height: 34px;\n width: 34px;\n}\n.navbar-extra-menu {\n display: block;\n margin: 0;\n padding: 0;\n font-size: 18px;\n}\n.navbar-extra-menu > li,\n.navbar-extra-menu > li > a {\n display: inline-block;\n}\n.navbar-extra-menu a,\n.navbar-extra-menu a:link,\n.navbar-extra-menu a:visited {\n padding: 6px 12px;\n border-radius: 4px;\n color: #172b4d;\n}\n.navbar-extra-menu a:hover,\n.navbar-extra-menu a:focus {\n color: #172b4d;\n text-decoration: none;\n}\n.navbar-extra-menu a:active {\n color: #172b4d;\n background-color: #e5e7eb;\n text-decoration: none;\n}\n.btn.btn-navbar-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 34px;\n height: 34px;\n position: relative;\n margin-left: 12px;\n padding: 0;\n}\n.btn.btn-navbar-icon .material-icon {\n margin: 0;\n font-size: 24px;\n line-height: 24px;\n}\n.btn.btn-navbar-icon,\n.btn.btn-navbar-icon:link,\n.btn.btn-navbar-icon:visited,\n.btn.btn-navbar-icon:hover,\n.btn.btn-navbar-icon:focus {\n color: #374151;\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n}\n.btn.btn-navbar-icon:active,\n.btn.btn-navbar-icon.active {\n color: #172b4d;\n background-color: #e5e7eb;\n border-color: #e5e7eb;\n box-shadow: none;\n}\n.btn-navbar-image {\n display: inline-block;\n padding: 0;\n margin-left: 12px;\n}\n.btn-navbar-image img {\n width: 34px;\n height: 34px;\n border-radius: 3px;\n}\n.navbar-item-badge {\n position: absolute;\n top: -3px;\n right: -3px;\n padding: 0 5px;\n background-color: #dc2626;\n border-radius: 4px;\n color: #fff;\n font-size: 12px;\n z-index: 2;\n}\n.btn-navbar-sign-in,\n.btn-navbar-register {\n margin-left: 12px;\n}\n@media screen and (max-width: 767px) {\n #navbar-notifications-dropdown,\n #navbar-private-threads,\n #navbar-search-dropdown,\n #navbar-site-nav-dropdown,\n #navbar-user-nav-dropdown,\n .navbar-extra-menu,\n .btn-navbar-sign-in,\n .btn-navbar-register {\n display: none;\n }\n}\n@media screen and (max-width: 420px) {\n #navbar-private-threads {\n display: none;\n }\n}\n@media screen and (min-width: 768px) {\n #navbar-notifications-overlay,\n #navbar-search-overlay,\n #navbar-site-nav-overlay,\n #navbar-user-nav-overlay {\n display: none;\n }\n}\n.nav-side > a > .material-icon {\n margin: -5px;\n margin-right: 10px;\n position: relative;\n bottom: 1px;\n width: 24px;\n height: 24px;\n font-size: 24px;\n line-height: 24px;\n}\n.nav-side > a .badge {\n position: relative;\n top: 1px;\n}\n.nav-pills > li > a {\n display: flex;\n align-items: center;\n padding: 5px 10px;\n}\n.nav-pills > li > a .material-icon {\n margin-right: 3px;\n}\n.nav-pills > li > a,\n.nav-pills > li > a:link,\n.nav-pills > li > a:visited {\n background-color: #ebecf0;\n color: #344563;\n}\n.nav-pills > li > a:focus,\n.nav-pills > li > a:hover,\n.nav-pills > li > a:active {\n background-color: #dcdee5;\n color: #344563;\n}\n.nav-pills > li.active > a,\n.nav-pills > li.active > a:link,\n.nav-pills > li.active > a:visited,\n.nav-pills > li.active > a:focus,\n.nav-pills > li.active > a:hover,\n.nav-pills > li.active > a:active {\n background-color: #344563;\n color: #fff;\n}\n.nav-container .btn-block {\n margin-bottom: 20px;\n}\n.nav-container .nav {\n margin-right: -10px;\n margin-bottom: 30px;\n}\n.nav-container li {\n margin-right: 10px;\n margin-bottom: 10px;\n}\n.breadcrumbs {\n display: block;\n padding: 0;\n margin-bottom: 10px;\n}\n.breadcrumbs-item {\n display: inline-block;\n margin-right: 15px;\n margin-bottom: 10px;\n padding: 0;\n list-style: none;\n}\n.breadcrumbs-item a {\n display: flex;\n align-items: center;\n text-decoration: none;\n}\n.breadcrumbs-item a,\n.breadcrumbs-item a:visited {\n color: #5e6c84;\n}\n.breadcrumbs-item a:hover,\n.breadcrumbs-item a:focus {\n color: #172b4d;\n}\n.breadcrumbs-item a:hover .breadcrumbs-item-name,\n.breadcrumbs-item a:focus .breadcrumbs-item-name {\n text-decoration: underline;\n}\n.breadcrumbs-item a:active {\n color: #172b4d;\n}\n.breadcrumbs-item .material-icon {\n margin-right: 4px;\n}\n@font-face {\n font-family: \"Material Icons\";\n font-style: normal;\n font-weight: 400;\n src: url(./fonts/MaterialIcons-Regular.eot);\n /* For IE6-8 */\n src: local(\"Material Icons\"), local(\"MaterialIcons-Regular\"), url(./fonts/MaterialIcons-Regular.woff2) format(\"woff2\"), url(./fonts/MaterialIcons-Regular.woff) format(\"woff\"), url(./fonts/MaterialIcons-Regular.ttf) format(\"truetype\");\n}\n.material-icon {\n font-family: \"Material Icons\";\n font-weight: normal;\n font-style: normal;\n display: inline-block;\n width: 1em;\n height: 1em;\n line-height: 1;\n text-align: center;\n text-transform: none;\n letter-spacing: normal;\n vertical-align: middle;\n word-wrap: normal;\n overflow-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n /* Support for all WebKit browsers. */\n -webkit-font-smoothing: antialiased;\n /* Support for Safari and Chrome. */\n text-rendering: optimizeLegibility;\n /* Support for Firefox. */\n -moz-osx-font-smoothing: grayscale;\n /* Support for IE. */\n font-feature-settings: \"liga\";\n}\n.modal-toolbar {\n background: #ebecf0;\n border-bottom: 1px solid #ced0da;\n overflow: auto;\n padding: 6px 12px;\n}\n.modal-toolbar .pull-left {\n margin-right: 8px;\n}\n.modal-toolbar p {\n padding: 5px 0px;\n margin-bottom: 0px;\n}\n@media screen and (max-width: 991px) {\n .modal-message {\n text-align: center;\n }\n .modal-message .message-icon {\n margin: 30px;\n }\n .modal-message .message-icon .material-icon {\n font-size: 160px;\n }\n}\n@media screen and (min-width: 992px) {\n .modal-message .modal-body {\n padding-top: 20px;\n padding-bottom: 30px;\n }\n .modal-message .message-icon {\n float: left;\n position: relative;\n left: 7px;\n }\n .modal-message .message-icon .material-icon {\n font-size: 50px;\n }\n .modal-message .message-body {\n margin-left: 75px;\n margin-top: 10px;\n }\n .modal-message .message-body p {\n margin-top: 20px;\n }\n .modal-message .message-body .lead {\n margin-top: 0px;\n margin-bottom: 0px;\n }\n}\n.modal-loader {\n padding: 50px 0px;\n}\n.modal-loader .loader {\n width: 100%;\n height: 80px;\n text-align: center;\n}\n.modal-loader .loader-spinning-wheel {\n width: 80px;\n height: 80px;\n}\n.modal-body .form-group {\n min-height: 34px;\n}\n.list-item-errors {\n margin-bottom: 20px;\n}\n.list-errored-items li:last-child .list-item-errors {\n margin-bottom: 0px;\n}\n.modal-post-likers .media-list {\n margin: 0px;\n}\n.modal-post-likers .item-title {\n display: block;\n}\n.has-feedback .material-icon.form-control-feedback {\n top: 6px;\n right: 24px;\n font-size: 1.42857143;\n line-height: 1.42857143;\n}\n.well.well-form.well-done {\n font-size: 18px;\n text-align: center;\n}\n.well.well-form.well-done .message-icon {\n margin-bottom: 10px;\n font-size: 90px;\n line-height: 90px;\n}\n.well.well-form.well-done .message-body {\n margin-bottom: 20px;\n}\n.well.well-form.well-noscript {\n font-size: 18px;\n text-align: center;\n}\n.well.well-form.well-noscript .message-icon {\n margin-bottom: 10px;\n font-size: 90px;\n line-height: 90px;\n}\n.btn.btn-yes-no,\n.btn.btn-select {\n background: transparent;\n border: 1px solid #ced0da;\n}\n.btn.btn-yes-no .material-icon,\n.btn.btn-select .material-icon {\n margin: -4px 0px;\n margin-right: 8px;\n position: relative;\n bottom: 1px;\n width: 20px;\n height: 20px;\n font-size: 20px;\n line-height: 20px;\n}\n@media screen and (max-width: 767px) {\n .btn.btn-yes-no {\n width: 100%;\n overflow: auto;\n }\n .btn.btn-yes-no .material-icon {\n float: left;\n margin-top: 1px;\n }\n .btn.btn-yes-no .btn-text {\n display: block;\n margin-left: 30px;\n text-align: left;\n white-space: normal;\n }\n}\ninput.hidden-file-upload {\n position: absolute;\n top: -9999px;\n left: -9999px;\n}\n.form-search {\n position: relative;\n}\n.form-search .form-control {\n padding-right: 30px;\n}\n.form-search .material-icon {\n position: absolute;\n top: 5px;\n right: 5px;\n color: #7a869a;\n font-size: 24px;\n line-height: 24px;\n pointer-events: none;\n}\n.btn.btn-loading,\n.btn.btn-loading:link,\n.btn.btn-loading:active,\n.btn.btn-loading:visited,\n.btn.btn-loading:hover,\n.btn.btn-loading:focus {\n color: transparent;\n}\n.btn.btn-loading .loader,\n.btn.btn-loading:link .loader,\n.btn.btn-loading:active .loader,\n.btn.btn-loading:visited .loader,\n.btn.btn-loading:hover .loader,\n.btn.btn-loading:focus .loader {\n height: 20px;\n margin-top: -20px;\n}\n.btn.btn-loading .loader > div,\n.btn.btn-loading:link .loader > div,\n.btn.btn-loading:active .loader > div,\n.btn.btn-loading:visited .loader > div,\n.btn.btn-loading:hover .loader > div,\n.btn.btn-loading:focus .loader > div {\n width: 20px;\n height: 20px;\n}\n.btn.btn-loading.btn-default .loader > div {\n border-top-color: #172b4d;\n border-bottom-color: #172b4d;\n}\n.btn.btn-loading.btn-primary .loader > div {\n border-top-color: #fff;\n border-bottom-color: #fff;\n}\n.btn.btn-loading.btn-success .loader > div {\n border-top-color: #fff;\n border-bottom-color: #fff;\n}\n.btn.btn-loading.btn-info .loader > div {\n border-top-color: #fff;\n border-bottom-color: #fff;\n}\n.btn.btn-loading.btn-warning .loader > div {\n border-top-color: #fff;\n border-bottom-color: #fff;\n}\n.btn.btn-loading.btn-danger .loader > div {\n border-top-color: #fff;\n border-bottom-color: #fff;\n}\n.btn .material-icon {\n margin-right: 3px;\n position: relative;\n bottom: 1px;\n}\n.btn-icon .material-icon {\n margin: -1px -4px;\n width: 20px;\n height: 20px;\n font-size: 20px;\n line-height: 20px;\n}\n.btn-icon .btn-text {\n margin-left: 10px;\n}\n.btn-icon .btn-text-left {\n margin-right: 10px;\n}\n.btn-block.btn-icon {\n padding-left: 0px;\n padding-right: 0px;\n}\n.btn-icons-family .material-icon + .material-icon {\n margin-left: 10px;\n}\n.btn-sign-in {\n color: #fff;\n background-color: #2563eb;\n border-color: #2563eb;\n}\n.btn-sign-in:focus,\n.btn-sign-in.focus {\n color: #fff;\n background-color: #134cca;\n border-color: #0c3284;\n}\n.btn-sign-in:hover {\n color: #fff;\n background-color: #134cca;\n border-color: #1249c1;\n}\n.btn-sign-in:active,\n.btn-sign-in.active,\n.open > .dropdown-toggle.btn-sign-in {\n color: #fff;\n background-color: #134cca;\n background-image: none;\n border-color: #1249c1;\n}\n.btn-sign-in:active:hover,\n.btn-sign-in.active:hover,\n.open > .dropdown-toggle.btn-sign-in:hover,\n.btn-sign-in:active:focus,\n.btn-sign-in.active:focus,\n.open > .dropdown-toggle.btn-sign-in:focus,\n.btn-sign-in:active.focus,\n.btn-sign-in.active.focus,\n.open > .dropdown-toggle.btn-sign-in.focus {\n color: #fff;\n background-color: #1040aa;\n border-color: #0c3284;\n}\n.btn-sign-in.disabled:hover,\n.btn-sign-in[disabled]:hover,\nfieldset[disabled] .btn-sign-in:hover,\n.btn-sign-in.disabled:focus,\n.btn-sign-in[disabled]:focus,\nfieldset[disabled] .btn-sign-in:focus,\n.btn-sign-in.disabled.focus,\n.btn-sign-in[disabled].focus,\nfieldset[disabled] .btn-sign-in.focus {\n background-color: #2563eb;\n border-color: #2563eb;\n}\n.btn-sign-in .badge {\n color: #2563eb;\n background-color: #fff;\n}\n.btn-register {\n color: #fff;\n background-color: #2563eb;\n border-color: #2563eb;\n}\n.btn-register:focus,\n.btn-register.focus {\n color: #fff;\n background-color: #134cca;\n border-color: #0c3284;\n}\n.btn-register:hover {\n color: #fff;\n background-color: #134cca;\n border-color: #1249c1;\n}\n.btn-register:active,\n.btn-register.active,\n.open > .dropdown-toggle.btn-register {\n color: #fff;\n background-color: #134cca;\n background-image: none;\n border-color: #1249c1;\n}\n.btn-register:active:hover,\n.btn-register.active:hover,\n.open > .dropdown-toggle.btn-register:hover,\n.btn-register:active:focus,\n.btn-register.active:focus,\n.open > .dropdown-toggle.btn-register:focus,\n.btn-register:active.focus,\n.btn-register.active.focus,\n.open > .dropdown-toggle.btn-register.focus {\n color: #fff;\n background-color: #1040aa;\n border-color: #0c3284;\n}\n.btn-register.disabled:hover,\n.btn-register[disabled]:hover,\nfieldset[disabled] .btn-register:hover,\n.btn-register.disabled:focus,\n.btn-register[disabled]:focus,\nfieldset[disabled] .btn-register:focus,\n.btn-register.disabled.focus,\n.btn-register[disabled].focus,\nfieldset[disabled] .btn-register.focus {\n background-color: #2563eb;\n border-color: #2563eb;\n}\n.btn-register .badge {\n color: #2563eb;\n background-color: #fff;\n}\n.btn-muted {\n color: #7a869a;\n border-radius: 0;\n}\n.btn-muted,\n.btn-muted:active,\n.btn-muted.active,\n.btn-muted[disabled],\nfieldset[disabled] .btn-muted {\n background-color: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-muted,\n.btn-muted:hover,\n.btn-muted:focus,\n.btn-muted:active {\n border-color: transparent;\n}\n.btn-muted:hover,\n.btn-muted:focus {\n color: #172b4d;\n background-color: transparent;\n}\n.btn-muted[disabled]:hover,\nfieldset[disabled] .btn-muted:hover,\n.btn-muted[disabled]:focus,\nfieldset[disabled] .btn-muted:focus {\n color: #7a869a;\n text-decoration: none;\n}\n.dropdown-header {\n color: #172b4d;\n font-size: 18px;\n}\n.dropdown-subheader {\n padding: 6px 20px;\n width: 100%;\n color: #172b4d;\n font-size: 14px;\n font-weight: bold;\n}\n.dropdown-pills {\n display: flex;\n padding: 6px 10px;\n border-bottom: 1px solid #ebecf0;\n}\n.dropdown-pills .btn {\n display: block;\n width: 100%;\n margin: 0px 10px;\n}\n.dropdown-menu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.dropdown-menu-item > a,\n.dropdown-menu-item > .btn-link,\n.dropdown-link > a,\n.dropdown-menu > li > a,\n.dropdown-menu > li > .btn-link,\n.modal-menu > li > a,\n.modal-menu > li > .btn-link {\n display: block;\n border: none;\n clear: both;\n float: none;\n padding: 6px 20px;\n width: 100%;\n color: #172b4d;\n font-weight: normal;\n line-height: 1.42857143;\n text-align: left;\n white-space: nowrap;\n}\n.dropdown-menu-item > a:hover,\n.dropdown-menu-item > .btn-link:hover,\n.dropdown-link > a:hover,\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > .btn-link:hover,\n.modal-menu > li > a:hover,\n.modal-menu > li > .btn-link:hover,\n.dropdown-menu-item > a:focus,\n.dropdown-menu-item > .btn-link:focus,\n.dropdown-link > a:focus,\n.dropdown-menu > li > a:focus,\n.dropdown-menu > li > .btn-link:focus,\n.modal-menu > li > a:focus,\n.modal-menu > li > .btn-link:focus {\n background-color: #ebecf0;\n color: #172b4d;\n text-decoration: none;\n}\n.dropdown-menu-item > a:active,\n.dropdown-menu-item > .btn-link:active,\n.dropdown-link > a:active,\n.dropdown-menu > li > a:active,\n.dropdown-menu > li > .btn-link:active,\n.modal-menu > li > a:active,\n.modal-menu > li > .btn-link:active {\n background-color: #ebecf0;\n color: #172b4d;\n text-decoration: none;\n}\n.dropdown-menu-item > a:disabled,\n.dropdown-menu-item > .btn-link:disabled,\n.dropdown-link > a:disabled,\n.dropdown-menu > li > a:disabled,\n.dropdown-menu > li > .btn-link:disabled,\n.modal-menu > li > a:disabled,\n.modal-menu > li > .btn-link:disabled {\n color: rgba(23, 43, 77, 0.5);\n}\n.dropdown-menu-item > a .material-icon,\n.dropdown-menu-item > .btn-link .material-icon,\n.dropdown-link > a .material-icon,\n.dropdown-menu > li > a .material-icon,\n.dropdown-menu > li > .btn-link .material-icon,\n.modal-menu > li > a .material-icon,\n.modal-menu > li > .btn-link .material-icon {\n margin: -2px 0px;\n margin-right: 7px;\n position: relative;\n bottom: 1px;\n font-size: 18px;\n}\n.dropdown-menu-item > a .badge,\n.dropdown-menu-item > .btn-link .badge,\n.dropdown-link > a .badge,\n.dropdown-menu > li > a .badge,\n.dropdown-menu > li > .btn-link .badge,\n.modal-menu > li > a .badge,\n.modal-menu > li > .btn-link .badge {\n float: right;\n position: relative;\n top: 1px;\n background-color: #dc2626;\n border-radius: 4px;\n color: #fff;\n}\n.modal-menu {\n margin: 20px 0px;\n padding: 0px;\n}\n.modal-menu > li {\n margin: 6.66666667px 0px;\n padding: 0px;\n list-style: none;\n}\n.dropdown-menu {\n min-width: 210px;\n}\n.dropdown-footer {\n padding: 6px 20px;\n margin-bottom: -5px;\n border-top: 1px solid #ebecf0;\n}\n.dropdown-menu-item + .dropdown-footer {\n margin-top: 9px;\n}\n.dropdown-menu .dropdown-buttons {\n padding: 2px 20px;\n padding-bottom: 7px;\n}\n.dropdown-menu .dropdown-buttons .btn {\n margin: 4px 0px;\n}\n@media screen and (min-width: 992px) {\n .category-picker .dropdown-menu {\n width: 300px;\n }\n}\n.category-picker .dropdown-menu > li > .btn-link {\n white-space: normal;\n overflow-wrap: break-word;\n}\n@media screen and (max-width: 767px) {\n .dropdown-menu.stick-to-bottom {\n border-radius: 0px;\n border: none;\n max-height: 400px;\n overflow-y: auto;\n -webkit-box-shadow: 0px 0px 30px #7a869a;\n box-shadow: 0px 0px 30px #7a869a;\n clear: both;\n top: auto;\n width: 100%;\n position: fixed;\n bottom: 0px;\n margin: 0px;\n padding: 0px;\n padding-bottom: 20px;\n }\n .dropdown-menu.stick-to-bottom li {\n float: none;\n margin: 0px;\n clear: both;\n }\n .dropdown-menu.stick-to-bottom li > a,\n .dropdown-menu.stick-to-bottom li > .btn {\n padding-top: 15px;\n padding-bottom: 15px;\n border-bottom: 1px solid #ebecf0;\n }\n}\n.overlay {\n background-color: #fff;\n display: none;\n}\nbody.has-overlay {\n position: fixed;\n overflow: hidden;\n}\n.overlay-open {\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1035;\n}\n.overlay-header {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 12px 12px;\n}\n.overlay-header-caption {\n margin-right: 12px;\n color: #172b4d;\n font-size: 18px;\n}\n.btn-overlay-close {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n width: 32px;\n height: 32px;\n margin-left: auto;\n}\n.btn-overlay-close .material-icon {\n margin: 0;\n font-size: 24px;\n line-height: 24px;\n}\n.btn-overlay-close,\n.btn-overlay-close:focus,\n.btn-overlay-close:hover {\n background-color: transparent;\n border-color: transparent;\n color: #172b4d;\n}\n.btn-overlay-close:active {\n background-color: #ebecf0;\n border-color: #ebecf0;\n box-shadow: none;\n color: #172b4d;\n}\n.overlay .dropdown-pills {\n padding: 12px 12px;\n padding-top: 0;\n}\n.overlay .dropdown-pills .btn:first-child {\n margin-left: 0;\n}\n.overlay .dropdown-pills .btn:last-child {\n margin-right: 0;\n}\n.overlay .dropdown-footer {\n margin: 0;\n}\n.overlay-menu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.overlay-menu-list .dropdown-header,\n.overlay-menu-list .dropdown-subheader,\n.overlay-menu-list .dropdown-menu-item > a,\n.overlay-menu-list .dropdown-menu-item > button {\n padding: 6px 12px;\n}\n.overlay-menu-list .divider {\n height: 1px;\n margin: 9px 0;\n overflow: hidden;\n background-color: #ebecf0;\n}\n.dropdown-menu .list-group,\n.overlay .list-group {\n margin: 0;\n}\n.dropdown-menu .list-group,\n.overlay .list-group,\n.dropdown-menu .list-group-item,\n.overlay .list-group-item {\n border-radius: 0;\n border-left: 0;\n border-right: 0;\n}\n.dropdown-menu .list-group-item:first-child,\n.overlay .list-group-item:first-child {\n border-top: none;\n}\n.dropdown-menu .list-group-item:last-child,\n.overlay .list-group-item:last-child {\n border-bottom: none;\n}\n.dropdown-menu .list-group-item {\n padding: 10px 20px;\n}\n.list-group-loading {\n padding: 40px 20px;\n}\n.list-group-loading-message {\n font-size: 18px;\n text-align: center;\n}\n.list-group-loading-progress {\n max-width: 300px;\n margin: auto;\n background-color: #ebecf0;\n border-radius: 3px;\n overflow: hidden;\n}\n.list-group-loading-progress-bar {\n width: 100%;\n height: 8px;\n background-color: #7a869a;\n animation: infiniteProgress 1s infinite linear;\n transform-origin: 0% 50%;\n}\n@keyframes infiniteProgress {\n 0% {\n transform: translateX(0) scaleX(0);\n }\n 40% {\n transform: translateX(0) scaleX(0.4);\n }\n 100% {\n transform: translateX(100%) scaleX(0.5);\n }\n}\n.dropdown-menu .list-group-loading,\n.overlay .list-group-lading {\n padding: 20px 40px;\n}\n.list-group-error,\n.list-group-empty,\n.list-group-message {\n padding: 20px;\n color: #172b4d;\n}\n.list-group-error-icon,\n.list-group-empty-icon,\n.list-group-message-icon {\n margin-bottom: 20px;\n color: #7a869a;\n font-size: 64px;\n line-height: 64px;\n text-align: center;\n}\n.list-group-error-message,\n.list-group-empty-message,\n.list-group-message-message {\n margin: 0;\n font-size: 18px;\n text-align: center;\n}\n.list-group-error-detail,\n.list-group-message-detail {\n margin-top: 10px;\n color: #5e6c84;\n font-size: 18px;\n text-align: center;\n}\n.category-label {\n border-radius: 0.25em;\n padding: 0.2em 0.6em 0.3em;\n}\n.category-label-color,\n.category-label-color:link,\n.category-label-color:focus,\n.category-label-color:active,\n.category-label-color:visited,\n.category-label-color:hover {\n color: #fff;\n}\n.category-label-no-color,\n.category-label-no-color:link,\n.category-label-no-color:focus,\n.category-label-no-color:active,\n.category-label-no-color:visited,\n.category-label-no-color:hover {\n background-color: #ebecf0;\n color: #344563;\n}\n.thread-flags {\n display: flex;\n align-items: center;\n opacity: 0.8;\n margin: 0;\n padding: 0;\n}\n.thread-flags li {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n border-radius: 3px;\n list-style-type: none;\n cursor: default;\n}\n.thread-flags li + li {\n margin-left: 7.5px;\n}\n.thread-flags .material-icon {\n font-size: 16px;\n line-height: 16px;\n}\n.thread-flag-pinned-globally {\n color: #2563eb;\n background: #dbeafe;\n}\n.thread-flag-pinned-locally {\n color: #3b82f6;\n background: #dbeafe;\n}\n.thread-flag-answered {\n color: #4d7c0f;\n background: #d9f99d;\n}\n.thread-flag-poll {\n color: #c026d3;\n background: #f5d0fe;\n}\n.thread-flag-unapproved {\n color: #ffffff;\n background: #dc2626;\n}\n.thread-flag-closed {\n color: #dc2626;\n background: #fecaca;\n}\n.thread-flag-hidden {\n color: #ffffff;\n background: #64748b;\n}\n.threads-replies {\n display: flex;\n align-items: center;\n color: #5e6c84;\n font-size: 16px;\n font-weight: bold;\n}\n.threads-replies .material-icon {\n font-size: 12px;\n margin-right: 7.5px;\n transform: matrix(-1, 0, 0, 1, 0, 0);\n}\n@media screen and (max-width: 767px) {\n .threads-replies {\n font-size: 13px;\n }\n .threads-replies .material-icon {\n font-size: 12px;\n margin-right: 4px;\n }\n}\n.thread-user-card {\n display: flex;\n align-items: center;\n}\n.thread-user-card-media {\n flex: 0;\n margin-right: 15px;\n}\n.thread-user-card-media img {\n border-radius: 3px;\n}\n.thread-user-card-body {\n flex: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.thread-paginator {\n display: flex;\n align-items: center;\n}\n.thread-paginator .btn + .btn {\n margin-left: 6px;\n}\n.thread-paginator .dropdown {\n margin: 0 6px;\n}\n.thread-paginator .dropdown-menu {\n padding: 4px;\n min-width: 150px;\n}\n.thread-paginator .form-control {\n margin-right: 6px;\n font-size: 16px;\n}\n.thread-paginator-form {\n display: flex;\n}\n@media screen and (max-width: 767px) {\n .toolbar-item .thread-paginator {\n width: 100%;\n }\n .toolbar-item .thread-paginator .dropdown {\n width: 100%;\n min-width: 0;\n }\n .toolbar-item .thread-paginator .btn-block {\n min-width: 0;\n padding-left: 0;\n padding-right: 0;\n text-align: center;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n}\n.search-dropdown {\n width: 450px;\n padding: 0;\n overflow: hidden;\n}\n.search-dropdown .search-input {\n padding: 6px 20px;\n border-bottom: 1px solid #ebecf0;\n}\n.search-dropdown .list-group {\n max-height: calc(100vh - 80px - 46px);\n overflow-y: auto;\n}\n.search-overlay-body {\n display: flex;\n flex-direction: column;\n flex: 1;\n}\n.search-overlay-body .search-input {\n padding: 6px 12px;\n border-bottom: 1px solid #ebecf0;\n}\n.search-dropdown .form-control-search,\n.search-overlay-body .form-control-search {\n font-size: 16px;\n}\n.search-overlay-body .search-results-container {\n flex: 1;\n overflow-y: auto;\n width: 100%;\n position: relative;\n}\n.search-overlay-body .search-results-list {\n position: absolute;\n width: 100%;\n min-height: 100%;\n}\n.search-result a {\n display: flex;\n align-items: center;\n width: 100%;\n}\n.search-result a:hover {\n cursor: pointer;\n text-decoration: none;\n}\n.search-result a img {\n border-radius: 3px;\n margin-right: 12px;\n}\n.search-result-card {\n width: 100%;\n}\n.search-result-name {\n color: #172b4d;\n font-weight: bold;\n overflow-wrap: anywhere;\n}\n.search-result-summary {\n max-height: 72px;\n overflow: hidden;\n overflow-wrap: anywhere;\n color: #7a869a;\n font-size: 12px;\n}\n.search-result-details {\n margin: 0;\n padding: 0;\n color: #7a869a;\n font-size: 12px;\n}\n.search-result-details li {\n display: inline-block;\n list-style: none;\n margin-right: 12px;\n}\n.page-header {\n margin: 0;\n margin-top: 10px;\n}\n.page-header-banner-bg-overlay {\n padding: 20px 0;\n}\n.page-header h1 {\n margin: 0;\n overflow-wrap: anywhere;\n}\n.page-container {\n padding-top: 20px;\n}\n@media screen and (max-width: 991px) {\n .panel-message-body {\n text-align: center;\n }\n .panel-message-body .message-icon {\n margin: 30px;\n }\n .panel-message-body .message-icon .material-icon {\n font-size: 160px;\n }\n}\n@media screen and (min-width: 992px) {\n .panel-message-body {\n padding: 20px;\n padding-bottom: 30px;\n }\n .panel-message-body .message-icon {\n float: left;\n }\n .panel-message-body .message-icon .material-icon {\n font-size: 50px;\n }\n .panel-message-body .message-body {\n margin-left: 65px;\n margin-top: 10px;\n }\n .panel-message-body .message-body .lead {\n margin-bottom: 0px;\n }\n .panel-message-body .message-body .help-block {\n margin-top: 13.2px;\n }\n}\n.panel-body-loading {\n padding: 0px;\n text-align: center;\n}\n.misago-footer {\n margin-top: 30px;\n margin-bottom: 50px;\n}\n.misago-footer .footer-content {\n border-top: 1px solid #ebecf0;\n padding-top: 30px;\n}\n.misago-footer .noscript-message .material-icon {\n position: relative;\n bottom: 1px;\n font-size: 18px;\n}\n.ui-preview {\n color: #ebecf0;\n -webkit-animation: ui-preview-animation 1s linear infinite;\n -o-animation: ui-preview-animation 1s linear infinite;\n animation: ui-preview-animation 1s linear infinite;\n}\n@keyframes ui-preview-animation {\n 0% {\n filter: alpha(opacity=100);\n opacity: 1;\n }\n 50% {\n filter: alpha(opacity=10);\n opacity: 0.1;\n }\n 100% {\n filter: alpha(opacity=100);\n opacity: 1;\n }\n}\n.ui-preview-text {\n background: #ebecf0;\n border-radius: 100px;\n display: inline-block;\n height: 14px;\n position: relative;\n top: 3px;\n}\n.ui-preview-paragraph .ui-preview-text {\n margin-right: 6px;\n}\n.ui-preview-paragraph .ui-preview-text:last-child {\n margin-right: 0px;\n}\n.ui-preview-img {\n background: #ebecf0;\n border-radius: 5px;\n}\n.ui-preview input:disabled,\n.ui-preview textarea:disabled {\n background-color: #fff;\n}\n.pager-undercontent {\n margin-top: -20px;\n}\n.pager-more {\n text-align: center;\n}\n@media screen and (min-width: 992px) {\n .pager-more .btn {\n padding-left: 20px;\n padding-right: 20px;\n }\n}\n.misago-pagination {\n display: flex;\n}\n.misago-pagination .btn {\n display: block;\n width: 100%;\n}\n.misago-pagination .btn + .btn {\n margin-left: 15px;\n}\n@media screen and (max-width: 767px) {\n .toolbar-item .misago-pagination {\n width: 100%;\n }\n}\n.panel-poll h2 {\n margin-top: 0px;\n}\n.poll-select-choice .btn,\n.poll-select-choice .btn:active,\n.poll-select-choice .btn:focus,\n.poll-select-choice .btn:hover {\n background: transparent;\n border: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n margin: 6px 0px;\n padding: 0px;\n padding-left: 6px;\n outline: none;\n text-align: left;\n}\n.poll-select-choice .btn .material-icon {\n margin-right: 6px;\n height: 28px;\n width: 28px;\n font-size: 28px;\n line-heigh: 28px;\n color: #ced0da;\n}\n.poll-select-choice .btn.btn-selected .material-icon {\n color: #2563eb;\n}\n.poll-help {\n font-size: 12px;\n}\n.poll-chart-selected .material-icon {\n margin-right: 4px;\n position: relative;\n bottom: 1px;\n height: 14px;\n width: 14px;\n color: #36b37e;\n font-size: 14px;\n line-heigh: 14px;\n}\n.poll-options {\n margin-bottom: 0px;\n}\n@media screen and (max-width: 767px) {\n .poll-options {\n margin-top: -6px;\n }\n .poll-options .btn {\n margin: 6px 0px;\n }\n}\n.user-status.user-banned .status-icon {\n color: #ff5630;\n}\n.user-status.user-online .status-icon {\n color: #36b37e;\n}\n.user-status.user-offline .status-icon {\n color: #7a869a;\n}\n@media screen and (min-width: 768px) {\n .user-card {\n text-align: center;\n }\n}\n.user-card-small-avatar img {\n width: 100%;\n height: auto;\n}\n@media screen and (min-width: 768px) {\n .user-card-small-avatar {\n display: none;\n }\n}\n@media screen and (max-width: 767px) {\n .user-card-avatar {\n display: none;\n }\n}\n.toolbar {\n display: block;\n margin: 0 -8px;\n}\n.toolbar-section {\n justify-items: center;\n display: flex;\n flex: 1;\n margin-bottom: 20px;\n}\n.toolbar-item {\n flex: 1;\n padding: 0 7px;\n}\n.toolbar-item h3,\n.toolbar-item p {\n margin: 0;\n}\n.toolbar-item-shrink {\n flex: 0 !important;\n min-width: auto;\n}\n.toolbar-spacer {\n display: none;\n}\n@media screen and (min-width: 768px) {\n .toolbar {\n display: flex;\n }\n .toolbar-section,\n .toolbar-item {\n flex: 0;\n align-items: center;\n }\n .toolbar-section.toolbar-section-auto,\n .toolbar-section.toolbar-section-auto .toolbar-item {\n flex: 1;\n }\n .toolbar-spacer {\n display: block;\n flex: 1;\n }\n .toolbar-item .form-search {\n width: 250px;\n }\n}\n@media screen and (max-width: 767px) {\n .toolbar-item {\n min-width: 0;\n }\n .toolbar-item-shrink {\n min-width: auto;\n }\n .toolbar-item p {\n text-align: center;\n }\n}\nabbr {\n border: none !important;\n}\n.item-title {\n color: #172b4d;\n font-weight: bold;\n text-decoration: none;\n}\na.item-title:link,\na.item-title:active,\na.item-title:visited,\na.item-title:hover {\n color: #172b4d;\n font-weight: bold;\n}\na.item-title:hover {\n text-decoration: underline;\n}\n.message-line {\n text-align: center;\n}\n.message-line .material-icon {\n margin-right: 6.66666667px;\n font-size: 20px;\n line-height: 20px;\n height: 20px;\n width: 20px;\n}\n.text-ellipsis {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.misago-markup,\n.misago-markup blockquote {\n font-size: 16px;\n}\n.misago-markup h1,\n.misago-markup h2,\n.misago-markup h3,\n.misago-markup h4,\n.misago-markup h5,\n.misago-markup h6,\n.misago-markup p {\n overflow-wrap: anywhere;\n}\n.misago-markup h1,\n.misago-markup h2,\n.misago-markup h3,\n.misago-markup h4,\n.misago-markup h5,\n.misago-markup h6 {\n margin-top: 40px;\n}\n.misago-markup > *,\n.misago-markup blockquote > * {\n margin: 20px 0px;\n}\n.misago-markup > *:first-child,\n.misago-markup blockquote > *:first-child {\n margin-top: 0px;\n}\n.misago-markup > *:last-child,\n.misago-markup blockquote > *:last-child {\n margin-bottom: 0px;\n}\n.misago-markup img {\n max-width: 100%;\n max-height: 500px;\n}\n.misago-markup .quote-block,\n.misago-markup blockquote {\n background-color: #f0f9ff;\n border-left: 3px solid #0ea5e9;\n border-radius: 3px;\n overflow: hidden;\n color: #0c4a6e;\n}\n.misago-markup .quote-heading {\n padding: 10px 16px;\n font-size: 14px;\n font-weight: bold;\n}\n.misago-markup .quote-body {\n border: none;\n border-radius: 0;\n}\n.misago-markup blockquote {\n padding: 10px 16px;\n}\n.misago-markup blockquote:last-child {\n margin-bottom: 0;\n}\n.misago-markup .quote-body > blockquote,\n.misago-markup .quote-body > .quote-block,\n.misago-markup blockquote > blockquote,\n.misago-markup blockquote > .quote-block {\n border: 1px solid #0ea5e9;\n border-left: 3px solid #0ea5e9;\n}\n.misago-markup .spoiler-block {\n position: relative;\n background: repeating-linear-gradient(45deg, rgba(235, 236, 240, 0.5), rgba(235, 236, 240, 0.5) 10px, #fff 10px, #fff 20px);\n border: 3px solid #ebecf0;\n border-radius: 4px;\n font-size: 14px;\n}\n.misago-markup .spoiler-body {\n background: #fff;\n border-width: 0;\n margin: 0px;\n padding: 20px;\n}\n.misago-markup .spoiler-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #fff;\n}\n.misago-markup .spoiler-block.revealed .spoiler-overlay {\n display: none;\n}\n.misago-markup ul {\n list-style-type: square;\n}\n.misago-markup ul li {\n list-style-type: square;\n}\n.misago-markup ol {\n list-style-type: decimal;\n}\n.misago-markup ol li {\n list-style-type: decimal;\n}\n.misago-markup pre {\n background: #eee;\n border: none;\n padding: 10px;\n overflow: hidden;\n color: #000;\n}\n.misago-markup pre code.hljs {\n margin: -10px;\n padding: 9.5px;\n}\n.misago-markup-example {\n display: flex;\n align-items: center;\n}\n.formatting-help {\n padding-bottom: 0;\n}\n.formatting-help > h4 {\n margin-bottom: 20px;\n}\n.formatting-help-item,\n.formatting-help-item pre {\n margin-bottom: 20px;\n}\n@media screen and (min-width: 992px) {\n .formatting-help-item {\n display: flex;\n align-items: center;\n }\n .formatting-help-item-markup,\n .formatting-help-item-preview {\n width: 50%;\n }\n .formatting-help-item-markup {\n padding-right: 15px;\n }\n .formatting-help-item-markup pre {\n margin: 0;\n }\n .formatting-help-item-preview {\n padding-left: 15px;\n }\n}\n.site-nav-dropdown {\n max-height: calc(100vh - 80px);\n overflow-y: auto;\n width: 320px;\n}\n.site-nav-category a {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n}\n.site-nav-category a span {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n@media screen and (min-width: 768px) {\n .site-nav-sign-in-message,\n .site-nav-sign-in-options {\n display: none;\n }\n}\n.site-nav-menu.overlay-menu-list {\n height: 100%;\n overflow-y: auto;\n padding-bottom: 20px;\n}\n.user-nav-menu {\n min-width: 300px;\n}\n.user-nav-profile strong {\n display: block;\n font-size: 18px;\n}\n.user-nav-dropdown {\n max-height: calc(100vh - 80px);\n overflow-y: auto;\n}\n.user-nav-menu.overlay-menu-list {\n height: 100%;\n overflow-y: auto;\n padding-bottom: 20px;\n}\n.modal-change-avatar .modal-avatar-index .avatar-preview {\n border-radius: 6px;\n margin: 0px auto;\n overflow: hidden;\n position: relative;\n width: 200px;\n height: 200px;\n}\n.modal-change-avatar .modal-avatar-index .avatar-preview .loader {\n display: none;\n position: absolute;\n top: 50px;\n height: 100px;\n}\n.modal-change-avatar .modal-avatar-index .avatar-preview .loader .loader-spinning-wheel {\n border-width: 10px;\n border-color: #fff;\n border-left-color: transparent;\n border-right-color: transparent;\n width: 100px;\n height: 100px;\n}\n.modal-change-avatar .modal-avatar-index .avatar-preview.preview-loading img {\n filter: alpha(opacity=33);\n opacity: 0.33;\n}\n.modal-change-avatar .modal-avatar-index .avatar-preview.preview-loading .loader {\n display: block;\n}\n@media (max-width: 699px) {\n .modal-change-avatar .modal-avatar-index .avatar-preview {\n margin-bottom: 20px;\n width: 150px;\n height: 150px;\n }\n .modal-change-avatar .modal-avatar-index .avatar-preview img {\n width: 150px;\n height: 150px;\n }\n .modal-change-avatar .modal-avatar-index .avatar-preview .loader {\n top: 25px;\n height: 100px;\n }\n .modal-change-avatar .modal-avatar-index .avatar-preview .loader .loader-spinning-wheel {\n width: 100px;\n height: 100px;\n }\n}\n.modal-change-avatar .modal-avatar-index .btn {\n text-align: left;\n}\n.modal-change-avatar .modal-avatar-upload {\n text-align: center;\n}\n.modal-change-avatar .modal-avatar-upload .btn-pick-file {\n background: transparent;\n border: 2px solid #ebecf0;\n border-radius: 6px;\n padding: 10px 24px;\n -webkit-box-shadow: none;\n box-shadow: none;\n color: #7a869a;\n font-size: 18px;\n text-align: center;\n}\n.modal-change-avatar .modal-avatar-upload .btn-pick-file > .material-icon {\n display: block;\n margin: 0px auto;\n margin-bottom: 13.2px;\n font-size: 50px;\n width: 50px;\n height: 50px;\n}\n.modal-change-avatar .modal-avatar-upload .btn-pick-file:hover,\n.modal-change-avatar .modal-avatar-upload .btn-pick-file:active {\n border-color: #2563eb;\n color: #2563eb;\n}\n.modal-change-avatar .modal-avatar-upload .text-muted {\n margin-top: 13.2px;\n}\n.modal-change-avatar .modal-avatar-upload .upload-progress img {\n border-radius: 4px;\n margin-bottom: 20px;\n max-height: 80px;\n width: auto;\n}\n.modal-change-avatar .modal-avatar-upload .upload-progress .progress {\n width: 70%;\n margin: 0px auto;\n}\n.modal-avatar-crop .crop-form {\n margin: 0px auto;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input {\n margin-top: 10px;\n -webkit-appearance: none;\n border: 1px solid white;\n width: 100%;\n /*hide the outline behind the border*/\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input::-webkit-slider-runnable-track {\n width: 100%;\n height: 8px;\n background: #ebecf0;\n border: none;\n border-radius: 3px;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input::-webkit-slider-thumb {\n -webkit-appearance: none;\n border: none;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: #7a869a;\n margin-top: -6px;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input:focus {\n outline: none;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input:focus::-webkit-slider-runnable-track {\n background: #ebecf0;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input::-moz-range-track {\n width: 100%;\n height: 8px;\n background: #ebecf0;\n border: none;\n border-radius: 4px;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input::-moz-range-thumb {\n border: none;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: #7a869a;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input:-moz-focusring {\n outline: 1px solid white;\n outline-offset: -1px;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input::-ms-track {\n width: 100%;\n height: 8px;\n /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */\n background: transparent;\n /*leave room for the larger thumb to overflow with a transparent border */\n border-color: transparent;\n border-width: 8px 0;\n /*remove default tick marks*/\n color: transparent;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input::-ms-fill-lower {\n background: #ebecf0;\n border-radius: 16px;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input::-ms-fill-upper {\n background: #ebecf0;\n border-radius: 16px;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input::-ms-thumb {\n border: none;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: #7a869a;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input:focus::-ms-fill-lower {\n background: #ebecf0;\n}\n.modal-avatar-crop .crop-form .cropit-image-zoom-input:focus::-ms-fill-upper {\n background: #ebecf0;\n}\n.modal-change-avatar .modal-avatar-gallery {\n padding-bottom: 0px;\n}\n.modal-change-avatar .modal-avatar-gallery .avatars-gallery {\n margin-bottom: 20px;\n}\n.modal-change-avatar .modal-avatar-gallery .avatars-gallery h3 {\n margin-top: 0px;\n}\n.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .row {\n margin-bottom: 10px;\n}\n.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn {\n border-radius: 6px;\n border: 2px solid #ebecf0;\n background: none;\n padding: 2px;\n position: relative;\n}\n.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn:hover,\n.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn:focus {\n border-color: #7a869a;\n}\n.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn.avatar-selected,\n.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn:active {\n border-color: #0065ff;\n}\n.modal-change-avatar .modal-avatar-gallery .avatars-gallery-images .btn img {\n border-radius: 4px;\n width: 100%;\n height: auto;\n}\n.category-main .read-status .material-icon {\n color: #ebecf0;\n}\n.category-main .read-status.item-new .material-icon {\n color: #2563eb;\n}\n.category-last-thread .media-heading a {\n display: inline-block;\n overflow: hidden;\n white-space: nowrap;\n width: 290px;\n text-overflow: ellipsis;\n vertical-align: top;\n}\n@media screen and (max-width: 991px) {\n .category-last-thread .media-heading a {\n width: 275px;\n }\n}\n@media screen and (max-width: 767px) {\n .category-last-thread .media-heading a {\n width: 260px;\n }\n}\n.category-thread-message .material-icon {\n width: 28px;\n height: 28px;\n font-size: 28px;\n line-height: 28px;\n}\n.category-thread-message p {\n margin: 0px;\n}\n.list-inline.subcategories-list {\n overflow: auto;\n margin-top: -10px;\n}\n.list-inline.subcategories-list li {\n display: block;\n float: left;\n}\n.list-inline.subcategories-list li a,\n.list-inline.subcategories-list li a:link,\n.list-inline.subcategories-list li a:visited,\n.list-inline.subcategories-list li a:active,\n.list-inline.subcategories-list li a:hover,\n.list-inline.subcategories-list li a:focus {\n background-color: #ebecf0;\n border: 1px solid #dcdee5;\n border-radius: 4px;\n display: inline-block;\n margin-top: 10px;\n padding: 6px 12px;\n color: #5e6c84;\n}\n.list-inline.subcategories-list li:focus,\n.list-inline.subcategories-list li a:hover,\n.list-inline.subcategories-list li a:active {\n background-color: #dcdee5;\n color: #172b4d;\n text-decoration: none;\n}\n.row.subcategories-list .btn {\n margin-top: 20px;\n text-align: left;\n}\n.participant-card .btn-user,\n.participant-card .dropdown.open .btn-user {\n margin-bottom: 20px;\n}\n.participant-card .btn-user,\n.participant-card .dropdown.open .btn-user,\n.participant-card .btn-user:hover,\n.participant-card .dropdown.open .btn-user:hover,\n.participant-card .btn-user:focus,\n.participant-card .dropdown.open .btn-user:focus,\n.participant-card .btn-user:focus:active,\n.participant-card .dropdown.open .btn-user:focus:active {\n padding: 0px;\n overflow: hidden;\n text-align: left;\n}\n.participant-card .btn-user img,\n.participant-card .dropdown.open .btn-user img {\n background-color: #fff;\n width: 34px;\n height: 34px;\n margin-right: 8px;\n}\n.panel-participants p {\n margin: 0px;\n margin-top: 7px;\n}\n.markup-editor {\n overflow: hidden;\n background: #fff;\n border: 2px solid #ced0da;\n border-radius: 4px;\n}\n.markup-editor.markup-editor-focused {\n border: 2px solid #2563eb;\n}\n.markup-editor-toolbar {\n position: relative;\n padding: 7px;\n background: #fff;\n border-bottom: 1px solid #ebecf0;\n}\n.markup-editor-toolbar-left {\n display: flex;\n flex-shrink: 0;\n overflow-x: hidden;\n}\n.markup-editor-toolbar-right {\n flex-shrink: 0;\n padding: 7px;\n padding-right: 0;\n margin-right: 10px;\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n background: #fff;\n}\n.btn-markup-editor {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n height: 34px;\n width: 34px;\n padding: 0;\n font-size: 24px;\n line-height: 24px;\n}\n.btn-markup-editor,\n.btn-markup-editor:hover {\n background-color: transparent;\n border-color: transparent;\n color: #172b4d;\n}\n.btn-markup-editor:active {\n background-color: #ebecf0;\n border-color: #ebecf0;\n color: #172b4d;\n}\n.btn-markup-editor .material-icon {\n margin: 0;\n bottom: 0;\n}\n.markup-editor-controls-dropdown {\n margin-right: 10px;\n}\n.markup-editor-footer {\n display: flex;\n padding: 15px;\n background: #fff;\n border-top: 1px solid #ebecf0;\n}\n.markup-editor-spacer {\n flex: 1;\n}\n.markup-editor-toolbar .btn + .btn,\n.markup-editor-footer .btn + .btn {\n margin-left: 10px;\n}\n.markup-editor-textarea.form-control {\n height: 200px;\n padding: 15px;\n resize: none;\n border: 0;\n border-radius: 0;\n font-size: 16px;\n}\n.markup-editor-textarea.form-control,\n.markup-editor-textarea.form-control:focus {\n box-shadow: none;\n}\n.markup-editor-preview {\n position: relative;\n height: 200px;\n overflow-y: auto;\n}\n.markup-editor-preview-contents {\n position: absolute;\n padding: 15px;\n}\n.markup-editor-preview-loading {\n padding: 15px;\n}\n.markup-editor-attachments {\n max-height: 170px;\n overflow-y: auto;\n}\n.markup-editor-attachments-container {\n padding: 7px;\n overflow: auto;\n}\n.markup-editor-attachments-item {\n padding: 7px;\n}\n.markup-editor-attachment {\n display: flex;\n align-items: center;\n padding: 7px;\n border: 1px solid #ebecf0;\n border-radius: 3px;\n}\n.markup-editor-attachment-details {\n flex: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.markup-editor-attachment-details strong {\n display: block;\n}\n.markup-editor-attachment-details .list-unstyled {\n margin-bottom: 0;\n}\n.btn-markup-editor-attachment {\n margin-left: 7px;\n}\n@media screen and (min-width: 768px) {\n .markup-editor-attachments-item {\n width: 50%;\n float: left;\n }\n}\n@media screen and (min-width: 992px) {\n .markup-editor-attachments-item {\n width: 25%;\n }\n}\n.markup-editor-attachment-modal-preview {\n margin: 20px 0 40px 0;\n text-align: center;\n}\n.markup-editor-attachment-modal-preview a {\n display: inline-block;\n padding: 12px;\n background: #fff;\n border: 1px solid #ebecf0;\n}\n.markup-editor-attachment-modal-preview img {\n max-width: 100%;\n max-height: 50vh;\n}\n.markup-editor-attachment-modal-filename {\n font-size: 28px;\n font-weight: bold;\n margin-bottom: 20px;\n}\n.markup-editor-attachment-modal-details {\n margin-bottom: 20px;\n}\n.posting-fullscreen .markup-editor {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.posting-fullscreen .markup-editor .markup-editor-textarea,\n.posting-fullscreen .markup-editor .markup-editor-preview {\n flex: 1;\n height: auto;\n}\n@media screen and (max-width: 991px) {\n body.posting-default .markup-editor {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n body.posting-default .markup-editor .markup-editor-textarea,\n body.posting-default .markup-editor .markup-editor-preview {\n flex: 1;\n height: 100%;\n }\n}\n@media screen and (max-width: 767px) {\n .markup-editor-attachments {\n max-height: 120px;\n }\n .markup-editor-footer .btn-auto {\n flex: 1;\n }\n .markup-editor-footer .btn-icon {\n margin-right: 10px;\n }\n .markup-editor-spacer {\n display: none;\n }\n}\n@media screen and (min-width: 992px) {\n .markup-editor-controls-dropdown {\n display: none;\n }\n}\n.poll-form {\n margin-bottom: 20px;\n}\n.poll-choices-control .list-group-item {\n padding: 0px;\n}\n.poll-choices-control .list-group-item .btn {\n background: transparent;\n border: transparent;\n float: left;\n margin: 0px 2px;\n margin-bottom: -29px;\n padding: 0px;\n width: 28px;\n height: 28px;\n position: relative;\n top: 3px;\n}\n.poll-choices-control .list-group-item .btn .material-icon {\n width: 28px;\n height: 28px;\n font-size: 28px;\n line-height: 28px;\n}\n.poll-choices-control input,\n.poll-choices-control input:focus,\n.poll-choices-control input:active {\n background: transparent;\n border: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n outline: none;\n margin-left: 30px;\n padding: 6px 12px;\n width: 100%;\n}\n#posting-mount {\n display: none;\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 1035;\n}\n#posting-mount.show {\n display: block;\n background-color: #fff;\n}\n.posting-dialog {\n max-width: 1240px;\n margin: 0 auto;\n background: #fff;\n border: 1px solid #ebecf0;\n border-radius: 4px 4px 0 0;\n border-bottom: 0;\n box-shadow: 0 0 24px rgba(94, 108, 132, 0.25);\n overflow: hidden;\n}\n.posting-dialog-header {\n display: flex;\n align-items: center;\n padding: 6px 12px;\n border-bottom: 1px solid #ebecf0;\n}\n.posting-dialog-caption {\n flex: 1;\n color: #172b4d;\n font-size: 18px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.btn-posting-dialog {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n margin-left: 10px;\n padding: 0;\n font-size: 24px;\n line-height: 24px;\n}\n.btn-posting-dialog,\n.btn-posting-dialog:hover {\n background-color: transparent;\n border: 1px solid transparent;\n color: #172b4d;\n}\n.btn-posting-dialog:active {\n background-color: #ebecf0;\n border: 1px solid #ebecf0;\n color: #172b4d;\n}\n.btn-posting-dialog .material-icon {\n padding: 0;\n margin: 0;\n bottom: 0;\n}\n.posting-dialog-body {\n padding: 12px;\n}\n@media screen and (min-width: 992px) {\n .posting-dialog-thread-recipients,\n .posting-dialog-category-select {\n max-width: 400px;\n }\n}\n.posting-dialog-minimized .posting-dialog-header {\n border-bottom: 0;\n}\n.posting-dialog-minimized .posting-dialog-body {\n display: none;\n}\nbody.posting-fullscreen {\n overflow: hidden;\n}\nbody.posting-fullscreen #posting-mount {\n height: 100%;\n}\nbody.posting-fullscreen .posting-dialog {\n height: 100%;\n width: 100%;\n max-width: auto;\n border: 0;\n box-shadow: none;\n}\nbody.posting-fullscreen .posting-dialog-container {\n display: flex;\n flex-direction: column;\n height: 100%;\n max-width: 1240px;\n margin: 0 auto;\n padding: 0 30px;\n}\nbody.posting-fullscreen .posting-dialog-header,\nbody.posting-fullscreen .posting-dialog-body {\n padding: 20px 0;\n}\nbody.posting-fullscreen .posting-dialog-body,\nbody.posting-fullscreen .posting-loading {\n height: 100%;\n}\nbody.posting-fullscreen .posting-dialog-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\nbody.posting-fullscreen #posting-spacer {\n display: none;\n}\n@media screen and (max-width: 1240px) {\n body.posting-default .posting-dialog,\n body.posting-minimized .posting-dialog {\n border-radius: 0;\n border-left: 0;\n border-right: 0;\n }\n}\n@media screen and (max-width: 991px) {\n body.posting-default {\n overflow: hidden;\n }\n body.posting-default #posting-mount {\n height: 100%;\n }\n body.posting-default .posting-dialog {\n height: 100%;\n width: 100%;\n max-width: auto;\n border: 0;\n box-shadow: none;\n }\n body.posting-default .posting-dialog-container {\n display: flex;\n flex-direction: column;\n height: 100%;\n max-width: 1240px;\n margin: 0 auto;\n padding: 0;\n }\n body.posting-default .posting-dialog-header,\n body.posting-default .posting-dialog-body {\n padding: 6px;\n }\n body.posting-default .posting-dialog-body,\n body.posting-default .posting-loading {\n height: 100%;\n }\n body.posting-default .posting-dialog-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n body.posting-default .posting-dialog .toolbar-section {\n margin-bottom: 6px;\n }\n body.posting-default #posting-spacer {\n display: none;\n }\n}\n.posting-dialog-error {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 20px;\n}\n.posting-dialog-error p {\n font-size: 18px;\n}\n.posting-dialog-error-icon {\n margin-bottom: 20px;\n font-size: 128px;\n opacity: 0.5;\n}\n.posting-dialog-error-detail {\n text-align: center;\n}\n.posts-list {\n margin: 0px;\n padding: 0px;\n clear: both;\n}\n.posts-list li {\n list-style: none;\n margin: 0px;\n padding: 0px;\n}\n@media screen and (min-width: 992px) {\n .panel-post .panel-body {\n display: flex;\n }\n .post-side {\n flex-shrink: 0;\n width: 260px;\n padding-right: 15px;\n }\n .panel-content {\n flex: 1 0;\n }\n}\n.post-side {\n font-size: 12px;\n}\n.post-side .media {\n margin: 0px;\n}\n.post-side .poster-avatar {\n height: 36px;\n width: 36px;\n}\n@media screen and (min-width: 992px) {\n .post-side .poster-avatar {\n margin-top: 4px;\n height: 82px;\n width: 82px;\n }\n}\n.post-side .user-status {\n margin-right: 4px;\n}\n.post-side .media-heading {\n display: block;\n}\n.post-side .media-heading {\n margin: 0px;\n margin-top: -1px;\n font-size: 14px;\n}\n.post-side .media-heading .user-status {\n margin-right: 0;\n margin-left: 2px;\n}\n.post-side .pull-right {\n margin-left: 16px;\n}\n@media screen and (min-width: 992px) {\n .post-side .media-heading {\n margin-top: 3px;\n font-size: 18px;\n }\n .post-side .media-heading .user-status {\n display: none;\n }\n .post-side .user-title {\n margin-top: 4px;\n margin-bottom: 5px;\n }\n .post-side .user-postcount {\n display: block;\n }\n .post-side .user-status {\n display: block;\n }\n}\n.post-heading {\n height: 36px;\n}\n@media screen and (max-width: 991px) {\n .post-heading {\n margin-top: 10px;\n }\n}\n.post-heading .pull-right {\n margin-left: 16px;\n}\n.post-heading > .btn-link {\n padding-left: 0px;\n padding-right: 0px;\n}\n.post-heading .label {\n margin-top: 6px;\n font-size: 14px;\n font-weight: normal;\n}\n.post-heading .label-unread {\n background-color: #36b37e;\n color: #fff;\n}\n.post-heading .label-protected {\n background-color: #5e6c84;\n color: #fff;\n}\n@media screen and (min-width: 992px) {\n .post-side .pull-right {\n display: none;\n }\n}\n@media screen and (max-width: 991px) {\n .post-heading .pull-right {\n display: none;\n }\n}\n.post-body {\n padding-top: 20px;\n padding-bottom: 30px;\n}\n.post-status-message {\n overflow: auto;\n}\n.post-status-message .material-icon {\n float: left;\n font-size: 28px;\n line-height: 28px;\n}\n.post-status-message p {\n margin: 0px;\n margin-top: 4px;\n margin-left: 36px;\n}\n.post-status-best-answer {\n background-color: #36b37e;\n color: #fff;\n}\n.post-status-hidden {\n background-color: #ff5630;\n color: #fff;\n}\n.post-status-unapproved {\n background-color: #2563eb;\n color: #fff;\n}\n.post-status-protected {\n background-color: #5e6c84;\n color: #fff;\n}\n.post-footer .pull-left {\n margin-right: 16px;\n}\n.post-footer .pull-right {\n margin-left: 16px;\n}\n.post-footer p {\n padding-top: 7px;\n padding-bottom: 6px;\n margin-bottom: 0px;\n}\n.post-attachments {\n border-top: 1px solid #ebecf0;\n padding: 6px 16px;\n}\n.post-attachments abbr {\n white-space: nowrap;\n}\n.post-attachments .attachment-name {\n overflow-wrap: anywhere;\n}\n.post-attachments .row > div {\n margin: 10px 0px;\n}\n.post-attachments .post-attachment-preview {\n float: left;\n height: 40px;\n width: 40px;\n text-align: center;\n}\n.post-attachments .post-attachment {\n margin-left: 52px;\n}\n.post-attachments .post-thumbnail {\n display: block;\n background-size: cover;\n background-position: center;\n border-radius: 3px;\n width: 40px;\n height: 40px;\n}\n.post-attachments .material-icon {\n width: 28px;\n height: 28px;\n position: relative;\n top: 5px;\n font-size: 28px;\n line-height: 28px;\n}\n.post-attachments .material-icon:link,\n.post-attachments .material-icon:active,\n.post-attachments .material-icon:visited,\n.post-attachments .material-icon:hover,\n.post-attachments .material-icon:focus {\n color: #172b4d;\n text-decoration: none;\n}\n.post-attachments .post-attachment-description {\n margin: 0px;\n padding: 0px;\n color: #7a869a;\n font-size: 12px;\n}\n.post-feed .post-side {\n width: 100%;\n padding-right: 0;\n}\n.post-feed .post-side .media-heading {\n margin: 0px;\n font-size: 14px;\n}\n.post-feed .post-side .user-title {\n margin: 0px;\n font-size: 12px;\n}\n.post-feed .post-side .btn {\n display: inline-block;\n}\n.post-feed .post-side img {\n margin-top: 0px;\n width: 36px;\n height: 36px;\n}\n.post-feed .post-heading {\n height: auto;\n margin: 10px 0px;\n}\n.post-feed .post-heading .btn {\n margin-right: 16px;\n max-width: 100%;\n text-align: left;\n white-space: normal;\n overflow-wrap: anywhere;\n}\n.posts-list .event {\n margin-bottom: 20px;\n color: #7a869a;\n}\n.posts-list .event .event-body {\n display: flex;\n align-items: flex-start;\n}\n.posts-list .event-label {\n margin-left: 51px;\n}\n.posts-list .event-label .label-unread {\n background-color: #36b37e;\n color: #fff;\n}\n.posts-list .event .event-icon {\n padding-right: 15px;\n}\n.posts-list .event .event-icon .event-icon-bg {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 36px;\n width: 36px;\n background: #ebecf0;\n border-radius: 4px;\n color: #5e6c84;\n}\n.posts-list .event .event-icon .material-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 28px;\n}\n.posts-list .event .event-content {\n flex: 1 0;\n}\n.posts-list .event .event-message {\n margin-bottom: 5px;\n font-size: 18px;\n}\n.posts-list .event .event-info {\n margin: 0px;\n font-size: 12px;\n}\n.posts-list .event .event-info li {\n margin-right: 12px;\n}\n.posts-list .event .event-info li:last-child {\n margin-right: 0px;\n}\n.posts-list .event .event-controls .btn-link {\n border: 0px;\n margin: 0px;\n margin-right: 12px;\n padding: 0px;\n font-size: 12px;\n}\n.posts-list .event .event-controls .btn-link:last-child {\n margin-right: 0px;\n}\n@media screen and (max-width: 767px) {\n .posts-list .event .event-info {\n margin-top: 5px;\n }\n .posts-list .event .event-controls {\n clear: both;\n margin-top: 5px;\n }\n .posts-list .event .event-controls .btn-link {\n margin-right: 20px;\n font-size: 14px;\n }\n .posts-list .event .event-controls .btn-link:last-child {\n margin-right: 0px;\n }\n}\n@media screen and (min-width: 992px) {\n .posts-list .event .event-icon {\n justify-content: flex-end;\n flex-shrink: 0;\n display: flex;\n width: 275px;\n }\n .event-content {\n flex: 1 0;\n }\n .posts-list .event-label {\n margin-left: 275px;\n }\n}\n.post-changelog-diff {\n padding: 0px;\n margin: 0px;\n}\n.post-changelog-diff .list-unstyled {\n padding: 0px;\n margin: 5px 0px;\n}\n.post-changelog-diff .diff-item {\n padding: 5px 10px;\n}\n.post-changelog-diff .diff-item-sub {\n color: #ff5630;\n}\n.post-changelog-diff .diff-item-add {\n color: #36b37e;\n}\n.post-changelog-toolbar .row {\n margin-left: -12px;\n margin-right: -12px;\n}\n@media screen and (max-width: 767px) {\n .post-changelog-toolbar .post-change-label {\n text-align: center;\n }\n}\n.quote-control-arrow {\n width: 0;\n height: 0;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid rgba(94, 108, 132, 0.75);\n position: relative;\n left: 6px;\n}\n.quote-control-inner {\n padding: 6px;\n background: rgba(94, 108, 132, 0.75);\n border-radius: 6px;\n}\n.quote-control-btn {\n background: #fff;\n border-color: #fff;\n color: #172b4d;\n}\n@media screen and (max-width: 767px) {\n .page-message .message-panel,\n .page-error .message-panel {\n text-align: center;\n }\n .page-message .message-icon,\n .page-error .message-icon {\n margin: 30px;\n font-size: 80px;\n }\n}\n@media screen and (min-width: 768px) {\n .page-message .message-panel,\n .page-error .message-panel {\n margin: 60px auto;\n max-width: 779.35px;\n overflow: auto;\n }\n .page-message .message-icon,\n .page-error .message-icon {\n float: left;\n }\n .page-message .message-icon .material-icon,\n .page-error .message-icon .material-icon {\n font-size: 80px;\n }\n .page-message .message-body,\n .page-error .message-body {\n margin-top: 16px;\n margin-left: 100px;\n font-size: 18px;\n }\n .page-message .message-body p.lead,\n .page-error .message-body p.lead {\n font-size: 36px;\n }\n}\n.threads-list {\n margin-bottom: 20px;\n}\n.threads-list-item {\n display: flex;\n align-items: center;\n}\n.threads-list-item img {\n border-radius: 3px;\n width: 30px;\n height: 30px;\n}\n.threads-list-item-right-col {\n display: flex;\n align-items: center;\n width: 100%;\n}\n.threads-list-item-top-row {\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: center;\n}\n.threads-list-item-bottom-row,\n.threads-list-item-bottom-left,\n.threads-list-item-bottom-right {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.threads-list-item-col-starter {\n padding-right: 15px;\n}\n.threads-list-item-col-read-status {\n padding-right: 15px;\n line-height: 0;\n}\n.threads-list-read-icon {\n display: inline-block;\n width: 14px;\n height: 14px;\n border: 2px solid #ebecf0;\n border-radius: 100%;\n}\n.threads-list-unread-icon {\n display: inline-block;\n width: 14px;\n height: 14px;\n font-size: 0;\n line-height: 0;\n background-color: #2563eb;\n border-radius: 100%;\n}\n.threads-list-item-col-title {\n flex: 1;\n}\na.threads-list-item-title:link,\na.threads-list-item-title:active,\na.threads-list-item-title:focus,\na.threads-list-item-title:hover,\na.threads-list-item-title:visited {\n font-size: 16px;\n color: #172b4d;\n overflow-wrap: anywhere;\n}\na.threads-list-item-title-new:link,\na.threads-list-item-title-new:active,\na.threads-list-item-title-new:focus,\na.threads-list-item-title-new:hover,\na.threads-list-item-title-new:visited {\n color: #172b4d;\n}\n.threads-list-item-goto-page {\n margin-left: 8px;\n padding: 3px 12px;\n border-radius: 3px;\n font-size: 13px;\n font-weight: bold;\n}\n.threads-list-item-goto-page:focus,\n.threads-list-item-goto-page:hover,\n.threads-list-item-goto-page:link,\n.threads-list-item-goto-page:visited {\n color: #172b4d;\n background-color: transparent;\n border: 1px solid #ebecf0;\n text-decoration: none;\n}\n.threads-list-item-goto-page:active {\n color: #172b4d;\n background-color: #ebecf0;\n border: 1px solid #ebecf0;\n}\n.threads-list-item-title + .threads-list-item-goto-page {\n margin-left: 12px;\n}\n.threads-list-item-col-flags {\n padding-left: 15px;\n}\n.threads-list-item .thread-flags {\n opacity: 0.8;\n}\n.threads-list-item:hover .thread-flags,\n.threads-list-item:focus .thread-flags {\n opacity: 1;\n}\n.threads-list-item-col-category {\n padding-left: 15px;\n white-space: nowrap;\n}\n.threads-list-category-label {\n padding: 3px 6px;\n border-radius: 3px;\n font-size: 12px;\n font-weight: bold;\n}\n.threads-list-category-label,\n.threads-list-category-label:link,\n.threads-list-category-label:active,\n.threads-list-category-label:hover,\n.threads-list-category-label:focus,\n.threads-list-category-label:visited {\n color: #344563;\n background: #ebecf0;\n text-decoration: none;\n}\n.threads-list-category-label.threads-list-category-label-color,\n.threads-list-category-label.threads-list-category-label-color:link,\n.threads-list-category-label.threads-list-category-label-color:active,\n.threads-list-category-label.threads-list-category-label-color:hover,\n.threads-list-category-label.threads-list-category-label-color:focus,\n.threads-list-category-label.threads-list-category-label-color:visited {\n color: #fff;\n background: var(--label-color);\n}\n.threads-list-item-parent-category {\n border-radius: 3px 0 0 3px;\n margin-right: 2px;\n}\n.threads-list-item-parent-category + .threads-list-category-label {\n border-radius: 0 3px 3px 0;\n}\n.threads-list-item-col-replies {\n width: 80px;\n padding-left: 15px;\n}\n.threads-list-item-col-last-poster {\n padding-left: 15px;\n}\n.threads-list-item-col-starter-sm,\n.threads-list-item-col-last-poster-sm {\n display: none;\n font-size: 20px;\n line-height: 1;\n}\n.threads-list-item-col-starter-sm img,\n.threads-list-item-col-last-poster-sm img {\n width: 20px;\n height: 20px;\n}\n.threads-list-item-col-last-activity {\n width: 90px;\n padding-left: 15px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.threads-list-item-col-last-activity a:link,\n.threads-list-item-col-last-activity a:hover,\n.threads-list-item-col-last-activity a:active,\n.threads-list-item-col-last-activity a:visited,\n.threads-list-item-col-last-activity a:focus {\n color: #344563;\n font-size: 16px;\n}\n.threads-list-item-col-checkbox,\n.threads-list-item-col-notifications {\n padding-left: 15px;\n}\n.threads-list-item-col-checkbox .btn-icon,\n.threads-list-item-col-notifications .btn-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n height: 30px;\n width: 30px;\n}\n.threads-list-item-col-checkbox .btn-icon .material-icon,\n.threads-list-item-col-notifications .btn-icon .material-icon {\n position: static;\n margin: 0;\n height: auto;\n width: auto;\n font-size: 24px;\n line-height: 24px;\n}\n.threads-list-item-col-checkbox-sm {\n display: none;\n}\n@media screen and (max-width: 991px) {\n .threads-list-item {\n align-items: flex-start;\n }\n .threads-list-item-right-col {\n display: block;\n }\n .threads-list-item-top-row {\n align-items: start;\n }\n .threads-list-item-bottom-row {\n justify-content: space-between;\n flex: 0;\n margin-top: 7.5px;\n }\n .threads-list-item-col-starter,\n .threads-list-item-col-notifications,\n .threads-list-item-col-replies-zero,\n .threads-list-item-col-last-poster,\n .threads-list-item-col-checkbox {\n display: none;\n }\n .threads-list-item-col-read-status {\n padding-top: 4px;\n }\n .threads-list-item-col-starter-sm {\n display: block;\n }\n .threads-list-item-col-replies,\n .threads-list-item-col-last-activity {\n width: auto;\n }\n .threads-list-item-col-last-poster-sm {\n display: block;\n padding-left: 15px;\n }\n .threads-list-item-col-checkbox-sm {\n display: block;\n padding-left: 15px;\n }\n .threads-list-item-col-checkbox-sm .btn-icon {\n padding: 2px 6px;\n }\n .threads-list-item-col-checkbox-sm .btn-icon .material-icon {\n font-size: 12px;\n }\n}\n@media screen and (max-width: 767px) {\n .threads-list {\n margin-left: -15px;\n margin-right: -15px;\n }\n .threads-list .list-group,\n .threads-list .list-group-item {\n border-radius: 0;\n border-left: 0;\n border-right: 0;\n }\n .threads-list-item-bottom-row {\n margin-top: 0;\n }\n .threads-list-item-bottom-left,\n .threads-list-item-bottom-right {\n margin-top: 7px;\n overflow: visible;\n }\n .threads-list-item-bottom-row {\n display: block;\n overflow: auto;\n }\n .threads-list-item-bottom-row .threads-list-item-bottom-left {\n float: left;\n }\n .threads-list-item-bottom-row .threads-list-item-bottom-right {\n float: right;\n }\n .threads-list-item-col-read-status {\n position: relative;\n right: 4px;\n padding-right: 7px;\n }\n .threads-list-item-title {\n font-size: 18px;\n }\n .threads-list-item-col-starter-sm {\n display: none;\n }\n .threads-list-item-col-starter-sm + .threads-list-item-col-flags,\n .threads-list-item-col-starter-sm + .threads-list-item-col-category {\n padding-left: 0;\n }\n .threads-list-item-col-last-activity {\n padding-left: 15px;\n padding-right: 7px;\n }\n .threads-list-item-col-last-activity a:link,\n .threads-list-item-col-last-activity a:hover,\n .threads-list-item-col-last-activity a:active,\n .threads-list-item-col-last-activity a:visited,\n .threads-list-item-col-last-activity a:focus {\n font-size: 13px;\n }\n}\n.threads-list-item-is-busy .btn-icon {\n opacity: 0.8;\n animation: busy 0.75s linear infinite;\n}\n@keyframes busy {\n 50% {\n opacity: 0.5;\n }\n}\n.threads-list-item .ui-preview-text {\n line-height: 1;\n}\n.threads-list-update-prompt {\n padding: 0;\n}\n.threads-list-update-prompt-btn {\n padding: 10px 16px;\n background: #ffffff;\n color: #134cca;\n border: none;\n border-radius: 3px 3px 0 0;\n}\n.threads-list-update-prompt-btn:hover,\n.threads-list-update-prompt-btn:focus {\n background: #ffffff;\n color: #2563eb;\n}\n.threads-list-update-prompt-btn:active {\n background: #f7f9fe;\n color: #5484ef;\n}\n.notifications-list {\n margin-bottom: 20px;\n}\n.notifications-list-item {\n display: flex;\n align-items: center;\n}\n.notifications-list-item-left-col {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.notifications-list-item-right-col {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n.notifications-list-item-top-row {\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: center;\n}\n.notifications-list-item-bottom-row {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.notifications-list-item-col-actor {\n padding-right: 15px;\n}\n.notifications-list-item-col-actor img {\n border-radius: 3px;\n height: 30px;\n width: 30px;\n}\n.notifications-list-item-col-read-icon {\n padding-right: 15px;\n line-height: 0;\n}\n.notification-read-icon {\n display: inline-block;\n width: 14px;\n height: 14px;\n border: 2px solid #ebecf0;\n border-radius: 100%;\n}\n.notification-unread-icon {\n display: inline-block;\n width: 14px;\n height: 14px;\n font-size: 0;\n line-height: 0;\n background-color: #2563eb;\n border-radius: 100%;\n}\n.notifications-list-item-col-message {\n width: 100%;\n overflow-wrap: anywhere;\n}\n.notification-message,\n.notification-message:link,\n.notification-message:hover,\n.notification-message:focus,\n.notification-message:visited {\n color: #172b4d;\n}\n.notification-message:active {\n color: #172b4d;\n}\n.notification-message-unread,\n.notification-message-unread:link,\n.notification-message-unread:hover,\n.notification-message-unread:focus,\n.notification-message-unread:visited {\n color: #172b4d;\n}\n.notification-message-unread:active {\n color: #172b4d;\n}\n.notifications-list-item-col-timestamp {\n display: flex;\n align-items: center;\n padding-left: 15px;\n min-width: 200px;\n}\n.notifications-list-item-timestamp {\n color: #5e6c84;\n font-size: 12px;\n}\n@media screen and (max-width: 991px) {\n .notifications-list-item {\n align-items: flex-start;\n position: relative;\n }\n .notifications-list-item-right-col {\n display: block;\n }\n .notifications-list-item-col-read-icon {\n position: absolute;\n padding: 0;\n top: 14px;\n right: 15px;\n }\n .notifications-list-item-col-timestamp {\n margin-top: 5px;\n padding: 0;\n }\n .notifications-list-item-unread {\n padding-right: 40px;\n }\n .notifications-list-item-read .notifications-list-item-col-read-icon {\n display: none;\n }\n}\n@media screen and (max-width: 767px) {\n .notifications-list {\n margin-left: -15px;\n margin-right: -15px;\n }\n .notifications-list .list-group,\n .notifications-list .list-group-item {\n border-radius: 0;\n border-left: 0;\n border-right: 0;\n }\n}\n.notifications-dropdown {\n width: 375px;\n}\n.notifications-dropdown .notifications-list {\n margin: 0;\n max-height: calc(100vh - 80px - 130px);\n overflow-y: auto;\n}\n.notifications-dropdown .notifications-list-item {\n align-items: flex-start;\n position: relative;\n}\n.notifications-dropdown .notifications-list-item-right-col {\n display: block;\n}\n.notifications-dropdown .notifications-list-item-col-read-icon {\n position: absolute;\n padding: 0;\n top: 14px;\n right: 15px;\n}\n.notifications-dropdown .notifications-list-item-col-timestamp {\n margin-top: 5px;\n padding: 0;\n}\n.notifications-dropdown .notifications-list-item-unread {\n padding-right: 40px;\n}\n.notifications-dropdown .notifications-list-item-read .notifications-list-item-col-read-icon {\n display: none;\n}\n.overlay .notifications-list {\n margin: 0;\n width: 100%;\n height: 100%;\n overflow-y: auto;\n position: relative;\n}\n.overlay .notifications-list-ready .list-group {\n position: absolute;\n}\n.overlay .list-group,\n.overlay .list-group-item {\n margin: 0;\n border-radius: 0;\n border-left: 0;\n border-right: 0;\n}\n.overlay .list-group-item:first-child {\n border-top: none;\n}\n.overlay .list-group-item {\n border-bottom: none;\n}\n.overlay .notifications-list-item {\n align-items: flex-start;\n position: relative;\n padding: 10px 20px;\n}\n.overlay .notifications-list-item-right-col {\n display: block;\n}\n.overlay .notifications-list-item-col-read-icon {\n position: absolute;\n padding: 0;\n top: 14px;\n right: 15px;\n}\n.overlay .notifications-list-item-col-timestamp {\n margin-top: 5px;\n padding: 0;\n}\n.overlay .notifications-list-item-unread {\n padding-right: 40px;\n}\n.overlay .notifications-list-item-read .notifications-list-item-col-read-icon {\n display: none;\n}\n.overlay .notifications-list-pending,\n.overlay .notifications-list-pending .list-group {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n}\n.overlay .notifications-list-pending .list-group-item {\n width: 100%;\n}\n.active-posters li {\n display: block;\n overflow: auto;\n}\n.active-posters .rank-user-avatar {\n float: left;\n}\n@media screen and (max-width: 991px) {\n .active-posters .rank-user-avatar {\n height: 42px;\n }\n .active-posters .rank-user-avatar img {\n width: 36px;\n height: 36px;\n position: relative;\n top: 3px;\n }\n}\n.active-posters .rank-user {\n float: left;\n margin-top: 3px;\n}\n@media screen and (max-width: 991px) {\n .active-posters .rank-user {\n margin-left: 13.2px;\n width: 40%;\n }\n}\n@media screen and (max-width: 767px) {\n .active-posters .rank-user {\n float: none;\n margin-left: 50px;\n width: auto;\n }\n}\n@media screen and (min-width: 992px) {\n .active-posters .rank-user {\n margin-left: 16px;\n width: 25%;\n }\n .active-posters .rank-user .user-name {\n font-size: 18px;\n }\n}\n.active-posters .user-details {\n overflow: auto;\n font-family: Sans-Serif;\n}\n.active-posters .user-details .user-status,\n.active-posters .user-details .rank-name,\n.active-posters .user-details .user-title {\n display: block;\n float: left;\n margin-right: 3px;\n font-size: 12px;\n}\n@media screen and (min-width: 992px) {\n .active-posters .user-details .user-status,\n .active-posters .user-details .rank-name,\n .active-posters .user-details .user-title {\n margin-right: 8px;\n }\n}\n.active-posters .user-details .user-title {\n margin-right: 0px;\n}\n@media screen and (min-width: 992px) {\n .active-posters .user-details {\n overflow: visible;\n }\n .active-posters .user-details .rank-name,\n .active-posters .user-details .user-title {\n height: 14px;\n overflow: hidden;\n position: relative;\n top: 1px;\n vertical-align: baseline;\n }\n}\n@media screen and (max-width: 767px) {\n .active-posters .user-details {\n margin-top: 3px;\n }\n .active-posters .user-details .rank-name,\n .active-posters .user-details .user-title {\n font-weight: normal;\n }\n}\n.active-posters .user-status {\n overflow: auto;\n position: relative;\n top: 1px;\n}\n.active-posters .user-status span {\n display: block;\n float: left;\n}\n@media screen and (min-width: 992px) {\n .active-posters .user-status {\n height: 14px;\n overflow: hidden;\n }\n}\n.active-posters .user-status .status-icon {\n position: relative;\n}\n@media screen and (max-width: 991px) {\n .active-posters .user-status .status-icon {\n top: 0px;\n width: 12px;\n height: 12px;\n font-size: 12px;\n line-height: 12px;\n }\n}\n@media screen and (min-width: 992px) {\n .active-posters .user-status .status-icon {\n top: 1px;\n margin-right: 3px;\n width: 13px;\n height: 13px;\n font-size: 13px;\n line-height: 13px;\n }\n}\n.active-posters .status-label.ui-preview-text,\n.active-posters .rank-name .ui-preview-text,\n.active-posters .user-title .ui-preview-text {\n height: 11px;\n position: relative;\n top: 2px;\n font-size: 11px;\n line-height: 11px;\n}\n.active-posters .rank-name .ui-preview-text,\n.active-posters .user-title .ui-preview-text {\n position: static;\n}\n.active-posters .rank-position strong,\n.active-posters .rank-posts-counted strong,\n.active-posters .rank-posts-total strong,\n.active-posters .rank-position small,\n.active-posters .rank-posts-counted small,\n.active-posters .rank-posts-total small {\n display: block;\n}\n@media screen and (max-width: 991px) {\n .active-posters .rank-position,\n .active-posters .rank-posts-counted,\n .active-posters .rank-posts-total {\n overflow: auto;\n }\n .active-posters .rank-position strong,\n .active-posters .rank-posts-counted strong,\n .active-posters .rank-posts-total strong,\n .active-posters .rank-position small,\n .active-posters .rank-posts-counted small,\n .active-posters .rank-posts-total small {\n float: left;\n font-size: 10.5px;\n }\n .active-posters .rank-position strong,\n .active-posters .rank-posts-counted strong,\n .active-posters .rank-posts-total strong {\n min-width: 30px;\n margin-right: 3px;\n text-align: right;\n }\n .active-posters .rank-position .ui-preview-text,\n .active-posters .rank-posts-counted .ui-preview-text,\n .active-posters .rank-posts-total .ui-preview-text {\n height: 8px;\n position: relative;\n top: -1px;\n font-size: 8px;\n line-height: 8px;\n }\n}\n@media screen and (min-width: 992px) {\n .active-posters .rank-position,\n .active-posters .rank-posts-counted,\n .active-posters .rank-posts-total {\n float: left;\n margin-top: 3px;\n width: 23%;\n font-size: 18px;\n text-align: center;\n }\n .active-posters .rank-position small,\n .active-posters .rank-posts-counted small,\n .active-posters .rank-posts-total small {\n font-size: 12px;\n font-weight: normal;\n }\n}\n.user-compact-stats .rank-position strong,\n.user-compact-stats .rank-posts-counted strong,\n.user-compact-stats .rank-position small,\n.user-compact-stats .rank-posts-counted small {\n display: inline-block;\n float: none;\n}\n.user-compact-stats .rank-position strong,\n.user-compact-stats .rank-posts-counted strong {\n min-width: auto;\n}\n.user-compact-stats .rank-position small,\n.user-compact-stats .rank-posts-counted small {\n margin-right: 20px;\n}\n@media screen and (min-width: 768px) and (max-width: 991px) {\n .active-posters .rank-position {\n margin-top: 6px;\n }\n .active-posters .rank-posts-total {\n display: none;\n }\n}\n@media screen and (min-width: 768px) and (max-width: 991px) {\n .active-posters .rank-position {\n margin-top: 6px;\n }\n .active-posters .rank-posts-total {\n display: none;\n }\n}\n.profile-page-header-avatar {\n text-align: center;\n margin: 20px 0;\n}\n.profile-page-header-avatar .user-avatar {\n border-radius: 4px;\n}\n.profile-data-list {\n display: block;\n padding: 0;\n margin: 0 -12px;\n font-size: 12px;\n}\n.profile-data-list li {\n display: inline-block;\n list-style: none;\n padding: 5px 12px;\n}\n.profile-data-list .status-icon {\n margin-right: 3px;\n position: relative;\n bottom: 1px;\n}\n.profile-data-list .user-account-disabled {\n color: #ff5630;\n font-weight: bold;\n}\n@media screen and (min-width: 768px) {\n .profile-page-header {\n display: flex;\n align-items: flex-end;\n }\n .profile-page-header-avatar {\n margin: 0;\n margin-right: 30px;\n }\n}\n@media screen and (min-width: 992px) {\n .profile-page-header-avatar {\n position: relative;\n top: 54px;\n margin-top: -54px;\n }\n .profile-page-header-details {\n padding-left: 158px;\n }\n .profile-data-list {\n font-size: 14px;\n }\n}\n@media screen and (min-width: 992px) {\n .username-history li {\n display: block;\n overflow: auto;\n }\n}\n.username-history .change-avatar {\n float: left;\n}\n.username-history .change-avatar a,\n.username-history .change-avatar span {\n margin-right: 10px;\n}\n.username-history .change-avatar a img,\n.username-history .change-avatar span img {\n width: 42px;\n height: 42px;\n}\n@media screen and (min-width: 992px) {\n .username-history .change-avatar a img,\n .username-history .change-avatar span img {\n width: 18px;\n height: 18px;\n position: relative;\n bottom: 1px;\n }\n}\n@media screen and (min-width: 992px) {\n .username-history .change-author {\n float: left;\n width: 30%;\n }\n}\n.username-history .change {\n min-height: 20px;\n overflow: auto;\n}\n.username-history .change span {\n display: block;\n float: left;\n}\n.username-history .change .material-icon {\n margin: 0px 7px;\n position: relative;\n top: 4px;\n}\n@media screen and (min-width: 992px) {\n .username-history .change {\n float: left;\n width: 40%;\n }\n}\n@media screen and (min-width: 992px) {\n .username-history .change-date {\n float: left;\n width: 20%;\n }\n}\n.search-footer p {\n margin-top: 20px;\n color: #5e6c84;\n font-size: 12px;\n text-align: center;\n}\n@media screen and (min-width: 768px) {\n .page-search-form {\n padding-top: 40px;\n }\n}\n@media screen and (min-width: 992px) {\n .page-search-form {\n padding-bottom: 40px;\n }\n .page-search-form h1 {\n position: relative;\n top: 5px;\n }\n .page-search-form .form-group {\n margin-bottom: 0px;\n }\n}\npre code.hljs {\n display: block;\n overflow-x: auto;\n padding: 1em;\n}\ncode.hljs {\n padding: 3px 5px;\n}\n.hljs {\n color: #383a42;\n background: #fafafa;\n}\n.hljs-comment,\n.hljs-quote {\n color: #a0a1a7;\n font-style: italic;\n}\n.hljs-doctag,\n.hljs-formula,\n.hljs-keyword {\n color: #a626a4;\n}\n.hljs-deletion,\n.hljs-name,\n.hljs-section,\n.hljs-selector-tag,\n.hljs-subst {\n color: #e45649;\n}\n.hljs-literal {\n color: #0184bb;\n}\n.hljs-addition,\n.hljs-attribute,\n.hljs-meta .hljs-string,\n.hljs-regexp,\n.hljs-string {\n color: #50a14f;\n}\n.hljs-attr,\n.hljs-number,\n.hljs-selector-attr,\n.hljs-selector-class,\n.hljs-selector-pseudo,\n.hljs-template-variable,\n.hljs-type,\n.hljs-variable {\n color: #986801;\n}\n.hljs-bullet,\n.hljs-link,\n.hljs-meta,\n.hljs-selector-id,\n.hljs-symbol,\n.hljs-title {\n color: #4078f2;\n}\n.hljs-built_in,\n.hljs-class .hljs-title,\n.hljs-title.class_ {\n color: #c18401;\n}\n.hljs-emphasis {\n font-style: italic;\n}\n.hljs-strong {\n font-weight: 700;\n}\n.hljs-link {\n text-decoration: underline;\n}\n.atwho-view {\n position: absolute;\n top: 0;\n left: 0;\n display: none;\n margin-top: 18px;\n background: white;\n color: black;\n border: 1px solid #DDD;\n border-radius: 3px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n min-width: 120px;\n z-index: 11110 !important;\n}\n.atwho-view .atwho-header {\n padding: 5px;\n margin: 5px;\n cursor: pointer;\n border-bottom: solid 1px #eaeff1;\n color: #6f8092;\n font-size: 11px;\n font-weight: bold;\n}\n.atwho-view .atwho-header .small {\n color: #6f8092;\n float: right;\n padding-top: 2px;\n margin-right: -5px;\n font-size: 12px;\n font-weight: normal;\n}\n.atwho-view .atwho-header:hover {\n cursor: default;\n}\n.atwho-view .cur {\n background: #3366FF;\n color: white;\n}\n.atwho-view .cur small {\n color: white;\n}\n.atwho-view strong {\n color: #3366FF;\n}\n.atwho-view .cur strong {\n color: white;\n font: bold;\n}\n.atwho-view ul {\n /* width: 100px; */\n list-style: none;\n padding: 0;\n margin: auto;\n max-height: 200px;\n overflow-y: auto;\n}\n.atwho-view ul li {\n display: block;\n padding: 5px 10px;\n border-bottom: 1px solid #DDD;\n cursor: pointer;\n /* border-top: 1px solid #C8C8C8; */\n}\n.atwho-view small {\n font-size: smaller;\n color: #777;\n font-weight: normal;\n}\nabbr {\n outline: none;\n text-decoration: none;\n}\n.shadow-2dp {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n.shadow-3dp {\n box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.04), 0 3px 3px -2px rgba(0, 0, 0, 0.06), 0 1px 8px 0 rgba(0, 0, 0, 0.12);\n}\n.shadow-4dp {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.04), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n.shadow-6dp {\n box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.04), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.06);\n}\n.shadow-8dp {\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.06);\n}\n.shadow-16dp {\n box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.06);\n}\n.shadow-24dp {\n box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.04), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.06);\n}\n.btn-default,\n.btn-default:disabled,\n.btn-default:disabled:hover,\n.btn-default.disabled,\n.btn-default.disabled:hover,\n.btn-default.disabled:active {\n background: #ebecf0;\n border: 1px solid #ebecf0;\n color: #172b4d;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-default:disabled,\n.btn-default:disabled:hover,\n.btn-default.disabled,\n.btn-default.disabled:hover,\n.btn-default.disabled:active {\n filter: alpha(opacity=25);\n opacity: 0.25;\n}\n.btn-default:hover,\n.btn-default:focus {\n background: #dfe1e6;\n border: 1px solid #dfe1e6;\n color: #172b4d;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-default:active:focus,\n.btn-default:active,\n.dropdown.open .dropdown-toggle .btn-default,\n.dropdown.open .dropdown-toggle .btn-default:focus,\n.dropdown.open .dropdown-toggle .btn-default:active:focus,\n.dropdown.open .dropdown-toggle .btn-default:hover {\n background: #c1c7d0;\n border: 1px solid #c1c7d0;\n color: #172b4d;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-default.btn-loading,\n.btn-default.btn-loading:disabled,\n.btn-default.btn-loading:disabled:hover,\n.btn-default.btn-loading:hover,\n.btn-default.btn-loading:focus,\n.btn-default.btn-loading:active:focus,\n.btn-default.btn-loading:active {\n color: transparent;\n}\n.btn-primary,\n.btn-primary:disabled,\n.btn-primary:disabled:hover,\n.btn-primary.disabled,\n.btn-primary.disabled:hover,\n.btn-primary.disabled:active {\n background: #2563eb;\n border: 1px solid #2563eb;\n color: #fff;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-primary:disabled,\n.btn-primary:disabled:hover,\n.btn-primary.disabled,\n.btn-primary.disabled:hover,\n.btn-primary.disabled:active {\n filter: alpha(opacity=25);\n opacity: 0.25;\n}\n.btn-primary:hover,\n.btn-primary:focus {\n background: #3b82f6;\n border: 1px solid #3b82f6;\n color: #fff;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-primary:active:focus,\n.btn-primary:active,\n.dropdown.open .dropdown-toggle .btn-primary,\n.dropdown.open .dropdown-toggle .btn-primary:focus,\n.dropdown.open .dropdown-toggle .btn-primary:active:focus,\n.dropdown.open .dropdown-toggle .btn-primary:hover {\n background: #1e40af;\n border: 1px solid #1e40af;\n color: #fff;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-primary.btn-loading,\n.btn-primary.btn-loading:disabled,\n.btn-primary.btn-loading:disabled:hover,\n.btn-primary.btn-loading:hover,\n.btn-primary.btn-loading:focus,\n.btn-primary.btn-loading:active:focus,\n.btn-primary.btn-loading:active {\n color: transparent;\n}\n.btn-success,\n.btn-success:disabled,\n.btn-success:disabled:hover,\n.btn-success.disabled,\n.btn-success.disabled:hover,\n.btn-success.disabled:active {\n background: #22c55e;\n border: 1px solid #22c55e;\n color: #fff;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-success:disabled,\n.btn-success:disabled:hover,\n.btn-success.disabled,\n.btn-success.disabled:hover,\n.btn-success.disabled:active {\n filter: alpha(opacity=25);\n opacity: 0.25;\n}\n.btn-success:hover,\n.btn-success:focus {\n background: #15803d;\n border: 1px solid #15803d;\n color: #fff;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-success:active:focus,\n.btn-success:active,\n.dropdown.open .dropdown-toggle .btn-success,\n.dropdown.open .dropdown-toggle .btn-success:focus,\n.dropdown.open .dropdown-toggle .btn-success:active:focus,\n.dropdown.open .dropdown-toggle .btn-success:hover {\n background: #14532d;\n border: 1px solid #14532d;\n color: #fff;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-success.btn-loading,\n.btn-success.btn-loading:disabled,\n.btn-success.btn-loading:disabled:hover,\n.btn-success.btn-loading:hover,\n.btn-success.btn-loading:focus,\n.btn-success.btn-loading:active:focus,\n.btn-success.btn-loading:active {\n color: transparent;\n}\n.btn-danger,\n.btn-danger:disabled,\n.btn-danger:disabled:hover,\n.btn-danger.disabled,\n.btn-danger.disabled:hover,\n.btn-danger.disabled:active {\n background: #ef5350;\n border: 1px solid #ef5350;\n color: #fff;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-danger:disabled,\n.btn-danger:disabled:hover,\n.btn-danger.disabled,\n.btn-danger.disabled:hover,\n.btn-danger.disabled:active {\n filter: alpha(opacity=25);\n opacity: 0.25;\n}\n.btn-danger:hover,\n.btn-danger:focus {\n background: #ff8a80;\n border: 1px solid #ff8a80;\n color: #fff;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-danger:active:focus,\n.btn-danger:active,\n.dropdown.open .dropdown-toggle .btn-danger,\n.dropdown.open .dropdown-toggle .btn-danger:focus,\n.dropdown.open .dropdown-toggle .btn-danger:active:focus,\n.dropdown.open .dropdown-toggle .btn-danger:hover {\n background: #d32f2f;\n border: 1px solid #d32f2f;\n color: #fff;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-danger.btn-loading,\n.btn-danger.btn-loading:disabled,\n.btn-danger.btn-loading:disabled:hover,\n.btn-danger.btn-loading:hover,\n.btn-danger.btn-loading:focus,\n.btn-danger.btn-loading:active:focus,\n.btn-danger.btn-loading:active {\n color: transparent;\n}\n.btn-default.btn-outline,\n.btn-default.btn-outline:disabled,\n.btn-default.btn-outline:disabled:hover,\n.btn-default.btn-outline.disabled,\n.btn-default.btn-outline.disabled:hover,\n.btn-default.btn-outline.disabled:active {\n background: #ebecf0;\n border: 1px solid #ebecf0;\n color: #172b4d;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-default.btn-outline:disabled,\n.btn-default.btn-outline:disabled:hover,\n.btn-default.btn-outline.disabled,\n.btn-default.btn-outline.disabled:hover,\n.btn-default.btn-outline.disabled:active {\n filter: alpha(opacity=25);\n opacity: 0.25;\n}\n.btn-default.btn-outline:hover,\n.btn-default.btn-outline:focus {\n background: #dfe1e6;\n border: 1px solid #dfe1e6;\n color: #172b4d;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-default.btn-outline:active:focus,\n.btn-default.btn-outline:active,\n.dropdown.open .btn-default.btn-outline,\n.dropdown.open .btn-default.btn-outline:focus,\n.dropdown.open .btn-default.btn-outline:active:focus,\n.dropdown.open .btn-default.btn-outline:hover {\n background: #c1c7d0;\n border: 1px solid #c1c7d0;\n color: #172b4d;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-default.btn-outline.btn-loading,\n.btn-default.btn-outline.btn-loading:disabled,\n.btn-default.btn-outline.btn-loading:disabled:hover,\n.btn-default.btn-outline.btn-loading:hover,\n.btn-default.btn-outline.btn-loading:focus,\n.btn-default.btn-outline.btn-loading:active:focus,\n.btn-default.btn-outline.btn-loading:active {\n background: #ebecf0;\n border: 1px solid #ebecf0;\n color: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-primary.btn-outline,\n.btn-primary.btn-outline:disabled,\n.btn-primary.btn-outline:disabled:hover,\n.btn-primary.btn-outline.disabled,\n.btn-primary.btn-outline.disabled:hover,\n.btn-primary.btn-outline.disabled:active {\n background: #2563eb;\n border: 1px solid #2563eb;\n color: #fff;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-primary.btn-outline:disabled,\n.btn-primary.btn-outline:disabled:hover,\n.btn-primary.btn-outline.disabled,\n.btn-primary.btn-outline.disabled:hover,\n.btn-primary.btn-outline.disabled:active {\n filter: alpha(opacity=25);\n opacity: 0.25;\n}\n.btn-primary.btn-outline:hover,\n.btn-primary.btn-outline:focus {\n background: #3b82f6;\n border: 1px solid #3b82f6;\n color: #fff;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-primary.btn-outline:active:focus,\n.btn-primary.btn-outline:active,\n.dropdown.open .btn-primary.btn-outline,\n.dropdown.open .btn-primary.btn-outline:focus,\n.dropdown.open .btn-primary.btn-outline:active:focus,\n.dropdown.open .btn-primary.btn-outline:hover {\n background: #1e40af;\n border: 1px solid #1e40af;\n color: #fff;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-primary.btn-outline.btn-loading,\n.btn-primary.btn-outline.btn-loading:disabled,\n.btn-primary.btn-outline.btn-loading:disabled:hover,\n.btn-primary.btn-outline.btn-loading:hover,\n.btn-primary.btn-outline.btn-loading:focus,\n.btn-primary.btn-outline.btn-loading:active:focus,\n.btn-primary.btn-outline.btn-loading:active {\n background: #2563eb;\n border: 1px solid #2563eb;\n color: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-social-battlenet,\n.btn-social-battlenet-oauth2,\n.btn-social-battlenet:disabled,\n.btn-social-battlenet-oauth2:disabled,\n.btn-social-battlenet:disabled:hover,\n.btn-social-battlenet-oauth2:disabled:hover {\n color: #0e86ca;\n font-weight: bold;\n}\n.btn-social-bungie,\n.btn-social-bungie:disabled,\n.btn-social-bungie:disabled:hover {\n color: #0096db;\n font-weight: bold;\n}\n.btn-social-facebook,\n.btn-social-facebook-app,\n.btn-social-facebook:disabled,\n.btn-social-facebook-app:disabled,\n.btn-social-facebook:disabled:hover,\n.btn-social-facebook-app:disabled:hover {\n color: #3b5998;\n font-weight: bold;\n}\n.btn-social-github,\n.btn-social-github-team,\n.btn-social-github-enterprise,\n.btn-social-github-enterprise-org,\n.btn-social-github-enterprise-team,\n.btn-social-github:disabled,\n.btn-social-github-team:disabled,\n.btn-social-github-enterprise:disabled,\n.btn-social-github-enterprise-org:disabled,\n.btn-social-github-enterprise-team:disabled,\n.btn-social-github:disabled:hover,\n.btn-social-github-team:disabled:hover,\n.btn-social-github-enterprise:disabled:hover,\n.btn-social-github-enterprise-org:disabled:hover,\n.btn-social-github-enterprise-team:disabled:hover {\n color: #000000;\n font-weight: bold;\n}\n.btn-social-gitlab,\n.btn-social-gitlab:disabled,\n.btn-social-gitlab:disabled:hover {\n color: #fc6d26;\n font-weight: bold;\n}\n.btn-social-google,\n.btn-social-google-oauth,\n.btn-social-google-oauth2,\n.btn-social-google-plus,\n.btn-social-google-openidconnect,\n.btn-social-google:disabled,\n.btn-social-google-oauth:disabled,\n.btn-social-google-oauth2:disabled,\n.btn-social-google-plus:disabled,\n.btn-social-google-openidconnect:disabled,\n.btn-social-google:disabled:hover,\n.btn-social-google-oauth:disabled:hover,\n.btn-social-google-oauth2:disabled:hover,\n.btn-social-google-plus:disabled:hover,\n.btn-social-google-openidconnect:disabled:hover {\n color: #dd4b39;\n font-weight: bold;\n}\n.btn-social-linkedin,\n.btn-social-linkedin:disabled,\n.btn-social-linkedin:disabled:hover {\n color: #0077b5;\n font-weight: bold;\n}\n.btn-social-steam,\n.btn-social-steam:disabled,\n.btn-social-steam:disabled:hover {\n color: #5c7e10;\n font-weight: bold;\n}\n.btn-social-twitter,\n.btn-social-twitter:disabled,\n.btn-social-twitter:disabled:hover {\n color: #1da1f2;\n font-weight: bold;\n}\n.form-social-auth .row {\n margin-top: -6px;\n margin-bottom: -6px;\n}\n.form-social-auth .btn {\n margin: 6px 0px;\n}\ninput.form-control,\ntextarea.form-control {\n border-color: #ced0da;\n box-shadow: inset 0px 0px 0px 1px #ced0da;\n}\ninput.form-control:focus,\ntextarea.form-control:focus {\n border-color: #66afe9;\n box-shadow: inset 0px 0px 0px 1px #66afe9;\n}\n.has-error input.form-control {\n border-color: #ff5630;\n box-shadow: inset 0px 0px 0px 1px #ff5630;\n}\n.has-error input.form-control:focus {\n border-color: #ffa996;\n box-shadow: inset 0px 0px 0px 1px #ffa996;\n}\n.has-success input.form-control {\n border-color: #36b37e;\n box-shadow: inset 0px 0px 0px 1px #36b37e;\n}\n.has-success input.form-control:focus {\n border-color: #79d6af;\n box-shadow: inset 0px 0px 0px 1px #79d6af;\n}\n.password-strength {\n margin-top: 10px;\n}\n.password-strength .text-small {\n margin-top: 4px;\n color: #3462af;\n font-size: 12px;\n}\n.password-strength .progress {\n margin: 0px;\n}\n.auth-message {\n background: #091e42;\n padding: 80px 0px;\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.06);\n}\n.auth-message p {\n color: #fff;\n}\n.auth-message .btn {\n background: #f4f5f7;\n border-color: #f4f5f7;\n color: #172b4d;\n}\n.auth-message .btn:hover,\n.auth-message .btn:focus {\n background: #dfe1e6;\n border-color: #dfe1e6;\n color: #172b4d;\n}\n.auth-message .btn:active {\n background: #b3bac5;\n border-color: #b3bac5;\n color: #172b4d;\n}\n.dropdown-menu {\n border: none;\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.04), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n.user-dropdown .dropdown-header strong {\n display: block;\n color: #172b4d;\n font-weight: bold;\n}\n.user-dropdown .dropdown-header .user-stats {\n margin-top: 10px;\n font-size: 12px;\n}\n.user-dropdown .dropdown-header .user-stats .material-icon {\n margin-right: 3px;\n position: relative;\n bottom: 1px;\n width: 14px;\n height: 14px;\n font-size: 14px;\n}\n.user-dropdown .guest-preview {\n padding-bottom: 10px;\n}\n.user-dropdown .badge {\n background-color: #ff5630;\n}\n.user-dropdown a:hover .badge,\n.user-dropdown a:focus .badge,\n.user-dropdown a:active .badge,\n.user-dropdown .btn-link:hover .badge,\n.user-dropdown .btn-link:focus .badge,\n.user-dropdown .btn-link:active .badge {\n background-color: #fff;\n color: #ff5630;\n}\n.mobile-dropdown.open {\n margin: 0px;\n}\n.misago-footer {\n margin-top: 40px;\n}\n.misago-footer .footer-content {\n border-top: 1px solid #ebecf0;\n padding-top: 20px;\n color: #a5adba;\n}\n@media screen and (max-width: 767px) {\n .misago-footer .footer-content {\n text-align: center;\n }\n .misago-footer .footer-content .site-footnote {\n clear: both;\n margin-bottom: 15px;\n }\n}\n.misago-footer .footer-content a,\n.misago-footer .footer-content a:link,\n.misago-footer .footer-content a:visited {\n color: #a5adba;\n}\n.misago-footer .footer-content a:hover,\n.misago-footer .footer-content a:focus {\n color: #7a8699;\n}\n.misago-footer .footer-content .misago-branding,\n.misago-footer .footer-content .misago-branding:link,\n.misago-footer .footer-content .misago-branding:visited {\n color: #a5adba;\n}\n.misago-footer .footer-content .misago-branding:hover,\n.misago-footer .footer-content .misago-branding:focus {\n color: #7a8699;\n}\n.list-group {\n border-radius: 3px;\n}\n.list-group .list-group-item {\n border-left-color: #ebecf0;\n border-right-color: #ebecf0;\n}\n.list-group .list-group-item:first-child {\n border-top-color: #ebecf0;\n}\n.list-group .list-group-item:last-child {\n border-bottom-color: #ebecf0;\n}\n.list-group-item.empty-message {\n padding-top: 20px;\n padding-bottom: 20px;\n text-align: center;\n}\n.list-group-item.empty-message p {\n margin: 10px 0px;\n}\n.nav-side {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.nav-side > .list-group-item {\n border-left: none;\n border-right: none;\n margin-bottom: 1px;\n}\n.nav-side > .list-group-item:first-child {\n border-top: none;\n}\n.nav-side > .list-group-item:last-child {\n border-bottom: none;\n}\n.nav-side > .list-group-item,\n.nav-side > .list-group-item:link,\n.nav-side > .list-group-item:visited {\n background: #f4f5f7;\n border: none;\n color: #172b4d;\n}\n.nav-side > .list-group-item:hover,\n.nav-side > .list-group-item:focus,\n.nav-side > .list-group-item:active {\n background: #ebecf0;\n color: #172b4d;\n}\n.nav-side > .list-group-item.active,\n.nav-side > .list-group-item.active:link,\n.nav-side > .list-group-item.active:visited,\n.nav-side > .list-group-item.active:hover,\n.nav-side > .list-group-item.active:focus,\n.nav-side > .list-group-item.active:active {\n background: #091e42;\n color: #fff;\n font-weight: bold;\n}\n.nav-side > .list-group-item.active .badge,\n.nav-side > .list-group-item.active:link .badge,\n.nav-side > .list-group-item.active:visited .badge,\n.nav-side > .list-group-item.active:hover .badge,\n.nav-side > .list-group-item.active:focus .badge,\n.nav-side > .list-group-item.active:active .badge {\n background: #f4f5f7;\n color: #172b4d;\n}\n.username-history .user-avatar {\n border-radius: 4px;\n}\n.panel {\n border: none;\n border-radius: 4px;\n}\n.panel .panel-heading,\n.panel .panel-footer {\n background: #fff;\n}\n.panel .panel-title {\n color: #5e6c84;\n}\n.panel .form-group + .form-group {\n margin-top: 20px;\n}\n.panel .panel-body > .form-group:first-child {\n margin-top: 10px;\n}\n.panel fieldset {\n margin-top: 20px;\n}\n.panel fieldset:first-child {\n margin-top: 0px;\n}\n.panel fieldset legend {\n border: none;\n color: #5e6c84;\n font-weight: 300;\n}\n.panel-message-body .message-icon {\n color: #2563eb;\n}\n.panel-form {\n border: 1px solid #ebecf0;\n box-shadow: none;\n}\n.panel-form .panel-heading,\n.panel-form .panel-footer {\n border-color: #ebecf0;\n}\n.poll-form .panel {\n margin: 0px;\n}\n.help-block,\n.help-block .text-small {\n color: #7a869a;\n}\n.category-main .media-left .read-status {\n background: #ebecf0;\n border-radius: 4px;\n padding: 5px 8px;\n}\n.category-main .media-left .material-icon {\n height: 14px;\n width: 14px;\n color: #5e6c84;\n font-size: 14px;\n line-height: 14px;\n}\n.category-main .media-left .read-status.item-new {\n background-color: #2563eb;\n}\n.category-main .media-left .read-status.item-new .material-icon {\n color: #fff;\n}\n@media screen and (min-width: 768px) {\n .category-main .media-left {\n padding: 5px 0px;\n }\n}\n.category-main .media-body {\n padding-left: 12px;\n}\n@media screen and (max-width: 767px) {\n .category-main .media-body {\n padding-left: 3.33333333px;\n }\n}\n.list-group-category-no-description .category-main .media-heading {\n margin-top: 10px;\n}\n@media screen and (max-width: 767px) {\n .list-group-category-no-description .category-main .media-heading {\n margin-top: 5px;\n }\n}\n.category-main .media-heading a,\n.category-main .media-heading a:link,\n.category-main .media-heading a:visited {\n color: #344563;\n}\n.category-main .media-heading a:focus,\n.category-main .media-heading a:hover,\n.category-main .media-heading a:active {\n color: #172b4d;\n}\n.category-stats {\n color: #5e6c84;\n}\n.category-main .category-description p {\n font-size: 12px;\n}\n.category-main .category-description p:last-child {\n margin-bottom: 0px;\n}\n.category-last-thread img {\n background-color: #fff;\n border-radius: 4px;\n}\n.category-last-thread .media-heading {\n margin-bottom: 2px;\n}\n@media screen and (max-width: 767px) {\n .category-last-thread .media-heading {\n margin-top: 10px;\n }\n}\n.category-last-thread .list-inline {\n color: #7a869a;\n font-size: 12px;\n}\n.category-last-thread .list-inline a,\n.category-last-thread .list-inline a:link,\n.category-last-thread .list-inline a:visited {\n color: #7a869a;\n}\n.category-last-thread .list-inline a:hover,\n.category-last-thread .list-inline a:active,\n.category-last-thread .list-inline a:focus {\n color: #344563;\n}\n.category-last-thread .list-inline .item-title,\n.category-last-thread .list-inline .item-title:link,\n.category-last-thread .list-inline .item-title:visited {\n color: #344563;\n}\n.category-last-thread .list-inline .item-title:hover,\n.category-last-thread .list-inline .item-title:active,\n.category-last-thread .list-inline .item-title:focus {\n color: #172b4d;\n}\n.category-thread-message {\n color: #7a869a;\n}\n.category-thread-message .material-icon {\n padding: 6px 0px;\n margin-right: 3px;\n}\n@media screen and (max-width: 767px) {\n .category-thread-message {\n padding-top: 15px;\n font-size: 12px;\n }\n .category-thread-message .material-icon {\n padding: 3px 0px;\n }\n}\n.panel-participants {\n border: 1px solid #ebecf0;\n}\n.participant-card .btn-user {\n border: 0px !important;\n}\n.participant-card .dropdown-header-owner {\n color: #2563eb;\n}\n.participant-card .dropdown-header-owner .material-icon {\n width: 14px;\n height: 14px;\n font-size: 14px;\n line-height: 14px;\n}\n.participant-card .dropdown-header-owner .icon-text {\n margin-left: 4px;\n position: relative;\n top: 2px;\n}\n.panel-participants p {\n color: #7a869a;\n}\n@media screen and (max-width: 767px) {\n .panel-participants p {\n margin-top: 10px;\n text-align: center;\n }\n}\n.panel-poll {\n border: 1px solid #ebecf0;\n}\n.panel-poll .poll-select-choices {\n margin-top: -10px;\n}\n.panel-poll .poll-details {\n margin-bottom: 20px;\n color: #7a869a;\n font-size: 12px;\n}\n.panel-poll .progress {\n margin-top: 6.66666667px;\n margin-bottom: 5px;\n}\n.panel-poll .poll-chart {\n color: #7a869a;\n font-size: 12px;\n}\n.panel-poll .poll-options {\n margin-top: 20px;\n}\n#posting-placeholder {\n background-color: #fafbfc;\n}\n.posting-message .material-icon {\n color: #2563eb;\n}\n.posting-message .btn {\n margin-top: 20px;\n}\n.panel-post {\n background: #fff;\n border: 1px solid #ddd;\n}\n.post-side {\n color: #7a869a;\n}\n.post-side .poster-avatar {\n border-radius: 4px;\n}\n.post-side .user-title {\n color: #5e6c84;\n}\n.post-side .user-title a,\n.post-side .user-title a:link,\n.post-side .user-title a:visited,\n.post-side .user-title a:focus,\n.post-side .user-title a:hover,\n.post-side .user-title a:active {\n color: #5e6c84;\n}\n.post-heading .label-unread {\n background-color: #2563eb;\n margin-right: 16px;\n}\n.post-heading .label-protected {\n margin-left: 24px;\n position: relative;\n top: 1px;\n}\n.post-heading .label-protected .material-icon {\n margin-right: 2px;\n position: relative;\n top: -1px;\n font-size: 16px;\n line-height: 16px;\n}\n.post-heading > .btn-link {\n padding-left: 0px;\n padding-right: 0px;\n}\n.post-heading > .btn-link,\n.post-heading > .btn-link:link,\n.post-heading > .btn-link:visited {\n color: #7a869a;\n}\n.post-heading > .btn-link:hover,\n.post-heading > .btn-link:focus,\n.post-heading > .btn-link:focus:active,\n.post-heading > .btn-link:active {\n color: #172b4d;\n text-decoration: none;\n}\n.post-heading .btn-see-edits {\n margin-left: 24px;\n}\n.post-status-message {\n border-radius: 4px;\n margin-top: 10px;\n padding: 6px 12px;\n}\n@media screen and (max-width: 767px) {\n .post-status-message {\n font-size: 12px;\n }\n .post-status-message .material-icon {\n margin-top: 3px;\n }\n .post-status-message p {\n margin-top: 0px;\n }\n}\n.post-body:last-child {\n padding-bottom: 10px;\n}\n.post-attachments {\n background-color: #ebecf0;\n border: none;\n border-radius: 4px;\n margin-bottom: 30px;\n}\n.post-attachments:last-child {\n margin-bottom: 10px;\n}\n@media screen and (max-width: 767px) {\n .post-attachments {\n border-radius: 0px;\n margin: 0px -15px;\n margin-bottom: 20px;\n }\n}\n.post-footer > .btn-link {\n padding-left: 0px;\n padding-right: 0px;\n}\n.post-footer > .btn-link,\n.post-footer > .btn-link:link,\n.post-footer > .btn-link:visited {\n color: #7a869a;\n}\n.post-footer > .btn-link:hover,\n.post-footer > .btn-link:focus,\n.post-footer > .btn-link:focus:active,\n.post-footer > .btn-link:active {\n color: #172b4d;\n text-decoration: none;\n}\n.post-footer p {\n color: #7a869a;\n font-size: 12px;\n}\n.post-body-hidden,\n.post-body-invalid {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.post-body-hidden .lead,\n.post-body-invalid .lead {\n margin-bottom: 10px;\n}\n.post-body-hidden .text-muted,\n.post-body-invalid .text-muted {\n margin-bottom: 0px;\n font-size: 12px;\n}\n.post-hidden {\n filter: alpha(opacity=75);\n opacity: 0.75;\n}\n.post-feed .panel-body {\n padding-bottom: 0px;\n}\n.post-feed .post-body {\n position: relative;\n padding-top: 0px;\n padding-bottom: 20px;\n max-height: 300px;\n overflow-y: hidden;\n}\n.post-feed .post-body:after {\n box-shadow: 0px 0px 16px 16px #ffffff;\n display: block;\n position: absolute;\n bottom: 0px;\n height: 0px;\n width: 100%;\n content: \"-\";\n color: transparent;\n}\n.posts-list .event .event-label {\n margin-bottom: 5px;\n}\n.posts-list .event .label-unread {\n background-color: #2563eb;\n color: #fff;\n}\n.posts-list .event-info a,\n.posts-list .event-info a:link,\n.posts-list .event-info a:visited,\n.posts-list .event-info .btn-link {\n color: #5e6c84;\n}\n.posts-list .event-info a:focus,\n.posts-list .event-info a:active,\n.posts-list .event-info a:focus:active,\n.posts-list .event-info .btn-link:focus,\n.posts-list .event-info .btn-link:active,\n.posts-list .event-info .btn-link:focus:active {\n color: #172b4d;\n}\n.posts-list .event-hidden {\n filter: alpha(opacity=33);\n opacity: 0.33;\n}\n.user-card {\n background: #f4f5f7;\n}\n.user-card-small-avatar img,\n.user-card-avatar img {\n border-radius: 4px;\n}\n.user-card-avatar {\n margin: 20px 0px;\n}\n.user-card-avatar img {\n width: 150px;\n height: 150px;\n}\n.user-card-username a,\n.user-card-username a:link,\n.user-card-username a:visited,\n.user-card-username a:hover,\n.user-card-username a:focus,\n.user-card-username a:active {\n color: #172b4d;\n font-size: 18px;\n font-weight: bold;\n}\n.user-card-title span,\n.user-card-title a,\n.user-card-title a:link,\n.user-card-title a:visited {\n color: #5e6c84;\n}\n.user-card-title a:focus,\n.user-card-title a:hover,\n.user-card-title a:active {\n color: #172b4d;\n}\n@media screen and (min-width: 768px) {\n .user-card-stats {\n margin-top: 20px;\n }\n}\n.user-card-stats ul {\n margin: 0px;\n}\n.user-card-stats li {\n display: inline-block;\n margin-right: 12px;\n color: #7a869a;\n font-size: 12px;\n}\n@media screen and (min-width: 768px) {\n .user-card-stats li {\n margin: 0px 6px;\n }\n}\n.user-card-stats li.user-stat-empty {\n display: none;\n}\n@media screen and (min-width: 768px) {\n li.user-stat-divider {\n display: block;\n margin: 0px;\n }\n}\n@media screen and (max-width: 767px) {\n li.user-stat-divider {\n display: none;\n }\n}\n@media screen and (min-width: 768px) {\n .user-card-stats {\n min-height: 60px;\n }\n}\n@media screen and (max-width: 767px) {\n .user-card-left {\n padding-right: 0px;\n }\n}\n.progress,\n.progress .progress-bar {\n -webkit-box-shadow: none;\n box-shadow: none;\n height: 8px;\n}\n.misago-markup img {\n border-radius: 4px;\n}\n.misago-markup .spoiler-body {\n background: transparent;\n -webkit-filter: blur(5px);\n -moz-filter: blur(5px);\n -o-filter: blur(5px);\n -ms-filter: blur(5px);\n filter: blur(5px);\n color: #172b4d;\n}\n.misago-markup .spoiler-block.revealed .spoiler-body {\n -webkit-filter: none;\n -moz-filter: none;\n -o-filter: none;\n -ms-filter: none;\n filter: none;\n}\n.misago-markup .spoiler-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.1);\n}\n.misago-markup .spoiler-reveal {\n color: #172b4d;\n background-color: #ebecf0;\n border-color: #ccc;\n}\n.misago-markup .spoiler-reveal:focus,\n.misago-markup .spoiler-reveal.focus {\n color: #172b4d;\n background-color: #ced0da;\n border-color: #8c8c8c;\n}\n.misago-markup .spoiler-reveal:hover {\n color: #172b4d;\n background-color: #ced0da;\n border-color: #adadad;\n}\n.misago-markup .spoiler-reveal:active,\n.misago-markup .spoiler-reveal.active,\n.open > .dropdown-toggle.misago-markup .spoiler-reveal {\n color: #172b4d;\n background-color: #ced0da;\n background-image: none;\n border-color: #adadad;\n}\n.misago-markup .spoiler-reveal:active:hover,\n.misago-markup .spoiler-reveal.active:hover,\n.open > .dropdown-toggle.misago-markup .spoiler-reveal:hover,\n.misago-markup .spoiler-reveal:active:focus,\n.misago-markup .spoiler-reveal.active:focus,\n.open > .dropdown-toggle.misago-markup .spoiler-reveal:focus,\n.misago-markup .spoiler-reveal:active.focus,\n.misago-markup .spoiler-reveal.active.focus,\n.open > .dropdown-toggle.misago-markup .spoiler-reveal.focus {\n color: #172b4d;\n background-color: #b9bdcb;\n border-color: #8c8c8c;\n}\n.misago-markup .spoiler-reveal.disabled:hover,\n.misago-markup .spoiler-reveal[disabled]:hover,\nfieldset[disabled] .misago-markup .spoiler-reveal:hover,\n.misago-markup .spoiler-reveal.disabled:focus,\n.misago-markup .spoiler-reveal[disabled]:focus,\nfieldset[disabled] .misago-markup .spoiler-reveal:focus,\n.misago-markup .spoiler-reveal.disabled.focus,\n.misago-markup .spoiler-reveal[disabled].focus,\nfieldset[disabled] .misago-markup .spoiler-reveal.focus {\n background-color: #ebecf0;\n border-color: #ccc;\n}\n.misago-markup .spoiler-reveal .badge {\n color: #ebecf0;\n background-color: #172b4d;\n}\n.misago-markup .spoiler-reveal,\n.misago-markup .spoiler-reveal:disabled,\n.misago-markup .spoiler-reveal:disabled:hover,\n.misago-markup .spoiler-reveal.disabled,\n.misago-markup .spoiler-reveal.disabled:hover,\n.misago-markup .spoiler-reveal.disabled:active {\n background: #ebecf0;\n border: 1px solid #ebecf0;\n color: #172b4d;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.misago-markup .spoiler-reveal:disabled,\n.misago-markup .spoiler-reveal:disabled:hover,\n.misago-markup .spoiler-reveal.disabled,\n.misago-markup .spoiler-reveal.disabled:hover,\n.misago-markup .spoiler-reveal.disabled:active {\n filter: alpha(opacity=25);\n opacity: 0.25;\n}\n.misago-markup .spoiler-reveal:hover,\n.misago-markup .spoiler-reveal:focus {\n background: #dfe1e6;\n border: 1px solid #dfe1e6;\n color: #172b4d;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.misago-markup .spoiler-reveal:active:focus,\n.misago-markup .spoiler-reveal:active,\n.dropdown.open .dropdown-toggle .misago-markup .spoiler-reveal,\n.dropdown.open .dropdown-toggle .misago-markup .spoiler-reveal:focus,\n.dropdown.open .dropdown-toggle .misago-markup .spoiler-reveal:active:focus,\n.dropdown.open .dropdown-toggle .misago-markup .spoiler-reveal:hover {\n background: #c1c7d0;\n border: 1px solid #c1c7d0;\n color: #172b4d;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.misago-markup .spoiler-reveal.btn-loading,\n.misago-markup .spoiler-reveal.btn-loading:disabled,\n.misago-markup .spoiler-reveal.btn-loading:disabled:hover,\n.misago-markup .spoiler-reveal.btn-loading:hover,\n.misago-markup .spoiler-reveal.btn-loading:focus,\n.misago-markup .spoiler-reveal.btn-loading:active:focus,\n.misago-markup .spoiler-reveal.btn-loading:active {\n color: transparent;\n}\n.misago-markup .spoiler-reveal,\n.misago-markup .spoiler-reveal:active,\n.misago-markup .spoiler-reveal:hover {\n border-radius: 4px;\n box-shadow: 0px 0px 0px 4px #fff;\n padding: 6px 12px;\n}\n.modal-header {\n background: #fff;\n border-bottom-color: #ced0da;\n border-radius: 6px 6px 0px 0px;\n color: #172b4d;\n}\n.modal-header .close {\n padding: 0px 6px;\n color: #172b4d;\n font-size: 24px;\n line-height: 24px;\n text-shadow: none;\n}\n.modal-message .message-icon {\n color: #2563eb;\n}\n.modal-body > .form-group {\n margin: 20px 0px;\n}\n.modal-body > .form-group:first-child {\n margin-top: 0px;\n}\n.modal-body > .form-group:last-child {\n margin-bottom: 0px;\n}\n.modal-sign-in .modal-body {\n padding-top: 0px;\n padding-bottom: 0px;\n}\n.modal-sign-in .modal-body > .form-group {\n margin: 20px 0px;\n}\n.legal-footnote label {\n font-weight: bold;\n}\n.legal-footnote .help-block {\n margin-left: 20px;\n color: #ff5630;\n}\n.modal-avatar-index .avatar-preview {\n background: #fff;\n border-radius: 6px;\n}\n.modal-avatar-crop .cropit-preview {\n background: #fff;\n margin: 20px 0px;\n}\n.modal-avatar-crop .cropit-image-zoom-input {\n margin-top: 40px;\n margin-bottom: 20px;\n}\n.modal-post-likers .media {\n border-bottom: 1px solid #ebecf0;\n padding-bottom: 15px;\n}\n.modal-post-likers .media img {\n border-radius: 4px;\n width: 40px;\n height: 40px;\n}\n.modal-post-likers .media:last-child {\n border: none;\n padding-bottom: 0px;\n}\n.well {\n border: 1px solid #ddd;\n}\n.active-posters .rank-user-avatar img {\n border-radius: 4px;\n}\n.active-posters .user-details {\n color: #7a869a;\n}\n.active-posters .user-details a.rank-name,\n.active-posters .user-details a.rank-name:link,\n.active-posters .user-details a.rank-name:visited {\n color: #5e6c84;\n font-weight: normal;\n}\n.active-posters .user-details a.rank-name:focus,\n.active-posters .user-details a.rank-name:hover,\n.active-posters .user-details a.rank-name:active {\n color: #172b4d;\n}\n.active-posters .user-details span.rank-name {\n color: #5e6c84;\n font-weight: normal;\n}\n.active-posters small {\n color: #7a869a;\n}\n.page-error .message-icon {\n color: #ef5350;\n}\n.page-message .message-icon {\n color: #2563eb;\n}\n.page-message-info .message-icon {\n color: #2563eb;\n}\n.page-message-success .message-icon {\n color: #81c784;\n}\n.page-options .message-line {\n color: #7a869a;\n}\n.page-options .message-line a,\n.page-options .message-line a:link,\n.page-options .message-line a:visited {\n color: #7a869a;\n}\n.page-options .message-line a:hover,\n.page-options .message-line a:focus,\n.page-options .message-line a:focus:active,\n.page-options .message-line a:active {\n color: #172b4d;\n}\n.panel-profile-details-group.panel {\n border: 1px solid #ebecf0;\n}\n.panel-profile-details-group.panel .form-group {\n margin: 0px;\n}\n.panel-profile-details-group .form-control-static p:last-child {\n margin-bottom: 0px;\n}\n.post-primary .panel-post {\n border-color: #a5b4fc;\n}\n.post-primary .user-title {\n color: #6366f1;\n}\n.post-primary .user-title a,\n.post-primary .user-title a:link,\n.post-primary .user-title a:visited,\n.post-primary .user-title a:focus,\n.post-primary .user-title a:hover,\n.post-primary .user-title a:active {\n color: #6366f1;\n}\n.post-success .panel-post {\n border-color: #00c853;\n}\n.post-success .user-title {\n color: #388e3c;\n}\n.post-success .user-title a,\n.post-success .user-title a:link,\n.post-success .user-title a:visited,\n.post-success .user-title a:focus,\n.post-success .user-title a:hover,\n.post-success .user-title a:active {\n color: #388e3c;\n}\n.post-warning .panel-post {\n border-color: #ffab40;\n}\n.post-warning .user-title {\n color: #ff6d00;\n}\n.post-warning .user-title a,\n.post-warning .user-title a:link,\n.post-warning .user-title a:visited,\n.post-warning .user-title a:focus,\n.post-warning .user-title a:hover,\n.post-warning .user-title a:active {\n color: #ff6d00;\n}\n.post-danger .panel-post {\n border-color: #ff8a80;\n}\n.post-danger .user-title {\n color: #d50000;\n}\n.post-danger .user-title a,\n.post-danger .user-title a:link,\n.post-danger .user-title a:visited,\n.post-danger .user-title a:focus,\n.post-danger .user-title a:hover,\n.post-danger .user-title a:active {\n color: #d50000;\n}\n.user-card-primary .panel-body {\n background: #fff;\n border: 2px solid #a5b4fc;\n border-radius: 4px;\n padding: 13px;\n}\n.user-card-primary .user-card-title {\n color: #6366f1;\n}\n.user-card-primary .user-card-title a.user-title,\n.user-card-primary .user-card-title a.user-title:link,\n.user-card-primary .user-card-title a.user-title:visited,\n.user-card-primary .user-card-title a.user-title:focus,\n.user-card-primary .user-card-title a.user-title:hover,\n.user-card-primary .user-card-title a.user-title:active {\n color: #6366f1;\n}\n.user-card-success .panel-body {\n background: #fff;\n border: 2px solid #00c853;\n border-radius: 4px;\n padding: 13px;\n}\n.user-card-success .user-card-title {\n color: #388e3c;\n}\n.user-card-success .user-card-title a.user-title,\n.user-card-success .user-card-title a.user-title:link,\n.user-card-success .user-card-title a.user-title:visited,\n.user-card-success .user-card-title a.user-title:focus,\n.user-card-success .user-card-title a.user-title:hover,\n.user-card-success .user-card-title a.user-title:active {\n color: #388e3c;\n}\n.user-card-warning .panel-body {\n background: #fff;\n border: 2px solid #ffab40;\n border-radius: 4px;\n padding: 13px;\n}\n.user-card-warning .user-card-title {\n color: #ff6d00;\n}\n.user-card-warning .user-card-title a.user-title,\n.user-card-warning .user-card-title a.user-title:link,\n.user-card-warning .user-card-title a.user-title:visited,\n.user-card-warning .user-card-title a.user-title:focus,\n.user-card-warning .user-card-title a.user-title:hover,\n.user-card-warning .user-card-title a.user-title:active {\n color: #ff6d00;\n}\n.user-card-danger .panel-body {\n background: #fff;\n border: 2px solid #ff8a80;\n border-radius: 4px;\n padding: 13px;\n}\n.user-card-danger .user-card-title {\n color: #d50000;\n}\n.user-card-danger .user-card-title a.user-title,\n.user-card-danger .user-card-title a.user-title:link,\n.user-card-danger .user-card-title a.user-title:visited,\n.user-card-danger .user-card-title a.user-title:focus,\n.user-card-danger .user-card-title a.user-title:hover,\n.user-card-danger .user-card-title a.user-title:active {\n color: #d50000;\n}\n.list-group .list-group-rank-primary {\n border-left: 4px solid #a5b4fc;\n padding-left: 11px;\n}\n.list-group .list-group-rank-primary span.rank-name {\n color: #6366f1;\n}\n.list-group .list-group-rank-primary a.rank-name,\n.list-group .list-group-rank-primary a.rank-name:link,\n.list-group .list-group-rank-primary a.rank-name:visited,\n.list-group .list-group-rank-primary a.rank-name:focus,\n.list-group .list-group-rank-primary a.rank-name:hover,\n.list-group .list-group-rank-primary a.rank-name:active {\n color: #6366f1;\n}\n.list-group .list-group-rank-success {\n border-left: 4px solid #9ccc65;\n padding-left: 11px;\n}\n.list-group .list-group-rank-success span.rank-name {\n color: #388e3c;\n}\n.list-group .list-group-rank-success a.rank-name,\n.list-group .list-group-rank-success a.rank-name:link,\n.list-group .list-group-rank-success a.rank-name:visited,\n.list-group .list-group-rank-success a.rank-name:focus,\n.list-group .list-group-rank-success a.rank-name:hover,\n.list-group .list-group-rank-success a.rank-name:active {\n color: #388e3c;\n}\n.list-group .list-group-rank-warning {\n border-left: 4px solid #ff7043;\n padding-left: 11px;\n}\n.list-group .list-group-rank-warning span.rank-name {\n color: #ff6d00;\n}\n.list-group .list-group-rank-warning a.rank-name,\n.list-group .list-group-rank-warning a.rank-name:link,\n.list-group .list-group-rank-warning a.rank-name:visited,\n.list-group .list-group-rank-warning a.rank-name:focus,\n.list-group .list-group-rank-warning a.rank-name:hover,\n.list-group .list-group-rank-warning a.rank-name:active {\n color: #ff6d00;\n}\n.list-group .list-group-rank-danger {\n border-left: 4px solid #f44336;\n padding-left: 11px;\n}\n.list-group .list-group-rank-danger span.rank-name {\n color: #d50000;\n}\n.list-group .list-group-rank-danger a.rank-name,\n.list-group .list-group-rank-danger a.rank-name:link,\n.list-group .list-group-rank-danger a.rank-name:visited,\n.list-group .list-group-rank-danger a.rank-name:focus,\n.list-group .list-group-rank-danger a.rank-name:hover,\n.list-group .list-group-rank-danger a.rank-name:active {\n color: #d50000;\n}\n.page-header-rank-primary .user-rank {\n color: #6366f1;\n}\n.page-header-rank-primary .user-rank a,\n.page-header-rank-primary .user-rank a:link,\n.page-header-rank-primary .user-rank a:visited,\n.page-header-rank-primary .user-rank a:focus,\n.page-header-rank-primary .user-rank a:hover,\n.page-header-rank-primary .user-rank a:active {\n color: #6366f1;\n}\n.page-header-rank-success .user-rank {\n color: #388e3c;\n}\n.page-header-rank-success .user-rank a,\n.page-header-rank-success .user-rank a:link,\n.page-header-rank-success .user-rank a:visited,\n.page-header-rank-success .user-rank a:focus,\n.page-header-rank-success .user-rank a:hover,\n.page-header-rank-success .user-rank a:active {\n color: #388e3c;\n}\n.page-header-rank-warning .user-rank {\n color: #ff6d00;\n}\n.page-header-rank-warning .user-rank a,\n.page-header-rank-warning .user-rank a:link,\n.page-header-rank-warning .user-rank a:visited,\n.page-header-rank-warning .user-rank a:focus,\n.page-header-rank-warning .user-rank a:hover,\n.page-header-rank-warning .user-rank a:active {\n color: #ff6d00;\n}\n.page-header-rank-danger .user-rank {\n color: #d50000;\n}\n.page-header-rank-danger .user-rank a,\n.page-header-rank-danger .user-rank a:link,\n.page-header-rank-danger .user-rank a:visited,\n.page-header-rank-danger .user-rank a:focus,\n.page-header-rank-danger .user-rank a:hover,\n.page-header-rank-danger .user-rank a:active {\n color: #d50000;\n}\n","// stylelint-disable\n\n/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */\n\n//\n// 1. Set default font family to sans-serif.\n// 2. Prevent iOS and IE text size adjust after device orientation change,\n// without disabling user zoom.\n//\n\nhtml {\n font-family: sans-serif; // 1\n -ms-text-size-adjust: 100%; // 2\n -webkit-text-size-adjust: 100%; // 2\n}\n\n//\n// Remove default margin.\n//\n\nbody {\n margin: 0;\n}\n\n// HTML5 display definitions\n// ==========================================================================\n\n//\n// Correct `block` display not defined for any HTML5 element in IE 8/9.\n// Correct `block` display not defined for `details` or `summary` in IE 10/11\n// and Firefox.\n// Correct `block` display not defined for `main` in IE 11.\n//\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n\n//\n// 1. Correct `inline-block` display not defined in IE 8/9.\n// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n//\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; // 1\n vertical-align: baseline; // 2\n}\n\n//\n// Prevent modern browsers from displaying `audio` without controls.\n// Remove excess height in iOS 5 devices.\n//\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n//\n// Address `[hidden]` styling not present in IE 8/9/10.\n// Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n//\n\n[hidden],\ntemplate {\n display: none;\n}\n\n// Links\n// ==========================================================================\n\n//\n// Remove the gray background color from active links in IE 10.\n//\n\na {\n background-color: transparent;\n}\n\n//\n// Improve readability of focused elements when they are also in an\n// active/hover state.\n//\n\na:active,\na:hover {\n outline: 0;\n}\n\n// Text-level semantics\n// ==========================================================================\n\n//\n// 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n//\n\nabbr[title] {\n border-bottom: none; // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n}\n\n//\n// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n//\n\nb,\nstrong {\n font-weight: bold;\n}\n\n//\n// Address styling not present in Safari and Chrome.\n//\n\ndfn {\n font-style: italic;\n}\n\n//\n// Address variable `h1` font-size and margin within `section` and `article`\n// contexts in Firefox 4+, Safari, and Chrome.\n//\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n//\n// Address styling not present in IE 8/9.\n//\n\nmark {\n background: #ff0;\n color: #000;\n}\n\n//\n// Address inconsistent and variable font size in all browsers.\n//\n\nsmall {\n font-size: 80%;\n}\n\n//\n// Prevent `sub` and `sup` affecting `line-height` in all browsers.\n//\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n// Embedded content\n// ==========================================================================\n\n//\n// Remove border when inside `a` element in IE 8/9/10.\n//\n\nimg {\n border: 0;\n}\n\n//\n// Correct overflow not hidden in IE 9/10/11.\n//\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n// Grouping content\n// ==========================================================================\n\n//\n// Address margin not present in IE 8/9 and Safari.\n//\n\nfigure {\n margin: 1em 40px;\n}\n\n//\n// Address differences between Firefox and other browsers.\n//\n\nhr {\n box-sizing: content-box;\n height: 0;\n}\n\n//\n// Contain overflow in all browsers.\n//\n\npre {\n overflow: auto;\n}\n\n//\n// Address odd `em`-unit font size rendering in all browsers.\n//\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\n// Forms\n// ==========================================================================\n\n//\n// Known limitation: by default, Chrome and Safari on OS X allow very limited\n// styling of `select`, unless a `border` property is set.\n//\n\n//\n// 1. Correct color not being inherited.\n// Known issue: affects color of disabled elements.\n// 2. Correct font properties not being inherited.\n// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n//\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: inherit; // 1\n font: inherit; // 2\n margin: 0; // 3\n}\n\n//\n// Address `overflow` set to `hidden` in IE 8/9/10/11.\n//\n\nbutton {\n overflow: visible;\n}\n\n//\n// Address inconsistent `text-transform` inheritance for `button` and `select`.\n// All other form control elements do not inherit `text-transform` values.\n// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n// Correct `select` style inheritance in Firefox.\n//\n\nbutton,\nselect {\n text-transform: none;\n}\n\n//\n// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n// and `video` controls.\n// 2. Correct inability to style clickable `input` types in iOS.\n// 3. Improve usability and consistency of cursor style between image-type\n// `input` and others.\n//\n\nbutton,\nhtml input[type=\"button\"], // 1\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button; // 2\n cursor: pointer; // 3\n}\n\n//\n// Re-set default cursor for disabled elements.\n//\n\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n//\n// Remove inner padding and border in Firefox 4+.\n//\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n//\n// Address Firefox 4+ setting `line-height` on `input` using `!important` in\n// the UA stylesheet.\n//\n\ninput {\n line-height: normal;\n}\n\n//\n// It's recommended that you don't attempt to style these elements.\n// Firefox's implementation doesn't respect box-sizing, padding, or width.\n//\n// 1. Address box sizing set to `content-box` in IE 8/9/10.\n// 2. Remove excess padding in IE 8/9/10.\n//\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; // 1\n padding: 0; // 2\n}\n\n//\n// Fix the cursor style for Chrome's increment/decrement buttons. For certain\n// `font-size` values of the `input`, it causes the cursor style of the\n// decrement button to change from `default` to `text`.\n//\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n//\n// 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n// 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n//\n\ninput[type=\"search\"] {\n -webkit-appearance: textfield; // 1\n box-sizing: content-box; //2\n}\n\n//\n// Remove inner padding and search cancel button in Safari and Chrome on OS X.\n// Safari (but not Chrome) clips the cancel button when the search input has\n// padding (and `textfield` appearance).\n//\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// Define consistent border, margin, and padding.\n//\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n//\n// 1. Correct `color` not being inherited in IE 8/9/10/11.\n// 2. Remove padding so people aren't caught out if they zero out fieldsets.\n//\n\nlegend {\n border: 0; // 1\n padding: 0; // 2\n}\n\n//\n// Remove default vertical scrollbar in IE 8/9/10/11.\n//\n\ntextarea {\n overflow: auto;\n}\n\n//\n// Don't inherit the `font-weight` (applied by a rule above).\n// NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n//\n\noptgroup {\n font-weight: bold;\n}\n\n// Tables\n// ==========================================================================\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n padding: 0;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request: h5bp.com/r\n// ==========================================================================\n\n@media print {\n *,\n *:before,\n *:after {\n color: #000 !important; // Black prints faster: h5bp.com/s\n text-shadow: none !important;\n background: transparent !important;\n box-shadow: none !important;\n }\n\n a,\n a:visited {\n text-decoration: underline;\n }\n\n a[href]:after {\n content: \" (\" attr(href) \")\";\n }\n\n abbr[title]:after {\n content: \" (\" attr(title) \")\";\n }\n\n // Don't show links that are fragment identifiers,\n // or use the `javascript:` pseudo protocol\n a[href^=\"#\"]:after,\n a[href^=\"javascript:\"]:after {\n content: \"\";\n }\n\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n\n thead {\n display: table-header-group; // h5bp.com/t\n }\n\n tr,\n img {\n page-break-inside: avoid;\n }\n\n img {\n max-width: 100% !important;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 {\n page-break-after: avoid;\n }\n\n // Bootstrap specific changes start\n\n // Bootstrap components\n .navbar {\n display: none;\n }\n .btn,\n .dropup > .btn {\n > .caret {\n border-top-color: #000 !important;\n }\n }\n .label {\n border: 1px solid #000;\n }\n\n .table {\n border-collapse: collapse !important;\n\n td,\n th {\n background-color: #fff !important;\n }\n }\n .table-bordered {\n th,\n td {\n border: 1px solid #ddd !important;\n }\n }\n}\n","//\n// Scaffolding\n// --------------------------------------------------\n\n\n// Reset the box-sizing\n//\n// Heads up! This reset may cause conflicts with some third-party widgets.\n// For recommendations on resolving such conflicts, see\n// https://getbootstrap.com/docs/3.4/getting-started/#third-box-sizing\n* {\n .box-sizing(border-box);\n}\n*:before,\n*:after {\n .box-sizing(border-box);\n}\n\n\n// Body reset\n\nhtml {\n font-size: 10px;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n font-family: @font-family-base;\n font-size: @font-size-base;\n line-height: @line-height-base;\n color: @text-color;\n background-color: @body-bg;\n}\n\n// Reset fonts for relevant elements\ninput,\nbutton,\nselect,\ntextarea {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\n\n// Links\n\na {\n color: @link-color;\n text-decoration: none;\n\n &:hover,\n &:focus {\n color: @link-hover-color;\n text-decoration: @link-hover-decoration;\n }\n\n &:focus {\n .tab-focus();\n }\n}\n\n\n// Figures\n//\n// We reset this here because previously Normalize had no `figure` margins. This\n// ensures we don't break anyone's use of the element.\n\nfigure {\n margin: 0;\n}\n\n\n// Images\n\nimg {\n vertical-align: middle;\n}\n\n// Responsive images (ensure images don't scale beyond their parents)\n.img-responsive {\n .img-responsive();\n}\n\n// Rounded corners\n.img-rounded {\n border-radius: @border-radius-large;\n}\n\n// Image thumbnails\n//\n// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.\n.img-thumbnail {\n padding: @thumbnail-padding;\n line-height: @line-height-base;\n background-color: @thumbnail-bg;\n border: 1px solid @thumbnail-border;\n border-radius: @thumbnail-border-radius;\n .transition(all .2s ease-in-out);\n\n // Keep them at most 100% wide\n .img-responsive(inline-block);\n}\n\n// Perfect circle\n.img-circle {\n border-radius: 50%; // set radius in percents\n}\n\n\n// Horizontal rules\n\nhr {\n margin-top: @line-height-computed;\n margin-bottom: @line-height-computed;\n border: 0;\n border-top: 1px solid @hr-border;\n}\n\n\n// Only display content to screen readers\n//\n// See: https://a11yproject.com/posts/how-to-hide-content\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n// Credit: HTML5 Boilerplate\n\n.sr-only-focusable {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n clip: auto;\n }\n}\n\n\n// iOS \"clickable elements\" fix for role=\"button\"\n//\n// Fixes \"clickability\" issue (and more generally, the firing of events such as focus as well)\n// for traditionally non-focusable elements with role=\"button\"\n// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n[role=\"button\"] {\n cursor: pointer;\n}\n","// stylelint-disable indentation, property-no-vendor-prefix, selector-no-vendor-prefix\n\n// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They have been removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility) {\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n word-wrap: break-word;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n","// WebKit-style focus\n\n.tab-focus() {\n // WebKit-specific. Other browsers will keep their default outline style.\n // (Initially tried to also force default via `outline: initial`,\n // but that seems to erroneously remove the outline in Firefox altogether.)\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n","// stylelint-disable media-feature-name-no-vendor-prefix, media-feature-parentheses-space-inside, media-feature-name-no-unknown, indentation, at-rule-name-space-after\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n.img-responsive(@display: block) {\n display: @display;\n max-width: 100%; // Part 1: Set a maximum relative to the parent\n height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size. Note that the\n// spelling of `min--moz-device-pixel-ratio` is intentional.\n.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {\n background-image: url(\"@{file-1x}\");\n\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and ( min--moz-device-pixel-ratio: 2),\n only screen and ( -o-min-device-pixel-ratio: 2/1),\n only screen and ( min-device-pixel-ratio: 2),\n only screen and ( min-resolution: 192dpi),\n only screen and ( min-resolution: 2dppx) {\n background-image: url(\"@{file-2x}\");\n background-size: @width-1x @height-1x;\n }\n}\n","// stylelint-disable selector-list-comma-newline-after, selector-no-qualifying-type\n\n//\n// Typography\n// --------------------------------------------------\n\n\n// Headings\n// -------------------------\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n font-family: @headings-font-family;\n font-weight: @headings-font-weight;\n line-height: @headings-line-height;\n color: @headings-color;\n\n small,\n .small {\n font-weight: 400;\n line-height: 1;\n color: @headings-small-color;\n }\n}\n\nh1, .h1,\nh2, .h2,\nh3, .h3 {\n margin-top: @line-height-computed;\n margin-bottom: (@line-height-computed / 2);\n\n small,\n .small {\n font-size: 65%;\n }\n}\nh4, .h4,\nh5, .h5,\nh6, .h6 {\n margin-top: (@line-height-computed / 2);\n margin-bottom: (@line-height-computed / 2);\n\n small,\n .small {\n font-size: 75%;\n }\n}\n\nh1, .h1 { font-size: @font-size-h1; }\nh2, .h2 { font-size: @font-size-h2; }\nh3, .h3 { font-size: @font-size-h3; }\nh4, .h4 { font-size: @font-size-h4; }\nh5, .h5 { font-size: @font-size-h5; }\nh6, .h6 { font-size: @font-size-h6; }\n\n\n// Body text\n// -------------------------\n\np {\n margin: 0 0 (@line-height-computed / 2);\n}\n\n.lead {\n margin-bottom: @line-height-computed;\n font-size: floor((@font-size-base * 1.15));\n font-weight: 300;\n line-height: 1.4;\n\n @media (min-width: @screen-sm-min) {\n font-size: (@font-size-base * 1.5);\n }\n}\n\n\n// Emphasis & misc\n// -------------------------\n\n// Ex: (12px small font / 14px base font) * 100% = about 85%\nsmall,\n.small {\n font-size: floor((100% * @font-size-small / @font-size-base));\n}\n\nmark,\n.mark {\n padding: .2em;\n background-color: @state-warning-bg;\n}\n\n// Alignment\n.text-left { text-align: left; }\n.text-right { text-align: right; }\n.text-center { text-align: center; }\n.text-justify { text-align: justify; }\n.text-nowrap { white-space: nowrap; }\n\n// Transformation\n.text-lowercase { text-transform: lowercase; }\n.text-uppercase { text-transform: uppercase; }\n.text-capitalize { text-transform: capitalize; }\n\n// Contextual colors\n.text-muted {\n color: @text-muted;\n}\n.text-primary {\n .text-emphasis-variant(@brand-primary);\n}\n.text-success {\n .text-emphasis-variant(@state-success-text);\n}\n.text-info {\n .text-emphasis-variant(@state-info-text);\n}\n.text-warning {\n .text-emphasis-variant(@state-warning-text);\n}\n.text-danger {\n .text-emphasis-variant(@state-danger-text);\n}\n\n// Contextual backgrounds\n// For now we'll leave these alongside the text classes until v4 when we can\n// safely shift things around (per SemVer rules).\n.bg-primary {\n // Given the contrast here, this is the only class to have its color inverted\n // automatically.\n color: #fff;\n .bg-variant(@brand-primary);\n}\n.bg-success {\n .bg-variant(@state-success-bg);\n}\n.bg-info {\n .bg-variant(@state-info-bg);\n}\n.bg-warning {\n .bg-variant(@state-warning-bg);\n}\n.bg-danger {\n .bg-variant(@state-danger-bg);\n}\n\n\n// Page header\n// -------------------------\n\n.page-header {\n padding-bottom: ((@line-height-computed / 2) - 1);\n margin: (@line-height-computed * 2) 0 @line-height-computed;\n border-bottom: 1px solid @page-header-border-color;\n}\n\n\n// Lists\n// -------------------------\n\n// Unordered and Ordered lists\nul,\nol {\n margin-top: 0;\n margin-bottom: (@line-height-computed / 2);\n ul,\n ol {\n margin-bottom: 0;\n }\n}\n\n// List options\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n.list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n .list-unstyled();\n margin-left: -5px;\n\n > li {\n display: inline-block;\n padding-right: 5px;\n padding-left: 5px;\n }\n}\n\n// Description Lists\ndl {\n margin-top: 0; // Remove browser default\n margin-bottom: @line-height-computed;\n}\ndt,\ndd {\n line-height: @line-height-base;\n}\ndt {\n font-weight: 700;\n}\ndd {\n margin-left: 0; // Undo browser default\n}\n\n// Horizontal description lists\n//\n// Defaults to being stacked without any of the below styles applied, until the\n// grid breakpoint is reached (default of ~768px).\n\n.dl-horizontal {\n dd {\n &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present\n }\n\n @media (min-width: @dl-horizontal-breakpoint) {\n dt {\n float: left;\n width: (@dl-horizontal-offset - 20);\n clear: left;\n text-align: right;\n .text-overflow();\n }\n dd {\n margin-left: @dl-horizontal-offset;\n }\n }\n}\n\n\n// Misc\n// -------------------------\n\n// Abbreviations and acronyms\n// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n}\n\n.initialism {\n font-size: 90%;\n .text-uppercase();\n}\n\n// Blockquotes\nblockquote {\n padding: (@line-height-computed / 2) @line-height-computed;\n margin: 0 0 @line-height-computed;\n font-size: @blockquote-font-size;\n border-left: 5px solid @blockquote-border-color;\n\n p,\n ul,\n ol {\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n // Note: Deprecated small and .small as of v3.1.0\n // Context: https://github.com/twbs/bootstrap/issues/11660\n footer,\n small,\n .small {\n display: block;\n font-size: 80%; // back to default font-size\n line-height: @line-height-base;\n color: @blockquote-small-color;\n\n &:before {\n content: \"\\2014 \\00A0\"; // em dash, nbsp\n }\n }\n}\n\n// Opposite alignment of blockquote\n//\n// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.\n.blockquote-reverse,\nblockquote.pull-right {\n padding-right: 15px;\n padding-left: 0;\n text-align: right;\n border-right: 5px solid @blockquote-border-color;\n border-left: 0;\n\n // Account for citation\n footer,\n small,\n .small {\n &:before { content: \"\"; }\n &:after {\n content: \"\\00A0 \\2014\"; // nbsp, em dash\n }\n }\n}\n\n// Addresses\naddress {\n margin-bottom: @line-height-computed;\n font-style: normal;\n line-height: @line-height-base;\n}\n","// Typography\n\n.text-emphasis-variant(@color) {\n color: @color;\n a&:hover,\n a&:focus {\n color: darken(@color, 10%);\n }\n}\n","// Contextual backgrounds\n\n.bg-variant(@color) {\n background-color: @color;\n a&:hover,\n a&:focus {\n background-color: darken(@color, 10%);\n }\n}\n","// Text overflow\n// Requires inline-block or block for proper styling\n\n.text-overflow() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","//\n// Code (inline and block)\n// --------------------------------------------------\n\n\n// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n font-family: @font-family-monospace;\n}\n\n// Inline code\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: @code-color;\n background-color: @code-bg;\n border-radius: @border-radius-base;\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: @kbd-color;\n background-color: @kbd-bg;\n border-radius: @border-radius-small;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);\n\n kbd {\n padding: 0;\n font-size: 100%;\n font-weight: 700;\n box-shadow: none;\n }\n}\n\n// Blocks of code\npre {\n display: block;\n padding: ((@line-height-computed - 1) / 2);\n margin: 0 0 (@line-height-computed / 2);\n font-size: (@font-size-base - 1); // 14px to 13px\n line-height: @line-height-base;\n color: @pre-color;\n word-break: break-all;\n word-wrap: break-word;\n background-color: @pre-bg;\n border: 1px solid @pre-border-color;\n border-radius: @border-radius-base;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: @pre-scrollable-max-height;\n overflow-y: scroll;\n}\n","//\n// Grid system\n// --------------------------------------------------\n\n\n// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n.container {\n .container-fixed();\n\n @media (min-width: @screen-sm-min) {\n width: @container-sm;\n }\n @media (min-width: @screen-md-min) {\n width: @container-md;\n }\n @media (min-width: @screen-lg-min) {\n width: @container-lg;\n }\n}\n\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but without any defined\n// width for fluid, full width layouts.\n\n.container-fluid {\n .container-fixed();\n}\n\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n.row {\n .make-row();\n}\n\n.row-no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n.make-grid-columns();\n\n\n// Extra small grid\n//\n// Columns, offsets, pushes, and pulls for extra small devices like\n// smartphones.\n\n.make-grid(xs);\n\n\n// Small grid\n//\n// Columns, offsets, pushes, and pulls for the small device range, from phones\n// to tablets.\n\n@media (min-width: @screen-sm-min) {\n .make-grid(sm);\n}\n\n\n// Medium grid\n//\n// Columns, offsets, pushes, and pulls for the desktop device range.\n\n@media (min-width: @screen-md-min) {\n .make-grid(md);\n}\n\n\n// Large grid\n//\n// Columns, offsets, pushes, and pulls for the large desktop device range.\n\n@media (min-width: @screen-lg-min) {\n .make-grid(lg);\n}\n","// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\n.container-fixed(@gutter: @grid-gutter-width) {\n padding-right: ceil((@gutter / 2));\n padding-left: floor((@gutter / 2));\n margin-right: auto;\n margin-left: auto;\n &:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n.make-row(@gutter: @grid-gutter-width) {\n margin-right: floor((@gutter / -2));\n margin-left: ceil((@gutter / -2));\n &:extend(.clearfix all);\n}\n\n// Generate the extra small columns\n.make-xs-column(@columns; @gutter: @grid-gutter-width) {\n position: relative;\n float: left;\n width: percentage((@columns / @grid-columns));\n min-height: 1px;\n padding-right: (@gutter / 2);\n padding-left: (@gutter / 2);\n}\n.make-xs-column-offset(@columns) {\n margin-left: percentage((@columns / @grid-columns));\n}\n.make-xs-column-push(@columns) {\n left: percentage((@columns / @grid-columns));\n}\n.make-xs-column-pull(@columns) {\n right: percentage((@columns / @grid-columns));\n}\n\n// Generate the small columns\n.make-sm-column(@columns; @gutter: @grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-right: (@gutter / 2);\n padding-left: (@gutter / 2);\n\n @media (min-width: @screen-sm-min) {\n float: left;\n width: percentage((@columns / @grid-columns));\n }\n}\n.make-sm-column-offset(@columns) {\n @media (min-width: @screen-sm-min) {\n margin-left: percentage((@columns / @grid-columns));\n }\n}\n.make-sm-column-push(@columns) {\n @media (min-width: @screen-sm-min) {\n left: percentage((@columns / @grid-columns));\n }\n}\n.make-sm-column-pull(@columns) {\n @media (min-width: @screen-sm-min) {\n right: percentage((@columns / @grid-columns));\n }\n}\n\n// Generate the medium columns\n.make-md-column(@columns; @gutter: @grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-right: (@gutter / 2);\n padding-left: (@gutter / 2);\n\n @media (min-width: @screen-md-min) {\n float: left;\n width: percentage((@columns / @grid-columns));\n }\n}\n.make-md-column-offset(@columns) {\n @media (min-width: @screen-md-min) {\n margin-left: percentage((@columns / @grid-columns));\n }\n}\n.make-md-column-push(@columns) {\n @media (min-width: @screen-md-min) {\n left: percentage((@columns / @grid-columns));\n }\n}\n.make-md-column-pull(@columns) {\n @media (min-width: @screen-md-min) {\n right: percentage((@columns / @grid-columns));\n }\n}\n\n// Generate the large columns\n.make-lg-column(@columns; @gutter: @grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-right: (@gutter / 2);\n padding-left: (@gutter / 2);\n\n @media (min-width: @screen-lg-min) {\n float: left;\n width: percentage((@columns / @grid-columns));\n }\n}\n.make-lg-column-offset(@columns) {\n @media (min-width: @screen-lg-min) {\n margin-left: percentage((@columns / @grid-columns));\n }\n}\n.make-lg-column-push(@columns) {\n @media (min-width: @screen-lg-min) {\n left: percentage((@columns / @grid-columns));\n }\n}\n.make-lg-column-pull(@columns) {\n @media (min-width: @screen-lg-min) {\n right: percentage((@columns / @grid-columns));\n }\n}\n","// stylelint-disable declaration-no-important, at-rule-no-vendor-prefix\n\n//\n// Responsive: Utility classes\n// --------------------------------------------------\n\n\n// IE10 in Windows (Phone) 8\n//\n// Support for responsive views via media queries is kind of borked in IE10, for\n// Surface/desktop in split view and for Windows Phone 8. This particular fix\n// must be accompanied by a snippet of JavaScript to sniff the user agent and\n// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at\n// our Getting Started page for more information on this bug.\n//\n// For more information, see the following:\n//\n// Issue: https://github.com/twbs/bootstrap/issues/10497\n// Docs: https://getbootstrap.com/docs/3.4/getting-started/#support-ie10-width\n// Source: https://timkadlec.com/2013/01/windows-phone-8-and-device-width/\n// Source: https://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\n\n@-ms-viewport {\n width: device-width;\n}\n\n\n// Visibility utilities\n// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0\n.visible-xs,\n.visible-sm,\n.visible-md,\n.visible-lg {\n .responsive-invisibility();\n}\n\n.visible-xs-block,\n.visible-xs-inline,\n.visible-xs-inline-block,\n.visible-sm-block,\n.visible-sm-inline,\n.visible-sm-inline-block,\n.visible-md-block,\n.visible-md-inline,\n.visible-md-inline-block,\n.visible-lg-block,\n.visible-lg-inline,\n.visible-lg-inline-block {\n display: none !important;\n}\n\n.visible-xs {\n @media (max-width: @screen-xs-max) {\n .responsive-visibility();\n }\n}\n.visible-xs-block {\n @media (max-width: @screen-xs-max) {\n display: block !important;\n }\n}\n.visible-xs-inline {\n @media (max-width: @screen-xs-max) {\n display: inline !important;\n }\n}\n.visible-xs-inline-block {\n @media (max-width: @screen-xs-max) {\n display: inline-block !important;\n }\n}\n\n.visible-sm {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n .responsive-visibility();\n }\n}\n.visible-sm-block {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n display: block !important;\n }\n}\n.visible-sm-inline {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n display: inline !important;\n }\n}\n.visible-sm-inline-block {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n display: inline-block !important;\n }\n}\n\n.visible-md {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n .responsive-visibility();\n }\n}\n.visible-md-block {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n display: block !important;\n }\n}\n.visible-md-inline {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n display: inline !important;\n }\n}\n.visible-md-inline-block {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n display: inline-block !important;\n }\n}\n\n.visible-lg {\n @media (min-width: @screen-lg-min) {\n .responsive-visibility();\n }\n}\n.visible-lg-block {\n @media (min-width: @screen-lg-min) {\n display: block !important;\n }\n}\n.visible-lg-inline {\n @media (min-width: @screen-lg-min) {\n display: inline !important;\n }\n}\n.visible-lg-inline-block {\n @media (min-width: @screen-lg-min) {\n display: inline-block !important;\n }\n}\n\n.hidden-xs {\n @media (max-width: @screen-xs-max) {\n .responsive-invisibility();\n }\n}\n.hidden-sm {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n .responsive-invisibility();\n }\n}\n.hidden-md {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n .responsive-invisibility();\n }\n}\n.hidden-lg {\n @media (min-width: @screen-lg-min) {\n .responsive-invisibility();\n }\n}\n\n\n// Print utilities\n//\n// Media queries are placed on the inside to be mixin-friendly.\n\n// Note: Deprecated .visible-print as of v3.2.0\n.visible-print {\n .responsive-invisibility();\n\n @media print {\n .responsive-visibility();\n }\n}\n.visible-print-block {\n display: none !important;\n\n @media print {\n display: block !important;\n }\n}\n.visible-print-inline {\n display: none !important;\n\n @media print {\n display: inline !important;\n }\n}\n.visible-print-inline-block {\n display: none !important;\n\n @media print {\n display: inline-block !important;\n }\n}\n\n.hidden-print {\n @media print {\n .responsive-invisibility();\n }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `@grid-columns`.\n\n.make-grid-columns() {\n // Common styles for all sizes of grid columns, widths 1-12\n .col(@index) { // initial\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @grid-columns) { // general; \"=<\" isn't a typo\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @grid-columns) { // terminal\n @{list} {\n position: relative;\n // Prevent columns from collapsing when empty\n min-height: 1px;\n // Inner gutter via padding\n padding-right: floor((@grid-gutter-width / 2));\n padding-left: ceil((@grid-gutter-width / 2));\n }\n }\n .col(1); // kickstart it\n}\n\n.float-grid-columns(@class) {\n .col(@index) { // initial\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @grid-columns) { // general\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @grid-columns) { // terminal\n @{list} {\n float: left;\n }\n }\n .col(1); // kickstart it\n}\n\n.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {\n .col-@{class}-@{index} {\n width: percentage((@index / @grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {\n .col-@{class}-push-@{index} {\n left: percentage((@index / @grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {\n .col-@{class}-push-0 {\n left: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {\n .col-@{class}-pull-@{index} {\n right: percentage((@index / @grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {\n .col-@{class}-pull-0 {\n right: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = offset) {\n .col-@{class}-offset-@{index} {\n margin-left: percentage((@index / @grid-columns));\n }\n}\n\n// Basic looping in LESS\n.loop-grid-columns(@index, @class, @type) when (@index >= 0) {\n .calc-grid-column(@index, @class, @type);\n // next iteration\n .loop-grid-columns((@index - 1), @class, @type);\n}\n\n// Create grid for specific class\n.make-grid(@class) {\n .float-grid-columns(@class);\n .loop-grid-columns(@grid-columns, @class, width);\n .loop-grid-columns(@grid-columns, @class, pull);\n .loop-grid-columns(@grid-columns, @class, push);\n .loop-grid-columns(@grid-columns, @class, offset);\n}\n","// stylelint-disable selector-max-type, selector-max-compound-selectors, selector-no-qualifying-type\n\n//\n// Tables\n// --------------------------------------------------\n\n\ntable {\n background-color: @table-bg;\n\n // Table cell sizing\n //\n // Reset default table behavior\n\n col[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n display: table-column;\n float: none;\n }\n\n td,\n th {\n &[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n display: table-cell;\n float: none;\n }\n }\n}\n\ncaption {\n padding-top: @table-cell-padding;\n padding-bottom: @table-cell-padding;\n color: @text-muted;\n text-align: left;\n}\n\nth {\n text-align: left;\n}\n\n\n// Baseline styles\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: @line-height-computed;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: @table-cell-padding;\n line-height: @line-height-base;\n vertical-align: top;\n border-top: 1px solid @table-border-color;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid @table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @table-border-color;\n }\n\n // Nesting\n .table {\n background-color: @body-bg;\n }\n}\n\n\n// Condensed table w/ half padding\n\n.table-condensed {\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: @table-condensed-cell-padding;\n }\n }\n }\n}\n\n\n// Bordered version\n//\n// Add borders all around the table and between all the columns.\n\n.table-bordered {\n border: 1px solid @table-border-color;\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid @table-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n border-bottom-width: 2px;\n }\n }\n}\n\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n > tbody > tr:nth-of-type(odd) {\n background-color: @table-bg-accent;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n > tbody > tr:hover {\n background-color: @table-bg-hover;\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n// Generate the contextual variants\n.table-row-variant(active; @table-bg-active);\n.table-row-variant(success; @state-success-bg);\n.table-row-variant(info; @state-info-bg);\n.table-row-variant(warning; @state-warning-bg);\n.table-row-variant(danger; @state-danger-bg);\n\n\n// Responsive tables\n//\n// Wrap your tables in `.table-responsive` and we'll make them mobile friendly\n// by enabling horizontal scrolling. Only applies <768px. Everything above that\n// will display normally.\n\n.table-responsive {\n min-height: .01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)\n overflow-x: auto;\n\n @media screen and (max-width: @screen-xs-max) {\n width: 100%;\n margin-bottom: (@line-height-computed * .75);\n overflow-y: hidden;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid @table-border-color;\n\n // Tighten up spacing\n > .table {\n margin-bottom: 0;\n\n // Ensure the content doesn't wrap\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n white-space: nowrap;\n }\n }\n }\n }\n\n // Special overrides for the bordered tables\n > .table-bordered {\n border: 0;\n\n // Nuke the appropriate borders so that the parent can handle them\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th:first-child,\n > td:first-child {\n border-left: 0;\n }\n > th:last-child,\n > td:last-child {\n border-right: 0;\n }\n }\n }\n\n // Only nuke the last row's bottom-border in `tbody` and `tfoot` since\n // chances are there will be only one `tr` in a `thead` and that would\n // remove the border altogether.\n > tbody,\n > tfoot {\n > tr:last-child {\n > th,\n > td {\n border-bottom: 0;\n }\n }\n }\n\n }\n }\n}\n","// Tables\n\n.table-row-variant(@state; @background) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table > thead > tr,\n .table > tbody > tr,\n .table > tfoot > tr {\n > td.@{state},\n > th.@{state},\n &.@{state} > td,\n &.@{state} > th {\n background-color: @background;\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover > tbody > tr {\n > td.@{state}:hover,\n > th.@{state}:hover,\n &.@{state}:hover > td,\n &:hover > .@{state},\n &.@{state}:hover > th {\n background-color: darken(@background, 5%);\n }\n }\n}\n","// stylelint-disable selector-no-qualifying-type, property-no-vendor-prefix, media-feature-name-no-vendor-prefix\n\n//\n// Forms\n// --------------------------------------------------\n\n\n// Normalize non-controls\n//\n// Restyle and baseline non-control form elements.\n\nfieldset {\n // Chrome and Firefox set a `min-width: min-content;` on fieldsets,\n // so we reset that to ensure it behaves more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359.\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: @line-height-computed;\n font-size: (@font-size-base * 1.5);\n line-height: inherit;\n color: @legend-color;\n border: 0;\n border-bottom: 1px solid @legend-border-color;\n}\n\nlabel {\n display: inline-block;\n max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)\n margin-bottom: 5px;\n font-weight: 700;\n}\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n\ninput[type=\"search\"] {\n // Override content-box in Normalize (* isn't specific enough)\n .box-sizing(border-box);\n\n // Search inputs in iOS\n //\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n -webkit-appearance: none;\n appearance: none;\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9; // IE8-9\n line-height: normal;\n\n // Apply same disabled cursor tweak as for inputs\n // Some special care is needed because
    \n)\n\nexport default FlexRowCol\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst FlexRowSection = ({ auto, children, className }) => (\n \n {children}\n \n)\n\nexport default FlexRowSection\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nexport default function ListGroup({ className, children }) {\n return \n}\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nexport default function ListGroupItem({ className, children }) {\n return (\n
  • {children}
    • \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport ListGroupItem from \"./ListGroupItem\"\n\nexport default function ListGroupEmpty({ className, icon, message }) {\n return (\n \n {!!icon && (\n
    \n {icon}\n
    \n )}\n

    {message}

    \n     \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport ListGroupItem from \"./ListGroupItem\"\n\nexport default function ListGroupError({ className, icon, message, detail }) {\n return (\n \n {!!icon && (\n
    \n {icon}\n
    \n )}\n

    {message}

    \n {!!detail &&

    {detail}

    }\n     \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport ListGroupItem from \"./ListGroupItem\"\n\nexport default function ListGroupLoading({ className, message }) {\n return (\n \n

    {message}

    \n
    \n
    \n
    \n     \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport ListGroupItem from \"./ListGroupItem\"\n\nexport default function ListGroupMessage({ className, icon, message, detail }) {\n return (\n \n {!!icon && (\n
    \n {icon}\n
    \n )}\n

    {message}

    \n {!!detail &&

    {detail}

    }\n     \n )\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport { updateAuthenticatedUser } from \"../../reducers/auth\"\nimport { ApiFetch } from \"../Api\"\n\nfunction NotificationsFetch({\n children,\n filter,\n query,\n dispatch,\n unreadNotifications,\n disabled,\n}) {\n return (\n {\n if (data.unreadNotifications != unreadNotifications) {\n dispatch(\n updateAuthenticatedUser({\n unreadNotifications: data.unreadNotifications,\n })\n )\n }\n }}\n >\n {({ data, loading, error, refetch }) => {\n return children({ data, loading, error, refetch })\n }}\n \n )\n}\n\nfunction getApiUrl(filter, query) {\n let api = misago.get(\"NOTIFICATIONS_API\") + \"?limit=30\"\n api += \"&filter=\" + filter\n\n if (query) {\n if (query.after) {\n api += \"&after=\" + query.after\n }\n if (query.before) {\n api += \"&before=\" + query.before\n }\n }\n\n return api\n}\n\nfunction selectState({ auth }) {\n if (!auth.user) {\n return { unreadNotifications: null }\n }\n\n return {\n unreadNotifications: auth.user.unreadNotifications,\n }\n}\n\nconst NotificationsFetchConnected = connect(selectState)(NotificationsFetch)\n\nexport default NotificationsFetchConnected\n","import NotificationsFetch from \"./NotificationsFetch\"\n\nexport default NotificationsFetch\n","import React from \"react\"\nimport { ListGroupEmpty } from \"../ListGroup\"\n\nexport default function NotificationsListEmpty({ filter }) {\n return (\n \n )\n}\n\nfunction emptyMessage(filter) {\n if (filter === \"read\") {\n return pgettext(\n \"notifications list\",\n \"You don't have any read notifications.\"\n )\n } else if (filter === \"unread\") {\n return pgettext(\n \"notifications list\",\n \"You don't have any unread notifications.\"\n )\n }\n\n return pgettext(\"notifications list\", \"You don't have any notifications.\")\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { ListGroup } from \"../ListGroup\"\n\nexport default function NotificationsListGroup({ className, children }) {\n return (\n
    \n {children}\n
    \n )\n}\n","import React from \"react\"\nimport Avatar from \"../avatar\"\n\nexport default function NotificationsListItemActor({ notification }) {\n if (!!notification.actor) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nexport default function NotificationsListItemMessage({ notification }) {\n return (\n \n )\n}\n","import React from \"react\"\n\nexport default function NotificationsListItemReadStatus({ notification }) {\n if (notification.isRead) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n )\n}\n","import React from \"react\"\nimport Timestamp from \"../Timestamp\"\n\nexport default function NotificationsListItemTimestamp({ notification }) {\n return (\n
    \n \n
    \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { ListGroupItem } from \"../ListGroup\"\nimport NotificationsListItemActor from \"./NotificationsListItemActor\"\nimport NotificationsListItemMessage from \"./NotificationsListItemMessage\"\nimport NotificationsListItemReadStatus from \"./NotificationsListItemReadStatus\"\nimport NotificationsListItemTimestamp from \"./NotificationsListItemTimestamp\"\n\nexport default function NotificationsListItem({ notification }) {\n return (\n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n )\n}\n","import React from \"react\"\nimport NotificationsListEmpty from \"./NotificationsListEmpty\"\nimport NotificationsListGroup from \"./NotificationsListGroup\"\nimport NotificationsListItem from \"./NotificationsListItem\"\n\nexport default function NotificationsList({ filter, items }) {\n return (\n 0\n ? \"notifications-list-ready\"\n : \"notifications-list-pending\"\n }\n >\n {items.length === 0 && }\n {items.map((notification) => (\n \n ))}\n \n )\n}\n","import React from \"react\"\nimport { ListGroupError } from \"../ListGroup\"\nimport NotificationsListGroup from \"./NotificationsListGroup\"\n\nexport default function NotificationsListError({ error }) {\n const detail = errorDetail(error)\n\n return (\n \n \n \n )\n}\n\nfunction errorDetail(error) {\n if (error.status === 0) {\n return gettext(\n \"Check your internet connection and try refreshing the site.\"\n )\n }\n\n if (error.data && error.data.detail) {\n return error.data.detail\n }\n}\n","import React from \"react\"\nimport { ListGroupLoading } from \"../ListGroup\"\nimport NotificationsListGroup from \"./NotificationsListGroup\"\n\nexport default function NotificationsListLoading() {\n return (\n \n \n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { connect } from \"react-redux\"\nimport { close } from \"../../reducers/overlay\"\n\nconst BODY_CLASS = \"has-overlay\"\n\nclass Overlay extends React.Component {\n constructor(props) {\n super(props)\n\n this.scrollOrigin = null\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.open !== this.props.open) {\n if (this.props.open) {\n this.scrollOrigin = window.pageYOffset\n document.body.classList.add(BODY_CLASS)\n if (this.props.onOpen) {\n this.props.onOpen()\n }\n } else {\n document.body.classList.remove(BODY_CLASS)\n window.scrollTo(0, this.scrollOrigin)\n this.scrollOrigin = null\n }\n }\n }\n\n closeOnNavigation = (event) => {\n if (event.target.closest(\"a\")) {\n this.props.dispatch(close())\n }\n }\n\n render() {\n return (\n \n {this.props.children}\n \n )\n }\n}\n\nconst OverlayConnected = connect()(Overlay)\n\nexport default OverlayConnected\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport { close } from \"../../reducers/overlay\"\n\nexport function OverlayHeader({ children, dispatch }) {\n return (\n
    \n
    {children}
    \n dispatch(close())}\n >\n close\n \n
    \n )\n}\n\nconst OverlayHeaderConnected = connect()(OverlayHeader)\n\nexport default OverlayHeaderConnected\n","import React from \"react\"\n\nconst PageContainer = ({ children }) => (\n
    {children}
    \n)\n\nexport default PageContainer\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst PageHeader = ({ children, className, styleName }) => (\n \n
    \n
    \n
    \n {children}\n
    \n
    \n
    \n)\n\nexport default PageHeader\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst PageHeaderBanner = ({ children, className, styleName }) => (\n \n
    \n
    {children}
    \n
    \n \n)\n\nexport default PageHeaderBanner\n","import React from \"react\"\n\nconst PageHeaderContainer = ({ children }) => (\n
    {children}
    \n)\n\nexport default PageHeaderContainer\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst PageHeaderDetails = ({ children, className }) => (\n
    {children}
    \n)\n\nexport default PageHeaderDetails\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst PageHeaderHTMLMessage = ({ className, message }) => (\n \n)\n\nexport default PageHeaderHTMLMessage\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst PageHeaderMessage = ({ children, className }) => (\n
    {children}
    \n)\n\nexport default PageHeaderMessage\n","import React from \"react\"\nimport PageHeader from \"./PageHeader\"\nimport PageHeaderBanner from \"./PageHeaderBanner\"\nimport PageHeaderContainer from \"./PageHeaderContainer\"\nimport PageHeaderDetails from \"./PageHeaderDetails\"\n\nconst PageHeaderPlain = ({ styleName, header, message }) => (\n \n \n \n

    {header}

    \n     \n {message && (\n {message}\n )}\n     \n     \n)\n\nexport default PageHeaderPlain\n","import React from \"react\"\nimport zxcvbn from \"misago/services/zxcvbn\"\n\nexport const STYLES = [\n \"progress-bar-danger\",\n \"progress-bar-warning\",\n \"progress-bar-warning\",\n \"progress-bar-primary\",\n \"progress-bar-success\",\n]\n\nexport const LABELS = [\n pgettext(\"password strength indicator\", \"Entered password is very weak.\"),\n pgettext(\"password strength indicator\", \"Entered password is weak.\"),\n pgettext(\"password strength indicator\", \"Entered password is average.\"),\n pgettext(\"password strength indicator\", \"Entered password is strong.\"),\n pgettext(\"password strength indicator\", \"Entered password is very strong.\"),\n]\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this._score = 0\n this._password = null\n this._inputs = []\n\n this.state = {\n loaded: false,\n }\n }\n\n componentDidMount() {\n zxcvbn.load().then(() => {\n this.setState({ loaded: true })\n })\n }\n\n getScore(password, inputs) {\n let cacheStale = false\n\n if (password !== this._password) {\n cacheStale = true\n }\n\n if (inputs.length !== this._inputs.length) {\n cacheStale = true\n } else {\n inputs.map((value, i) => {\n if (value.trim() !== this._inputs[i]) {\n cacheStale = true\n }\n })\n }\n\n if (cacheStale) {\n this._score = zxcvbn.scorePassword(password, inputs)\n this._password = password\n this._inputs = inputs.map(function (value) {\n return value.trim()\n })\n }\n\n return this._score\n }\n\n render() {\n if (!this.state.loaded) return null\n\n let score = this.getScore(this.props.password, this.props.inputs)\n\n return (\n
    \n
    \n \n {LABELS[score]}\n
    \n
    \n

    {LABELS[score]}

    \n \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport PasswordStrength from \"misago/components/password-strength\"\nimport RegisterLegalFootnote from \"misago/components/RegisterLegalFootnote\"\nimport StartSocialAuth from \"misago/components/StartSocialAuth\"\nimport misago from \"misago\"\nimport ajax from \"misago/services/ajax\"\nimport auth from \"misago/services/auth\"\nimport captcha from \"misago/services/captcha\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport showBannedPage from \"misago/utils/banned-page\"\nimport * as validators from \"misago/utils/validators\"\n\nexport class RegisterForm extends Form {\n constructor(props) {\n super(props)\n\n const { username, password } = this.props.criteria\n\n let passwordMinLength = 0\n password.forEach((item) => {\n if (item.name === \"MinimumLengthValidator\") {\n passwordMinLength = item.min_length\n }\n })\n\n const formValidators = {\n username: [\n validators.usernameContent(),\n validators.usernameMinLength(username.min_length),\n validators.usernameMaxLength(username.max_length),\n ],\n email: [validators.email()],\n password: [validators.passwordMinLength(passwordMinLength)],\n captcha: captcha.validator(),\n }\n\n if (!!misago.get(\"TERMS_OF_SERVICE_ID\")) {\n formValidators.termsOfService = [validators.requiredTermsOfService()]\n }\n\n if (!!misago.get(\"PRIVACY_POLICY_ID\")) {\n formValidators.privacyPolicy = [validators.requiredPrivacyPolicy()]\n }\n\n this.state = {\n isLoading: false,\n\n username: \"\",\n email: \"\",\n password: \"\",\n captcha: \"\",\n\n termsOfService: null,\n privacyPolicy: null,\n\n validators: formValidators,\n errors: {},\n }\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(gettext(\"Form contains errors.\"))\n this.setState({\n errors: this.validate(),\n })\n return false\n }\n }\n\n send() {\n return ajax.post(misago.get(\"USERS_API\"), {\n username: this.state.username,\n email: this.state.email,\n password: this.state.password,\n captcha: this.state.captcha,\n terms_of_service: this.state.termsOfService,\n privacy_policy: this.state.privacyPolicy,\n })\n }\n\n handleSuccess(apiResponse) {\n this.props.callback(apiResponse)\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n this.setState({\n errors: Object.assign({}, this.state.errors, rejection),\n })\n\n if (rejection.__all__ && rejection.__all__.length > 0) {\n snackbar.error(rejection.__all__[0])\n } else {\n snackbar.error(gettext(\"Form contains errors.\"))\n }\n } else if (rejection.status === 403 && rejection.ban) {\n showBannedPage(rejection.ban)\n modal.hide()\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n handlePrivacyPolicyChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"privacyPolicy\", value)\n }\n\n handleTermsOfServiceChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"termsOfService\", value)\n }\n\n handleToggleAgreement = (agreement, value) => {\n this.setState((prevState, props) => {\n if (prevState[agreement] === null) {\n const errors = { ...prevState.errors, [agreement]: null }\n return { errors, [agreement]: value }\n }\n\n const validator = this.state.validators[agreement][0]\n const errors = { ...prevState.errors, [agreement]: [validator(null)] }\n return { errors, [agreement]: null }\n })\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"register modal title\", \"Register\")}\n

    \n
    \n
    \n \n \n
    \n \n\n \n \n \n\n \n \n \n\n \n }\n >\n \n \n\n {captcha.component({\n form: this,\n })}\n\n \n
    \n
    \n \n {pgettext(\"register modal btn\", \"Cancel\")}\n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport class RegisterComplete extends React.Component {\n getLead() {\n if (this.props.activation === \"user\") {\n return pgettext(\n \"account activation required\",\n \"%(username)s, your account has been created but you need to activate it before you will be able to sign in.\"\n )\n } else if (this.props.activation === \"admin\") {\n return pgettext(\n \"account activation required\",\n \"%(username)s, your account has been created but the site administrator will have to activate it before you will be able to sign in.\"\n )\n }\n }\n\n getSubscript() {\n if (this.props.activation === \"user\") {\n return pgettext(\n \"account activation required\",\n \"We have sent an e-mail to %(email)s with link that you have to click to activate your account.\"\n )\n } else if (this.props.activation === \"admin\") {\n return pgettext(\n \"account activation required\",\n \"We will send an e-mail to %(email)s when this takes place.\"\n )\n }\n }\n\n render() {\n return (\n \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"register modal title\", \"Registration complete\")}\n

    \n
    \n
    \n
    \n info_outline\n
    \n
    \n

    \n {interpolate(\n this.getLead(),\n { username: this.props.username },\n true\n )}\n

    \n

    \n {interpolate(\n this.getSubscript(),\n { email: this.props.email },\n true\n )}\n

    \n \n {pgettext(\"register modal dismiss\", \"Ok\")}\n \n
    \n
    \n
    \n \n )\n }\n}\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n complete: false,\n }\n }\n\n completeRegistration = (apiResponse) => {\n if (apiResponse.activation === \"active\") {\n modal.hide()\n auth.signIn(apiResponse)\n } else {\n this.setState({\n complete: apiResponse,\n })\n }\n }\n\n render() {\n if (this.state.complete) {\n return (\n \n )\n }\n\n return \n }\n}\n","import RegisterButton from \"./RegisterButton\"\n\nexport default RegisterButton\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport ajax from \"../../services/ajax\"\nimport captcha from \"../../services/captcha\"\nimport modal from \"../../services/modal\"\nimport snackbar from \"../../services/snackbar\"\nimport Loader from \"../loader\"\nimport RegisterForm from \"../register.js\"\n\nexport default class RegisterButton extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n isLoaded: false,\n\n criteria: null,\n }\n }\n\n showRegisterForm = () => {\n if (this.props.onClick) {\n this.props.onClick()\n }\n\n if (misago.get(\"SETTINGS\").account_activation === \"closed\") {\n snackbar.info(\n pgettext(\n \"register form\",\n \"Registration form is currently disabled by the site administrator.\"\n )\n )\n } else if (this.state.isLoaded) {\n modal.show()\n } else {\n this.setState({ isLoading: true })\n\n Promise.all([\n captcha.load(),\n ajax.get(misago.get(\"AUTH_CRITERIA_API\")),\n ]).then(\n (result) => {\n this.setState({\n isLoading: false,\n isLoaded: true,\n criteria: result[1],\n })\n\n modal.show()\n },\n () => {\n this.setState({ isLoading: false })\n\n snackbar.error(\n pgettext(\n \"register form\",\n \"Registration form is currently unavailable due to an error.\"\n )\n )\n }\n )\n }\n }\n\n render() {\n return (\n \n {pgettext(\"cta\", \"Register\")}\n {this.state.isLoading ? : null}\n \n )\n }\n}\n","import React from \"react\"\nimport misago from \"misago\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst AGREEMENT_URL = '%(agreement)s'\n\nconst RegisterLegalFootnote = (props) => {\n const {\n errors,\n privacyPolicy,\n termsOfService,\n onPrivacyPolicyChange,\n onTermsOfServiceChange,\n } = props\n\n const termsOfServiceId = misago.get(\"TERMS_OF_SERVICE_ID\")\n const termsOfServiceUrl = misago.get(\"TERMS_OF_SERVICE_URL\")\n\n const privacyPolicyId = misago.get(\"PRIVACY_POLICY_ID\")\n const privacyPolicyUrl = misago.get(\"PRIVACY_POLICY_URL\")\n\n if (!termsOfServiceId && !privacyPolicyId) return null\n\n return (\n
    \n \n \n
    \n )\n}\n\nconst LegalAgreement = (props) => {\n const { agreement, checked, errors, url, value, onChange } = props\n\n if (!url) return null\n\n const agreementHtml = interpolate(\n AGREEMENT_URL,\n { agreement: escapeHtml(agreement), url: escapeHtml(url) },\n true\n )\n const label = interpolate(\n pgettext(\n \"register form agreement prompt\",\n \"I have read and accept %(agreement)s.\"\n ),\n { agreement: agreementHtml },\n true\n )\n\n return (\n
    \n \n {errors &&\n errors.map((error, i) => (\n
    \n {error}\n
    \n ))}\n
    \n )\n}\n\nexport default RegisterLegalFootnote\n","import React from \"react\"\nimport { ListGroup } from \"../ListGroup\"\n\nexport default function SearchResultsList({ children }) {\n return {children}\n}\n","import React from \"react\"\nimport { ListGroupMessage } from \"../ListGroup\"\nimport SearchResultsList from \"./SearchResultsList\"\n\nexport default function SearchMessage() {\n return (\n \n \n \n )\n}\n","import React from \"react\"\nimport { ListGroupItem } from \"../ListGroup\"\nimport Timestamp from \"../Timestamp\"\n\nexport default function SearchResultPost({ post }) {\n return (\n \n \n
    \n
    {post.thread.title}
    \n \n
      \n
    • \n {post.category.name}\n
      • \n
    • {post.poster ? post.poster.username : post.poster_name}
      • \n
    • \n \n
      • \n
    \n
    \n     \n     \n )\n}\n","import React from \"react\"\nimport Avatar from \"../avatar\"\nimport { ListGroupItem } from \"../ListGroup\"\nimport Timestamp from \"../Timestamp\"\n\nexport default function SearchResultUser({ user }) {\n const title = user.title || user.rank.title\n\n return (\n \n \n \n
    \n
    {user.username}
    \n
      \n {!!title && (\n
    • \n {title}\n
      • \n )}\n
    • {user.rank.name}
      • \n
    • \n \n
      • \n
    \n
    \n     \n     \n )\n}\n","import React from \"react\"\nimport { ListGroupItem } from \"../ListGroup\"\nimport SearchResultsList from \"./SearchResultsList\"\nimport SearchResultPost from \"./SearchResultPost\"\nimport SearchResultUser from \"./SearchResultUser\"\n\nexport default function SearchResults({ query, results }) {\n const threads = results[0]\n const users = results[1]\n\n const { count } = threads.results\n\n return (\n \n {users.results.results.map((user) => (\n \n ))}\n {threads.results.results.map((post) => (\n \n ))}\n {count > 0 && (\n \n \n {npgettext(\n \"search results list\",\n \"See all %(count)s result.\",\n \"See all %(count)s results.\",\n threads.results.count\n ).replace(\"%(count)s\", threads.results.count)}\n \n \n )}\n \n )\n}\n","import React from \"react\"\nimport { ListGroupEmpty } from \"../ListGroup\"\nimport SearchResultsList from \"./SearchResultsList\"\n\nexport default function SearchResultsEmpty() {\n return (\n \n \n \n )\n}\n","import React from \"react\"\nimport { ListGroupError } from \"../ListGroup\"\nimport SearchResultsList from \"./SearchResultsList\"\n\nexport default function SearchResultsError({ error }) {\n return (\n \n \n \n )\n}\n\nfunction errorDetail(error) {\n if (error.status === 0) {\n return gettext(\n \"Check your internet connection and try refreshing the site.\"\n )\n }\n\n if (error.data && error.data.detail) {\n return error.data.detail\n }\n}\n","import React from \"react\"\nimport { ListGroupLoading } from \"../ListGroup\"\nimport SearchResultsList from \"./SearchResultsList\"\n\nexport default function SearchResultsLoading() {\n return (\n \n \n \n )\n}\n","import React from \"react\"\nimport { ApiFetch } from \"../Api\"\nimport SearchMessage from \"./SearchMessage\"\nimport SearchResults from \"./SearchResults\"\nimport SearchResultsEmpty from \"./SearchResultsEmpty\"\nimport SearchResultsError from \"./SearchResultsError\"\nimport SearchResultsLoading from \"./SearchResultsLoading\"\n\nconst DEBOUNCE = 750\nconst CACHE = {}\n\nexport default class SearchFetch extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n query: this.props.query.trim(),\n }\n\n this.debounce = null\n }\n\n componentDidUpdate() {\n const query = this.props.query.trim()\n\n if (this.state.query != query) {\n if (this.debounce) {\n window.clearTimeout(this.debounce)\n }\n\n this.debounce = window.setTimeout(() => {\n this.setState({ query })\n }, DEBOUNCE)\n }\n }\n\n componentWillUnmount() {\n if (this.debounce) {\n window.clearTimeout(this.debounce)\n }\n }\n\n render() {\n return (\n \n {({ data, loading, error }) => {\n if (this.state.query.length < 3) {\n return \n }\n\n if (loading) {\n return \n }\n\n if (error) {\n return \n }\n\n if (isResultEmpty(data)) {\n return \n }\n\n if (data !== null) {\n return \n }\n\n return null\n }}\n \n )\n }\n}\n\nfunction getSearchUrl(query) {\n return misago.get(\"SEARCH_API\") + \"?q=\" + encodeURIComponent(query)\n}\n\nfunction isResultEmpty(results) {\n if (results === null) {\n return true\n }\n\n let resultsCount = 0\n results.forEach((result) => {\n resultsCount += result.results.count\n })\n return resultsCount === 0\n}\n","import React from \"react\"\n\nexport default function SearchInput({ query, setQuery }) {\n return (\n
    \n setQuery(event.target.value)}\n />\n
    \n )\n}\n","import React from \"react\"\n\nexport default class SearchQuery extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n query: \"\",\n }\n }\n\n setQuery = (query) => {\n this.setState({ query })\n }\n\n render() {\n return this.props.children({\n query: this.state.query,\n setQuery: this.setQuery,\n })\n }\n}\n","import React from \"react\"\nimport SearchFetch from \"./SearchFetch\"\nimport SearchInput from \"./SearchInput\"\nimport SearchQuery from \"./SearchQuery\"\n\nexport default function SearchDropdown() {\n return (\n \n {({ query, setQuery }) => {\n return (\n
    \n \n \n
    \n )\n }}\n     \n )\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport { Overlay, OverlayHeader } from \"../Overlay\"\nimport SearchFetch from \"./SearchFetch\"\nimport SearchInput from \"./SearchInput\"\nimport SearchQuery from \"./SearchQuery\"\n\nfunction SearchOverlay({ open }) {\n return (\n {\n window.setTimeout(() => {\n document.querySelector(\"#search-mount .form-control-search\").focus()\n }, 0)\n }}\n >\n {pgettext(\"cta\", \"Search\")}\n \n {({ query, setQuery }) => {\n return (\n
    \n \n
    \n \n
    \n
    \n )\n }}\n     \n \n )\n}\n\nfunction select(state) {\n return { open: state.overlay.search }\n}\n\nconst SearchOverlayConnected = connect(select)(SearchOverlay)\n\nexport default SearchOverlayConnected\n","import SignInButton from \"./SignInButton\"\n\nexport default SignInButton\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport modal from \"../../services/modal\"\nimport SignInModal from \"../sign-in\"\n\nexport default function SignInButton({ block, className, onClick }) {\n const settings = misago.get(\"SETTINGS\")\n\n if (settings.DELEGATE_AUTH) {\n return (\n \n {pgettext(\"cta\", \"Sign in\")}\n \n )\n }\n\n return (\n {\n if (onClick) {\n onClick()\n }\n\n modal.show()\n }}\n >\n {pgettext(\"cta\", \"Sign in\")}\n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { connect } from \"react-redux\"\nimport {\n DropdownDivider,\n DropdownHeader,\n DropdownMenuItem,\n DropdownPills,\n DropdownSubheader,\n} from \"../Dropdown\"\nimport RegisterButton from \"../RegisterButton\"\nimport SignInButton from \"../SignInButton\"\n\nfunction SiteNavMenu({ isAnonymous, close, dropdown, overlay }) {\n const baseUrl = misago.get(\"MISAGO_PATH\")\n const settings = misago.get(\"SETTINGS\")\n const extraItems = misago.get(\"extraMenuItems\")\n const extraFooterItems = misago.get(\"extraFooterItems\")\n const categories = misago.get(\"categoriesMap\")\n const users = misago.get(\"usersLists\")\n const authDelegated = settings.enable_oauth2_client\n\n const topNav = []\n if (misago.get(\"THREADS_ON_INDEX\")) {\n topNav.push({ title: pgettext(\"site nav\", \"Threads\"), url: baseUrl })\n topNav.push({\n title: pgettext(\"site nav\", \"Categories\"),\n url: baseUrl + \"categories/\",\n })\n } else {\n topNav.push({ title: pgettext(\"site nav\", \"Categories\"), url: baseUrl })\n topNav.push({\n title: pgettext(\"site nav\", \"Threads\"),\n url: baseUrl + \"threads/\",\n })\n }\n\n topNav.push({\n title: pgettext(\"site nav\", \"Search\"),\n url: baseUrl + \"search/\",\n })\n\n const footerNav = []\n\n const tosTitle = misago.get(\"TERMS_OF_SERVICE_TITLE\")\n const tosUrl = misago.get(\"TERMS_OF_SERVICE_URL\")\n if (tosTitle && tosUrl) {\n footerNav.push({\n title: tosTitle,\n url: tosUrl,\n })\n }\n\n const privacyTitle = misago.get(\"PRIVACY_POLICY_TITLE\")\n const privacyUrl = misago.get(\"PRIVACY_POLICY_URL\")\n if (privacyTitle && privacyUrl) {\n footerNav.push({\n title: privacyTitle,\n url: privacyUrl,\n })\n }\n\n return (\n \n {isAnonymous && (\n \n {pgettext(\"cta\", \"You are not signed in\")}\n \n )}\n {isAnonymous && (\n \n \n {!authDelegated && }\n \n )}\n {settings.forum_name}\n {topNav.map((item) => (\n \n {item.title}\n \n ))}\n {extraItems.map((item, index) => (\n \n \n {item.title}\n \n \n ))}\n {!!users.length && }\n {!!users.length && (\n \n {pgettext(\"site nav section\", \"Users\")}\n \n )}\n {users.map((item) => (\n \n {item.name}\n \n ))}\n \n \n {pgettext(\"site nav section\", \"Categories\")}\n \n {categories.map((category) => (\n \n \n {category.name}\n \n {category.shortName || category.name}\n \n \n \n ))}\n {(!!footerNav.length || !!extraFooterItems.length) && (\n \n )}\n {(!!footerNav.length || !!extraFooterItems.length) && (\n \n {pgettext(\"site nav section\", \"Footer\")}\n \n )}\n {extraFooterItems.map((item, index) => (\n \n \n {item.title}\n \n \n ))}\n {footerNav.map((item) => (\n \n {item.title}\n \n ))}\n \n )\n}\n\nfunction select(state) {\n return {\n isAnonymous: !state.auth.user.id,\n }\n}\n\nconst SiteNavMenuConnected = connect(select)(SiteNavMenu)\n\nexport default SiteNavMenuConnected\n","import React from \"react\"\nimport SiteNavMenu from \"./SiteNavMenu\"\n\nexport default function SiteNavDropdown({ close }) {\n return \n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport { close } from \"../../reducers/overlay\"\nimport { Overlay, OverlayHeader } from \"../Overlay\"\nimport SiteNavMenu from \"./SiteNavMenu\"\n\nexport function SiteNavOverlay({ dispatch, isOpen }) {\n return (\n \n {pgettext(\"site nav title\", \"Menu\")}\n dispatch(close())} overlay />\n \n )\n}\n\nfunction select(state) {\n return {\n isOpen: state.overlay.siteNav,\n }\n}\n\nconst SiteNavOverlayConnected = connect(select)(SiteNavOverlay)\n\nexport default SiteNavOverlayConnected\n","import React from \"react\"\nimport misago from \"misago\"\n\nconst StartSocialAuth = (props) => {\n const { buttonClassName, buttonLabel, formLabel, header, labelClassName } =\n props\n const socialAuth = misago.get(\"SOCIAL_AUTH\")\n\n if (socialAuth.length === 0) return null\n\n return (\n
    \n \n
    \n {socialAuth.map(({ pk, name, button_text, button_color, url }) => {\n const className = \"btn btn-block btn-default btn-social-\" + pk\n const style = button_color ? { color: button_color } : null\n const finalButtonLabel =\n button_text || interpolate(buttonLabel, { site: name }, true)\n\n return (\n \n )\n })}\n
    \n
    \n \n
    \n )\n}\n\nconst FormHeader = ({ className, text }) => {\n if (!text) return null\n return
    {text}
    \n}\n\nexport default StartSocialAuth\n","import React from \"react\"\n\nconst ThreadFlags = ({ thread }) => (\n
      \n {thread.weight == 2 && (\n \n bookmark\n \n )}\n {thread.weight == 1 && (\n \n bookmark_outline\n \n )}\n {thread.best_answer && (\n \n check_circle\n \n )}\n {thread.has_poll && (\n
    • \n poll\n
      • \n )}\n {(thread.is_unapproved || thread.has_unapproved_posts) && (\n \n visibility\n \n )}\n {thread.is_closed && (\n \n lock\n \n )}\n {thread.is_hidden && (\n \n visibility_off\n \n )}\n
    \n)\n\nexport default ThreadFlags\n","import React from \"react\"\n\nconst ThreadReplies = ({ thread }) => (\n \n chat_bubble_outline\n {thread.replies > 980\n ? Math.round(thread.replies / 1000) + \"K\"\n : thread.replies}\n \n)\n\nexport default ThreadReplies\n","export const locale = window.misago_locale || \"en-us\"\n\nexport const momentAgo = pgettext(\"time ago\", \"moment ago\")\nexport const momentAgoNarrow = pgettext(\"time ago\", \"now\")\nexport const dayAt = pgettext(\"day at time\", \"%(day)s at %(time)s\")\nexport const tomorrowAt = pgettext(\"day at time\", \"Tomorrow at %(time)s\")\nexport const yesterdayAt = pgettext(\"day at time\", \"Yesterday at %(time)s\")\n\nexport const minuteCompact = pgettext(\"short minutes\", \"%(time)sm\")\nexport const hourCompact = pgettext(\"short hours\", \"%(time)sh\")\nexport const dayCompact = pgettext(\"short days\", \"%(time)sd\")\n\nexport const relativeNumeric = new Intl.RelativeTimeFormat(locale, {\n numeric: \"always\",\n style: \"long\",\n})\n\nexport const relativeAuto = new Intl.RelativeTimeFormat(locale, {\n numeric: \"auto\",\n style: \"long\",\n})\n\nexport const fullDateTime = new Intl.DateTimeFormat(locale, {\n dateStyle: \"full\",\n timeStyle: \"medium\",\n})\n\nexport const thisYearDate = new Intl.DateTimeFormat(locale, {\n month: \"long\",\n day: \"numeric\",\n})\n\nexport const thisYearDateNarrow = new Intl.DateTimeFormat(locale, {\n month: \"short\",\n day: \"numeric\",\n})\n\nexport const otherYearDate = new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n})\n\nexport const otherYearDateNarrow = new Intl.DateTimeFormat(locale, {\n year: \"2-digit\",\n month: \"short\",\n})\n\nexport const weekday = new Intl.DateTimeFormat(locale, {\n weekday: \"long\",\n})\n\nexport const shortTime = new Intl.DateTimeFormat(locale, { timeStyle: \"short\" })\n\nexport function formatNarrow(date) {\n const now = new Date()\n const absDiff = Math.abs(Math.round((date - now) / 1000))\n\n if (absDiff < 60) {\n return momentAgoNarrow\n }\n\n if (absDiff < 60 * 55) {\n const minutes = Math.ceil(absDiff / 60)\n return minuteCompact.replace(\"%(time)s\", minutes)\n }\n\n if (absDiff < 3600 * 24) {\n const hours = Math.ceil(absDiff / 3600)\n return hourCompact.replace(\"%(time)s\", hours)\n }\n\n if (absDiff < 86400 * 7) {\n const days = Math.ceil(absDiff / 86400)\n return dayCompact.replace(\"%(time)s\", days)\n }\n\n if (date.getFullYear() === now.getFullYear()) {\n return thisYearDateNarrow.format(date)\n }\n\n return otherYearDateNarrow.format(date)\n}\n\nexport function formatRelative(date) {\n const now = new Date()\n const diff = Math.round((date - now) / 1000)\n const absDiff = Math.abs(diff)\n const sign = diff < 1 ? -1 : 1\n\n if (absDiff < 90) {\n return momentAgo\n }\n\n if (absDiff < 60 * 47) {\n const minutes = Math.ceil(absDiff / 60) * sign\n return relativeNumeric.format(minutes, \"minute\")\n }\n\n if (absDiff < 3600 * 3) {\n const hours = Math.ceil(absDiff / 3600) * sign\n return relativeNumeric.format(hours, \"hour\")\n }\n\n if (isSameDay(now, date)) {\n return shortTime.format(date)\n }\n\n if (isYesterday(date)) {\n return yesterdayAt.replace(\"%(time)s\", shortTime.format(date))\n }\n\n if (isTomorrow(date)) {\n return tomorrowAt.replace(\"%(time)s\", shortTime.format(date))\n }\n\n if (diff < 0 && absDiff < 3600 * 24 * 6) {\n const day = weekday.format(date)\n return formatDayAtTime(day, date)\n }\n\n if (now.getFullYear() == date.getFullYear()) {\n return thisYearDate.format(date)\n }\n\n return otherYearDate.format(date)\n}\n\nexport function isSameDay(now, date) {\n return (\n now.getFullYear() == date.getFullYear() &&\n now.getMonth() == date.getMonth() &&\n now.getDate() == date.getDate()\n )\n}\n\nexport function isYesterday(date) {\n const yesterday = new Date()\n yesterday.setDate(yesterday.getDate() - 1)\n return isSameDay(yesterday, date)\n}\n\nexport function isTomorrow(date) {\n const yesterday = new Date()\n yesterday.setDate(yesterday.getDate() + 1)\n return isSameDay(yesterday, date)\n}\n\nexport function formatDayAtTime(day, date) {\n return dayAt\n .replace(\"%(day)s\", day)\n .replace(\"%(time)s\", shortTime.format(date))\n}\n","import React from \"react\"\nimport {\n formatNarrow,\n formatRelative,\n fullDateTime,\n} from \"../../datetimeFormats\"\n\nclass Timestamp extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = { tick: 0 }\n this.date = new Date(props.datetime)\n this.timeout = null\n }\n\n componentDidMount() {\n this.scheduleNextUpdate()\n }\n\n componentWillUnmount() {\n if (this.timeout) {\n window.clearTimeout(this.timeout)\n }\n }\n\n scheduleNextUpdate = () => {\n const now = new Date()\n const diff = Math.ceil(Math.abs(Math.round((this.date - now) / 1000)))\n\n if (diff < 3600) {\n this.timeout = window.setTimeout(\n () => {\n this.setState(tick)\n this.scheduleNextUpdate()\n },\n 50 * 1000 // Update every 50 seconds\n )\n } else if (diff < 3600 * 24) {\n this.timeout = window.setTimeout(\n () => {\n this.setState(tick)\n },\n 40 * 60 * 1000 // Update every 40 minutes\n )\n }\n }\n\n render() {\n const displayed = this.props.narrow\n ? formatNarrow(this.date)\n : formatRelative(this.date)\n\n return (\n \n {displayed}\n \n )\n }\n}\n\nfunction tick(state) {\n return { tick: state.tick + 1 }\n}\n\nexport default Timestamp\n","import Timestamp from \"./Timestamp\"\n\nexport default Timestamp\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst Toolbar = ({ children, className }) => (\n \n)\n\nexport default Toolbar\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst ToolbarItem = ({ children, className, shrink }) => (\n \n {children}\n \n)\n\nexport default ToolbarItem\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst ToolbarSection = ({ auto, children, className }) => (\n \n {children}\n \n)\n\nexport default ToolbarSection\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst ToolbarSpacer = ({ className }) => (\n
    \n)\n\nexport default ToolbarSpacer\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport Button from \"misago/components/button\"\nimport Loader from \"misago/components/loader\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n }\n }\n\n callApi(avatarType) {\n if (this.state.isLoading) {\n return false\n }\n\n this.setState({\n isLoading: true,\n })\n\n ajax\n .post(this.props.user.api.avatar, {\n avatar: avatarType,\n })\n .then(\n (response) => {\n this.setState({\n isLoading: false,\n })\n\n snackbar.success(response.detail)\n this.props.onComplete(response)\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n this.setState({\n isLoading: false,\n })\n } else {\n this.props.showError(rejection)\n }\n }\n )\n }\n\n setGravatar = () => {\n this.callApi(\"gravatar\")\n }\n\n setGenerated = () => {\n this.callApi(\"generated\")\n }\n\n getGravatarButton() {\n if (this.props.options.gravatar) {\n return (\n \n {pgettext(\"avatar modal btn\", \"Download my Gravatar\")}\n \n )\n } else {\n return null\n }\n }\n\n getCropButton() {\n if (!this.props.options.crop_src) return null\n\n return (\n \n {pgettext(\"avatar modal btn\", \"Re-crop uploaded image\")}\n \n )\n }\n\n getUploadButton() {\n if (!this.props.options.upload) return null\n\n return (\n \n {pgettext(\"avatar modal btn\", \"Upload new image\")}\n \n )\n }\n\n getGalleryButton() {\n if (!this.props.options.galleries) return null\n\n return (\n \n {pgettext(\"avatar modal btn\", \"Pick avatar from gallery\")}\n \n )\n }\n\n getAvatarPreview() {\n let userPeview = {\n id: this.props.user.id,\n avatars: this.props.options.avatars,\n }\n\n if (this.state.isLoading) {\n return (\n
    \n \n \n
    \n )\n }\n\n return (\n
    \n \n
    \n )\n }\n\n render() {\n return (\n
    \n
    \n
    {this.getAvatarPreview()}
    \n
    \n {this.getGravatarButton()}\n\n \n {pgettext(\"avatar modal btn\", \"Generate my individual avatar\")}\n \n\n {this.getCropButton()}\n {this.getUploadButton()}\n {this.getGalleryButton()}\n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport Button from \"misago/components/button\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n deviceRatio: 1,\n }\n }\n\n getAvatarSize() {\n if (this.props.upload) {\n return this.props.options.crop_tmp.size\n } else {\n return this.props.options.crop_src.size\n }\n }\n\n getImagePath() {\n if (this.props.upload) {\n return this.props.dataUrl\n } else {\n return this.props.options.crop_src.url\n }\n }\n\n componentDidMount() {\n let cropit = $(\".crop-form\")\n let cropperWidth = this.getAvatarSize()\n\n const initialWidth = cropit.width()\n while (initialWidth < cropperWidth) {\n cropperWidth = cropperWidth / 2\n }\n\n const deviceRatio = this.getAvatarSize() / cropperWidth\n\n cropit.width(cropperWidth)\n\n cropit.cropit({\n width: cropperWidth,\n height: cropperWidth,\n exportZoom: deviceRatio,\n imageState: {\n src: this.getImagePath(),\n },\n onImageLoaded: () => {\n if (this.props.upload) {\n // center uploaded image\n let zoomLevel = cropit.cropit(\"zoom\")\n let imageSize = cropit.cropit(\"imageSize\")\n\n // is it wider than taller?\n if (imageSize.width > imageSize.height) {\n let displayedWidth = imageSize.width * zoomLevel\n let offsetX = (displayedWidth - this.getAvatarSize()) / -2\n\n cropit.cropit(\"offset\", {\n x: offsetX,\n y: 0,\n })\n } else if (imageSize.width < imageSize.height) {\n let displayedHeight = imageSize.height * zoomLevel\n let offsetY = (displayedHeight - this.getAvatarSize()) / -2\n\n cropit.cropit(\"offset\", {\n x: 0,\n y: offsetY,\n })\n } else {\n cropit.cropit(\"offset\", {\n x: 0,\n y: 0,\n })\n }\n } else {\n // use preserved crop\n let crop = this.props.options.crop_src.crop\n\n if (crop) {\n cropit.cropit(\"zoom\", crop.zoom)\n cropit.cropit(\"offset\", {\n x: crop.x,\n y: crop.y,\n })\n }\n }\n },\n })\n }\n\n componentWillUnmount() {\n $(\".crop-form\").cropit(\"disable\")\n }\n\n cropAvatar = () => {\n if (this.state.isLoading) {\n return false\n }\n\n this.setState({\n isLoading: true,\n })\n\n let avatarType = this.props.upload ? \"crop_tmp\" : \"crop_src\"\n let cropit = $(\".crop-form\")\n\n const deviceRatio = cropit.cropit(\"exportZoom\")\n const cropitOffset = cropit.cropit(\"offset\")\n\n ajax\n .post(this.props.user.api.avatar, {\n avatar: avatarType,\n crop: {\n offset: {\n x: cropitOffset.x * deviceRatio,\n y: cropitOffset.y * deviceRatio,\n },\n zoom: cropit.cropit(\"zoom\") * deviceRatio,\n },\n })\n .then(\n (data) => {\n this.props.onComplete(data)\n snackbar.success(data.detail)\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n this.setState({\n isLoading: false,\n })\n } else {\n this.props.showError(rejection)\n }\n }\n )\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n {this.props.upload\n ? pgettext(\"avatar crop modal btn\", \"Set avatar\")\n : pgettext(\"avatar crop modal btn\", \"Crop image\")}\n \n\n \n {pgettext(\"avatar crop modal btn\", \"Cancel\")}\n \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport AvatarCrop from \"misago/components/change-avatar/crop\"\nimport Button from \"misago/components/button\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport fileSize from \"misago/utils/file-size\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n image: null,\n preview: null,\n progress: 0,\n uploaded: null,\n dataUrl: null,\n }\n }\n\n validateFile(image) {\n if (image.size > this.props.options.upload.limit) {\n return interpolate(\n pgettext(\n \"avatar upload modal\",\n \"Selected file is too big. (%(filesize)s)\"\n ),\n {\n filesize: fileSize(image.size),\n },\n true\n )\n }\n\n let invalidTypeMsg = pgettext(\n \"avatar upload modal\",\n \"Selected file type is not supported.\"\n )\n if (\n this.props.options.upload.allowed_mime_types.indexOf(image.type) === -1\n ) {\n return invalidTypeMsg\n }\n\n let extensionFound = false\n let loweredFilename = image.name.toLowerCase()\n this.props.options.upload.allowed_extensions.map(function (extension) {\n if (loweredFilename.substr(extension.length * -1) === extension) {\n extensionFound = true\n }\n })\n\n if (!extensionFound) {\n return invalidTypeMsg\n }\n\n return false\n }\n\n pickFile = () => {\n document.getElementById(\"avatar-hidden-upload\").click()\n }\n\n uploadFile = () => {\n let image = document.getElementById(\"avatar-hidden-upload\").files[0]\n if (!image) return\n\n let validationError = this.validateFile(image)\n if (validationError) {\n snackbar.error(validationError)\n return\n }\n\n this.setState({\n image,\n preview: URL.createObjectURL(image),\n progress: 0,\n })\n\n let data = new FormData()\n data.append(\"avatar\", \"upload\")\n data.append(\"image\", image)\n\n ajax\n .upload(this.props.user.api.avatar, data, (progress) => {\n this.setState({\n progress,\n })\n })\n .then(\n (data) => {\n this.setState({\n options: data,\n uploaded: data.detail,\n })\n\n snackbar.info(\n pgettext(\n \"avatar upload modal\",\n \"Your image has been uploaded and you may now crop it.\"\n )\n )\n },\n (rejection) => {\n if (rejection.status === 400 || rejection.status === 413) {\n snackbar.error(rejection.detail)\n this.setState({\n isLoading: false,\n image: null,\n progress: 0,\n })\n } else {\n this.props.showError(rejection)\n }\n }\n )\n }\n\n getUploadRequirements(options) {\n let extensions = options.allowed_extensions.map(function (extension) {\n return extension.substr(1)\n })\n\n return interpolate(\n pgettext(\"avatar upload modal\", \"%(files)s files smaller than %(limit)s\"),\n {\n files: extensions.join(\", \"),\n limit: fileSize(options.limit),\n },\n true\n )\n }\n\n getUploadButton() {\n return (\n
    \n \n

    \n {this.getUploadRequirements(this.props.options.upload)}\n

    \n
    \n )\n }\n\n getUploadProgressLabel() {\n return interpolate(\n pgettext(\"avatar upload modal field\", \"%(progress)s % complete\"),\n {\n progress: this.state.progress,\n },\n true\n )\n }\n\n getUploadProgress() {\n return (\n
    \n
    \n \n\n
    \n \n {this.getUploadProgressLabel()}\n
    \n
    \n
    \n
    \n )\n }\n\n renderUpload() {\n return (\n
    \n \n {this.state.image ? this.getUploadProgress() : this.getUploadButton()}\n
    \n
    \n \n {pgettext(\"avatar upload modal btn\", \"Cancel\")}\n \n
    \n
    \n
    \n )\n }\n\n renderCrop() {\n return (\n \n )\n }\n\n render() {\n if (this.state.uploaded) return this.renderCrop()\n\n return this.renderUpload()\n }\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport Button from \"misago/components/button\"\nimport misago from \"misago/index\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport batch from \"misago/utils/batch\"\n\nexport class GalleryItem extends React.Component {\n select = () => {\n this.props.select(this.props.id)\n }\n\n getClassName() {\n if (this.props.selection === this.props.id) {\n if (this.props.disabled) {\n return \"btn btn-avatar btn-disabled avatar-selected\"\n } else {\n return \"btn btn-avatar avatar-selected\"\n }\n } else if (this.props.disabled) {\n return \"btn btn-avatar btn-disabled\"\n } else {\n return \"btn btn-avatar\"\n }\n }\n\n render() {\n return (\n \n \n \n )\n }\n}\n\nexport class Gallery extends React.Component {\n render() {\n return (\n
    \n

    {this.props.name}

    \n\n
    \n {batch(this.props.images, 4, null).map((row, i) => {\n return (\n
    \n {row.map((item, i) => {\n return (\n
    \n {item ? (\n \n ) : (\n
    \n )}\n
    \n )\n })}\n
    \n )\n })}\n
    \n
    \n )\n }\n}\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n selection: null,\n isLoading: false,\n }\n }\n\n select = (image) => {\n this.setState({\n selection: image,\n })\n }\n\n save = () => {\n if (this.state.isLoading) {\n return false\n }\n\n this.setState({\n isLoading: true,\n })\n\n ajax\n .post(this.props.user.api.avatar, {\n avatar: \"galleries\",\n image: this.state.selection,\n })\n .then(\n (response) => {\n this.setState({\n isLoading: false,\n })\n\n snackbar.success(response.detail)\n this.props.onComplete(response)\n this.props.showIndex()\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n this.setState({\n isLoading: false,\n })\n } else {\n this.props.showError(rejection)\n }\n }\n )\n }\n\n render() {\n return (\n
    \n
    \n {this.props.options.galleries.map((item, i) => {\n return (\n \n )\n })}\n
    \n
    \n
    \n
    \n \n {this.state.selection\n ? pgettext(\"avatar gallery modal btn\", \"Save choice\")\n : pgettext(\"avatar gallery modal btn\", \"Select avatar\")}\n \n\n \n {pgettext(\"avatar gallery modal btn\", \"Cancel\")}\n \n
    \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport AvatarIndex from \"misago/components/change-avatar/index\"\nimport AvatarCrop from \"misago/components/change-avatar/crop\"\nimport AvatarUpload from \"misago/components/change-avatar/upload\"\nimport AvatarGallery from \"misago/components/change-avatar/gallery\"\nimport Loader from \"misago/components/modal-loader\"\nimport { updateAvatar } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport store from \"misago/services/store\"\n\nexport class ChangeAvatarError extends React.Component {\n getErrorReason() {\n if (this.props.reason) {\n return

    \n } else {\n return null\n }\n }\n\n render() {\n return (\n

    \n
    \n remove_circle_outline\n
    \n
    \n

    {this.props.message}

    \n {this.getErrorReason()}\n \n {pgettext(\"avatar modal dismiss\", \"Ok\")}\n \n
    \n
    \n )\n }\n}\n\nexport default class extends React.Component {\n componentDidMount() {\n ajax.get(this.props.user.api.avatar).then(\n (options) => {\n this.setState({\n component: AvatarIndex,\n options: options,\n error: null,\n })\n },\n (rejection) => {\n this.showError(rejection)\n }\n )\n }\n\n showError = (error) => {\n this.setState({\n error,\n })\n }\n\n showIndex = () => {\n this.setState({\n component: AvatarIndex,\n })\n }\n\n showUpload = () => {\n this.setState({\n component: AvatarUpload,\n })\n }\n\n showCrop = () => {\n this.setState({\n component: AvatarCrop,\n })\n }\n\n showGallery = () => {\n this.setState({\n component: AvatarGallery,\n })\n }\n\n completeFlow = (options) => {\n store.dispatch(updateAvatar(this.props.user, options.avatars))\n\n this.setState({\n component: AvatarIndex,\n options,\n })\n }\n\n getBody() {\n if (this.state) {\n if (this.state.error) {\n return (\n \n )\n } else {\n return (\n \n )\n }\n } else {\n return \n }\n }\n\n getClassName() {\n if (this.state && this.state.error) {\n return \"modal-dialog modal-message modal-change-avatar\"\n } else {\n return \"modal-dialog modal-change-avatar\"\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"avatar modal title\", \"Change your avatar\")}\n

    \n
    \n\n {this.getBody()}\n
    \n
    \n )\n }\n}\n\nexport function select(state) {\n return {\n user: state.auth.user,\n }\n}\n","export default function logout() {\n document.getElementById(\"hidden-logout-form\").submit()\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { connect } from \"react-redux\"\nimport modal from \"../../services/modal\"\nimport ChangeAvatarModal, {\n select as selectAvatar,\n} from \"../change-avatar/root\"\nimport {\n DropdownDivider,\n DropdownFooter,\n DropdownMenuItem,\n DropdownSubheader,\n} from \"../Dropdown\"\nimport logout from \"./logout\"\n\nclass UserNavMenu extends React.Component {\n constructor(props) {\n super(props)\n\n if (props.dropdown) {\n // Collapse options on dropdown\n this.state = {\n options: props.options.slice(0, 2),\n optionsMore: props.options.length > 2,\n }\n } else {\n // Reveal all options on mobile overlay\n this.state = {\n options: props.options,\n optionsMore: false,\n }\n }\n }\n\n changeAvatar = () => {\n this.props.close()\n modal.show(connect(selectAvatar)(ChangeAvatarModal))\n }\n\n revealOptions = () => {\n this.setState({\n options: this.props.options,\n optionsMore: false,\n })\n }\n\n render() {\n const { user, close, dropdown, overlay } = this.props\n\n if (!user) {\n return null\n }\n\n const adminUrl = misago.get(\"ADMIN_URL\")\n\n return (\n \n
  • \n \n {user.username}\n {pgettext(\"user nav\", \"Go to your profile\")}\n \n
    • \n \n \n \n \n {user.unreadNotifications\n ? \"notifications_active\"\n : \"notifications_none\"}\n \n {pgettext(\"user nav\", \"Notifications\")}\n {!!user.unreadNotifications && (\n {user.unreadNotifications}\n )}\n \n \n {!!user.showPrivateThreads && (\n \n \n inbox\n {pgettext(\"user nav\", \"Private threads\")}\n {!!user.unreadPrivateThreads && (\n {user.unreadPrivateThreads}\n )}\n \n \n )}\n {!!adminUrl && (\n \n \n security\n {pgettext(\"user nav\", \"Admin control panel\")}\n \n \n )}\n \n \n {pgettext(\"user nav section\", \"Change options\")}\n \n \n \n portrait\n {pgettext(\"user nav\", \"Change avatar\")}\n \n \n {this.state.options.map((item) => (\n \n \n {item.icon}\n {item.name}\n \n \n ))}\n \n \n more_vertical\n {pgettext(\"user nav\", \"See more\")}\n \n \n {!!dropdown && (\n \n {\n logout()\n close()\n }}\n type=\"button\"\n >\n {pgettext(\"user nav\", \"Log out\")}\n \n \n )}\n \n )\n }\n}\n\nfunction select(state) {\n const user = state.auth.user\n if (!user.id) {\n return { user: null }\n }\n\n return {\n user: {\n username: user.username,\n unreadNotifications: user.unreadNotifications,\n unreadPrivateThreads: user.unread_private_threads,\n showPrivateThreads: user.acl.can_use_private_threads,\n url: user.url,\n },\n options: [...misago.get(\"userOptions\")],\n }\n}\n\nconst UserNavMenuConnected = connect(select)(UserNavMenu)\n\nexport default UserNavMenuConnected\n","import React from \"react\"\nimport UserNavMenu from \"./UserNavMenu\"\n\nexport default function UserNavDropdown({ close }) {\n return \n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport { close } from \"../../reducers/overlay\"\nimport { DropdownFooter } from \"../Dropdown\"\nimport { Overlay, OverlayHeader } from \"../Overlay\"\nimport UserNavMenu from \"./UserNavMenu\"\nimport logout from \"./logout\"\n\nexport function UserNavOverlay({ dispatch, isOpen }) {\n return (\n \n \n {pgettext(\"user nav title\", \"Your options\")}\n \n dispatch(close())} overlay />\n \n {\n logout()\n dispatch(close())\n }}\n type=\"button\"\n >\n {pgettext(\"user nav\", \"Log out\")}\n \n \n \n )\n}\n\nfunction select(state) {\n return {\n isOpen: state.overlay.userNav,\n }\n}\n\nconst UserNavOverlayConnected = connect(select)(UserNavOverlay)\n\nexport default UserNavOverlayConnected\n","import React from \"react\"\nimport misago from \"misago\"\n\nexport default function (props) {\n const size = props.size || 100\n const size2x = props.size2x || size * 2\n\n return (\n \n )\n}\n\nexport function getSrc(user, size) {\n if (user && user.id) {\n // just avatar hash, size and user id\n return resolveAvatarForSize(user.avatars, size).url\n } else {\n // just append avatar size to file to produce no-avatar placeholder\n return misago.get(\"BLANK_AVATAR_URL\")\n }\n}\n\nexport function resolveAvatarForSize(avatars, size) {\n let avatar = avatars[0]\n avatars.forEach((av) => {\n if (av.size >= size) {\n avatar = av\n }\n })\n return avatar\n}\n","import React from \"react\"\nimport Loader from \"./loader\"\n\nexport default class Button extends React.Component {\n render() {\n let className = \"btn \" + this.props.className\n let disabled = this.props.disabled\n\n if (this.props.loading) {\n className += \" btn-loading\"\n disabled = true\n }\n\n return (\n \n {this.props.children}\n {this.props.loading ? : null}\n \n )\n }\n}\n\nButton.defaultProps = {\n className: \"btn-default\",\n\n type: \"submit\",\n\n loading: false,\n disabled: false,\n\n onClick: null,\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n \n {props.choices.map((item) => {\n return (\n \n {\"- - \".repeat(item.level) + item.label}\n \n )\n })}\n \n )\n}\n","import React from \"react\"\nimport PanelMessage from \"misago/components/panel-message\"\n\nexport default function ({ display }) {\n if (!display) return null\n\n return (\n \n )\n}\n","import React from \"react\"\nimport Loader from \"misago/components/loader\"\n\nexport default function ({ display }) {\n if (!display) return null\n\n return (\n
    \n \n
    \n )\n}\n","import React from \"react\"\nimport Select from \"misago/components/select\"\n\nexport default class extends React.Component {\n onChange = (ev) => {\n const { field, onChange } = this.props\n onChange(field.fieldname, ev.target.value)\n }\n\n render() {\n const { disabled, field, value } = this.props\n const { input } = field\n\n if (input.type === \"select\") {\n return (\n \n )\n }\n\n if (input.type === \"textarea\") {\n return (\n \n )\n }\n\n if (input.type === \"text\") {\n return (\n \n )\n }\n\n return null\n }\n}\n","import React from \"react\"\nimport FieldInput from \"./field-input\"\nimport FormGroup from \"misago/components/form-group\"\n\nexport default function ({ disabled, errors, fields, name, onChange, value }) {\n return (\n
    \n {name}\n {fields.map((field) => {\n return (\n \n \n \n )\n })}\n
    \n )\n}\n","import React from \"react\"\nimport Fieldset from \"./fieldset\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n errors: {},\n }\n\n const groups = props.groups.length\n for (let i = 0; i < groups; i++) {\n const group = props.groups[i]\n const fields = group.fields.length\n for (let f = 0; f < fields; f++) {\n const fieldname = group.fields[f].fieldname\n const initial = group.fields[f].initial\n this.state[fieldname] = initial\n }\n }\n }\n\n send() {\n const data = Object.assign({}, this.state, {\n errors: null,\n isLoading: null,\n })\n\n return ajax.post(this.props.api, data)\n }\n\n handleSuccess(data) {\n this.props.onSuccess(data)\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(gettext(\"Form contains errors.\"))\n this.setState({ errors: rejection })\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onChange = (name, value) => {\n this.setState({\n [name]: value,\n })\n }\n\n render() {\n return (\n
    \n
    \n {this.props.groups.map((group, i) => {\n return (\n \n )\n })}\n
    \n
    \n {\" \"}\n \n
    \n
    \n )\n }\n}\n\nexport function CancelButton({ onCancel, disabled }) {\n if (!onCancel) return null\n\n return (\n \n {pgettext(\"user profile details form btn\", \"Cancel\")}\n \n )\n}\n","import React from \"react\"\nimport Blankslate from \"./blankslate\"\nimport Loader from \"./loader\"\nimport Form from \"./form\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n loading: true,\n groups: null,\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.api).then(\n (groups) => {\n this.setState({\n loading: false,\n\n groups,\n })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n if (this.props.cancel) {\n this.props.cancel()\n }\n }\n )\n }\n\n render() {\n const { groups, loading } = this.state\n\n return (\n
    \n
    \n

    \n {pgettext(\"user profile details form title\", \"Edit details\")}\n

    \n
    \n \n \n \n
    \n )\n }\n}\n\nexport function FormDisplay({ api, display, groups, onCancel, onSuccess }) {\n if (!display) return null\n\n return (\n
    \n )\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n isValidated() {\n return typeof this.props.validation !== \"undefined\"\n }\n\n getClassName() {\n let className = \"form-group\"\n if (this.isValidated()) {\n className += \" has-feedback\"\n if (this.props.validation === null) {\n className += \" has-success\"\n } else {\n className += \" has-error\"\n }\n }\n return className\n }\n\n getFeedback() {\n if (this.props.validation) {\n return (\n
    \n {this.props.validation.map((error, i) => {\n return

    {error}

    \n })}\n
    \n )\n } else {\n return null\n }\n }\n\n getFeedbackDescription() {\n if (this.isValidated()) {\n return (\n \n {this.props.validation\n ? pgettext(\"field validation status\", \"(error)\")\n : pgettext(\"field validation status\", \"(success)\")}\n \n )\n } else {\n return null\n }\n }\n\n getHelpText() {\n if (this.props.helpText) {\n return

    {this.props.helpText}

    \n } else {\n return null\n }\n }\n\n render() {\n return (\n
    \n \n {this.props.label + \":\"}\n \n
    \n {this.props.children}\n {this.getFeedbackDescription()}\n {this.getFeedback()}\n {this.getHelpText()}\n {this.props.extra || null}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport { required } from \"../utils/validators\"\nimport snackbar from \"../services/snackbar\"\n\nlet validateRequired = required()\n\nexport default class extends React.Component {\n validate() {\n let errors = {}\n if (!this.state.validators) {\n return errors\n }\n\n let validators = {\n required: this.state.validators.required || this.state.validators,\n optional: this.state.validators.optional || {},\n }\n\n let validatedFields = []\n\n // add required fields to validation\n for (let name in validators.required) {\n if (\n validators.required.hasOwnProperty(name) &&\n validators.required[name]\n ) {\n validatedFields.push(name)\n }\n }\n\n // add optional fields to validation\n for (let name in validators.optional) {\n if (\n validators.optional.hasOwnProperty(name) &&\n validators.optional[name]\n ) {\n validatedFields.push(name)\n }\n }\n\n // validate fields values\n for (let i in validatedFields) {\n let name = validatedFields[i]\n let fieldErrors = this.validateField(name, this.state[name])\n\n if (fieldErrors === null) {\n errors[name] = null\n } else if (fieldErrors) {\n errors[name] = fieldErrors\n }\n }\n\n return errors\n }\n\n isValid() {\n let errors = this.validate()\n for (let field in errors) {\n if (errors.hasOwnProperty(field)) {\n if (errors[field] !== null) {\n return false\n }\n }\n }\n\n return true\n }\n\n validateField(name, value) {\n let errors = []\n if (!this.state.validators) {\n return errors\n }\n\n let validators = {\n required: (this.state.validators.required || this.state.validators)[name],\n optional: (this.state.validators.optional || {})[name],\n }\n\n let requiredError = validateRequired(value) || false\n\n if (validators.required) {\n if (requiredError) {\n errors = [requiredError]\n } else {\n for (let i in validators.required) {\n let validationError = validators.required[i](value)\n if (validationError) {\n errors.push(validationError)\n }\n }\n }\n\n return errors.length ? errors : null\n } else if (requiredError === false && validators.optional) {\n for (let i in validators.optional) {\n let validationError = validators.optional[i](value)\n if (validationError) {\n errors.push(validationError)\n }\n }\n\n return errors.length ? errors : null\n }\n\n return false // false === field wasn't validated\n }\n\n bindInput = (name) => {\n return (event) => {\n this.changeValue(name, event.target.value)\n }\n }\n\n changeValue = (name, value) => {\n let newState = {\n [name]: value,\n }\n\n const formErrors = this.state.errors || {}\n formErrors[name] = this.validateField(name, newState[name])\n newState.errors = formErrors\n\n this.setState(newState)\n }\n\n clean() {\n return true\n }\n\n send() {\n return null\n }\n\n handleSuccess(success) {\n return\n }\n\n handleError(rejection) {\n snackbar.apiError(rejection)\n }\n\n handleSubmit = (event) => {\n // we don't reload page on submissions\n if (event) {\n event.preventDefault()\n }\n\n if (this.state.isLoading) {\n return\n }\n\n if (this.clean()) {\n this.setState({ isLoading: true })\n let promise = this.send()\n\n if (promise) {\n promise.then(\n (success) => {\n this.setState({ isLoading: false })\n this.handleSuccess(success)\n },\n (rejection) => {\n this.setState({ isLoading: false })\n this.handleError(rejection)\n }\n )\n } else {\n this.setState({ isLoading: false })\n }\n }\n }\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n isActive() {\n if (this.props.isControlled) {\n return this.props.isActive\n } else {\n if (this.props.path) {\n return document.location.pathname.indexOf(this.props.path) === 0\n } else {\n return false\n }\n }\n }\n\n getClassName() {\n if (this.isActive()) {\n return (\n (this.props.className || \"\") +\n \" \" +\n (this.props.activeClassName || \"active\")\n )\n } else {\n return this.props.className || \"\"\n }\n }\n\n render() {\n return
  • {this.props.children}
    • \n }\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n
    \n
    \n
    \n )\n}\n","import React from \"react\"\nimport Button from \"./button\"\nimport Form from \"./form\"\nimport FormGroup from \"./form-group\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n bestAnswer: \"0\",\n poll: \"0\",\n }\n }\n\n clean() {\n if (this.props.polls && this.state.poll === \"0\") {\n const confirmation = window.confirm(\n pgettext(\n \"merge threads conflict form\",\n \"Are you sure you want to delete all polls?\"\n )\n )\n return confirmation\n }\n\n return true\n }\n\n send() {\n const data = Object.assign({}, this.props.data, {\n best_answer: this.state.bestAnswer,\n poll: this.state.poll,\n })\n\n return ajax.post(this.props.api, data)\n }\n\n handleSuccess = (success) => {\n this.props.onSuccess(success)\n modal.hide()\n }\n\n handleError = (rejection) => {\n this.props.onError(rejection)\n }\n\n onBestAnswerChange = (event) => {\n this.changeValue(\"bestAnswer\", event.target.value)\n }\n\n onPollChange = (event) => {\n this.changeValue(\"poll\", event.target.value)\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"merge threads conflict modal title\", \"Merge threads\")}\n

    \n
    \n \n
    \n \n \n
    \n
    \n \n {pgettext(\"merge threads conflict btn\", \"Cancel\")}\n \n \n
    \n \n
    \n
    \n )\n }\n}\n\nexport function BestAnswerSelect({ choices, onChange, value }) {\n if (!choices) return null\n\n return (\n \n \n {choices.map((choice) => {\n return (\n \n )\n })}\n \n \n )\n}\n\nexport function PollSelect({ choices, onChange, value }) {\n if (!choices) return null\n\n return (\n \n \n {choices.map((choice) => {\n return (\n \n )\n })}\n \n \n )\n}\n","const ytRegExp = new RegExp(\n \"^.*(?:(?:youtu.be/|v/|vi/|u/w/|embed/)|(?:(?:watch)??v(?:i)?=|&v(?:i)?=))([^#&?]*).*\"\n)\n\nexport class OneBox {\n constructor() {\n this._youtube = {}\n }\n\n render = (element) => {\n if (!element) return\n this.highlightCode(element)\n this.embedYoutubePlayers(element)\n }\n\n highlightCode(element) {\n import(\"highlight\").then(({ default: hljs }) => {\n const codeblocks = element.querySelectorAll(\"pre>code\")\n for (let i = 0; i < codeblocks.length; i++) {\n hljs.highlightElement(codeblocks[i])\n }\n })\n }\n\n embedYoutubePlayers(element) {\n const anchors = element.querySelectorAll(\"p>a\")\n for (let i = 0; i < anchors.length; i++) {\n const a = anchors[i]\n const p = a.parentNode\n const onlyChild = p.childNodes.length === 1\n\n if (!this._youtube[a.href]) {\n this._youtube[a.href] = parseYoutubeUrl(a.href)\n }\n\n const youtubeMovie = this._youtube[a.href]\n if (onlyChild && !!youtubeMovie && youtubeMovie.data !== false) {\n this.swapYoutubePlayer(a, youtubeMovie)\n }\n }\n }\n\n swapYoutubePlayer(element, youtube) {\n let url = \"https://www.youtube.com/embed/\"\n url += youtube.video\n url += \"?feature=oembed\"\n if (youtube.start) {\n url += \"&start=\" + youtube.start\n }\n\n const player = $(\n '\"\n )\n $(element).replaceWith(player)\n player.wrap('
    ')\n }\n}\n\nexport default new OneBox()\n\nexport function parseYoutubeUrl(url) {\n const cleanedUrl = cleanUrl(url)\n const video = getVideoIdFromUrl(cleanedUrl)\n\n if (!video) return null\n\n let start = 0\n if (cleanedUrl.indexOf(\"?\") > 0) {\n const query = cleanedUrl.substr(cleanedUrl.indexOf(\"?\") + 1)\n const timebit = query.split(\"&\").filter((i) => {\n return i.substr(0, 2) === \"t=\"\n })[0]\n\n if (timebit) {\n const bits = timebit.substr(2).split(\"m\")\n if (bits[0].substr(-1) === \"s\") {\n start += parseInt(bits[0].substr(0, bits[0].length - 1))\n } else {\n start += parseInt(bits[0]) * 60\n if (!!bits[1] && bits[1].substr(-1) === \"s\") {\n start += parseInt(bits[1].substr(0, bits[1].length - 1))\n }\n }\n }\n }\n\n return {\n start,\n video,\n }\n}\n\nexport function cleanUrl(url) {\n let clean = url\n\n if (url.substr(0, 8) === \"https://\") {\n clean = clean.substr(8)\n } else if (url.substr(0, 7) === \"http://\") {\n clean = clean.substr(7)\n }\n\n if (clean.substr(0, 4) === \"www.\") {\n clean = clean.substr(4)\n }\n\n return clean\n}\n\nexport function getVideoIdFromUrl(url) {\n if (url.indexOf(\"youtu\") === -1) return null\n\n const video = url.match(ytRegExp)\n if (video) {\n return video[1]\n }\n return null\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport onebox from \"misago/services/one-box\"\n\nexport default class extends React.Component {\n componentDidMount() {\n onebox.render(this.documentNode)\n $(this.documentNode).find(\".spoiler-reveal\").click(revealSpoiler)\n }\n\n componentDidUpdate(prevProps, prevState) {\n onebox.render(this.documentNode)\n $(this.documentNode).find(\".spoiler-reveal\").click(revealSpoiler)\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n return nextProps.markup !== this.props.markup\n }\n\n render() {\n return (\n {\n this.documentNode = node\n }}\n />\n )\n }\n}\n\nfunction revealSpoiler(event) {\n var btn = event.target\n $(btn).parent().parent().addClass(\"revealed\")\n}\n","import React from \"react\"\nimport Loader from \"misago/components/loader\"\n\nexport default class extends React.Component {\n render() {\n return (\n
    \n \n
    \n )\n }\n}\n","import React from \"react\"\nimport PanelMessage from \"misago/components/panel-message\"\n\nexport default class extends PanelMessage {\n getHelpText() {\n if (this.props.helpText) {\n return

    {this.props.helpText}

    \n } else {\n return null\n }\n }\n\n render() {\n return (\n
    \n
    \n \n {this.props.icon || \"info_outline\"}\n \n
    \n
    \n

    {this.props.message}

    \n {this.getHelpText()}\n \n {pgettext(\"modal message dismiss btn\", \"Ok\")}\n \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Loader from \"misago/components/loader\"\n\nexport default class extends React.Component {\n render() {\n return (\n
    \n \n
    \n )\n }\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getHelpText() {\n if (this.props.helpText) {\n return

    {this.props.helpText}

    \n } else {\n return null\n }\n }\n\n render() {\n return (\n
    \n
    \n \n {this.props.icon || \"info_outline\"}\n \n
    \n
    \n

    {this.props.message}

    \n {this.getHelpText()}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport MisagoMarkup from \"misago/components/misago-markup\"\n\nexport default function (props) {\n if (props.post.content) {\n return \n } else {\n return \n }\n}\n\nexport function Default(props) {\n return (\n
    \n \n
    \n )\n}\n\nexport function Invalid(props) {\n return (\n
    \n

    \n {pgettext(\n \"post body invalid\",\n \"This post's contents cannot be displayed.\"\n )}\n

    \n

    \n {pgettext(\n \"post body invalid\",\n \"This error is caused by invalid post content manipulation.\"\n )}\n

    \n
    \n )\n}\n","import React from \"react\"\n\nexport default function ({ post }) {\n const { category, thread } = post\n\n const tooltip = interpolate(\n pgettext(\"posts feed item header\", \"posted %(posted_on)s\"),\n {\n posted_on: post.posted_on.format(\"LL, LT\"),\n },\n true\n )\n\n return (\n
    \n \n {thread.title}\n \n \n {category.name}\n \n \n {post.posted_on.fromNow()}\n \n
    \n )\n}\n","import React from \"react\"\n\nexport default function ({ post }) {\n return (\n \n \n {pgettext(\"go to post link\", \"See post\")}\n \n chevron_right\n \n )\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport GoToButton from \"./button\"\n\nexport default function ({ post }) {\n return (\n
    \n \n
    \n
    \n \n \n \n
    \n
    \n
    \n {post.poster_name}\n
    \n \n {pgettext(\"post removed poster username\", \"Removed user\")}\n \n
    \n
    \n
    \n )\n}\n","import React from \"react\"\n\nexport default function ({ rank, title }) {\n let userTitle = title || rank.title || rank.name\n\n let className = \"user-title\"\n if (rank.css_class) {\n className += \" user-title-\" + rank.css_class\n }\n\n if (rank.is_tab) {\n return (\n \n {userTitle}\n \n )\n }\n\n return {userTitle}\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport GoToButton from \"./button\"\nimport UserTitle from \"./user-title\"\n\nexport default function ({ post, poster }) {\n return (\n
    \n \n
    \n
    \n \n \n \n
    \n \n
    \n
    \n )\n}\n","import React from \"react\"\nimport Anonymous from \"./anonymous\"\nimport Registered from \"./registered\"\n\nexport default function ({ post, poster }) {\n if (poster && poster.id) {\n return \n }\n\n return \n}\n","import React from \"react\"\nimport Body from \"./body\"\nimport Header from \"./header\"\nimport PostSide from \"./post-side\"\n\nexport default function ({ post, poster }) {\n const user = poster || post.poster\n\n let className = \"post\"\n if (user && user.rank.css_class) {\n className += \" post-\" + user.rank.css_class\n }\n\n return (\n
  • \n
    \n
    \n
    \n \n
    \n \n
    \n
    \n
    \n
    • \n )\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport * as random from \"misago/utils/random\"\n\nexport default function () {\n return (\n
      \n
    • \n
      \n
      \n
      \n
      \n
      \n
      \n \n \n \n
      \n
      \n
      \n \n \n  \n \n \n
      \n \n \n  \n \n \n
      \n
      \n
      \n
      \n \n  \n \n
      \n
      \n
      \n

      \n \n  \n \n  \n \n  \n \n  \n \n  \n \n

      \n
      \n
      \n
      \n
      \n
      \n
      • \n
    \n )\n}\n","import React from \"react\"\nimport Post from \"./post\"\nimport Preview from \"./preview\"\n\nexport default function ({ isReady, posts, poster }) {\n if (!isReady) {\n return \n }\n\n return (\n
      \n {posts.map((post) => {\n return \n })}\n
    \n )\n}\n","import React from \"react\"\nimport posting from \"../../services/posting\"\nimport { getGlobalState, getQuoteMarkup } from \"../posting\"\n\nexport default class PostingQuoteSelection extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n range: null,\n rect: null,\n }\n\n this.element = null\n }\n\n selected = () => {\n if (this.element) {\n const range = getQuoteSelection(this.element) || null\n const rect = range ? range.getBoundingClientRect() : null\n\n this.setState({ range, rect })\n }\n }\n\n reply = () => {\n if (!posting.isOpen()) {\n const content = getQuoteMarkup(this.state.range)\n posting.open(Object.assign({}, this.props.posting, { default: content }))\n\n this.setState({ range: null, rect: null })\n\n window.setTimeout(focusEditor, 1000)\n } else {\n const globalState = getGlobalState()\n if (globalState && !globalState.disabled) {\n globalState.quote(getQuoteMarkup(this.state.range))\n this.setState({ range: null, rect: null })\n focusEditor()\n }\n }\n }\n\n render = () => (\n
    \n {\n if (element) {\n this.element = element\n }\n }}\n onMouseUp={this.selected}\n onTouchEnd={this.selected}\n >\n {this.props.children}\n
    \n {!!this.state.rect && (\n \n
    \n
    \n \n {pgettext(\"post reply\", \"Quote\")}\n \n
    \n
    \n )}\n
    \n )\n}\n\nfunction focusEditor() {\n const textarea = document.querySelector(\"#posting-mount textarea\")\n textarea.focus()\n textarea.selectionStart = textarea.selectionEnd = textarea.value.length\n}\n\nconst getQuoteSelection = (container) => {\n if (typeof window.getSelection === \"undefined\") return\n\n // Validate that selection is of valid type and has one range\n const selection = window.getSelection()\n if (!selection) return\n if (selection.type !== \"Range\") return\n if (selection.rangeCount !== 1) return\n\n // Validate that selection is within the container and post's article\n const range = selection.getRangeAt(0)\n if (!isRangeContained(range, container)) return\n if (!isPostContained(range)) return\n if (!isAnyTextSelected(range.cloneContents())) return\n\n return range\n}\n\nconst isRangeContained = (range, container) => {\n const node = range.commonAncestorContainer\n if (node === container) return true\n\n let p = node.parentNode\n while (p) {\n if (p === container) return true\n p = p.parentNode\n }\n\n return false\n}\n\nconst isPostContained = (range) => {\n const element = range.commonAncestorContainer\n if (element.nodeName === \"ARTICLE\") return true\n if (element.dataset && element.dataset.noquote === \"1\") return false\n let p = element.parentNode\n while (p) {\n if (p.dataset && p.dataset.noquote === \"1\") return false\n if (p.nodeName === \"ARTICLE\") return true\n p = p.parentNode\n }\n return false\n}\n\nconst isAnyTextSelected = (node) => {\n for (let i = 0; i < node.childNodes.length; i++) {\n const child = node.childNodes[i]\n if (child.nodeType === Node.TEXT_NODE) {\n if (child.textContent && child.textContent.trim().length > 0) return true\n }\n if (child.nodeName === \"IMG\") return true\n if (isAnyTextSelected(child)) return true\n }\n\n return false\n}\n","const getQuoteMarkup = (range) => {\n const metadata = getQuoteMetadata(range)\n let markup = convertNodesToMarkup(range.cloneContents().childNodes, [])\n let prefix = metadata ? `[quote=\"${metadata}\"]\\n` : \"[quote]\\n\"\n let suffix = \"\\n[/quote]\\n\\n\"\n\n const codeBlock = getQuoteCodeBlock(range)\n if (codeBlock) {\n prefix += codeBlock.syntax ? `[code=${codeBlock.syntax}]\\n` : \"[code]\\n\"\n suffix = \"\\n[/code]\" + suffix\n } else if (isNodeInlineCodeBlock(range)) {\n markup = markup.trim()\n prefix += \"`\"\n suffix = \"`\" + suffix\n } else {\n markup = markup.trim()\n }\n\n return prefix + markup + suffix\n}\n\nexport default getQuoteMarkup\n\nconst getQuoteMetadata = (range) => {\n const node = range.commonAncestorContainer\n if (isNodeElementWithQuoteMetadata(node)) {\n return getQuoteMetadataFromNode(node)\n }\n\n let p = node.parentNode\n while (p) {\n if (isNodeElementWithQuoteMetadata(p)) {\n return getQuoteMetadataFromNode(p)\n }\n p = p.parentNode\n }\n\n return \"\"\n}\n\nconst isNodeElementWithQuoteMetadata = (node) => {\n if (node.nodeType !== Node.ELEMENT_NODE) return false\n if (node.nodeName === \"ARTICLE\") return true\n if (node.nodeName === \"BLOCKQUOTE\") {\n return node.dataset && node.dataset.block === \"quote\"\n }\n\n return false\n}\n\nconst getQuoteMetadataFromNode = (element) => {\n if (element.dataset) {\n return element.dataset.author || null\n }\n return null\n}\n\nconst getQuoteCodeBlock = (range) => {\n const node = range.commonAncestorContainer\n if (isNodeCodeBlock(node)) {\n return getNodeCodeBlockMeta(node)\n }\n\n let p = node.parentNode\n while (p) {\n if (isNodeCodeBlock(p)) {\n return getNodeCodeBlockMeta(p)\n }\n p = p.parentNode\n }\n\n return null\n}\n\nconst isNodeCodeBlock = (node) => {\n return node.nodeName === \"PRE\"\n}\n\nconst isNodeInlineCodeBlock = (range) => {\n const node = range.commonAncestorContainer\n if (node.nodeName === \"CODE\") {\n return true\n }\n\n let p = node.parentNode\n while (p) {\n if (isNodeElementWithQuoteMetadata(p)) {\n return false\n }\n\n if (p.nodeName === \"CODE\") {\n return true\n }\n\n p = p.parentNode\n }\n\n return false\n}\n\nconst getNodeCodeBlockMeta = (node) => {\n if (!node.dataset) {\n return { syntax: null }\n }\n\n return { syntax: node.dataset.syntax || null }\n}\n\nconst convertNodesToMarkup = (nodes, stack) => {\n let markup = \"\"\n for (let i = 0; i < nodes.length; i++) {\n const node = nodes[i]\n markup += convertNodeToMarkup(node, stack)\n }\n return markup\n}\n\nconst SIMPLE_NODE_MAPPINGS = {\n H1: [\"\\n\\n# \", \"\"],\n H2: [\"\\n\\n## \", \"\"],\n H3: [\"\\n\\n### \", \"\"],\n H4: [\"\\n\\n#### \", \"\"],\n H5: [\"\\n\\n##### \", \"\"],\n H6: [\"\\n\\n###### \", \"\"],\n STRONG: [\"**\", \"**\"],\n EM: [\"*\", \"*\"],\n DEL: [\"~~\", \"~~\"],\n B: [\"[b]\", \"[/b]\"],\n U: [\"[u]\", \"[/u]\"],\n I: [\"[i]\", \"[/i]\"],\n SUB: [\"[sub]\", \"[/sub]\"],\n SUP: [\"[sup]\", \"[/sup]\"],\n}\n\nconst convertNodeToMarkup = (node, stack) => {\n const dataset = node.dataset || {}\n\n if (node.nodeType === Node.TEXT_NODE) {\n return node.textContent || \"\"\n }\n\n if (node.nodeType === Node.ELEMENT_NODE) {\n if (dataset.quote) {\n return dataset.quote || \"\"\n }\n if (dataset.noquote === \"1\") return \"\"\n }\n\n if (\n node.nodeType === Node.ELEMENT_NODE &&\n dataset.quote &&\n dataset.quote.trim()\n ) {\n return \"\"\n }\n\n if (node.nodeName === \"HR\") {\n return \"\\n\\n- - -\"\n }\n\n if (SIMPLE_NODE_MAPPINGS[node.nodeName]) {\n const [prefix, suffix] = SIMPLE_NODE_MAPPINGS[node.nodeName]\n return (\n prefix +\n convertNodesToMarkup(node.childNodes, [...stack, node.nodeName]) +\n suffix\n )\n }\n\n if (node.nodeName === \"A\") {\n const href = node.href\n const text = convertNodesToMarkup(node.childNodes, [\n ...stack,\n node.nodeName,\n ])\n if (text) {\n return `[${text}](${href})`\n } else {\n return `!(${href})`\n }\n }\n\n if (node.nodeName === \"IMG\") {\n const src = node.src\n const alt = node.alt\n if (alt) {\n return `![${alt}](${src})`\n } else {\n return `!(${src})`\n }\n }\n\n if (node.nodeName === \"DIV\" || node.nodeName === \"ASIDE\") {\n const block = dataset.block && dataset.block.toUpperCase()\n if (block && SIMPLE_NODE_MAPPINGS[block]) {\n const [prefix, suffix] = SIMPLE_NODE_MAPPINGS[block]\n return (\n prefix +\n convertNodesToMarkup(node.childNodes, [...stack, block]) +\n suffix\n )\n } else {\n return convertNodesToMarkup(node.childNodes, stack)\n }\n }\n\n if (node.nodeName === \"BLOCKQUOTE\") {\n if (dataset.block === \"spoiler\") {\n const content = convertNodesToMarkup(node.childNodes, [\n ...stack,\n \"SPOILER\",\n ]).trim()\n\n if (!content) return \"\"\n\n let markup = \"\\n[spoiler]\\n\"\n markup += content\n markup += \"\\n[/spoiler]\"\n return markup\n }\n\n const content = convertNodesToMarkup(node.childNodes, [\n ...stack,\n \"QUOTE\",\n ]).trim()\n\n if (!content) return \"\"\n\n const metadata = getQuoteMetadataFromNode(node)\n let markup = metadata ? `\\n[quote=${metadata}]\\n` : \"\\n\\n[quote]\\n\"\n markup += content\n markup += \"\\n[/quote]\"\n return markup\n }\n\n if (node.nodeName === \"PRE\") {\n const syntax = dataset.syntax || null\n const code = node.querySelector(\"code\")\n const content = code ? code.innerText || \"\" : \"\"\n\n if (!content.trim()) return \"\"\n\n return \"\\n[code\" + (syntax ? \"=\" + syntax : \"\") + \"]\" + content + \"[/code]\"\n }\n\n if (node.nodeName === \"CODE\") {\n return \"`\" + node.innerText + \"`\"\n }\n\n if (node.nodeName === \"P\") {\n return (\n \"\\n\" + convertNodesToMarkup(node.childNodes, [...stack, node.nodeName])\n )\n }\n\n if (node.nodeName === \"UL\" || node.nodeName === \"OL\") {\n const level = stack.filter((item) => item === \"OL\" || item === \"UL\").length\n const prefix = level === 0 ? \"\\n\" : \"\"\n return (\n prefix + convertNodesToMarkup(node.childNodes, [...stack, node.nodeName])\n )\n }\n\n if (node.nodeName === \"LI\") {\n let prefix = \"\"\n const level = stack.filter((item) => item === \"OL\" || item === \"UL\").length\n for (let i = 1; i < level; i++) {\n prefix += \" \"\n }\n\n const ordered = stack[stack.length - 1] === \"OL\"\n if (ordered) {\n prefix += dataset.index ? dataset.index + \". \" : \"1. \"\n } else {\n prefix += \"- \"\n }\n\n const content = convertNodesToMarkup(node.childNodes, [\n ...stack,\n node.nodeName,\n ])\n if (!content.trim()) return \"\"\n\n return \"\\n\" + prefix + content\n }\n\n if (node.nodeName === \"SPAN\") {\n return convertNodesToMarkup(node.childNodes, stack)\n }\n\n return \"\"\n}\n","export function getGlobalState() {\n return window.misagoReply\n}\n\nexport function setGlobalState(disabled, quote) {\n window.misagoReply = { disabled, quote }\n}\n\nexport function clearGlobalState() {\n window.misagoReply = null\n}\n","import moment from \"moment\"\n\nexport function clean(attachments) {\n return attachments\n .filter((attachment) => {\n return attachment.id && !attachment.isRemoved\n })\n .map((a) => {\n return a.id\n })\n}\n\nexport function hydrate(attachments) {\n return attachments.map((attachment) => {\n return Object.assign({}, attachment, {\n uploaded_on: moment(attachment.uploaded_on),\n })\n })\n}\n","import React from \"react\"\nimport formatFilesize from \"../../utils/file-size\"\n\nexport default function MarkupAttachmentModal({ attachment }) {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"markup editor\", \"Attachment details\")}\n

    \n
    \n
    \n {!!attachment.is_image && (\n
    \n \n \"\"\n \n
    \n )}\n
    \n {attachment.filename}\n
    \n
    \n
    \n \n {attachment.filetype + \", \" + formatFilesize(attachment.size)}\n \n
    \n {pgettext(\"markup editor\", \"Type and size\")}\n
    \n
    \n
    \n \n \n {attachment.uploaded_on.fromNow()}\n \n \n
    \n {pgettext(\"markup editor\", \"Uploaded at\")}\n
    \n
    \n
    \n {attachment.url.uploader ? (\n \n {attachment.uploader_name}\n \n ) : (\n {attachment.uploader_name}\n )}\n
    \n {pgettext(\"markup editor\", \"Uploader\")}\n
    \n
    \n
    \n
    \n
    \n \n {pgettext(\"modal\", \"Close\")}\n \n
    \n
    \n
    \n )\n}\n","const wrapSelection = (selection, update, prefix, suffix, def) => {\n const text = selection.text || def || \"\"\n let newValue = selection.prefix\n newValue += prefix + text + suffix\n newValue += selection.suffix\n update(newValue)\n\n window.setTimeout(() => {\n focus(selection.textarea)\n\n const caret = selection.start + prefix.length\n selection.textarea.setSelectionRange(caret, caret + text.length)\n }, 250)\n}\n\nconst replaceSelection = (selection, update, text) => {\n let newValue = selection.prefix\n newValue += text\n newValue += selection.suffix\n update(newValue)\n\n window.setTimeout(() => {\n focus(selection.textarea)\n\n const caret = selection.end + text.length\n selection.textarea.setSelectionRange(caret, caret)\n }, 250)\n}\n\nconst getSelection = (textarea) => {\n if (document.selection) {\n textarea.focus()\n const range = document.selection.createRange()\n const length = range.text.length\n range.moveStart(\"character\", -textarea.value.length)\n return createRange(textarea, range.text.length - length, range.text.length)\n }\n\n if (textarea.selectionStart || textarea.selectionStart == \"0\") {\n return createRange(textarea, textarea.selectionStart, textarea.selectionEnd)\n }\n}\n\nconst createRange = (textarea, start, end) => {\n return {\n textarea: textarea,\n start: start,\n end: end,\n text: textarea.value.substring(start, end),\n prefix: textarea.value.substring(0, start),\n suffix: textarea.value.substring(end),\n }\n}\n\nexport function focus(textarea) {\n const scroll = textarea.scrollTop\n textarea.focus()\n textarea.scrollTop = scroll\n}\n\nexport { getSelection, replaceSelection, wrapSelection }\n","import React from \"react\"\nimport modal from \"../../services/modal\"\nimport snackbar from \"../../services/snackbar\"\nimport formatFilesize from \"../../utils/file-size\"\nimport MarkupAttachmentModal from \"./MarkupAttachmentModal\"\nimport { getSelection, replaceSelection } from \"./operations\"\n\nconst MarkupEditorAttachment = ({\n attachment,\n disabled,\n element,\n setState,\n update,\n}) => (\n
    \n
    \n
    \n {attachment.id ? (\n {\n event.preventDefault()\n modal.show()\n }}\n >\n {attachment.filename}\n \n ) : (\n {attachment.filename}\n )}\n
    \n
      \n {!attachment.id &&
    • {attachment.progress + \"%\"}
      • }\n {!!attachment.filetype &&
    • {attachment.filetype}
      • }\n {attachment.size > 0 &&
    • {formatFilesize(attachment.size)}
      • }\n
    \n
    \n
    \n {!!attachment.id && (\n
    \n {\n const markup = getAttachmentMarkup(attachment)\n const selection = getSelection(element)\n replaceSelection(selection, update, markup)\n }}\n >\n flip_to_front\n \n {\n setState(({ attachments }) => {\n const confirm = window.confirm(\n pgettext(\"markup editor\", \"Remove this attachment?\")\n )\n\n if (confirm) {\n return {\n attachments: attachments.filter(\n ({ id }) => id !== attachment.id\n ),\n }\n }\n })\n }}\n >\n close\n \n
    \n )}\n {!attachment.id && !!attachment.key && (\n
    \n {attachment.error && (\n {\n snackbar.error(\n interpolate(\n pgettext(\"markup editor\", \"%(filename)s: %(error)s\"),\n { filename: attachment.filename, error: attachment.error },\n true\n )\n )\n }}\n >\n warning\n \n )}\n {\n setState(({ attachments }) => {\n return {\n attachments: attachments.filter(\n ({ key }) => key !== attachment.key\n ),\n }\n })\n }}\n >\n close\n \n
    \n )}\n
    \n
    \n)\n\nexport default MarkupEditorAttachment\n\nfunction getAttachmentMarkup(attachment) {\n let markup = \"[\"\n\n if (attachment.is_image) {\n markup += \"![\" + attachment.filename + \"]\"\n markup += \"(\" + (attachment.url.thumb || attachment.url.index) + \"?shva=1)\"\n } else {\n markup += attachment.filename\n }\n\n markup += \"](\" + attachment.url.index + \"?shva=1)\"\n return markup\n}\n","import React from \"react\"\nimport MarkupEditorAttachment from \"./MarkupEditorAttachment\"\n\nconst MarkupEditorAttachments = ({\n attachments,\n disabled,\n element,\n setState,\n update,\n}) => (\n
    \n
    \n {attachments.map((attachment) => (\n \n ))}\n
    \n
    \n)\n\nexport default MarkupEditorAttachments\n","import React from \"react\"\nimport Button from \"../button\"\n\nconst MarkupEditorFooter = ({\n canProtect,\n disabled,\n empty,\n preview,\n isProtected,\n submitText,\n showPreview,\n closePreview,\n enableProtection,\n disableProtection,\n}) => (\n
    \n {!!canProtect && (\n {\n if (isProtected) {\n disableProtection()\n } else {\n enableProtection()\n }\n }}\n >\n \n {isProtected ? \"lock\" : \"lock_open\"}\n \n \n )}\n {!!canProtect && (\n
    \n {\n if (isProtected) {\n disableProtection()\n } else {\n enableProtection()\n }\n }}\n >\n \n {isProtected ? \"lock\" : \"lock_open\"}\n \n {isProtected\n ? pgettext(\"markup editor\", \"Protected\")\n : pgettext(\"markup editor\", \"Protect\")}\n \n
    \n )}\n
    \n {preview ? (\n \n {pgettext(\"markup editor\", \"Edit\")}\n \n ) : (\n \n {pgettext(\"markup editor\", \"Preview\")}\n \n )}\n \n
    \n)\n\nexport default MarkupEditorFooter\n","import React from \"react\"\nimport modal from \"../../services/modal\"\nimport FormGroup from \"../form-group\"\nimport { replaceSelection } from \"./operations\"\n\nclass MarkupCodeModal extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n error: null,\n syntax: \"\",\n text: props.selection.text,\n }\n }\n\n handleSubmit = (ev) => {\n ev.preventDefault()\n\n const { selection, update } = this.props\n const syntax = this.state.syntax.trim()\n const text = this.state.text.trim()\n\n if (text.length === 0) {\n this.setState({ error: gettext(\"This field is required.\") })\n return false\n }\n\n const prefix = selection.prefix.trim().length ? \"\\n\\n\" : \"\"\n\n replaceSelection(\n Object.assign({}, selection, { text }),\n update,\n prefix + \"```\" + syntax + \"\\n\" + text + \"\\n```\\n\\n\"\n )\n\n modal.hide()\n\n return false\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    {pgettext(\"markup editor\", \"Code\")}

    \n
    \n
    \n
    \n \n \n this.setState({ syntax: event.target.value })\n }\n >\n \n {LANGUAGES.map(({ value, name }) => (\n \n ))}\n \n \n \n \n this.setState({ text: event.target.value })\n }\n />\n \n
    \n
    \n \n {pgettext(\"markup editor\", \"Cancel\")}\n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nconst LANGUAGES = [\n { value: \"bash\", name: \"Bash\" },\n { value: \"c\", name: \"C\" },\n { value: \"c#\", name: \"C#\" },\n { value: \"c++\", name: \"C++\" },\n { value: \"css\", name: \"CSS\" },\n { value: \"diff\", name: \"Diff\" },\n { value: \"go\", name: \"Go\" },\n { value: \"graphql\", name: \"GraphQL\" },\n { value: \"html,\", name: \"HTML\" },\n { value: \"xml\", name: \"XML\" },\n { value: \"json\", name: \"JSON\" },\n { value: \"java\", name: \"Java\" },\n { value: \"javascript\", name: \"JavaScript\" },\n { value: \"kotlin\", name: \"Kotlin\" },\n { value: \"less\", name: \"Less\" },\n { value: \"lua\", name: \"Lua\" },\n { value: \"makefile\", name: \"Makefile\" },\n { value: \"markdown\", name: \"Markdown\" },\n { value: \"objective-C\", name: \"Objective-C\" },\n { value: \"php\", name: \"PHP\" },\n { value: \"perl\", name: \"Perl\" },\n { value: \"plain\", name: \"Plain\" },\n { value: \"text\", name: \"text\" },\n { value: \"python\", name: \"Python\" },\n { value: \"repl\", name: \"REPL\" },\n { value: \"r\", name: \"R\" },\n { value: \"ruby\", name: \"Ruby\" },\n { value: \"rust\", name: \"Rust\" },\n { value: \"scss\", name: \"SCSS\" },\n { value: \"sql\", name: \"SQL\" },\n { value: \"shell\", name: \"Shell Session\" },\n { value: \"swift\", name: \"Swift\" },\n { value: \"toml\", name: \"TOML\" },\n { value: \"ini\", name: \"INI\" },\n { value: \"typescript\", name: \"TypeScript\" },\n { value: \"visualbasic\", name: \"Visual Basic .NET\" },\n { value: \"webassembly\", name: \"WebAssembly\" },\n { value: \"yaml\", name: \"YAML\" },\n]\n\nexport default MarkupCodeModal\n","import React from \"react\"\nimport formatFilesize from \"../../utils/file-size\"\n\nexport default function MarkupFormattingHelpModal() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"markup help\", \"Formatting help\")}\n

    \n
    \n
    \n

    {pgettext(\"markup help\", \"Emphasis text\")}

    \n \n \n {pgettext(\"markup help\", \"This text will have emphasis\")}\n \n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Bold text\")}

    \n \n \n {pgettext(\"markup help\", \"This text will be bold\")}\n \n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Removed text\")}

    \n \n \n {pgettext(\"markup help\", \"This text will be removed\")}\n \n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Bold text (BBCode)\")}

    \n \n {pgettext(\"markup help\", \"This text will be bold\")}\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Underlined text (BBCode)\")}

    \n \n {pgettext(\"markup help\", \"This text will be underlined\")}\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Italics text (BBCode)\")}

    \n \n {pgettext(\"markup help\", \"This text will be in italics\")}\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Link\")}

    \n \"\n result={\n

    \n example.com\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Link with text\")}

    \n \n {pgettext(\"markup help\", \"Link text\")}\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Link (BBCode)\")}

    \n \n example.com\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Link with text (BBCode)\")}

    \n \n {pgettext(\"markup help\", \"Link text\")}\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Image\")}

    \n \n \"\"\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Image with alternate text\")}

    \n \n \n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Image (BBCode)\")}

    \n \n \"\"\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Mention user by their name\")}

    \n \n @username\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Heading 1\")}

    \n {pgettext(\"markup help\", \"First level heading\")}}\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Heading 2\")}

    \n {pgettext(\"markup help\", \"Second level heading\")}}\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Heading 3\")}

    \n {pgettext(\"markup help\", \"Third level heading\")}}\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Heading 4\")}

    \n {pgettext(\"markup help\", \"Fourth level heading\")}}\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Heading 5\")}

    \n {pgettext(\"markup help\", \"Fifth level heading\")}}\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Unordered list\")}

    \n \n
  • Lorem ipsum
    • \n
  • Dolor met
    • \n
  • Vulputate lectus
    • \n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Ordered list\")}

    \n \n
  • Lorem ipsum
    • \n
  • Dolor met
    • \n
  • Vulputate lectus
    • \n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Quote text\")}

    \n \" + pgettext(\"markup help\", \"Quoted text\")}\n result={\n
    \n

    {pgettext(\"markup help\", \"Quoted text\")}

    \n
    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Quote text (BBCode)\")}

    \n \n
    \n {gettext(\"Quoted message:\")}\n
    \n
    \n

    {pgettext(\"markup help\", \"Quoted text\")}

    \n
    \n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Quote text with author (BBCode)\")}

    \n \n
    \n {pgettext(\"markup help\", \"Quote author has written:\")}\n
    \n
    \n

    {pgettext(\"markup help\", \"Quoted text\")}

    \n
    \n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Spoiler\")}

    \n \n {pgettext(\"markup help\", \"Secret text\")}\n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Inline code\")}

    \n \n {pgettext(\"markup help\", \"Inline code\")}\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Code block\")}

    \n \n alert(\"Hello world!\");\n \n }\n />\n\n
    \n\n

    \n {pgettext(\"markup help\", \"Code block with syntax highlighting\")}\n

    \n \n \n print(\"Hello world!\");\n \n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Code block (BBCode)\")}

    \n \n alert(\"Hello world!\");\n \n }\n />\n\n
    \n\n

    \n {pgettext(\n \"markup help\",\n \"Code block with syntax highlighting (BBCode)\"\n )}\n

    \n \n \n print(\"Hello world!\");\n \n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Horizontal rule\")}

    \n \n

    Lorem ipsum

    \n
    \n

    Dolor met

    \n
    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Horizontal rule (BBCode)\")}

    \n \n

    Lorem ipsum

    \n
    \n

    Dolor met

    \n
    \n }\n />\n
    \n
    \n \n {pgettext(\"modal\", \"Close\")}\n \n
    \n
    \n
    \n )\n}\n\nfunction ExampleFormatting({ markup, result }) {\n return (\n
    \n
    \n 
    \n          {markup}\n
    \n
    \n
    \n
    {result}
    \n
    \n
    \n )\n}\n\nclass ExampleFormattingSpoiler extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n reveal: false,\n }\n }\n\n render() {\n return (\n \n
    \n

    {this.props.children}

    \n
    \n {!this.state.reveal && (\n
    \n {\n this.setState({ reveal: true })\n }}\n >\n {gettext(\"Reveal spoiler\")}\n \n
    \n )}\n \n )\n }\n}\n","const URL_PATTERN = new RegExp(\"^(((ftps?)|(https?))://)\", \"i\")\n\nexport default function isUrl(str) {\n return URL_PATTERN.test(str.trim())\n}\n","import React from \"react\"\nimport modal from \"../../services/modal\"\nimport FormGroup from \"../form-group\"\nimport isUrl from \"./isUrl\"\nimport { replaceSelection } from \"./operations\"\n\nclass MarkupImageModal extends React.Component {\n constructor(props) {\n super(props)\n\n const text = props.selection.text.trim()\n const textUrl = isUrl(text)\n\n this.state = {\n error: null,\n text: textUrl ? \"\" : text,\n url: textUrl ? text : \"\",\n }\n }\n\n handleSubmit = (ev) => {\n ev.preventDefault()\n\n const { selection, update } = this.props\n const text = this.state.text.trim()\n const url = this.state.url.trim()\n\n if (url.length === 0) {\n this.setState({ error: gettext(\"This field is required.\") })\n return false\n }\n\n if (text.length > 0) {\n replaceSelection(selection, update, \"![\" + text + \"](\" + url + \")\")\n } else {\n replaceSelection(selection, update, \"!(\" + url + \")\")\n }\n\n modal.hide()\n\n return false\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"markup editor\", \"Image\")}\n

    \n
    \n
    \n
    \n \n \n this.setState({ text: event.target.value })\n }\n />\n \n \n \n this.setState({ url: event.target.value })\n }\n />\n \n
    \n
    \n \n {pgettext(\"markup editor\", \"Cancel\")}\n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport default MarkupImageModal\n","import React from \"react\"\nimport modal from \"../../services/modal\"\nimport FormGroup from \"../form-group\"\nimport isUrl from \"./isUrl\"\nimport { replaceSelection } from \"./operations\"\n\nclass MarkupLinkModal extends React.Component {\n constructor(props) {\n super(props)\n\n const text = props.selection.text.trim()\n const textUrl = isUrl(text)\n\n this.state = {\n error: null,\n text: textUrl ? \"\" : text,\n url: textUrl ? text : \"\",\n }\n }\n\n handleSubmit = (ev) => {\n ev.preventDefault()\n\n const { selection, update } = this.props\n const text = this.state.text.trim()\n const url = this.state.url.trim()\n\n if (url.length === 0) {\n this.setState({ error: gettext(\"This field is required.\") })\n return false\n }\n\n if (text.length > 0) {\n replaceSelection(selection, update, \"[\" + text + \"](\" + url + \")\")\n } else {\n replaceSelection(selection, update, \"<\" + url + \">\")\n }\n\n modal.hide()\n\n return false\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    {pgettext(\"markup editor\", \"Link\")}

    \n
    \n
    \n
    \n \n \n this.setState({ text: event.target.value })\n }\n />\n \n \n \n this.setState({ url: event.target.value })\n }\n />\n \n
    \n
    \n \n {pgettext(\"markup editor\", \"Cancel\")}\n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport default MarkupLinkModal\n","import React from \"react\"\nimport modal from \"../../services/modal\"\nimport FormGroup from \"../form-group\"\nimport { replaceSelection } from \"./operations\"\n\nclass MarkupQuoteModal extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n error: null,\n author: \"\",\n text: props.selection.text,\n }\n }\n\n handleSubmit = (ev) => {\n ev.preventDefault()\n\n const { selection, update } = this.props\n const author = this.state.author.trim()\n const text = this.state.text.trim()\n\n if (text.length === 0) {\n this.setState({ error: gettext(\"This field is required.\") })\n return false\n }\n\n const prefix = selection.prefix.trim().length ? \"\\n\\n\" : \"\"\n\n if (author) {\n replaceSelection(\n selection,\n update,\n prefix + '[quote=\"' + author + '\"]\\n' + text + \"\\n[/quote]\\n\\n\"\n )\n } else {\n replaceSelection(\n selection,\n update,\n prefix + \"[quote]\\n\" + text + \"\\n[/quote]\\n\\n\"\n )\n }\n\n modal.hide()\n\n return false\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"markup editor\", \"Quote\")}\n

    \n
    \n
    \n
    \n \n \n this.setState({ author: event.target.value })\n }\n />\n \n \n \n this.setState({ text: event.target.value })\n }\n />\n \n
    \n
    \n \n {pgettext(\"markup editor\", \"Cancel\")}\n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport default MarkupQuoteModal\n","import React from \"react\"\n\nconst MarkupEditorButton = ({ disabled, icon, title, onClick }) => (\n \n {icon}\n \n)\n\nexport default MarkupEditorButton\n","import moment from \"moment\"\nimport misago from \"../../\"\nimport ajax from \"../../services/ajax\"\nimport snackbar from \"../../services/snackbar\"\nimport formatFilesize from \"../../utils/file-size\"\nimport getRandomString from \"../../utils/getRandomString\"\n\nconst ID_LEN = 32\n\nconst uploadFile = (file, setState) => {\n const maxSize = misago.get(\"user\").acl.max_attachment_size * 1024\n\n if (file.size > maxSize) {\n snackbar.error(\n interpolate(\n pgettext(\n \"markup editor\",\n \"File %(filename)s is bigger than %(limit)s.\"\n ),\n { filename: file.name, limit: formatFilesize(maxSize) },\n true\n )\n )\n\n return\n }\n\n let upload = {\n id: null,\n key: getRandomString(ID_LEN),\n error: null,\n uploaded_on: null,\n progress: 0,\n filename: file.name,\n filetype: null,\n is_image: false,\n size: file.size,\n url: null,\n uploader_name: null,\n }\n\n setState(({ attachments }) => {\n return { attachments: [upload].concat(attachments) }\n })\n\n const refreshState = () => {\n setState(({ attachments }) => {\n return { attachments: attachments.concat() }\n })\n }\n\n const data = new FormData()\n data.append(\"upload\", file)\n\n ajax\n .upload(misago.get(\"ATTACHMENTS_API\"), data, (progress) => {\n upload.progress = progress\n refreshState()\n })\n .then(\n (data) => {\n Object.assign(upload, data, { uploaded_on: moment(data.uploaded_on) })\n refreshState()\n },\n (rejection) => {\n if (rejection.status === 400 || rejection.status === 413) {\n upload.error = rejection.detail\n snackbar.error(rejection.detail)\n refreshState()\n } else {\n snackbar.apiError(rejection)\n }\n }\n )\n}\n\nexport default uploadFile\n","import React from \"react\"\nimport misago from \"../../\"\nimport modal from \"../../services/modal\"\nimport MarkupCodeModal from \"./MarkupCodeModal\"\nimport MarkupFormattingHelpModal from \"./MarkupFormattingHelpModal\"\nimport MarkupImageModal from \"./MarkupImageModal\"\nimport MarkupLinkModal from \"./MarkupLinkModal\"\nimport MarkupQuoteModal from \"./MarkupQuoteModal\"\nimport MarkupEditorButton from \"./MarkupEditorButton\"\nimport { getSelection, replaceSelection, wrapSelection } from \"./operations\"\nimport uploadFile from \"./uploadFile\"\n\nconst MarkupEditorToolbar = ({\n disabled,\n element,\n update,\n updateAttachments,\n}) => {\n const actions = [\n {\n name: pgettext(\"markup editor\", \"Strong\"),\n icon: \"format_bold\",\n onClick: () => {\n wrapSelection(\n getSelection(element),\n update,\n \"**\",\n \"**\",\n pgettext(\"example markup\", \"Strong text\")\n )\n },\n },\n {\n name: pgettext(\"markup editor\", \"Emphasis\"),\n icon: \"format_italic\",\n onClick: () => {\n wrapSelection(\n getSelection(element),\n update,\n \"*\",\n \"*\",\n pgettext(\"example markup\", \"Text with emphasis\")\n )\n },\n },\n {\n name: pgettext(\"markup editor\", \"Strikethrough\"),\n icon: \"format_strikethrough\",\n onClick: () => {\n wrapSelection(\n getSelection(element),\n update,\n \"~~\",\n \"~~\",\n pgettext(\"example markup\", \"Text with strikethrough\")\n )\n },\n },\n {\n name: pgettext(\"markup editor\", \"Horizontal ruler\"),\n icon: \"remove\",\n onClick: () => {\n replaceSelection(getSelection(element), update, \"\\n\\n- - -\\n\\n\")\n },\n },\n {\n name: pgettext(\"markup editor\", \"Link\"),\n icon: \"insert_link\",\n onClick: () => {\n const selection = getSelection(element)\n modal.show(\n \n )\n },\n },\n {\n name: pgettext(\"markup editor\", \"Image\"),\n icon: \"insert_photo\",\n onClick: () => {\n const selection = getSelection(element)\n modal.show(\n \n )\n },\n },\n {\n name: pgettext(\"markup editor\", \"Quote\"),\n icon: \"format_quote\",\n onClick: () => {\n const selection = getSelection(element)\n modal.show(\n \n )\n },\n },\n {\n name: pgettext(\"markup editor\", \"Spoiler\"),\n icon: \"visibility_off\",\n onClick: () => {\n insertSpoiler(element, update)\n },\n },\n {\n name: pgettext(\"markup editor\", \"Code\"),\n icon: \"code\",\n onClick: () => {\n const selection = getSelection(element)\n modal.show(\n \n )\n },\n },\n ]\n\n if (misago.get(\"user\").acl.max_attachment_size) {\n actions.push({\n name: pgettext(\"markup editor\", \"Upload file\"),\n icon: \"file_upload\",\n onClick: () => uploadFiles(updateAttachments),\n })\n }\n\n return (\n
    \n
    \n {actions.map(({ name, icon, onClick }) => (\n \n ))}\n
    \n
    \n
    \n \n more_vert\n \n
      \n {actions.map(({ name, icon, onClick }) => (\n
    • \n \n {icon}\n {name}\n \n
      • \n ))}\n
    \n
    \n {\n modal.show()\n }}\n />\n
    \n
    \n )\n}\n\nconst insertSpoiler = (element, update) => {\n const selection = getSelection(element)\n const prefix = selection.prefix.trim().length ? \"\\n\\n\" : \"\"\n\n wrapSelection(\n selection,\n update,\n prefix + \"[spoiler]\\n\",\n \"\\n[/spoiler]\\n\\n\",\n pgettext(\"markup editor\", \"Spoiler text\")\n )\n}\n\nconst uploadFiles = (setState) => {\n const input = document.createElement(\"input\")\n input.type = \"file\"\n input.multiple = \"multiple\"\n\n input.addEventListener(\"change\", function () {\n for (let i = 0; i < input.files.length; i++) {\n uploadFile(input.files[i], setState)\n }\n })\n\n input.click()\n}\n\nexport default MarkupEditorToolbar\n","import React from \"react\"\nimport classnames from \"classnames\"\n\nimport misago from \"../../\"\nimport ajax from \"../../services/ajax\"\nimport snackbar from \"../../services/snackbar\"\nimport MisagoMarkup from \"../misago-markup\"\nimport MarkupEditorAttachments from \"./MarkupEditorAttachments\"\nimport MarkupEditorFooter from \"./MarkupEditorFooter\"\nimport MarkupEditorToolbar from \"./MarkupEditorToolbar\"\nimport uploadFile from \"./uploadFile\"\n\nclass MarkupEditor extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n element: null,\n focused: false,\n loading: false,\n preview: false,\n parsed: null,\n }\n }\n\n showPreview = () => {\n if (this.state.loading) return\n\n this.setState({ loading: true, preview: true, element: null })\n\n ajax.post(misago.get(\"PARSE_MARKUP_API\"), { post: this.props.value }).then(\n (data) => {\n this.setState({ loading: false, parsed: data.parsed })\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n\n this.setState({ loading: false, preview: false })\n }\n )\n }\n\n closePreview = () => {\n this.setState({ loading: false, preview: false })\n }\n\n onDrop = (event) => {\n event.preventDefault()\n event.stopPropagation()\n\n if (!event.dataTransfer.files) return\n\n const { onAttachmentsChange: setState } = this.props\n\n if (misago.get(\"user\").acl.max_attachment_size) {\n for (let i = 0; i < event.dataTransfer.files.length; i++) {\n const file = event.dataTransfer.files[i]\n uploadFile(file, setState)\n }\n }\n }\n\n onPaste = (event) => {\n const { onAttachmentsChange: setState } = this.props\n\n const files = []\n for (let i = 0; i < event.clipboardData.items.length; i++) {\n const item = event.clipboardData.items[i]\n if (item.kind === \"file\") {\n files.push(item.getAsFile())\n }\n }\n\n if (files.length) {\n event.preventDefault()\n event.stopPropagation()\n\n if (misago.get(\"user\").acl.max_attachment_size) {\n for (let i = 0; i < files.length; i++) {\n uploadFile(files[i], setState)\n }\n }\n }\n }\n\n render = () => (\n \n this.props.onChange({ target: { value } })}\n updateAttachments={this.props.onAttachmentsChange}\n />\n {this.state.preview ? (\n
    \n {this.state.loading ? (\n
    \n
    \n \n
    \n
    \n ) : (\n \n )}\n
    \n ) : (\n {\n if (element && this.state.element !== element) {\n this.setState({ element })\n setMentions(this.props, element)\n }\n }}\n onChange={this.props.onChange}\n onDrop={this.onDrop}\n onFocus={() => this.setState({ focused: true })}\n onPaste={this.onPaste}\n onBlur={() => this.setState({ focused: false })}\n />\n )}\n {this.props.attachments.length > 0 && (\n this.props.onChange({ target: { value } })}\n />\n )}\n \n
    \n )\n}\n\nfunction setMentions(props, element) {\n $(element).atwho({\n at: \"@\",\n displayTpl: '
  • \"\"${username}
    • ',\n insertTpl: \"@${username}\",\n searchKey: \"username\",\n callbacks: {\n remoteFilter: function (query, callback) {\n $.getJSON(misago.get(\"MENTION_API\"), { q: query }, callback)\n },\n },\n })\n\n $(element).on(\"inserted.atwho\", (event, _storage, source, controller) => {\n const { query } = controller\n const username = source.target.innerText.trim()\n const prefix = event.target.value.substr(0, query.headPos)\n const suffix = event.target.value.substr(query.endPos)\n\n event.target.value = prefix + username + suffix\n props.onChange(event)\n\n const caret = query.headPos + username.length\n event.target.setSelectionRange(caret, caret)\n event.target.focus()\n })\n}\n\nexport default MarkupEditor\n","import MarkupEditor from \"./MarkupEditor\"\n\nexport default MarkupEditor\n","import React from \"react\"\nimport classnames from \"classnames\"\n\nconst CLASS_ACTIVE = \"posting-active\"\nconst CLASS_DEFAULT = \"posting-default\"\nconst CLASS_MINIMIZED = \"posting-minimized\"\nconst CLASS_FULLSCREEN = \"posting-fullscreen\"\n\nclass PostingDialog extends React.Component {\n componentDidMount() {\n document.body.classList.add(CLASS_ACTIVE, CLASS_DEFAULT)\n }\n\n componentWillUnmount() {\n document.body.classList.remove(\n CLASS_ACTIVE,\n CLASS_DEFAULT,\n CLASS_MINIMIZED,\n CLASS_FULLSCREEN\n )\n }\n\n componentWillReceiveProps({ fullscreen, minimized }) {\n if (minimized) {\n document.body.classList.remove(CLASS_DEFAULT, CLASS_FULLSCREEN)\n document.body.classList.add(CLASS_MINIMIZED)\n } else {\n if (fullscreen) {\n document.body.classList.remove(CLASS_DEFAULT, CLASS_MINIMIZED)\n document.body.classList.add(CLASS_FULLSCREEN)\n } else {\n document.body.classList.remove(CLASS_FULLSCREEN, CLASS_MINIMIZED)\n document.body.classList.add(CLASS_DEFAULT)\n }\n }\n }\n\n render() {\n const { children, fullscreen, minimized } = this.props\n\n return (\n \n
    {children}
    \n \n )\n }\n}\n\nexport default PostingDialog\n","import React from \"react\"\n\nconst PostingDialogBody = ({ children }) => (\n
    {children}
    \n)\n\nexport default PostingDialogBody\n","import React from \"react\"\n\nconst PostingDialogError = ({ close, message }) => (\n
    \n
    \n error_outlined\n
    \n
    \n

    {message}

    \n \n
    \n
    \n)\n\nexport default PostingDialogError\n","import React from \"react\"\n\nconst PostingDialogHeader = ({\n children,\n close,\n fullscreen,\n minimize,\n minimized,\n fullscreenEnter,\n fullscreenExit,\n open,\n}) => (\n
    \n
    {children}
    \n {minimized ? (\n \n expand_less\n \n ) : (\n \n expand_more\n \n )}\n {fullscreen ? (\n \n fullscreen_exit\n \n ) : (\n \n fullscreen\n \n )}\n \n close\n \n
    \n)\n\nexport default PostingDialogHeader\n","import React from \"react\"\n\nexport default function PostingThreadOptions({\n isClosed,\n isHidden,\n isPinned,\n disabled,\n options,\n close,\n open,\n hide,\n unhide,\n pinGlobally,\n pinLocally,\n unpin,\n}) {\n const icons = getIcons(isClosed, isHidden, isPinned)\n\n return (\n
    \n \n {icons.length > 0 ? (\n \n {icons.map((icon) => (\n \n {icon}\n \n ))}\n \n ) : (\n more_horiz\n )}\n \n
      \n {options.pin === 2 && isPinned !== 2 && (\n
    • \n \n bookmark\n {pgettext(\"post thread\", \"Pinned globally\")}\n \n
      • \n )}\n {options.pin >= isPinned && isPinned !== 1 && (\n
    • \n \n bookmark_outline\n {pgettext(\"post thread\", \"Pinned in category\")}\n \n
      • \n )}\n {options.pin >= isPinned && isPinned !== 0 && (\n
    • \n \n radio_button_unchecked\n {pgettext(\"post thread\", \"Not pinned\")}\n \n
      • \n )}\n {options.close && !!isClosed && (\n
    • \n \n lock_outline\n {pgettext(\"post thread\", \"Open\")}\n \n
      • \n )}\n {options.close && !isClosed && (\n
    • \n \n lock\n {pgettext(\"post thread\", \"Closed\")}\n \n
      • \n )}\n {options.hide && !!isHidden && (\n
    • \n \n visibility\n {pgettext(\"post thread\", \"Visible\")}\n \n
      • \n )}\n {options.hide && !isHidden && (\n
    • \n \n visibility_off\n {pgettext(\"post thread\", \"Hidden\")}\n \n
      • \n )}\n
    \n
    \n )\n}\n\nfunction getIcons(closed, hidden, pinned) {\n const icons = []\n if (pinned === 2) icons.push(\"bookmark\")\n if (pinned === 1) icons.push(\"bookmark_outline\")\n if (closed) icons.push(\"lock\")\n if (hidden) icons.push(\"visibility_off\")\n return icons\n}\n","import React from \"react\"\nimport CategorySelect from \"misago/components/category-select\"\nimport Form from \"misago/components/form\"\nimport * as attachments from \"./utils/attachments\"\nimport { getPostValidators, getTitleValidators } from \"./utils/validators\"\nimport ajax from \"misago/services/ajax\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport MarkupEditor from \"../MarkupEditor\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../Toolbar\"\nimport PostingDialog from \"./PostingDialog\"\nimport PostingDialogBody from \"./PostingDialogBody\"\nimport PostingDialogError from \"./PostingDialogError\"\nimport PostingDialogHeader from \"./PostingDialogHeader\"\nimport PostingThreadOptions from \"./PostingThreadOptions\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isLoading: false,\n\n error: null,\n\n minimized: false,\n fullscreen: false,\n\n options: null,\n\n title: \"\",\n category: props.category || null,\n categories: [],\n post: \"\",\n attachments: [],\n close: false,\n hide: false,\n pin: 0,\n\n validators: {\n title: getTitleValidators(),\n post: getPostValidators(),\n },\n errors: {},\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.config).then(this.loadSuccess, this.loadError)\n }\n\n loadSuccess = (data) => {\n let category = null\n let options = null\n\n // hydrate categories, extract posting options\n const categories = data.map((item) => {\n // pick first category that allows posting and if it may, override it with initial one\n if (\n item.post !== false &&\n (!category || item.id == this.state.category)\n ) {\n category = item.id\n options = item.post\n }\n\n return Object.assign(item, {\n disabled: item.post === false,\n label: item.name,\n value: item.id,\n })\n })\n\n this.setState({\n isReady: true,\n options,\n\n categories,\n category,\n })\n }\n\n loadError = (rejection) => {\n this.setState({\n error: rejection.detail,\n })\n }\n\n onCancel = () => {\n const formEmpty = !!(\n this.state.post.length === 0 &&\n this.state.title.length === 0 &&\n this.state.attachments.length === 0\n )\n\n if (formEmpty) {\n this.minimize()\n return posting.close()\n }\n\n const cancel = window.confirm(\n pgettext(\"post thread\", \"Are you sure you want to discard thread?\")\n )\n if (cancel) {\n this.minimize()\n posting.close()\n }\n }\n\n onTitleChange = (event) => {\n this.changeValue(\"title\", event.target.value)\n }\n\n onCategoryChange = (event) => {\n const category = this.state.categories.find((item) => {\n return event.target.value == item.value\n })\n\n // if selected pin is greater than allowed, reduce it\n let pin = this.state.pin\n if (category.post.pin && category.post.pin < pin) {\n pin = category.post.pin\n }\n\n this.setState({\n category: category.id,\n categoryOptions: category.post,\n\n pin,\n })\n }\n\n onPostChange = (event) => {\n this.changeValue(\"post\", event.target.value)\n }\n\n onAttachmentsChange = (attachments) => {\n this.setState(attachments)\n }\n\n onClose = () => {\n this.changeValue(\"close\", true)\n }\n\n onOpen = () => {\n this.changeValue(\"close\", false)\n }\n\n onPinGlobally = () => {\n this.changeValue(\"pin\", 2)\n }\n\n onPinLocally = () => {\n this.changeValue(\"pin\", 1)\n }\n\n onUnpin = () => {\n this.changeValue(\"pin\", 0)\n }\n\n onHide = () => {\n this.changeValue(\"hide\", true)\n }\n\n onUnhide = () => {\n this.changeValue(\"hide\", false)\n }\n\n close = () => {\n this.minimize()\n posting.close()\n }\n\n minimize = () => {\n this.setState({ fullscreen: false, minimized: true })\n }\n\n open = () => {\n this.setState({ minimized: false })\n if (this.state.fullscreen) {\n }\n }\n\n fullscreenEnter = () => {\n this.setState({ fullscreen: true, minimized: false })\n }\n\n fullscreenExit = () => {\n this.setState({ fullscreen: false, minimized: false })\n }\n\n clean() {\n if (!this.state.title.trim().length) {\n snackbar.error(\n pgettext(\"posting form\", \"You have to enter thread title.\")\n )\n return false\n }\n\n if (!this.state.post.trim().length) {\n snackbar.error(pgettext(\"posting form\", \"You have to enter a message.\"))\n return false\n }\n\n const errors = this.validate()\n\n if (errors.title) {\n snackbar.error(errors.title[0])\n return false\n }\n\n if (errors.post) {\n snackbar.error(errors.post[0])\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.submit, {\n title: this.state.title,\n category: this.state.category,\n post: this.state.post,\n attachments: attachments.clean(this.state.attachments),\n close: this.state.close,\n hide: this.state.hide,\n pin: this.state.pin,\n })\n }\n\n handleSuccess(success) {\n this.setState({ isLoading: true })\n this.close()\n\n snackbar.success(pgettext(\"post thread\", \"Your thread has been posted.\"))\n window.location = success.url\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n const errors = [].concat(\n rejection.non_field_errors || [],\n rejection.category || [],\n rejection.title || [],\n rejection.post || [],\n rejection.attachments || []\n )\n\n snackbar.error(errors[0])\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n const dialogProps = {\n minimized: this.state.minimized,\n minimize: this.minimize,\n open: this.open,\n\n fullscreen: this.state.fullscreen,\n fullscreenEnter: this.fullscreenEnter,\n fullscreenExit: this.fullscreenExit,\n\n close: this.onCancel,\n }\n\n if (this.state.error) {\n return (\n \n \n \n )\n }\n\n if (!this.state.isReady) {\n return (\n \n
    \n \n \n \n \n \n \n \n \n \n \n \n \n {}}\n onChange={() => {}}\n />\n
    \n     \n )\n }\n\n const showOptions = !!(\n this.state.options.close ||\n this.state.options.hide ||\n this.state.options.pin\n )\n\n return (\n \n
    \n \n \n \n \n \n \n \n \n \n \n {showOptions && (\n \n \n \n )}\n \n \n \n \n
    \n )\n }\n}\n\nconst PostingDialogStart = ({\n children,\n close,\n minimized,\n minimize,\n open,\n fullscreen,\n fullscreenEnter,\n fullscreenExit,\n}) => (\n \n \n {pgettext(\"post thread\", \"Start new thread\")}\n \n {children}\n \n)\n","export default function (usernames) {\n const normalisedNames = usernames\n .split(\",\")\n .map((i) => i.trim().toLowerCase())\n const removedBlanks = normalisedNames.filter((i) => i.length > 0)\n const removedDuplicates = removedBlanks.filter((name, pos) => {\n return removedBlanks.indexOf(name) == pos\n })\n\n return removedDuplicates\n}\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport * as attachments from \"./utils/attachments\"\nimport cleanUsernames from \"./utils/usernames\"\nimport { getPostValidators, getTitleValidators } from \"./utils/validators\"\nimport ajax from \"misago/services/ajax\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport MarkupEditor from \"../MarkupEditor\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../Toolbar\"\nimport PostingDialog from \"./PostingDialog\"\nimport PostingDialogBody from \"./PostingDialogBody\"\nimport PostingDialogHeader from \"./PostingDialogHeader\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n const to = (props.to || []).map((user) => user.username).join(\", \")\n\n this.state = {\n isLoading: false,\n\n error: null,\n\n minimized: false,\n fullscreen: false,\n\n to: to,\n title: \"\",\n post: \"\",\n attachments: [],\n\n validators: {\n title: getTitleValidators(),\n post: getPostValidators(),\n },\n errors: {},\n }\n }\n\n onCancel = () => {\n const formEmpty = !!(\n this.state.post.length === 0 &&\n this.state.title.length === 0 &&\n this.state.to.length === 0 &&\n this.state.attachments.length === 0\n )\n\n if (formEmpty) {\n return this.close()\n }\n\n const cancel = window.confirm(\n pgettext(\n \"post thread\",\n \"Are you sure you want to discard private thread?\"\n )\n )\n if (cancel) {\n this.close()\n }\n }\n\n onToChange = (event) => {\n this.changeValue(\"to\", event.target.value)\n }\n\n onTitleChange = (event) => {\n this.changeValue(\"title\", event.target.value)\n }\n\n onPostChange = (event) => {\n this.changeValue(\"post\", event.target.value)\n }\n\n onAttachmentsChange = (attachments) => {\n this.setState(attachments)\n }\n\n clean() {\n if (!cleanUsernames(this.state.to).length) {\n snackbar.error(\n pgettext(\"posting form\", \"You have to enter at least one recipient.\")\n )\n return false\n }\n\n if (!this.state.title.trim().length) {\n snackbar.error(\n pgettext(\"posting form\", \"You have to enter thread title.\")\n )\n return false\n }\n\n if (!this.state.post.trim().length) {\n snackbar.error(pgettext(\"posting form\", \"You have to enter a message.\"))\n return false\n }\n\n const errors = this.validate()\n\n if (errors.title) {\n snackbar.error(errors.title[0])\n return false\n }\n\n if (errors.post) {\n snackbar.error(errors.post[0])\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.submit, {\n to: cleanUsernames(this.state.to),\n title: this.state.title,\n post: this.state.post,\n attachments: attachments.clean(this.state.attachments),\n })\n }\n\n handleSuccess(success) {\n this.setState({ isLoading: true })\n this.close()\n\n snackbar.success(pgettext(\"post thread\", \"Your thread has been posted.\"))\n window.location = success.url\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n const errors = [].concat(\n rejection.non_field_errors || [],\n rejection.to || [],\n rejection.title || [],\n rejection.post || [],\n rejection.attachments || []\n )\n\n snackbar.error(errors[0])\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n close = () => {\n this.minimize()\n posting.close()\n }\n\n minimize = () => {\n this.setState({ fullscreen: false, minimized: true })\n }\n\n open = () => {\n this.setState({ minimized: false })\n if (this.state.fullscreen) {\n }\n }\n\n fullscreenEnter = () => {\n this.setState({ fullscreen: true, minimized: false })\n }\n\n fullscreenExit = () => {\n this.setState({ fullscreen: false, minimized: false })\n }\n\n render() {\n const dialogProps = {\n minimized: this.state.minimized,\n minimize: this.minimize,\n open: this.open,\n\n fullscreen: this.state.fullscreen,\n fullscreenEnter: this.fullscreenEnter,\n fullscreenExit: this.fullscreenExit,\n\n close: this.onCancel,\n }\n\n return (\n \n
    \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
    \n )\n }\n}\n\nconst PostingDialogStartPrivate = ({\n children,\n close,\n minimized,\n minimize,\n open,\n fullscreen,\n fullscreenEnter,\n fullscreenExit,\n}) => (\n \n \n {pgettext(\"post thread\", \"Start private thread\")}\n \n {children}\n \n)\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport * as attachments from \"./utils/attachments\"\nimport { getPostValidators } from \"./utils/validators\"\nimport ajax from \"misago/services/ajax\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport MarkupEditor from \"../MarkupEditor\"\nimport PostingDialog from \"./PostingDialog\"\nimport PostingDialogBody from \"./PostingDialogBody\"\nimport PostingDialogError from \"./PostingDialogError\"\nimport PostingDialogHeader from \"./PostingDialogHeader\"\nimport { clearGlobalState, setGlobalState } from \"./globalState\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isLoading: false,\n\n error: null,\n\n minimized: false,\n fullscreen: false,\n\n post: this.props.default || \"\",\n attachments: [],\n\n validators: {\n post: getPostValidators(),\n },\n errors: {},\n }\n\n this.quoteText = \"\"\n }\n\n componentDidMount() {\n ajax\n .get(this.props.config, this.props.context || null)\n .then(this.loadSuccess, this.loadError)\n\n setGlobalState(false, this.onQuote)\n }\n\n componentWillUnmount() {\n clearGlobalState()\n }\n\n componentWillReceiveProps(nextProps) {\n const context = this.props.context\n const newContext = nextProps.context\n\n // User clicked \"reply\" instead of \"quote\"\n if (context && newContext && !newContext.reply) return\n\n ajax\n .get(nextProps.config, nextProps.context || null)\n .then(this.appendData, snackbar.apiError)\n }\n\n loadSuccess = (data) => {\n this.setState({\n isReady: true,\n\n post: data.post\n ? '[quote=\"@' + data.poster + '\"]\\n' + data.post + \"\\n[/quote]\"\n : this.state.post,\n })\n\n this.quoteText = data.post\n ? '[quote=\"@' + data.poster + '\"]\\n' + data.post + \"\\n[/quote]\"\n : this.state.post\n }\n\n loadError = (rejection) => {\n this.setState({\n error: rejection.detail,\n })\n }\n\n appendData = (data) => {\n const newPost = data.post\n ? '[quote=\"@' + data.poster + '\"]\\n' + data.post + \"\\n[/quote]\\n\\n\"\n : \"\"\n\n this.setState((prevState, props) => {\n if (prevState.post.length > 0) {\n return {\n post: prevState.post.trim() + \"\\n\\n\" + newPost,\n }\n }\n\n return {\n post: newPost,\n }\n })\n\n this.open()\n }\n\n onCancel = () => {\n // If only the quote text is on editor user didn't add anything\n // so no changes to discard\n const onlyQuoteTextInEditor = this.state.post === this.quoteText\n\n if (onlyQuoteTextInEditor && this.state.attachments.length === 0) {\n return this.close()\n }\n\n const cancel = window.confirm(\n pgettext(\"post reply\", \"Are you sure you want to discard your reply?\")\n )\n if (cancel) {\n this.close()\n }\n }\n\n onPostChange = (event) => {\n this.changeValue(\"post\", event.target.value)\n }\n\n onAttachmentsChange = (attachments) => {\n this.setState(attachments)\n }\n\n onQuote = (quote) => {\n this.setState(({ post }) => {\n if (post.length > 0) {\n return { post: post.trim() + \"\\n\\n\" + quote }\n }\n\n return { post: quote }\n })\n\n this.open()\n }\n\n clean() {\n if (!this.state.post.trim().length) {\n snackbar.error(pgettext(\"posting form\", \"You have to enter a message.\"))\n return false\n }\n\n const errors = this.validate()\n\n if (errors.post) {\n snackbar.error(errors.post[0])\n return false\n }\n\n return true\n }\n\n send() {\n setGlobalState(true, this.onQuote)\n\n return ajax.post(this.props.submit, {\n post: this.state.post,\n attachments: attachments.clean(this.state.attachments),\n })\n }\n\n handleSuccess(success) {\n this.setState({ isLoading: true })\n this.close()\n\n setGlobalState(false, this.onQuote)\n\n snackbar.success(pgettext(\"post reply\", \"Your reply has been posted.\"))\n window.location = success.url.index\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n const errors = [].concat(\n rejection.non_field_errors || [],\n rejection.post || [],\n rejection.attachments || []\n )\n\n snackbar.error(errors[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n setGlobalState(false, this.onQuote)\n }\n\n close = () => {\n this.minimize()\n posting.close()\n }\n\n minimize = () => {\n this.setState({ fullscreen: false, minimized: true })\n }\n\n open = () => {\n this.setState({ minimized: false })\n if (this.state.fullscreen) {\n }\n }\n\n fullscreenEnter = () => {\n this.setState({ fullscreen: true, minimized: false })\n }\n\n fullscreenExit = () => {\n this.setState({ fullscreen: false, minimized: false })\n }\n\n render() {\n const dialogProps = {\n thread: this.props.thread,\n\n minimized: this.state.minimized,\n minimize: this.minimize,\n open: this.open,\n\n fullscreen: this.state.fullscreen,\n fullscreenEnter: this.fullscreenEnter,\n fullscreenExit: this.fullscreenExit,\n\n close: this.onCancel,\n }\n\n if (this.state.error) {\n return (\n \n \n \n )\n }\n\n if (!this.state.isReady) {\n return (\n \n
    \n {}}\n onChange={() => {}}\n />\n
    \n     \n )\n }\n\n return (\n \n \n \n \n \n )\n }\n}\n\nconst PostingDialogReply = ({\n children,\n close,\n minimized,\n minimize,\n open,\n fullscreen,\n fullscreenEnter,\n fullscreenExit,\n thread,\n}) => (\n \n \n {interpolate(\n pgettext(\"post reply\", \"Reply to: %(thread)s\"),\n { thread: thread.title },\n true\n )}\n \n {children}\n \n)\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport * as attachments from \"./utils/attachments\"\nimport { getPostValidators } from \"./utils/validators\"\nimport ajax from \"misago/services/ajax\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport MarkupEditor from \"../MarkupEditor\"\nimport PostingDialog from \"./PostingDialog\"\nimport PostingDialogBody from \"./PostingDialogBody\"\nimport PostingDialogError from \"./PostingDialogError\"\nimport PostingDialogHeader from \"./PostingDialogHeader\"\nimport { clearGlobalState, setGlobalState } from \"./globalState\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isLoading: false,\n\n error: false,\n\n minimized: false,\n fullscreen: false,\n\n post: \"\",\n attachments: [],\n protect: false,\n\n canProtect: false,\n\n validators: {\n post: getPostValidators(),\n },\n errors: {},\n }\n\n this.originalPost = \"\"\n }\n\n componentDidMount() {\n ajax.get(this.props.config).then(this.loadSuccess, this.loadError)\n\n setGlobalState(false, this.onQuote)\n }\n\n componentWillUnmount() {\n clearGlobalState()\n }\n\n componentWillReceiveProps(nextProps) {\n const context = this.props.context\n const newContext = nextProps.context\n\n if (context && newContext && context.reply === newContext.reply) return\n\n ajax\n .get(nextProps.config, nextProps.context || null)\n .then(this.appendData, snackbar.apiError)\n }\n\n loadSuccess = (data) => {\n this.originalPost = data.post\n\n this.setState({\n isReady: true,\n\n post: data.post,\n attachments: attachments.hydrate(data.attachments),\n protect: data.is_protected,\n\n canProtect: data.can_protect,\n })\n }\n\n loadError = (rejection) => {\n this.setState({\n error: rejection.detail,\n })\n }\n\n appendData = (data) => {\n const newPost = data.post\n ? '[quote=\"@' + data.poster + '\"]\\n' + data.post + \"\\n[/quote]\\n\\n\"\n : \"\"\n\n this.setState((prevState, props) => {\n if (prevState.post.length > 0) {\n return {\n post: prevState.post.trim() + \"\\n\\n\" + newPost,\n }\n }\n\n return {\n post: newPost,\n }\n })\n\n this.open()\n }\n\n onCancel = () => {\n const originalPostSameAsCurrentPost =\n this.state.originalPost === this.state.post\n const noAttachementsAdded = this.state.attachments.length === 0\n\n if (originalPostSameAsCurrentPost && noAttachementsAdded) {\n return this.close()\n }\n\n const cancel = window.confirm(\n pgettext(\"edit reply\", \"Are you sure you want to discard changes?\")\n )\n if (cancel) {\n this.close()\n }\n }\n\n onProtect = () => {\n this.setState({\n protect: true,\n })\n }\n\n onUnprotect = () => {\n this.setState({\n protect: false,\n })\n }\n\n onPostChange = (event) => {\n this.changeValue(\"post\", event.target.value)\n }\n\n onAttachmentsChange = (attachments) => {\n this.setState(attachments)\n }\n\n onQuote = (quote) => {\n this.setState(({ post }) => {\n if (post.length > 0) {\n return { post: post.trim() + \"\\n\\n\" + quote }\n }\n\n return { post: quote }\n })\n\n this.open()\n }\n\n clean() {\n if (!this.state.post.trim().length) {\n snackbar.error(pgettext(\"posting form\", \"You have to enter a message.\"))\n return false\n }\n\n const errors = this.validate()\n\n if (errors.post) {\n snackbar.error(errors.post[0])\n return false\n }\n\n return true\n }\n\n send() {\n setGlobalState(true, this.onQuote)\n\n return ajax.put(this.props.submit, {\n post: this.state.post,\n attachments: attachments.clean(this.state.attachments),\n protect: this.state.protect,\n })\n }\n\n handleSuccess(success) {\n this.setState({ isLoading: true })\n this.close()\n\n setGlobalState(false, this.onQuote)\n\n snackbar.success(pgettext(\"edit reply\", \"Reply has been edited.\"))\n window.location = success.url.index\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n const errors = [].concat(\n rejection.non_field_errors || [],\n rejection.category || [],\n rejection.title || [],\n rejection.post || [],\n rejection.attachments || []\n )\n\n snackbar.error(errors[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n setGlobalState(false, this.onQuote)\n }\n\n close = () => {\n this.minimize()\n posting.close()\n }\n\n minimize = () => {\n this.setState({ fullscreen: false, minimized: true })\n }\n\n open = () => {\n this.setState({ minimized: false })\n if (this.state.fullscreen) {\n }\n }\n\n fullscreenEnter = () => {\n this.setState({ fullscreen: true, minimized: false })\n }\n\n fullscreenExit = () => {\n this.setState({ fullscreen: false, minimized: false })\n }\n\n render() {\n const dialogProps = {\n post: this.props.post,\n\n minimized: this.state.minimized,\n minimize: this.minimize,\n open: this.open,\n\n fullscreen: this.state.fullscreen,\n fullscreenEnter: this.fullscreenEnter,\n fullscreenExit: this.fullscreenExit,\n\n close: this.onCancel,\n }\n\n if (this.state.error) {\n return (\n \n \n \n )\n }\n\n if (!this.state.isReady) {\n return (\n \n
    \n {}}\n onChange={() => {}}\n />\n
    \n     \n )\n }\n\n return (\n \n \n this.setState({ protect: true })}\n disableProtection={() => this.setState({ protect: false })}\n value={this.state.post}\n submitText={pgettext(\"edit reply submit\", \"Edit reply\")}\n disabled={this.state.isLoading}\n onAttachmentsChange={this.onAttachmentsChange}\n onChange={this.onPostChange}\n />\n \n \n )\n }\n}\n\nconst PostingDialogEditReply = ({\n children,\n close,\n minimized,\n minimize,\n open,\n fullscreen,\n fullscreenEnter,\n fullscreenExit,\n post,\n}) => (\n \n \n {interpolate(\n pgettext(\"edit reply\", \"Edit reply by %(poster)s from %(date)s\"),\n {\n poster: post.poster ? post.poster.username : post.poster_name,\n date: post.posted_on.fromNow(),\n },\n true\n )}\n \n {children}\n \n)\n","import React from \"react\"\nimport PostingQuoteSelection from \"./PostingQuoteSelection\"\nimport getQuoteMarkup from \"./getQuoteMarkup\"\nimport { clearGlobalState, getGlobalState, setGlobalState } from \"./globalState\"\nimport Start from \"./start\"\nimport StartPrivate from \"./start-private\"\nimport Reply from \"./reply\"\nimport Edit from \"./edit\"\n\nexport default function (props) {\n switch (props.mode) {\n case \"START\":\n return \n\n case \"START_PRIVATE\":\n return \n\n case \"REPLY\":\n return \n\n case \"EDIT\":\n return \n\n default:\n return null\n }\n}\n\nexport {\n PostingQuoteSelection,\n clearGlobalState,\n getGlobalState,\n getQuoteMarkup,\n setGlobalState,\n}\n","import { maxLength, minLength } from \"misago/utils/validators\"\nimport misago from \"misago\"\n\nexport function getTitleValidators() {\n return [getTitleLengthMin(), getTitleLengthMax()]\n}\n\nexport function getPostValidators() {\n if (misago.get(\"SETTINGS\").post_length_max) {\n return [validatePostLengthMin(), validatePostLengthMax()]\n } else {\n return [validatePostLengthMin()]\n }\n}\n\nexport function getTitleLengthMin() {\n return minLength(\n misago.get(\"SETTINGS\").thread_title_length_min,\n (limitValue, length) => {\n const message = npgettext(\n \"thread title length validator\",\n \"Thread title should be at least %(limit_value)s character long (it has %(show_value)s).\",\n \"Thread title should be at least %(limit_value)s characters long (it has %(show_value)s).\",\n limitValue\n )\n\n return interpolate(\n message,\n {\n limit_value: limitValue,\n show_value: length,\n },\n true\n )\n }\n )\n}\n\nexport function getTitleLengthMax() {\n return maxLength(\n misago.get(\"SETTINGS\").thread_title_length_max,\n (limitValue, length) => {\n const message = npgettext(\n \"thread title length validator\",\n \"Thread title cannot be longer than %(limit_value)s character (it has %(show_value)s).\",\n \"Thread title cannot be longer than %(limit_value)s characters (it has %(show_value)s).\",\n limitValue\n )\n\n return interpolate(\n message,\n {\n limit_value: limitValue,\n show_value: length,\n },\n true\n )\n }\n )\n}\n\nexport function validatePostLengthMin() {\n return minLength(\n misago.get(\"SETTINGS\").post_length_min,\n (limitValue, length) => {\n const message = npgettext(\n \"post length validator\",\n \"Posted message should be at least %(limit_value)s character long (it has %(show_value)s).\",\n \"Posted message should be at least %(limit_value)s characters long (it has %(show_value)s).\",\n limitValue\n )\n\n return interpolate(\n message,\n {\n limit_value: limitValue,\n show_value: length,\n },\n true\n )\n }\n )\n}\n\nexport function validatePostLengthMax() {\n return maxLength(\n misago.get(\"SETTINGS\").post_length_max || 1000000,\n (limitValue, length) => {\n const message = npgettext(\n \"post length validator\",\n \"Posted message cannot be longer than %(limit_value)s character (it has %(show_value)s).\",\n \"Posted message cannot be longer than %(limit_value)s characters (it has %(show_value)s).\",\n limitValue\n )\n\n return interpolate(\n message,\n {\n limit_value: limitValue,\n show_value: length,\n },\n true\n )\n }\n )\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getChoice() {\n let choice = null\n this.props.choices.map((item) => {\n if (item.value === this.props.value) {\n choice = item\n }\n })\n return choice\n }\n\n getIcon() {\n return this.getChoice().icon\n }\n\n getLabel() {\n return this.getChoice().label\n }\n\n change = (value) => {\n return () => {\n this.props.onChange({\n target: {\n value: value,\n },\n })\n }\n }\n\n render() {\n return (\n
    \n \n \n {this.getLabel()}\n \n
      \n {this.props.choices.map((item, i) => {\n return (\n
    • \n \n \n {item.label}\n \n
      • \n )\n })}\n
    \n
    \n )\n }\n}\n\nexport function Icon({ icon }) {\n if (!icon) return null\n\n return {icon}\n}\n","import React from \"react\"\nimport misago from \"misago/index\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport StartSocialAuth from \"misago/components/StartSocialAuth\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport showBannedPage from \"misago/utils/banned-page\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n showActivation: false,\n\n username: \"\",\n password: \"\",\n\n validators: {\n username: [],\n password: [],\n },\n }\n }\n\n clean() {\n if (!this.isValid()) {\n snackbar.error(pgettext(\"sign in modal\", \"Fill out both fields.\"))\n return false\n } else {\n return true\n }\n }\n\n send() {\n return ajax.post(misago.get(\"AUTH_API\"), {\n username: this.state.username,\n password: this.state.password,\n })\n }\n\n handleSuccess() {\n let form = $(\"#hidden-login-form\")\n\n form.append('')\n form.append('')\n\n // fill out form with user credentials and submit it, this will tell\n // Misago to redirect user back to right page, and will trigger browser's\n // key ring feature\n form.find('input[type=\"hidden\"]').val(ajax.getCsrfToken())\n form.find('input[name=\"redirect_to\"]').val(window.location.pathname)\n form.find('input[name=\"username\"]').val(this.state.username)\n form.find('input[name=\"password\"]').val(this.state.password)\n form.submit()\n\n // keep form loading\n this.setState({\n isLoading: true,\n })\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n if (rejection.code === \"inactive_admin\") {\n snackbar.info(rejection.detail)\n } else if (rejection.code === \"inactive_user\") {\n snackbar.info(rejection.detail)\n this.setState({\n showActivation: true,\n })\n } else if (rejection.code === \"banned\") {\n showBannedPage(rejection.detail)\n modal.hide()\n } else {\n snackbar.error(rejection.detail)\n }\n } else if (rejection.status === 403 && rejection.ban) {\n showBannedPage(rejection.ban)\n modal.hide()\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n getActivationButton() {\n if (!this.state.showActivation) return null\n\n return (\n \n {pgettext(\"sign in modal btn\", \"Activate account\")}\n \n )\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"sign in modal title\", \"Sign in\")}\n

    \n
    \n
    \n
    \n \n\n
    \n
    \n \n
    \n
    \n\n
    \n
    \n \n
    \n
    \n
    \n
    \n {this.getActivationButton()}\n \n {pgettext(\"sign in modal btn\", \"Sign in\")}\n \n \n {pgettext(\"sign in modal btn\", \"Forgot password?\")}\n \n
    \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getClass() {\n return getStatusClassName(this.props.status)\n }\n\n render() {\n return {this.props.children}\n }\n}\n\nexport class StatusIcon extends React.Component {\n getIcon() {\n if (this.props.status.is_banned) {\n return \"remove_circle_outline\"\n } else if (this.props.status.is_hidden) {\n return \"help_outline\"\n } else if (this.props.status.is_online_hidden) {\n return \"label\"\n } else if (this.props.status.is_offline_hidden) {\n return \"label_outline\"\n } else if (this.props.status.is_online) {\n return \"lens\"\n } else if (this.props.status.is_offline) {\n return \"panorama_fish_eye\"\n }\n }\n\n render() {\n return {this.getIcon()}\n }\n}\n\nexport class StatusLabel extends React.Component {\n getHelp() {\n return getStatusDescription(this.props.user, this.props.status)\n }\n\n getLabel() {\n if (this.props.status.is_banned) {\n return pgettext(\"user status\", \"Banned\")\n } else if (this.props.status.is_hidden) {\n return pgettext(\"user status\", \"Hidden\")\n } else if (this.props.status.is_online_hidden) {\n return pgettext(\"user status\", \"Online (hidden)\")\n } else if (this.props.status.is_offline_hidden) {\n return pgettext(\"user status\", \"Offline (hidden)\")\n } else if (this.props.status.is_online) {\n return pgettext(\"user status\", \"Online\")\n } else if (this.props.status.is_offline) {\n return pgettext(\"user status\", \"Offline\")\n }\n }\n\n render() {\n return (\n \n {this.getLabel()}\n \n )\n }\n}\n\nexport function getStatusClassName(status) {\n let className = \"\"\n if (status.is_banned) {\n className = \"banned\"\n } else if (status.is_hidden) {\n className = \"offline\"\n } else if (status.is_online_hidden) {\n className = \"online\"\n } else if (status.is_offline_hidden) {\n className = \"offline\"\n } else if (status.is_online) {\n className = \"online\"\n } else if (status.is_offline) {\n className = \"offline\"\n }\n\n return \"user-status user-\" + className\n}\n\nexport function getStatusDescription(user, status) {\n if (status.is_banned) {\n if (status.banned_until) {\n return interpolate(\n pgettext(\"user status\", \"%(username)s is banned until %(ban_expires)s\"),\n {\n username: user.username,\n ban_expires: status.banned_until.format(\"LL, LT\"),\n },\n true\n )\n } else {\n return interpolate(\n pgettext(\"user status\", \"%(username)s is banned\"),\n {\n username: user.username,\n },\n true\n )\n }\n } else if (status.is_hidden) {\n return interpolate(\n pgettext(\"user status\", \"%(username)s is hiding presence\"),\n {\n username: user.username,\n },\n true\n )\n } else if (status.is_online_hidden) {\n return interpolate(\n pgettext(\"user status\", \"%(username)s is online (hidden)\"),\n {\n username: user.username,\n },\n true\n )\n } else if (status.is_offline_hidden) {\n return interpolate(\n pgettext(\n \"user status\",\n \"%(username)s was last seen %(last_click)s (hidden)\"\n ),\n {\n username: user.username,\n last_click: status.last_click.fromNow(),\n },\n true\n )\n } else if (status.is_online) {\n return interpolate(\n pgettext(\"user status\", \"%(username)s is online\"),\n {\n username: user.username,\n },\n true\n )\n } else if (status.is_offline) {\n return interpolate(\n pgettext(\"user status\", \"%(username)s was last seen %(last_click)s\"),\n {\n username: user.username,\n last_click: status.last_click.fromNow(),\n },\n true\n )\n }\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getEmptyMessage() {\n if (this.props.emptyMessage) {\n return this.props.emptyMessage\n } else {\n return pgettext(\n \"username history empty\",\n \"Your account has no history of name changes.\"\n )\n }\n }\n\n render() {\n return (\n
    \n
      \n
    • \n {this.getEmptyMessage()}\n
      • \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\n\nexport default class extends React.Component {\n renderUserAvatar() {\n if (this.props.change.changed_by) {\n return (\n \n \n \n )\n } else {\n return (\n \n \n \n )\n }\n }\n\n renderUsername() {\n if (this.props.change.changed_by) {\n return (\n \n {this.props.change.changed_by.username}\n \n )\n } else {\n return (\n \n {this.props.change.changed_by_username}\n \n )\n }\n }\n\n render() {\n return (\n
  • \n
    {this.renderUserAvatar()}
    \n
    {this.renderUsername()}
    \n
    \n {this.props.change.old_username}\n arrow_forward\n {this.props.change.new_username}\n
    \n
    \n \n {this.props.change.changed_on.fromNow()}\n \n
    \n
    • \n )\n }\n}\n","import React from \"react\"\nimport Change from \"misago/components/username-history/change\"\n\nexport default class extends React.Component {\n render() {\n return (\n
    \n
      \n {this.props.changes.map((change) => {\n return \n })}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport * as random from \"misago/utils/random\"\n\nexport default class extends React.Component {\n shouldComponentUpdate() {\n return false\n }\n\n getClassName() {\n if (this.props.hiddenOnMobile) {\n return \"list-group-item hidden-xs hidden-sm\"\n } else {\n return \"list-group-item\"\n }\n }\n\n render() {\n return (\n
  • \n
    \n \n \n \n
    \n
    \n \n  \n \n
    \n
    \n \n  \n \n arrow_forward\n \n  \n \n
    \n
    \n \n  \n \n
    \n
    • \n )\n }\n}\n","import React from \"react\"\nimport ChangePreview from \"misago/components/username-history/change-preview\"\n\nexport default class extends React.Component {\n shouldComponentUpdate() {\n return false\n }\n\n render() {\n return (\n
    \n
      \n {[0, 1, 2].map((i) => {\n return 0} key={i} />\n })}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport ListEmpty from \"misago/components/username-history/list-empty\"\nimport ListReady from \"misago/components/username-history/list-ready\"\nimport ListPreview from \"misago/components/username-history/list-preview\"\n\nexport default class extends React.Component {\n render() {\n if (this.props.isLoaded) {\n if (this.props.changes.length) {\n return \n } else {\n return \n }\n } else {\n return \n }\n }\n}\n","import React from \"react\"\nimport UserStatus, { StatusLabel } from \"misago/components/user-status\"\n\nexport default function ({ showStatus, user }) {\n return (\n
      \n \n \n
    • \n \n \n \n
    \n )\n}\n\nexport function Status({ showStatus, user }) {\n if (!showStatus) return null\n\n return (\n
  • \n \n \n \n
    • \n )\n}\n\nexport function JoinDate({ user }) {\n const { joined_on } = user\n\n let title = interpolate(\n pgettext(\"users list item\", \"Joined on %(joined_on)s\"),\n {\n joined_on: joined_on.format(\"LL, LT\"),\n },\n true\n )\n\n let message = interpolate(\n pgettext(\"users list item\", \"Joined %(joined_on)s\"),\n {\n joined_on: joined_on.fromNow(),\n },\n true\n )\n\n return (\n
  • \n {message}\n
    • \n )\n}\n\nexport function Posts({ user }) {\n const className = getStatClassName(\"user-stat-posts\", user.posts)\n const message = npgettext(\n \"users list item\",\n \"%(posts)s post\",\n \"%(posts)s posts\",\n user.posts\n )\n\n return (\n
  • \n {interpolate(\n message,\n {\n posts: user.posts,\n },\n true\n )}\n
    • \n )\n}\n\nexport function Threads({ user }) {\n const className = getStatClassName(\"user-stat-threads\", user.threads)\n const message = npgettext(\n \"users list item\",\n \"%(threads)s thread\",\n \"%(threads)s threads\",\n user.threads\n )\n\n return (\n
  • \n {interpolate(\n message,\n {\n threads: user.threads,\n },\n true\n )}\n
    • \n )\n}\n\nexport function Followers({ user }) {\n const className = getStatClassName(\"user-stat-followers\", user.followers)\n const message = npgettext(\n \"users list item\",\n \"%(followers)s follower\",\n \"%(followers)s followers\",\n user.followers\n )\n\n return (\n
  • \n {interpolate(\n message,\n {\n followers: user.followers,\n },\n true\n )}\n
    • \n )\n}\n\nexport function getStatClassName(className, stat) {\n if (stat === 0) {\n return className + \" user-stat-empty\"\n }\n return className\n}\n","import React from \"react\"\n\nexport default function ({ rank, title }) {\n let userTitle = title || rank.title || rank.name\n\n let className = \"user-title\"\n if (rank.css_class) {\n className += \" user-title-\" + rank.css_class\n }\n\n if (rank.is_tab) {\n return (\n \n {userTitle}\n \n )\n }\n\n return {userTitle}\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport Stats from \"./stats\"\nimport UserTitle from \"./user-title\"\n\nexport default function ({ showStatus, user }) {\n const { rank } = user\n\n let className = \"panel user-card\"\n if (rank.css_class) {\n className += \" user-card-\" + rank.css_class\n }\n\n return (\n
    \n
    \n
    \n
    \n
    \n \n \n \n
    \n
    \n
    \n
    \n \n \n \n
    \n\n \n
    \n \n
    \n\n
    \n \n
    \n
    \n
    \n
    \n
    \n )\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport * as random from \"misago/utils/random\"\n\nexport default class extends React.Component {\n shouldComponentUpdate() {\n return false\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n
    \n \n \n \n
    \n
    \n
    \n
    \n \n \n \n
    \n\n
    \n \n  \n \n
    \n
    \n \n  \n \n
    \n\n
    \n
      \n
    • \n \n  \n \n
      • \n
    • \n \n  \n \n
      • \n
    • \n
    • \n \n  \n \n
      • \n
    • \n \n  \n \n
      • \n
    \n
    \n
    \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Card from \"./card\"\n\nexport default function ({ colClassName, cols }) {\n const list = Array.apply(null, { length: cols }).map(Number.call, Number)\n\n return (\n
    \n
    \n {list.map((i) => {\n let className = colClassName\n if (i !== 0) className += \" hidden-xs\"\n if (i === 3) className += \" hidden-sm\"\n\n return (\n
    \n \n
    \n )\n })}\n
    \n
    \n )\n}\n","import React from \"react\"\nimport Card from \"./card\"\nimport Preview from \"./preview\"\n\nexport default function ({ cols, isReady, showStatus, users }) {\n let colClassName = \"col-xs-12 col-sm-4\"\n if (cols === 4) {\n colClassName += \" col-md-3\"\n }\n\n if (!isReady) {\n return \n }\n\n return (\n
    \n
    \n {users.map((user) => {\n return (\n
    \n \n
    \n )\n })}\n
    \n
    \n )\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n dropdown: false,\n }\n }\n\n toggleNav = () => {\n this.setState({\n dropdown: !this.state.dropdown,\n })\n }\n\n hideNav = () => {\n this.setState({\n dropdown: false,\n })\n }\n\n getCompactNavClassName() {\n if (this.state.dropdown) {\n return \"compact-nav open\"\n } else {\n return \"compact-nav\"\n }\n }\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getClassName() {\n if (this.props.value) {\n return \"btn btn-yes-no btn-yes-no-on\"\n } else {\n return \"btn btn-yes-no btn-yes-no-off\"\n }\n }\n\n getIcon() {\n if (!!this.props.value) {\n return this.props.iconOn || \"check_box\"\n } else {\n return this.props.iconOff || \"check_box_outline_blank\"\n }\n }\n\n getLabel() {\n if (!!this.props.value) {\n return this.props.labelOn || pgettext(\"yesno switch choice\", \"yes\")\n } else {\n return this.props.labelOff || pgettext(\"yesno switch choice\", \"no\")\n }\n }\n\n toggle = () => {\n this.props.onChange({\n target: {\n value: !this.props.value,\n },\n })\n }\n\n render() {\n return (\n \n {this.getIcon()}\n {this.getLabel()}\n \n )\n }\n}\n","class OrderedList {\n constructor(items) {\n this.isOrdered = false\n this._items = items || []\n }\n\n add(key, item, order) {\n this._items.push({\n key: key,\n item: item,\n\n after: order ? order.after || null : null,\n before: order ? order.before || null : null,\n })\n }\n\n get(key, value) {\n for (var i = 0; i < this._items.length; i++) {\n if (this._items[i].key === key) {\n return this._items[i].item\n }\n }\n\n return value\n }\n\n has(key) {\n return this.get(key) !== undefined\n }\n\n values() {\n var values = []\n for (var i = 0; i < this._items.length; i++) {\n values.push(this._items[i].item)\n }\n return values\n }\n\n order(values_only) {\n if (!this.isOrdered) {\n this._items = this._order(this._items)\n this.isOrdered = true\n }\n\n if (values_only || typeof values_only === \"undefined\") {\n return this.values()\n } else {\n return this._items\n }\n }\n\n orderedValues() {\n return this.order(true)\n }\n\n _order(unordered) {\n // Index of unordered items\n var index = []\n unordered.forEach(function (item) {\n index.push(item.key)\n })\n\n // Ordered items\n var ordered = []\n var ordering = []\n\n // First pass: register items that\n // don't specify their order\n unordered.forEach(function (item) {\n if (!item.after && !item.before) {\n ordered.push(item)\n ordering.push(item.key)\n }\n })\n\n // Second pass: register items that\n // specify their before to \"_end\"\n unordered.forEach(function (item) {\n if (item.before === \"_end\") {\n ordered.push(item)\n ordering.push(item.key)\n }\n })\n\n // Third pass: keep iterating items\n // until we hit iterations limit or finish\n // ordering list\n function insertItem(item) {\n var insertAt = -1\n if (ordering.indexOf(item.key) === -1) {\n if (item.after) {\n insertAt = ordering.indexOf(item.after)\n if (insertAt !== -1) {\n insertAt += 1\n }\n } else if (item.before) {\n insertAt = ordering.indexOf(item.before)\n }\n\n if (insertAt !== -1) {\n ordered.splice(insertAt, 0, item)\n ordering.splice(insertAt, 0, item.key)\n }\n }\n }\n\n var iterations = 200\n while (iterations > 0 && index.length !== ordering.length) {\n iterations -= 1\n unordered.forEach(insertItem)\n }\n\n return ordered\n }\n}\n\nexport default OrderedList\n","import \"bootstrap/js/transition\"\nimport \"bootstrap/js/affix\"\nimport \"bootstrap/js/modal\"\nimport \"bootstrap/js/dropdown\"\nimport \"at-js\"\nimport \"cropit\"\nimport \"jquery-caret\"\nimport OrderedList from \"misago/utils/ordered-list\"\nimport \"misago/style/index.less\"\n\nexport class Misago {\n constructor() {\n this._initializers = []\n this._context = {}\n }\n\n addInitializer(initializer) {\n this._initializers.push({\n key: initializer.name,\n\n item: initializer.initializer,\n\n after: initializer.after,\n before: initializer.before,\n })\n }\n\n init(context) {\n this._context = context\n\n var initOrder = new OrderedList(this._initializers).orderedValues()\n initOrder.forEach((initializer) => {\n initializer(this)\n })\n }\n\n // context accessors\n has(key) {\n return !!this._context[key]\n }\n\n get(key, fallback) {\n if (this.has(key)) {\n return this._context[key]\n } else {\n return fallback || undefined\n }\n }\n\n pop(key) {\n if (this.has(key)) {\n let value = this._context[key]\n this._context[key] = null\n return value\n } else {\n return undefined\n }\n }\n}\n\n// create singleton\nvar misago = new Misago()\n\n// expose it globally\nwindow.misago = misago\n\n// and export it for tests and stuff\nexport default misago\n","import misago from \"misago/index\"\nimport ajax from \"misago/services/ajax\"\n\nexport default function initializer() {\n ajax.init(misago.get(\"CSRF_COOKIE_NAME\"))\n}\n\nmisago.addInitializer({\n name: \"ajax\",\n initializer: initializer,\n})\n","import misago from \"misago/index\"\nimport { patch } from \"misago/reducers/auth\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nconst AUTH_SYNC_RATE = 45 // sync user with backend every 45 seconds\n\nexport default function initializer(context) {\n if (context.get(\"isAuthenticated\")) {\n window.setInterval(function () {\n ajax.get(context.get(\"AUTH_API\")).then(\n function (data) {\n store.dispatch(patch(data))\n },\n function (rejection) {\n snackbar.apiError(rejection)\n }\n )\n }, AUTH_SYNC_RATE * 1000)\n }\n}\n\nmisago.addInitializer({\n name: \"auth-sync\",\n initializer: initializer,\n after: \"auth\",\n})\n","import misago from \"misago/index\"\nimport auth from \"misago/services/auth\"\nimport modal from \"misago/services/modal\"\nimport store from \"misago/services/store\"\nimport storage from \"misago/services/local-storage\"\n\nexport default function initializer() {\n auth.init(store, storage, modal)\n}\n\nmisago.addInitializer({\n name: \"auth\",\n initializer: initializer,\n after: \"store\",\n})\n","import misago from \"misago/index\"\nimport ajax from \"misago/services/ajax\"\nimport captcha from \"misago/services/captcha\"\nimport include from \"misago/services/include\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default function initializer(context) {\n captcha.init(context, ajax, include, snackbar)\n}\n\nmisago.addInitializer({\n name: \"captcha\",\n initializer: initializer,\n})\n","import React from \"react\"\nimport ajax from \"misago/services/ajax\"\n\nexport default class AcceptAgreement extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = { submiting: false }\n }\n\n handleDecline = () => {\n if (this.state.submiting) return\n\n const confirmation = window.confirm(\n pgettext(\n \"accept agreement prompt\",\n \"Declining will result in immediate deactivation and deletion of your account. This action is not reversible.\"\n )\n )\n if (!confirmation) return\n\n this.setState({ submiting: true })\n\n ajax.post(this.props.api, { accept: false }).then(() => {\n window.location.reload(true)\n })\n }\n\n handleAccept = () => {\n if (this.state.submiting) return\n\n this.setState({ submiting: true })\n\n ajax.post(this.props.api, { accept: true }).then(() => {\n window.location.reload(true)\n })\n }\n\n render() {\n return (\n
    \n \n {pgettext(\"accept agreement choice\", \"Decline\")}\n \n \n {pgettext(\"accept agreement choice\", \"Accept and continue\")}\n \n
    \n )\n }\n}\n","import React from \"react\"\nimport misago from \"misago/index\"\nimport AcceptAgreement from \"misago/components/accept-agreement\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer(context) {\n if (document.getElementById(\"required-agreement-mount\")) {\n mount(\n ,\n \"required-agreement-mount\",\n false\n )\n }\n}\n\nmisago.addInitializer({\n name: \"component:accept-agreement\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\n\nexport default class extends React.Component {\n refresh() {\n window.location.reload()\n }\n\n getMessage() {\n if (this.props.signedIn) {\n return interpolate(\n pgettext(\n \"auth message\",\n \"You have signed in as %(username)s. Please refresh the page before continuing.\"\n ),\n { username: this.props.signedIn.username },\n true\n )\n } else if (this.props.signedOut) {\n return interpolate(\n pgettext(\n \"auth message\",\n \"%(username)s, you have been signed out. Please refresh the page before continuing.\"\n ),\n { username: this.props.user.username },\n true\n )\n }\n }\n\n render() {\n let className = \"auth-message\"\n if (this.props.signedIn || this.props.signedOut) {\n className += \" show\"\n }\n\n return (\n
    \n
    \n

    {this.getMessage()}

    \n

    \n \n {pgettext(\"auth message\", \"Reload page\")}\n \n \n {\" \" + pgettext(\"auth message\", \"or press F5 key.\")}\n \n

    \n
    \n
    \n )\n }\n}\n\nexport function select(state) {\n return {\n user: state.auth.user,\n signedIn: state.auth.signedIn,\n signedOut: state.auth.signedOut,\n }\n}\n","import { connect } from \"react-redux\"\nimport misago from \"misago/index\"\nimport AuthMessage, { select } from \"misago/components/auth-message\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n mount(connect(select)(AuthMessage), \"auth-message-mount\")\n}\n\nmisago.addInitializer({\n name: \"component:auth-message\",\n initializer: initializer,\n after: \"store\",\n})\n","import misago from \"misago/index\"\nimport showBannedPage from \"misago/utils/banned-page\"\n\nexport default function initializer(context) {\n if (context.has(\"BAN_MESSAGE\")) {\n showBannedPage(context.get(\"BAN_MESSAGE\"), false)\n }\n}\n\nmisago.addInitializer({\n name: \"component:banmed-page\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\n\nexport default function (props) {\n return (\n
    \n
      \n
    • \n

      \n {pgettext(\n \"categories list\",\n \"No categories exist or you don't have permission to see them.\"\n )}\n

      \n
      • \n
    \n
    \n )\n}\n","import React from \"react\"\n\nexport default function ({ category }) {\n if (!category.description) return null\n\n return (\n \n )\n}\n","import React from \"react\"\n\nexport default function ({ category }) {\n return (\n
    \n {getIcon(category)}\n
    \n )\n}\n\nexport function getClassName(category) {\n if (category.is_read) {\n return \"read-status item-read\"\n }\n\n return \"read-status item-new\"\n}\n\nexport function getTitle(category) {\n if (category.is_closed) {\n if (category.is_read) {\n return pgettext(\n \"category status\",\n \"This category has no new posts. (closed)\"\n )\n }\n\n return pgettext(\"category status\", \"This category has new posts. (closed)\")\n }\n\n if (category.is_read) {\n return pgettext(\"category status\", \"This category has no new posts.\")\n }\n\n return pgettext(\"category status\", \"This category has new posts.\")\n}\n\nexport function getIcon(category) {\n if (category.is_closed) {\n if (category.is_read) {\n return \"lock_outline\"\n }\n\n return \"lock\"\n }\n\n if (category.is_read) {\n return \"chat_bubble_outline\"\n }\n\n return \"chat_bubble\"\n}\n","import React from \"react\"\nimport Description from \"./description\"\nimport Icon from \"./icon\"\n\nexport default function ({ category }) {\n return (\n
    \n
    \n
    \n \n
    \n
    \n

    \n {category.name}\n

    \n \n
    \n
    \n
    \n )\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\n\nexport default function ({ category }) {\n return (\n
    \n \n \n \n \n
    \n )\n}\n\nexport function LastThread({ category }) {\n if (!category.acl.can_browse) return null\n if (!category.acl.can_see_all_threads) return null\n if (!category.last_thread_title) return null\n\n return (\n
    \n
    \n \n
    \n
    \n
    \n \n {category.last_thread_title}\n \n
    \n \n
    \n
    \n )\n}\n\nexport function LastPosterAvatar({ category }) {\n if (category.last_poster) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n )\n}\n\nexport function LastPosterName({ category }) {\n if (category.last_poster) {\n return (\n \n {category.last_poster_name}\n \n )\n }\n\n return {category.last_poster_name}\n}\n\nexport function Empty({ category }) {\n if (!category.acl.can_browse) return null\n if (!category.acl.can_see_all_threads) return null\n if (category.last_thread_title) return null\n\n return (\n \n )\n}\n\nexport function Private({ category }) {\n if (!category.acl.can_browse) return null\n if (category.acl.can_see_all_threads) return null\n\n return (\n \n )\n}\n\nexport function Protected({ category }) {\n if (category.acl.can_browse) return null\n\n return (\n \n )\n}\n\nexport function Message({ message }) {\n return (\n
    \n
    \n info_outline\n
    \n
    \n

    {message}

    \n
    \n
    \n )\n}\n","import React from \"react\"\n\nexport default function ({ category }) {\n return (\n
    \n
      \n \n \n
    \n
    \n )\n}\n\nexport function Threads({ threads }) {\n const message = npgettext(\n \"category stats\",\n \"%(threads)s thread\",\n \"%(threads)s threads\",\n threads\n )\n\n return (\n
  • \n {interpolate(\n message,\n {\n threads: threads,\n },\n true\n )}\n
    • \n )\n}\n\nexport function Posts({ posts }) {\n const message = npgettext(\n \"category stats\",\n \"%(posts)s post\",\n \"%(posts)s posts\",\n posts\n )\n\n return (\n
  • \n {interpolate(\n message,\n {\n posts: posts,\n },\n true\n )}\n
    • \n )\n}\n","import React from \"react\"\n\nexport default function ({ category }) {\n let className = \"btn btn-default btn-block btn-sm btn-subcategory\"\n if (!category.is_read) {\n className += \" btn-subcategory-new\"\n }\n\n return (\n \n )\n}\n\nexport function getIcon(category) {\n if (category.is_closed) {\n if (category.is_read) {\n return \"lock_outline\"\n }\n\n return \"lock\"\n }\n\n if (category.is_read) {\n return \"chat_bubble_outline\"\n }\n\n return \"chat_bubble\"\n}\n","import React from \"react\"\nimport ListItem from \"./list-item\"\n\nexport default function ({ category, isFirst }) {\n if (isFirst) return null\n if (category.subcategories.length === 0) return null\n\n return (\n
    \n {category.subcategories.map((category) => {\n return \n })}\n
    \n )\n}\n","import React from \"react\"\nimport Main from \"./main\"\nimport LastThread from \"./last-thread\"\nimport Stats from \"./stats\"\nimport Subcategories from \"./subcategories\"\n\nexport default function ({ category, isFirst }) {\n let className = \"list-group-item\"\n\n if (category.description) {\n className += \" list-group-category-has-description\"\n } else {\n className += \" list-group-category-no-description\"\n }\n\n if (isFirst) {\n className += \" list-group-item-first\"\n }\n if (category.css_class) {\n className += \" list-group-category-has-flavor\"\n className += \" list-group-item-category-\" + category.css_class\n }\n\n return (\n
  • \n
    \n
    \n \n \n
    \n \n
    • \n )\n}\n","import React from \"react\"\nimport ListItem from \"./list-item\"\n\nexport default function ({ category }) {\n let className = \"list-group list-group-category\"\n if (category.css_class) {\n className += \" list-group-category-has-flavor\"\n className += \" list-group-category-\" + category.css_class\n }\n\n return (\n
      \n \n {category.subcategories.map((category) => {\n return (\n \n )\n })}\n
    \n )\n}\n","import React from \"react\"\nimport Category from \"./category\"\n\nexport default function ({ categories }) {\n return (\n
    \n {categories.map((category) => {\n return \n })}\n
    \n )\n}\n","import moment from \"moment\"\nimport React from \"react\"\nimport Blankslate from \"./blankslate\"\nimport CategoriesList from \"./categories-list\"\nimport misago from \"misago/index\"\nimport polls from \"misago/services/polls\"\n\nconst hydrate = function (category) {\n return Object.assign({}, category, {\n last_post_on: category.last_post_on ? moment(category.last_post_on) : null,\n subcategories: category.subcategories.map(hydrate),\n })\n}\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n categories: misago.get(\"CATEGORIES\").map(hydrate),\n }\n\n this.startPolling(misago.get(\"CATEGORIES_API\"))\n }\n\n startPolling(api) {\n polls.start({\n poll: \"categories\",\n url: api,\n frequency: 180 * 1000,\n update: this.update,\n })\n }\n\n update = (data) => {\n this.setState({\n categories: data.map(hydrate),\n })\n }\n\n render() {\n const { categories } = this.state\n\n if (categories.length === 0) {\n return \n }\n\n return \n }\n}\n\nexport function select(store) {\n return {\n tick: store.tick.tick,\n }\n}\n","import { connect } from \"react-redux\"\nimport Categories, { select } from \"misago/components/categories\"\nimport misago from \"misago/index\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n if (document.getElementById(\"categories-mount\")) {\n mount(connect(select)(Categories), \"categories-mount\")\n }\n}\n\nmisago.addInitializer({\n name: \"component:categories\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport modal from \"../services/modal\"\nimport SignInModal from \"./sign-in\"\n\nclass SignInModalAutoOpen extends React.Component {\n componentDidMount() {\n const query = window.document.location.search\n if (query === \"?modal=login\") {\n window.setTimeout(() => modal.show(), 300)\n }\n }\n\n render() {\n return null\n }\n}\n\nexport default SignInModalAutoOpen\n","import React from \"react\"\n\nexport default function NavbarBranding({ logo, logoXs, text, url }) {\n if (logo) {\n return (\n
    \n \n {text}\n \n
    \n )\n }\n\n return (\n
    \n {!!logoXs && (\n \n {text}\n \n )}\n {!!text && (\n \n {text}\n \n )}\n
    \n )\n}\n","import React from \"react\"\n\nexport default function NavbarExtraMenu({ items }) {\n return (\n
      \n {items.map((item, index) => (\n
    • \n \n {item.title}\n \n
      • \n ))}\n
    \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { DropdownFooter, DropdownHeader, DropdownPills } from \"../Dropdown\"\n\nexport default function NotificationsDropdownBody({\n children,\n showAll,\n showUnread,\n unread,\n}) {\n return (\n
    \n \n {pgettext(\"notifications title\", \"Notifications\")}\n \n \n \n {pgettext(\"notifications dropdown\", \"All\")}\n \n \n {pgettext(\"notifications dropdown\", \"Unread\")}\n \n \n {children}\n \n \n {pgettext(\"notifications\", \"See all notifications\")}\n \n \n
    \n )\n}\n\nfunction NotificationsDropdownBodyPill({ active, children, onClick }) {\n return (\n \n {children}\n \n )\n}\n","import NotificationsDropdown from \"./NotificationsDropdown\"\n\nexport default NotificationsDropdown\n","import React from \"react\"\nimport NotificationsFetch from \"../NotificationsFetch\"\nimport {\n NotificationsList,\n NotificationsListError,\n NotificationsListLoading,\n} from \"../NotificationsList\"\nimport NotificationsDropdownBody from \"./NotificationsDropdownBody\"\n\nexport default class NotificationsDropdown extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n unread: false,\n url: \"\",\n }\n }\n\n getApiUrl() {\n let url = misago.get(\"NOTIFICATIONS_API\") + \"?limit=20\"\n url += this.state.unread ? \"&filter=unread\" : \"\"\n return url\n }\n\n render = () => (\n this.setState({ unread: false })}\n showUnread={() => this.setState({ unread: true })}\n >\n \n {({ data, loading, error }) => {\n if (loading) {\n return \n }\n\n if (error) {\n return \n }\n\n return (\n \n )\n }}\n \n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nexport default function NavbarNotificationsToggle({\n id,\n className,\n badge,\n url,\n active,\n onClick,\n}) {\n const title = !!badge\n ? pgettext(\"navbar\", \"You have unread notifications!\")\n : pgettext(\"navbar\", \"Open notifications\")\n\n return (\n \n {!!badge && {badge}}\n \n {!!badge ? \"notifications_active\" : \"notifications_none\"}\n \n \n )\n}\n","import React from \"react\"\nimport { Dropdown } from \"../Dropdown\"\nimport NotificationsDropdown from \"../NotificationsDropdown\"\nimport NavbarNotificationsToggle from \"./NavbarNotificationsToggle\"\n\nexport default function NavbarNotificationsDropdown({\n id,\n className,\n badge,\n url,\n}) {\n return (\n (\n {\n event.preventDefault()\n toggle()\n }}\n />\n )}\n menuClassName=\"notifications-dropdown\"\n menuAlignRight\n >\n {({ isOpen }) => }\n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nexport default function NavbarPrivateThreads({\n id,\n className,\n badge,\n url,\n active,\n onClick,\n}) {\n const title = !!badge\n ? pgettext(\"navbar\", \"You have unread private threads!\")\n : pgettext(\"navbar\", \"Open private threads\")\n\n return (\n \n {!!badge && {badge}}\n inbox\n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nexport default function NavbarSearchToggle({\n id,\n className,\n url,\n active,\n onClick,\n}) {\n return (\n \n search\n \n )\n}\n","import React from \"react\"\nimport { Dropdown } from \"../Dropdown\"\nimport { SearchDropdown } from \"../Search\"\nimport NavbarSearchToggle from \"./NavbarSearchToggle\"\n\nexport default function NavbarSearchDropdown({ id, className, url }) {\n return (\n (\n {\n event.preventDefault()\n toggle()\n\n window.setTimeout(() => {\n document\n .querySelector(\".search-dropdown .form-control-search\")\n .focus()\n }, 0)\n }}\n />\n )}\n menuClassName=\"search-dropdown\"\n menuAlignRight\n >\n {() => }\n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nexport default function NavbarSiteNavToggle({\n id,\n className,\n active,\n onClick,\n}) {\n return (\n \n menu\n \n )\n}\n","import React from \"react\"\nimport { Dropdown } from \"../Dropdown\"\nimport NavbarSiteNavToggle from \"./NavbarSiteNavToggle\"\nimport { SiteNavDropdown } from \"../SiteNav\"\n\nexport default function NavbarSiteNavDropdown({ id, className }) {\n return (\n (\n \n )}\n menuClassName=\"site-nav-dropdown\"\n menuAlignRight\n >\n {({ isOpen, close }) => }\n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport Avatar from \"../avatar\"\n\nexport default function NavbarUserNavToggle({\n id,\n className,\n user,\n active,\n onClick,\n}) {\n return (\n \n \n \n )\n}\n","import React from \"react\"\nimport { Dropdown } from \"../Dropdown\"\nimport NavbarUserNavToggle from \"./NavbarUserNavToggle\"\nimport { UserNavDropdown } from \"../UserNav\"\n\nexport default function NavbarUserNavDropdown({ id, className, user }) {\n return (\n (\n {\n event.preventDefault()\n toggle()\n }}\n />\n )}\n menuClassName=\"user-nav-dropdown\"\n menuAlignRight\n >\n {({ isOpen, close }) => }\n \n )\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport * as overlay from \"../../reducers/overlay\"\nimport RegisterButton from \"../RegisterButton\"\nimport SignInButton from \"../SignInButton\"\nimport SignInModalAutoOpen from \"../SignInModalAutoOpen\"\nimport NavbarBranding from \"./NavbarBranding\"\nimport NavbarExtraMenu from \"./NavbarExtraMenu\"\nimport NavbarNotificationsDropdown from \"./NavbarNotificationsDropdown\"\nimport NavbarNotificationsToggle from \"./NavbarNotificationsToggle\"\nimport NavbarPrivateThreads from \"./NavbarPrivateThreads\"\nimport NavbarSearchDropdown from \"./NavbarSearchDropdown\"\nimport NavbarSearchToggle from \"./NavbarSearchToggle\"\nimport NavbarSiteNavDropdown from \"./NavbarSiteNavDropdown\"\nimport NavbarSiteNavToggle from \"./NavbarSiteNavToggle\"\nimport NavbarUserNavDropdown from \"./NavbarUserNavDropdown\"\nimport NavbarUserNavToggle from \"./NavbarUserNavToggle\"\n\nexport function Navbar({\n dispatch,\n branding,\n extraMenuItems,\n authDelegated,\n user,\n searchUrl,\n notificationsUrl,\n privateThreadsUrl,\n showSearch,\n showPrivateThreads,\n}) {\n return (\n
    \n \n
    \n {extraMenuItems.length > 0 && (\n \n )}\n {!!showSearch && (\n \n )}\n {!!showSearch && (\n {\n dispatch(overlay.openSearch())\n event.preventDefault()\n }}\n />\n )}\n \n {\n dispatch(overlay.openSiteNav())\n }}\n />\n {!!showPrivateThreads && (\n \n )}\n {!!user && (\n \n )}\n {!!user && (\n {\n dispatch(overlay.openNotifications())\n event.preventDefault()\n }}\n />\n )}\n {!!user && (\n \n )}\n {!!user && (\n {\n dispatch(overlay.openUserNav())\n event.preventDefault()\n }}\n />\n )}\n {!user && }\n {!user && !authDelegated && (\n \n )}\n {!user && !authDelegated && }\n
    \n
    \n )\n}\n\nfunction select(state) {\n const settings = misago.get(\"SETTINGS\")\n const user = state.auth.user\n\n return {\n branding: {\n logo: settings.logo,\n logoXs: settings.logo_small,\n text: settings.logo_text,\n url: misago.get(\"MISAGO_PATH\"),\n },\n extraMenuItems: misago.get(\"extraMenuItems\"),\n\n user: !user.id\n ? null\n : {\n id: user.id,\n username: user.username,\n email: user.email,\n avatars: user.avatars,\n unreadNotifications: user.unreadNotifications,\n unreadPrivateThreads: user.unread_private_threads,\n url: user.url,\n },\n\n searchUrl: misago.get(\"SEARCH_URL\"),\n notificationsUrl: misago.get(\"NOTIFICATIONS_URL\"),\n privateThreadsUrl: misago.get(\"PRIVATE_THREADS_URL\"),\n\n authDelegated: settings.enable_oauth2_client,\n showSearch: !!user.acl.can_search,\n showPrivateThreads: !!user && !!user.acl.can_use_private_threads,\n }\n}\n\nconst NavbarConnected = connect(select)(Navbar)\n\nexport default NavbarConnected\n","import Navbar from \"./Navbar\"\n\nexport default Navbar\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Provider } from \"react-redux\"\nimport Navbar from \"../../components/Navbar\"\nimport store from \"../../services/store\"\n\nexport default function initializer(context) {\n const root = document.getElementById(\"misago-navbar\")\n ReactDOM.render(\n \n \n ,\n root\n )\n}\n\nmisago.addInitializer({\n name: \"component:navbar\",\n initializer: initializer,\n after: \"store\",\n})\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { DropdownFooter, DropdownPills } from \"../Dropdown\"\nimport { Overlay, OverlayHeader } from \"../Overlay\"\n\nexport default function NotificationsOverlayBody({\n children,\n open,\n showAll,\n showUnread,\n unread,\n}) {\n return (\n \n \n {pgettext(\"notifications title\", \"Notifications\")}\n \n \n \n {pgettext(\"notifications dropdown\", \"All\")}\n \n \n {pgettext(\"notifications dropdown\", \"Unread\")}\n \n \n {children}\n \n \n {pgettext(\"notifications\", \"See all notifications\")}\n \n \n \n )\n}\n\nfunction NotificationsOverlayBodyPill({ active, children, onClick }) {\n return (\n \n {children}\n \n )\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport NotificationsFetch from \"../NotificationsFetch\"\nimport {\n NotificationsList,\n NotificationsListError,\n NotificationsListLoading,\n} from \"../NotificationsList\"\nimport NotificationsOverlayBody from \"./NotificationsOverlayBody\"\n\nclass NotificationsOverlay extends React.Component {\n constructor(props) {\n super(props)\n\n this.body = document.body\n\n this.state = {\n unread: false,\n url: \"\",\n }\n }\n\n getApiUrl() {\n let url = misago.get(\"NOTIFICATIONS_API\") + \"?limit=20\"\n url += this.state.unread ? \"&filter=unread\" : \"\"\n return url\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevProps.open !== this.props.open) {\n if (this.props.open) {\n this.body.classList.add(\"notifications-fullscreen\")\n } else {\n this.body.classList.remove(\"notifications-fullscreen\")\n }\n }\n }\n\n render = () => (\n this.setState({ unread: false })}\n showUnread={() => this.setState({ unread: true })}\n >\n \n {({ data, loading, error }) => {\n if (loading) {\n return \n }\n\n if (error) {\n return \n }\n\n return (\n \n )\n }}\n \n \n )\n}\n\nfunction select(state) {\n return { open: state.overlay.notifications }\n}\n\nconst NotificationsOverlayConnected = connect(select)(NotificationsOverlay)\n\nexport default NotificationsOverlayConnected\n","import NotificationsOverlay from \"./NotificationsOverlay\"\n\nexport default NotificationsOverlay\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Provider } from \"react-redux\"\nimport NotificationsOverlay from \"../../components/NotificationsOverlay\"\nimport store from \"../../services/store\"\n\nexport default function initializer(context) {\n if (context.get(\"isAuthenticated\")) {\n const root = document.getElementById(\"notifications-mount\")\n ReactDOM.render(\n \n \n ,\n root\n )\n }\n}\n\nmisago.addInitializer({\n name: \"component:notifications-overlay\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport { PageHeaderPlain } from \"../PageHeader\"\n\nexport default function NotificationsHeader() {\n return (\n \n )\n}\n","import PageTitle from \"./PageTitle\"\n\nexport default PageTitle\n","export default function PageTitle({ title, subtitle }) {\n const parts = []\n if (subtitle) {\n parts.push(subtitle)\n }\n if (title) {\n parts.push(title)\n }\n parts.push(misago.get(\"SETTINGS\").forum_name)\n\n document.title = parts.join(\" | \")\n return null\n}\n","import React from \"react\"\n\nexport default function PillsNav({ children }) {\n return
      {children}
    \n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { Link } from \"react-router\"\n\nexport default function PillsNavLink({ active, link, icon, children }) {\n return (\n
  • \n \n {!!icon && {icon}}\n {children}\n \n
    • \n )\n}\n","import React from \"react\"\nimport { PillsNav, PillsNavLink } from \"../PillsNav\"\nimport { Toolbar, ToolbarSection, ToolbarItem } from \"../Toolbar\"\n\nexport default function NotificationsPills({ filter }) {\n const basename = misago.get(\"NOTIFICATIONS_URL\")\n\n return (\n \n \n \n \n \n {pgettext(\"notifications nav\", \"All\")}\n \n \n {pgettext(\"notifications nav\", \"Unread\")}\n \n \n {pgettext(\"notifications nav\", \"Read\")}\n \n \n \n \n \n )\n}\n","import React from \"react\"\nimport { Link } from \"react-router\"\n\nexport default function NotificationsPagination({ baseUrl, data, disabled }) {\n return (\n
    \n \n {pgettext(\"notifications pagination\", \"Latest\")}\n \n \n {pgettext(\"notifications pagination\", \"Newer\")}\n \n \n {pgettext(\"notifications pagination\", \"Older\")}\n \n
    \n )\n}\n\nfunction NotificationsPaginationLink({ disabled, children, url }) {\n if (disabled) {\n return (\n \n )\n }\n\n return (\n \n {children}\n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport Button from \"../button\"\nimport { Toolbar, ToolbarSection, ToolbarItem, ToolbarSpacer } from \"../Toolbar\"\nimport NotificationsPagination from \"./NotificationsPagination\"\n\nexport default function NotificationsToolbar({\n baseUrl,\n data,\n disabled,\n bottom,\n markAllAsRead,\n}) {\n return (\n \n \n \n \n \n \n \n \n \n \n done_all\n {pgettext(\"notifications\", \"Mark all as read\")}\n \n \n \n \n )\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport { updateAuthenticatedUser } from \"../../reducers/auth\"\nimport snackbar from \"../../services/snackbar\"\nimport { ApiMutation } from \"../Api\"\nimport NotificationsFetch from \"../NotificationsFetch\"\nimport PageTitle from \"../PageTitle\"\nimport PageContainer from \"../PageContainer\"\nimport {\n NotificationsList,\n NotificationsListError,\n NotificationsListLoading,\n} from \"../NotificationsList\"\nimport NotificationsPills from \"./NotificationsPills\"\nimport NotificationsToolbar from \"./NotificationsToolbar\"\n\nfunction NotificationsRoute({ dispatch, location, route }) {\n const { query } = location\n const { filter } = route.props\n\n const baseUrl = getBaseUrl(filter)\n\n return (\n \n \n\n \n\n \n {({ data, loading, error, refetch }) => (\n \n {(readAll, { loading: mutating }) => {\n const toolbarProps = {\n baseUrl,\n data,\n disabled:\n loading || mutating || !data || data.results.length === 0,\n markAllAsRead: async () => {\n const confirmed = window.confirm(\n pgettext(\"notifications\", \"Mark all notifications as read?\")\n )\n\n if (confirmed) {\n readAll({\n onSuccess: async () => {\n refetch()\n dispatch(\n updateAuthenticatedUser({ unreadNotifications: null })\n )\n snackbar.success(\n pgettext(\n \"notifications\",\n \"All notifications have been marked as read.\"\n )\n )\n },\n onError: snackbar.apiError,\n })\n }\n },\n }\n\n if (loading || mutating) {\n return (\n
    \n \n \n \n
    \n )\n }\n\n if (error) {\n return (\n
    \n \n \n \n
    \n )\n }\n\n if (data) {\n if (!data.hasPrevious && query) {\n window.history.replaceState({}, \"\", baseUrl)\n }\n\n return (\n
    \n \n \n \n
    \n )\n }\n\n return null\n }}\n     \n )}\n     \n     \n )\n}\n\nfunction getSubtitle(filter) {\n if (filter === \"unread\") {\n return pgettext(\"notifications title\", \"Unread notifications\")\n } else if (filter === \"read\") {\n return pgettext(\"notifications title\", \"Read notifications\")\n } else {\n return null\n }\n}\n\nfunction getBaseUrl(filter) {\n let url = misago.get(\"NOTIFICATIONS_URL\")\n if (filter !== \"all\") {\n url += filter + \"/\"\n }\n return url\n}\n\nconst NotificationsRouteConnected = connect()(NotificationsRoute)\n\nexport default NotificationsRouteConnected\n","import Notifications from \"./Notifications\"\nimport NotificationsFetch from \"../NotificationsFetch/NotificationsFetch\"\n\nexport default Notifications\n\nexport { NotificationsFetch }\n","import React from \"react\"\nimport { Router, browserHistory } from \"react-router\"\nimport NotificationsHeader from \"./NotificationsHeader\"\nimport NotificationsRoute from \"./NotificationsRoute\"\n\nexport default function Notifications() {\n const basename = misago.get(\"NOTIFICATIONS_URL\")\n\n return (\n
    \n \n \n
    \n )\n}\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Provider } from \"react-redux\"\nimport Notifications from \"../../components/Notifications\"\nimport store from \"../../services/store\"\n\nexport default function initializer(context) {\n const basename = misago.get(\"NOTIFICATIONS_URL\")\n if (\n document.location.pathname.startsWith(basename) &&\n !document.location.pathname.startsWith(basename + \"disable-email/\") &&\n context.get(\"isAuthenticated\")\n ) {\n const root = document.getElementById(\"page-mount\")\n ReactDOM.render(\n \n \n ,\n root\n )\n }\n}\n\nmisago.addInitializer({\n name: \"component:notifications\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport { Link } from \"react-router\"\nimport Li from \"misago/components/li\"\n\nexport function SideNav(props) {\n return (\n
    \n {props.options.map((option) => {\n return (\n \n {option.icon}\n {option.name}\n \n )\n })}\n
    \n )\n}\n\nexport function CompactNav(props) {\n return (\n
      \n {props.options.map((option) => {\n return (\n \n \n {option.icon}\n {option.name}\n \n \n )\n })}\n
    \n )\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport ajax from \"misago/services/ajax\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\nimport misago from \"misago\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n password: \"\",\n }\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"delete your account title\", \"Delete account\"),\n parent: pgettext(\"forum options\", \"Change your options\"),\n })\n }\n\n onPasswordChange = (event) => {\n this.setState({ password: event.target.value })\n }\n\n handleSubmit = (event) => {\n event.preventDefault()\n\n const { isLoading, password } = this.state\n const { user } = this.props\n\n if (password.length == 0) {\n snackbar.error(pgettext(\"delete your account form\", \"Complete the form.\"))\n return false\n }\n\n if (isLoading) return false\n this.setState({ isLoading: true })\n\n ajax.post(user.api.delete, { password }).then(\n (success) => {\n window.location.href = misago.get(\"MISAGO_PATH\")\n },\n (rejection) => {\n this.setState({ isLoading: false })\n if (rejection.password) {\n snackbar.error(rejection.password[0])\n } else {\n snackbar.apiError(rejection)\n }\n }\n )\n }\n\n render() {\n return (\n
    \n
    \n
    \n

    \n {pgettext(\"delete your account title\", \"Delete account\")}\n

    \n
    \n
    \n

    \n {pgettext(\n \"delete your account form\",\n \"This form lets you delete your account. This action is not reversible.\"\n )}\n

    \n

    \n {pgettext(\n \"delete your account form\",\n \"Your account will be deleted together with its profile details, IP addresses and notifications.\"\n )}\n

    \n

    \n {pgettext(\n \"delete your account form\",\n \"Other content will NOT be deleted, but username displayed next to it will be changed to one shared by all deleted accounts.\"\n )}\n

    \n

    \n {pgettext(\n \"delete your account form\",\n \"Your username and e-maill address will become available again for use during registration or for other accounts to change to.\"\n )}\n

    \n
    \n
    \n
    \n \n \n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Form from \"misago/components/edit-details\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n componentDidMount() {\n title.set({\n title: pgettext(\"edit details\", \"Edit details\"),\n parent: pgettext(\"forum options\", \"Change your options\"),\n })\n }\n\n onSuccess = () => {\n snackbar.info(\n pgettext(\"profile details form\", \"Your details have been changed.\")\n )\n }\n\n render() {\n return (\n
    \n )\n }\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Button from \"misago/components/button\"\nimport ajax from \"misago/services/ajax\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class DownloadData extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n isSubmiting: false,\n downloads: [],\n }\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"download your data title\", \"Download your data\"),\n parent: pgettext(\"forum options\", \"Change your options\"),\n })\n\n this.handleLoadDownloads()\n }\n\n handleLoadDownloads = () => {\n ajax.get(this.props.user.api.data_downloads).then(\n (data) => {\n this.setState({\n isLoading: false,\n downloads: data,\n })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n handleRequestDataDownload = () => {\n this.setState({ isSubmiting: true })\n ajax.post(this.props.user.api.request_data_download).then(\n () => {\n this.handleLoadDownloads()\n snackbar.success(\n pgettext(\n \"download your data\",\n \"Your request for data download has been registered.\"\n )\n )\n this.setState({ isSubmiting: false })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n this.setState({ isSubmiting: false })\n }\n )\n }\n\n render() {\n return (\n
    \n
    \n
    \n

    \n {pgettext(\"download your data title\", \"Download your data\")}\n

    \n
    \n
    \n

    \n {pgettext(\n \"download your data\",\n 'To download your data from the site, click the \"Request data download\" button. Depending on amount of data to be archived and number of users wanting to download their data at same time it may take up to few days for your download to be prepared. An e-mail with notification will be sent to you when your data is ready to be downloaded.'\n )}\n

    \n\n

    \n {pgettext(\n \"download your data\",\n \"The download will only be available for limited amount of time, after which it will be deleted from the site and marked as expired.\"\n )}\n

    \n
    \n \n \n \n \n \n \n \n \n {this.state.downloads.map((item) => {\n return (\n \n \n \n \n )\n })}\n {this.state.downloads.length == 0 ? (\n \n \n \n ) : null}\n \n
    {pgettext(\"download your data table\", \"Requested on\")}\n {pgettext(\"download your data table\", \"Download\")}\n
    \n {moment(item.requested_on).fromNow()}\n \n \n
    \n {pgettext(\n \"download your data table\",\n \"You have no data downloads.\"\n )}\n
    \n
    \n \n {pgettext(\"download your data btn\", \"Request data download\")}\n \n
    \n
    \n
    \n )\n }\n}\n\nconst rowStyle = {\n verticalAlign: \"middle\",\n}\n\nconst STATUS_PENDING = 0\nconst STATUS_PROCESSING = 1\n\nconst DownloadButton = ({ exportFile, status }) => {\n if (status === STATUS_PENDING || status === STATUS_PROCESSING) {\n return (\n \n {pgettext(\"download your data table btn\", \"Download is being prepared\")}\n \n )\n }\n\n if (exportFile) {\n return (\n \n {pgettext(\"download your data table btn\", \"Download your data\")}\n \n )\n }\n\n return (\n \n {pgettext(\"download your data table btn\", \"Download is expired\")}\n \n )\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport Select from \"misago/components/select\"\nimport YesNoSwitch from \"misago/components/yes-no-switch\"\nimport { patch } from \"misago/reducers/auth\"\nimport ajax from \"misago/services/ajax\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nconst WATCH_CHOICES = [\n {\n value: 0,\n icon: \"notifications_none\",\n label: pgettext(\"watch thread choice\", \"No\"),\n },\n {\n value: 1,\n icon: \"notifications\",\n label: pgettext(\"watch thread choice\", \"Yes, with on site notifications\"),\n },\n {\n value: 2,\n icon: \"mail\",\n label: pgettext(\n \"watch thread choice\",\n \"Yes, with on site and e-mail notifications\"\n ),\n },\n]\n\nconst NOTIFICATION_CHOICES = [\n {\n value: 0,\n icon: \"notifications_none\",\n label: pgettext(\"notification preference\", \"Don't notify\"),\n },\n {\n value: 1,\n icon: \"notifications\",\n label: pgettext(\"notification preference\", \"Notify on site\"),\n },\n {\n value: 2,\n icon: \"mail\",\n label: pgettext(\n \"notification preference\",\n \"Notify on site and with e-mail\"\n ),\n },\n]\n\nexport default class ForumOptionsForm extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n is_hiding_presence: props.user.is_hiding_presence,\n limits_private_thread_invites_to:\n props.user.limits_private_thread_invites_to,\n\n watch_started_threads: props.user.watch_started_threads,\n watch_replied_threads: props.user.watch_replied_threads,\n watch_new_private_threads_by_followed:\n props.user.watch_new_private_threads_by_followed,\n watch_new_private_threads_by_other_users:\n props.user.watch_new_private_threads_by_other_users,\n notify_new_private_threads_by_followed:\n props.user.notify_new_private_threads_by_followed,\n notify_new_private_threads_by_other_users:\n props.user.notify_new_private_threads_by_other_users,\n\n errors: {},\n }\n\n this.privateThreadInvitesChoices = [\n {\n value: 0,\n icon: \"help_outline\",\n label: pgettext(\n \"private threads preference\",\n \"Anybody can invite me to their private threads\"\n ),\n },\n {\n value: 1,\n icon: \"done_all\",\n label: pgettext(\n \"private threads preference\",\n \"Only those I follow can invite me to their private threads\"\n ),\n },\n {\n value: 2,\n icon: \"highlight_off\",\n label: pgettext(\n \"private threads preference\",\n \"Nobody can invite me to their private threads\"\n ),\n },\n ]\n }\n\n send() {\n return ajax.post(this.props.user.api.options, {\n is_hiding_presence: this.state.is_hiding_presence,\n limits_private_thread_invites_to:\n this.state.limits_private_thread_invites_to,\n\n watch_started_threads: this.state.watch_started_threads,\n watch_replied_threads: this.state.watch_replied_threads,\n watch_new_private_threads_by_followed:\n this.state.watch_new_private_threads_by_followed,\n watch_new_private_threads_by_other_users:\n this.state.watch_new_private_threads_by_other_users,\n notify_new_private_threads_by_followed:\n this.state.notify_new_private_threads_by_followed,\n notify_new_private_threads_by_other_users:\n this.state.notify_new_private_threads_by_other_users,\n })\n }\n\n handleSuccess() {\n store.dispatch(\n patch({\n is_hiding_presence: this.state.is_hiding_presence,\n limits_private_thread_invites_to:\n this.state.limits_private_thread_invites_to,\n\n watch_started_threads: this.state.watch_started_threads,\n watch_replied_threads: this.state.watch_replied_threads,\n watch_new_private_threads_by_followed:\n this.state.watch_new_private_threads_by_followed,\n watch_new_private_threads_by_other_users:\n this.state.watch_new_private_threads_by_other_users,\n notify_new_private_threads_by_followed:\n this.state.notify_new_private_threads_by_followed,\n notify_new_private_threads_by_other_users:\n this.state.notify_new_private_threads_by_other_users,\n })\n )\n snackbar.success(\n pgettext(\"forum options form\", \"Your forum options have been changed.\")\n )\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(\n pgettext(\"forum options form\", \"Please reload the page and try again.\")\n )\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"forum options title\", \"Forum options\"),\n parent: pgettext(\"forum options\", \"Change your options\"),\n })\n }\n\n render() {\n return (\n \n
    \n
    \n

    \n {pgettext(\"forum options form title\", \"Change forum options\")}\n

    \n
    \n
    \n
    \n \n {pgettext(\"forum options form\", \"Privacy settings\")}\n \n\n
    \n\n
    \n \n {pgettext(\"notifications options\", \"Notifications preferences\")}\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
    \n
    \n
    \n \n
    \n
    \n \n )\n }\n}\n","import React from \"react\"\nimport PanelLoader from \"misago/components/panel-loader\"\n\nexport default function () {\n return (\n
    \n
    \n

    \n {pgettext(\"change username title\", \"Change username\")}\n

    \n
    \n \n
    \n )\n}\n","import React from \"react\"\nimport PanelMessage from \"misago/components/panel-message\"\n\nexport default class extends React.Component {\n getHelpText() {\n if (this.props.options.next_on) {\n return interpolate(\n pgettext(\n \"change username\",\n \"You will be able to change your username %(next_change)s.\"\n ),\n { next_change: this.props.options.next_on.fromNow() },\n true\n )\n } else {\n return pgettext(\n \"change username\",\n \"You have changed your name allowed number of times.\"\n )\n }\n }\n\n render() {\n return (\n
    \n
    \n

    \n {pgettext(\"change username title\", \"Change username\")}\n

    \n
    \n \n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n username: \"\",\n\n validators: {\n username: [\n validators.usernameContent(),\n validators.usernameMinLength(props.options.length_min),\n validators.usernameMaxLength(props.options.length_max),\n ],\n },\n\n isLoading: false,\n }\n }\n\n getHelpText() {\n let phrases = []\n\n if (this.props.options.changes_left > 0) {\n let message = npgettext(\n \"change username form\",\n \"You can change your username %(changes_left)s more time.\",\n \"You can change your username %(changes_left)s more times.\",\n this.props.options.changes_left\n )\n\n phrases.push(\n interpolate(\n message,\n {\n changes_left: this.props.options.changes_left,\n },\n true\n )\n )\n }\n\n if (this.props.user.acl.name_changes_expire > 0) {\n let message = npgettext(\n \"change username form\",\n \"Used changes become available again after %(name_changes_expire)s day.\",\n \"Used changes become available again after %(name_changes_expire)s days.\",\n this.props.user.acl.name_changes_expire\n )\n\n phrases.push(\n interpolate(\n message,\n {\n name_changes_expire: this.props.user.acl.name_changes_expire,\n },\n true\n )\n )\n }\n\n return phrases.length ? phrases.join(\" \") : null\n }\n\n clean() {\n let errors = this.validate()\n if (errors.username) {\n snackbar.error(errors.username[0])\n return false\n }\n if (this.state.username.trim() === this.props.user.username) {\n snackbar.info(\n pgettext(\"change username form\", \"New username is same as current one.\")\n )\n return false\n } else {\n return true\n }\n }\n\n send() {\n return ajax.post(this.props.user.api.username, {\n username: this.state.username,\n })\n }\n\n handleSuccess(success) {\n this.setState({\n username: \"\",\n })\n\n this.props.complete(success.username, success.slug, success.options)\n }\n\n handleError(rejection) {\n snackbar.apiError(rejection)\n }\n\n render() {\n return (\n
    \n
    \n
    \n

    \n {pgettext(\"change username title\", \"Change username\")}\n

    \n
    \n
    \n \n \n \n
    \n
    \n \n
    \n
    \n
    \n )\n }\n}\n","import moment from \"moment\"\nimport React from \"react\"\nimport FormLoading from \"misago/components/options/change-username/form-loading\"\nimport FormLocked from \"misago/components/options/change-username/form-locked\"\nimport Form from \"misago/components/options/change-username/form\"\nimport UsernameHistory from \"misago/components/username-history/root\"\nimport misago from \"misago/index\"\nimport { hydrate, addNameChange } from \"misago/reducers/username-history\"\nimport { updateUsername } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n options: null,\n }\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"change username title\", \"Change username\"),\n parent: pgettext(\"forum options\", \"Change your options\"),\n })\n\n Promise.all([\n ajax.get(this.props.user.api.username),\n ajax.get(misago.get(\"USERNAME_CHANGES_API\"), {\n user: this.props.user.id,\n }),\n ]).then((data) => {\n store.dispatch(hydrate(data[1].results))\n\n this.setState({\n isLoaded: true,\n options: {\n changes_left: data[0].changes_left,\n length_min: data[0].length_min,\n length_max: data[0].length_max,\n next_on: data[0].next_on ? moment(data[0].next_on) : null,\n },\n })\n })\n }\n\n onComplete = (username, slug, options) => {\n this.setState({\n options,\n })\n\n store.dispatch(\n addNameChange({ username, slug }, this.props.user, this.props.user)\n )\n store.dispatch(updateUsername(this.props.user, username, slug))\n\n snackbar.success(\n pgettext(\"change username\", \"Your username has been changed.\")\n )\n }\n\n getChangeForm() {\n if (!this.state.isLoaded) {\n return \n }\n\n if (this.state.options.changes_left === 0) {\n return \n }\n\n return (\n \n )\n }\n\n render() {\n return (\n
    \n {this.getChangeForm()}\n \n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n new_email: \"\",\n password: \"\",\n\n validators: {\n new_email: [validators.email()],\n password: [],\n },\n\n isLoading: false,\n }\n }\n\n clean() {\n let errors = this.validate()\n let lengths = [\n this.state.new_email.trim().length,\n this.state.password.trim().length,\n ]\n\n if (lengths.indexOf(0) !== -1) {\n snackbar.error(pgettext(\"change email form\", \"Fill out all fields.\"))\n return false\n }\n\n if (errors.new_email) {\n snackbar.error(errors.new_email[0])\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.user.api.change_email, {\n new_email: this.state.new_email,\n password: this.state.password,\n })\n }\n\n handleSuccess(response) {\n this.setState({\n new_email: \"\",\n password: \"\",\n })\n\n snackbar.success(response.detail)\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n if (rejection.new_email) {\n snackbar.error(rejection.new_email)\n } else {\n snackbar.error(rejection.password)\n }\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n
    \n \n \n
    \n
    \n

    \n {pgettext(\"change email title\", \"Change e-mail address\")}\n

    \n
    \n
    \n \n \n \n\n
    \n\n \n \n \n
    \n
    \n \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n new_password: \"\",\n repeat_password: \"\",\n password: \"\",\n\n validators: {\n new_password: [],\n repeat_password: [],\n password: [],\n },\n\n isLoading: false,\n }\n }\n\n clean() {\n let errors = this.validate()\n let lengths = [\n this.state.new_password.trim().length,\n this.state.repeat_password.trim().length,\n this.state.password.trim().length,\n ]\n\n if (lengths.indexOf(0) !== -1) {\n snackbar.error(pgettext(\"change password form\", \"Fill out all fields.\"))\n return false\n }\n\n if (errors.new_password) {\n snackbar.error(errors.new_password[0])\n return false\n }\n\n if (this.state.new_password !== this.state.repeat_password) {\n snackbar.error(\n pgettext(\"change password form\", \"New passwords are different.\")\n )\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.user.api.change_password, {\n new_password: this.state.new_password,\n password: this.state.password,\n })\n }\n\n handleSuccess(response) {\n this.setState({\n new_password: \"\",\n repeat_password: \"\",\n password: \"\",\n })\n\n snackbar.success(response.detail)\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n if (rejection.new_password) {\n snackbar.error(rejection.new_password)\n } else {\n snackbar.error(rejection.password)\n }\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n
    \n \n \n
    \n
    \n

    \n {pgettext(\"change password title\", \"Change password\")}\n

    \n
    \n
    \n \n \n \n\n \n \n \n\n
    \n\n \n \n \n
    \n
    \n \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport misago from \"misago/index\"\n\nconst UnusablePasswordMessage = () => {\n return (\n
    \n
    \n

    \n {pgettext(\n \"change sign in credentials title\",\n \"Change e-mail or password\"\n )}\n

    \n
    \n
    \n
    \n info_outline\n
    \n
    \n

    \n {pgettext(\n \"change sign in credentials\",\n \"You need to set a password for your account to be able to change your e-mail or password.\"\n )}\n

    \n

    \n \n {pgettext(\"change sign in credentials link\", \"Set password\")}\n \n

    \n
    \n
    \n
    \n )\n}\n\nexport default UnusablePasswordMessage\n","import React from \"react\"\nimport ChangeEmail from \"misago/components/options/sign-in-credentials/change-email\"\nimport ChangePassword from \"misago/components/options/sign-in-credentials/change-password\"\nimport misago from \"misago/index\"\nimport title from \"misago/services/page-title\"\nimport UnusablePasswordMessage from \"./UnusablePasswordMessage\"\n\nexport default class extends React.Component {\n componentDidMount() {\n title.set({\n title: pgettext(\n \"change sign in credentials title\",\n \"Change e-mail or password\"\n ),\n parent: pgettext(\"forum options\", \"Change your options\"),\n })\n }\n\n render() {\n if (!this.props.user.has_usable_password) {\n return \n }\n\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport { SideNav, CompactNav } from \"misago/components/options/navs\"\nimport DeleteAccount from \"misago/components/options/delete-account\"\nimport EditDetails from \"misago/components/options/edit-details\"\nimport DownloadData from \"misago/components/options/download-data\"\nimport ChangeForumOptions from \"misago/components/options/forum-options\"\nimport ChangeUsername from \"misago/components/options/change-username/root\"\nimport ChangeSignInCredentials from \"misago/components/options/sign-in-credentials/root\"\nimport WithDropdown from \"misago/components/with-dropdown\"\nimport misago from \"misago/index\"\nimport { FlexRow, FlexRowCol, FlexRowSection } from \"../FlexRow\"\nimport PageContainer from \"../PageContainer\"\nimport {\n PageHeader,\n PageHeaderBanner,\n PageHeaderContainer,\n} from \"../PageHeader\"\n\nexport default class extends WithDropdown {\n render() {\n const page = misago.get(\"USER_OPTIONS\").filter((page) => {\n const url = misago.get(\"USERCP_URL\") + page.component + \"/\"\n return this.props.location.pathname.substr(0, url.length) === url\n })[0]\n\n return (\n
    \n \n \n \n \n \n \n

    {pgettext(\"forum options\", \"Change your options\")}

    \n     \n \n
    \n \n menu\n \n \n
    \n     \n     \n \n \n
    \n \n {page.icon}\n {page.name}\n \n \n
    \n     \n     \n     \n     \n     \n     \n \n
    \n
    \n \n
    \n
    {this.props.children}
    \n
    \n     \n
    \n )\n }\n}\n\nexport function select(store) {\n return {\n tick: store.tick.tick,\n user: store.auth.user,\n \"username-history\": store[\"username-history\"],\n }\n}\n\nexport function paths() {\n const paths = [\n {\n path: misago.get(\"USERCP_URL\") + \"forum-options/\",\n component: connect(select)(ChangeForumOptions),\n },\n {\n path: misago.get(\"USERCP_URL\") + \"edit-details/\",\n component: connect(select)(EditDetails),\n },\n ]\n\n const delegateAuth = misago.get(\"SETTINGS\").DELEGATE_AUTH\n if (!delegateAuth) {\n paths.push({\n path: misago.get(\"USERCP_URL\") + \"change-username/\",\n component: connect(select)(ChangeUsername),\n })\n paths.push({\n path: misago.get(\"USERCP_URL\") + \"sign-in-credentials/\",\n component: connect(select)(ChangeSignInCredentials),\n })\n }\n\n if (misago.get(\"ENABLE_DOWNLOAD_OWN_DATA\")) {\n paths.push({\n path: misago.get(\"USERCP_URL\") + \"download-data/\",\n component: connect(select)(DownloadData),\n })\n }\n\n if (!delegateAuth && misago.get(\"ENABLE_DELETE_OWN_ACCOUNT\")) {\n paths.push({\n path: misago.get(\"USERCP_URL\") + \"delete-account/\",\n component: connect(select)(DeleteAccount),\n })\n }\n\n return paths\n}\n","import Options, { paths } from \"misago/components/options/root\"\nimport misago from \"misago/index\"\nimport mount from \"misago/utils/routed-component\"\n\nexport default function initializer(context) {\n if (context.has(\"USER_OPTIONS\")) {\n mount({\n root: misago.get(\"USERCP_URL\"),\n component: Options,\n paths: paths(),\n })\n }\n}\n\nmisago.addInitializer({\n name: \"component:options\",\n initializer: initializer,\n after: \"store\",\n})\n","import moment from \"moment\"\nimport React from \"react\"\nimport PanelLoader from \"misago/components/panel-loader\"\nimport PanelMessage from \"misago/components/panel-message\"\nimport misago from \"misago/index\"\nimport polls from \"misago/services/polls\"\nimport title from \"misago/services/page-title\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n if (misago.has(\"PROFILE_BAN\")) {\n this.initWithPreloadedData(misago.pop(\"PROFILE_BAN\"))\n } else {\n this.initWithoutPreloadedData()\n }\n\n this.startPolling(props.profile.api.ban)\n }\n\n initWithPreloadedData(ban) {\n if (ban.expires_on) {\n ban.expires_on = moment(ban.expires_on)\n }\n\n this.state = {\n isLoaded: true,\n ban,\n }\n }\n\n initWithoutPreloadedData() {\n this.state = {\n isLoaded: false,\n }\n }\n\n startPolling(api) {\n polls.start({\n poll: \"ban-details\",\n url: api,\n frequency: 90 * 1000,\n update: this.update,\n error: this.error,\n })\n }\n\n update = (ban) => {\n if (ban.expires_on) {\n ban.expires_on = moment(ban.expires_on)\n }\n\n this.setState({\n isLoaded: true,\n error: null,\n\n ban,\n })\n }\n\n error = (error) => {\n this.setState({\n isLoaded: true,\n error: error.detail,\n ban: null,\n })\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"profile ban details title\", \"Ban details\"),\n parent: this.props.profile.username,\n })\n }\n\n componentWillUnmount() {\n polls.stop(\"ban-details\")\n }\n\n getUserMessage() {\n if (this.state.ban.user_message) {\n return (\n
    \n

    {pgettext(\"profile ban details\", \"User-shown ban message\")}

    \n \n
    \n )\n } else {\n return null\n }\n }\n\n getStaffMessage() {\n if (this.state.ban.staff_message) {\n return (\n
    \n

    {pgettext(\"profile ban details\", \"Team-shown ban message\")}

    \n \n
    \n )\n } else {\n return null\n }\n }\n\n getExpirationMessage() {\n if (this.state.ban.expires_on) {\n if (this.state.ban.expires_on.isAfter(moment())) {\n let title = interpolate(\n pgettext(\n \"profile ban details\",\n \"This ban expires on %(expires_on)s.\"\n ),\n {\n expires_on: this.state.ban.expires_on.format(\"LL, LT\"),\n },\n true\n )\n\n let message = interpolate(\n pgettext(\"profile ban details\", \"This ban expires %(expires_on)s.\"),\n {\n expires_on: this.state.ban.expires_on.fromNow(),\n },\n true\n )\n\n return {message}\n } else {\n return pgettext(\"profile ban details\", \"This ban has expired.\")\n }\n } else {\n return interpolate(\n pgettext(\"profile ban details\", \"%(username)s's ban is permanent.\"),\n {\n username: this.props.profile.username,\n },\n true\n )\n }\n }\n\n getPanelBody() {\n if (this.state.ban) {\n if (Object.keys(this.state.ban).length) {\n return (\n
    \n {this.getUserMessage()}\n {this.getStaffMessage()}\n\n
    \n

    {pgettext(\"profile ban details\", \"Ban expiration\")}

    \n

    {this.getExpirationMessage()}

    \n
    \n
    \n )\n } else {\n return (\n
    \n \n
    \n )\n }\n } else if (this.state.error) {\n return (\n
    \n \n
    \n )\n } else {\n return (\n
    \n \n
    \n )\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n

    \n {pgettext(\"profile ban details title\", \"Ban details\")}\n

    \n
    \n\n {this.getPanelBody()}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Form from \"misago/components/edit-details\"\n\nexport default function ({ api, display, onCancel, onSuccess }) {\n if (!display) return null\n\n return
    \n}\n","import React from \"react\"\n\nexport default function ({ isAuthenticated, profile }) {\n let message = null\n if (isAuthenticated) {\n message = pgettext(\n \"profile details empty\",\n \"You are not sharing any details with others.\"\n )\n } else {\n message = interpolate(\n pgettext(\n \"profile details empty\",\n \"%(username)s is not sharing any details with others.\"\n ),\n {\n username: profile.username,\n },\n true\n )\n }\n\n return (\n
    \n
    {message}
    \n
    \n )\n}\n","import React from \"react\"\n\nexport default function ({ html, text, url }) {\n if (html) {\n return (\n \n )\n }\n\n return (\n
    \n \n
    \n )\n}\n\nexport function SafeValue({ text, url }) {\n if (url) {\n return (\n

    \n \n {text || url}\n \n

    \n )\n }\n\n if (text) {\n return

    {text}

    \n }\n\n return null\n}\n","import React from \"react\"\nimport FieldValue from \"./field-value\"\n\nexport default function (props) {\n return (\n
    \n {props.name}:\n \n
    \n )\n}\n","import React from \"react\"\nimport Field from \"./field\"\n\nexport default function ({ fields, name }) {\n return (\n
    \n
    \n

    {name}

    \n
    \n
    \n
    \n {fields.map(({ fieldname, html, name, text, url }) => {\n return (\n \n )\n })}\n
    \n
    \n
    \n )\n}\n","import React from \"react\"\nimport EmptyMessage from \"./empty-message\"\nimport Group from \"./group\"\nimport Loader from \"misago/components/loader\"\n\nexport default function ({\n display,\n groups,\n isAuthenticated,\n loading,\n profile,\n}) {\n if (!display) return null\n\n if (loading) {\n return \n }\n\n if (!groups.length) {\n return \n }\n\n return (\n
    \n {groups.map((group, i) => {\n return \n })}\n
    \n )\n}\n","import React from \"react\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../../Toolbar\"\n\nconst ProfileDetailsHeader = ({ onEdit, showEditButton }) => (\n \n \n \n

    {pgettext(\"profile details title\", \"Details\")}

    \n     \n     \n {showEditButton && (\n \n \n \n {pgettext(\"profile details edit btn\", \"Edit\")}\n \n \n \n )}\n     \n)\n\nexport default ProfileDetailsHeader\n","import React from \"react\"\nimport { load } from \"misago/reducers/profile-details\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n componentDidMount() {\n const { data, dispatch, user } = this.props\n if (data && data.id === user.id) return\n\n ajax.get(this.props.user.api.details).then(\n (data) => {\n dispatch(load(data))\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n render() {\n return this.props.children\n }\n}\n","import React from \"react\"\nimport Form from \"./form\"\nimport GroupsList from \"./groups-list\"\nimport Header from \"./header\"\nimport ProfileDetailsData from \"misago/data/profile-details\"\nimport { load as loadDetails } from \"misago/reducers/profile-details\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n editing: false,\n }\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"profile details title\", \"Details\"),\n parent: this.props.profile.username,\n })\n }\n\n onCancel = () => {\n this.setState({ editing: false })\n }\n\n onEdit = () => {\n this.setState({ editing: true })\n }\n\n onSuccess = (newDetails) => {\n const { dispatch, isAuthenticated, profile } = this.props\n\n let message = null\n if (isAuthenticated) {\n message = pgettext(\n \"profile details form\",\n \"Your details have been changed.\"\n )\n } else {\n message = interpolate(\n pgettext(\n \"profile details form\",\n \"%(username)s's details have been changed.\"\n ),\n {\n username: profile.username,\n },\n true\n )\n }\n\n snackbar.info(message)\n dispatch(loadDetails(newDetails))\n this.setState({ editing: false })\n }\n\n render() {\n const { dispatch, isAuthenticated, profile, profileDetails } = this.props\n const loading = profileDetails.id !== profile.id\n\n return (\n \n
    \n \n \n \n
    \n \n )\n }\n}\n","import React from \"react\"\nimport PostFeed from \"misago/components/post-feed\"\nimport Button from \"misago/components/button\"\nimport * as posts from \"misago/reducers/posts\"\nimport title from \"misago/services/page-title\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../../Toolbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n }\n }\n\n loadItems(start = 0) {\n ajax\n .get(this.props.api, {\n start: start || 0,\n })\n .then(\n (data) => {\n if (start === 0) {\n store.dispatch(posts.load(data))\n } else {\n store.dispatch(posts.append(data))\n }\n\n this.setState({\n isLoading: false,\n })\n },\n (rejection) => {\n this.setState({\n isLoading: false,\n })\n\n snackbar.apiError(rejection)\n }\n )\n }\n\n loadMore = () => {\n this.setState({\n isLoading: true,\n })\n\n this.loadItems(this.props.posts.next)\n }\n\n componentDidMount() {\n title.set({\n title: this.props.title,\n parent: this.props.profile.username,\n })\n\n this.loadItems()\n }\n\n render() {\n return (\n
    \n \n \n \n

    {this.props.header}

    \n     \n     \n     \n \n
    \n )\n }\n}\n\nexport function Feed(props) {\n if (props.posts.isLoaded && !props.posts.results.length) {\n return

    {props.emptyMessage}

    \n }\n\n return (\n
    \n \n \n
    \n )\n}\n\nexport function LoadMoreButton(props) {\n if (!props.next) return null\n\n return (\n
    \n \n {pgettext(\"profile load more btn\", \"Show older activity\")}\n \n
    \n )\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getClassName() {\n if (this.props.className) {\n return \"form-search \" + this.props.className\n } else {\n return \"form-search\"\n }\n }\n\n render() {\n return (\n
    \n \n search\n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Search from \"misago/components/quick-search\"\nimport UsersList from \"misago/components/users-list\"\nimport misago from \"misago/index\"\nimport { hydrate, append } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport title from \"misago/services/page-title\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../Toolbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.setSpecialProps()\n\n if (misago.has(this.PRELOADED_DATA_KEY)) {\n this.initWithPreloadedData(misago.pop(this.PRELOADED_DATA_KEY))\n } else {\n this.initWithoutPreloadedData()\n }\n }\n\n setSpecialProps() {\n this.PRELOADED_DATA_KEY = \"PROFILE_FOLLOWERS\"\n this.TITLE = pgettext(\"profile followers title\", \"Followers\")\n this.API_FILTER = \"followers\"\n }\n\n initWithPreloadedData(data) {\n this.state = {\n isLoaded: true,\n isBusy: false,\n\n search: \"\",\n\n count: data.count,\n more: data.more,\n\n page: data.page,\n pages: data.pages,\n }\n\n store.dispatch(hydrate(data.results))\n }\n\n initWithoutPreloadedData() {\n this.state = {\n isLoaded: false,\n isBusy: false,\n\n search: \"\",\n\n count: 0,\n more: 0,\n\n page: 1,\n pages: 1,\n }\n\n this.loadUsers()\n }\n\n loadUsers(page = 1, search = null) {\n const apiUrl = this.props.profile.api[this.API_FILTER]\n\n ajax\n .get(\n apiUrl,\n {\n search: search,\n page: page || 1,\n },\n \"user-\" + this.API_FILTER\n )\n .then(\n (data) => {\n if (page === 1) {\n store.dispatch(hydrate(data.results))\n } else {\n store.dispatch(append(data.results))\n }\n\n this.setState({\n isLoaded: true,\n isBusy: false,\n\n count: data.count,\n more: data.more,\n\n page: data.page,\n pages: data.pages,\n })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n componentDidMount() {\n title.set({\n title: this.TITLE,\n parent: this.props.profile.username,\n })\n }\n\n loadMore = () => {\n this.setState({\n isBusy: true,\n })\n\n this.loadUsers(this.state.page + 1, this.state.search)\n }\n\n search = (ev) => {\n this.setState({\n isLoaded: false,\n isBusy: true,\n\n search: ev.target.value,\n\n count: 0,\n more: 0,\n\n page: 1,\n pages: 1,\n })\n\n this.loadUsers(1, ev.target.value)\n }\n\n getLabel() {\n if (!this.state.isLoaded) {\n return pgettext(\"Loading...\")\n } else if (this.state.search) {\n let message = npgettext(\n \"profile followers\",\n \"Found %(users)s user.\",\n \"Found %(users)s users.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n users: this.state.count,\n },\n true\n )\n } else if (this.props.profile.id === this.props.user.id) {\n let message = npgettext(\n \"profile followers\",\n \"You have %(users)s follower.\",\n \"You have %(users)s followers.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n users: this.state.count,\n },\n true\n )\n } else {\n let message = npgettext(\n \"profile followers\",\n \"%(username)s has %(users)s follower.\",\n \"%(username)s has %(users)s followers.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n username: this.props.profile.username,\n users: this.state.count,\n },\n true\n )\n }\n }\n\n getEmptyMessage() {\n if (this.state.search) {\n return pgettext(\n \"profile followers\",\n \"Search returned no users matching specified criteria.\"\n )\n } else if (this.props.user.id === this.props.profile.id) {\n return pgettext(\"profile followers\", \"You have no followers.\")\n } else {\n return interpolate(\n pgettext(\"profile followers\", \"%(username)s has no followers.\"),\n {\n username: this.props.profile.username,\n },\n true\n )\n }\n }\n\n getMoreButton() {\n if (!this.state.more) return null\n\n return (\n
    \n \n {interpolate(\n pgettext(\"profile followers\", \"Show more (%(more)s)\"),\n {\n more: this.state.more,\n },\n true\n )}\n \n
    \n )\n }\n\n getListBody() {\n if (this.state.isLoaded && this.state.count === 0) {\n return

    {this.getEmptyMessage()}

    \n }\n\n return (\n
    \n \n\n {this.getMoreButton()}\n
    \n )\n }\n\n getClassName() {\n return \"profile-\" + this.API_FILTER\n }\n\n render() {\n return (\n
    \n \n \n \n

    {this.getLabel()}

    \n     \n     \n \n \n \n \n \n     \n\n {this.getListBody()}\n
    \n )\n }\n}\n","import React from \"react\"\nimport Followers from \"misago/components/profile/followers\"\n\nexport default class extends Followers {\n setSpecialProps() {\n this.PRELOADED_DATA_KEY = \"PROFILE_FOLLOWS\"\n this.TITLE = pgettext(\"profile follows title\", \"Follows\")\n this.API_FILTER = \"follows\"\n }\n\n getLabel() {\n if (!this.state.isLoaded) {\n return pgettext(\"profile follows\", \"Loading...\")\n } else if (this.state.search) {\n let message = npgettext(\n \"profile follows\",\n \"Found %(users)s user.\",\n \"Found %(users)s users.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n users: this.state.count,\n },\n true\n )\n } else if (this.props.profile.id === this.props.user.id) {\n let message = npgettext(\n \"profile follows\",\n \"You are following %(users)s user.\",\n \"You are following %(users)s users.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n users: this.state.count,\n },\n true\n )\n } else {\n let message = npgettext(\n \"profile follows\",\n \"%(username)s is following %(users)s user.\",\n \"%(username)s is following %(users)s users.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n username: this.props.profile.username,\n users: this.state.count,\n },\n true\n )\n }\n }\n\n getEmptyMessage() {\n if (this.state.search) {\n return pgettext(\n \"profile follows\",\n \"Search returned no users matching specified criteria.\"\n )\n } else if (this.props.user.id === this.props.profile.id) {\n return pgettext(\"profile follows\", \"You are not following any users.\")\n } else {\n return interpolate(\n pgettext(\"profile follows\", \"%(username)s is not following any users.\"),\n {\n username: this.props.profile.username,\n },\n true\n )\n }\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Search from \"misago/components/quick-search\"\nimport UsernameHistory from \"misago/components/username-history/root\"\nimport misago from \"misago/index\"\nimport { hydrate, append } from \"misago/reducers/username-history\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport title from \"misago/services/page-title\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../Toolbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n if (misago.has(\"PROFILE_NAME_HISTORY\")) {\n this.initWithPreloadedData(misago.pop(\"PROFILE_NAME_HISTORY\"))\n } else {\n this.initWithoutPreloadedData()\n }\n }\n\n initWithPreloadedData(data) {\n this.state = {\n isLoaded: true,\n isBusy: false,\n\n search: \"\",\n\n count: data.count,\n more: data.more,\n\n page: data.page,\n pages: data.pages,\n }\n\n store.dispatch(hydrate(data.results))\n }\n\n initWithoutPreloadedData() {\n this.state = {\n isLoaded: false,\n isBusy: false,\n\n search: \"\",\n\n count: 0,\n more: 0,\n\n page: 1,\n pages: 1,\n }\n\n this.loadChanges()\n }\n\n loadChanges(page = 1, search = null) {\n ajax\n .get(\n misago.get(\"USERNAME_CHANGES_API\"),\n {\n user: this.props.profile.id,\n search: search,\n page: page || 1,\n },\n \"search-username-history\"\n )\n .then(\n (data) => {\n if (page === 1) {\n store.dispatch(hydrate(data.results))\n } else {\n store.dispatch(append(data.results))\n }\n\n this.setState({\n isLoaded: true,\n isBusy: false,\n\n count: data.count,\n more: data.more,\n\n page: data.page,\n pages: data.pages,\n })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"profile username history title\", \"Username history\"),\n parent: this.props.profile.username,\n })\n }\n\n loadMore = () => {\n this.setState({\n isBusy: true,\n })\n\n this.loadChanges(this.state.page + 1, this.state.search)\n }\n\n search = (ev) => {\n this.setState({\n isLoaded: false,\n isBusy: true,\n\n search: ev.target.value,\n\n count: 0,\n more: 0,\n\n page: 1,\n pages: 1,\n })\n\n this.loadChanges(1, ev.target.value)\n }\n\n getLabel() {\n if (!this.state.isLoaded) {\n return pgettext(\"profile username history\", \"Loading...\")\n } else if (this.state.search) {\n let message = npgettext(\n \"profile username history\",\n \"Found %(changes)s username change.\",\n \"Found %(changes)s username changes.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n changes: this.state.count,\n },\n true\n )\n } else if (this.props.profile.id === this.props.user.id) {\n let message = npgettext(\n \"profile username history\",\n \"Your username was changed %(changes)s time.\",\n \"Your username was changed %(changes)s times.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n changes: this.state.count,\n },\n true\n )\n } else {\n let message = npgettext(\n \"profile username history\",\n \"%(username)s's username was changed %(changes)s time.\",\n \"%(username)s's username was changed %(changes)s times.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n username: this.props.profile.username,\n changes: this.state.count,\n },\n true\n )\n }\n }\n\n getEmptyMessage() {\n if (this.state.search) {\n return pgettext(\n \"profile username history\",\n \"Search returned no username changes matching specified criteria.\"\n )\n } else if (this.props.user.id === this.props.profile.id) {\n return pgettext(\n \"username history empty\",\n \"Your account has no history of name changes.\"\n )\n } else {\n return interpolate(\n pgettext(\n \"profile username history\",\n \"%(username)s's username was never changed.\"\n ),\n {\n username: this.props.profile.username,\n },\n true\n )\n }\n }\n\n getMoreButton() {\n if (!this.state.more) return null\n\n return (\n
    \n \n {interpolate(\n pgettext(\"profile username history\", \"Show older (%(more)s)\"),\n {\n more: this.state.more,\n },\n true\n )}\n \n
    \n )\n }\n\n render() {\n return (\n
    \n \n \n \n

    {this.getLabel()}

    \n     \n     \n \n \n \n \n \n     \n\n \n\n {this.getMoreButton()}\n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport { patch } from \"misago/reducers/profile\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n }\n }\n\n getClassName() {\n if (this.props.profile.is_followed) {\n return this.props.className + \" btn-default btn-following\"\n } else {\n return this.props.className + \" btn-default btn-follow\"\n }\n }\n\n getIcon() {\n if (this.props.profile.is_followed) {\n return \"favorite\"\n } else {\n return \"favorite_border\"\n }\n }\n\n getLabel() {\n if (this.props.profile.is_followed) {\n return pgettext(\"user profile follow btn\", \"Following\")\n } else {\n return pgettext(\"user profile follow btn\", \"Follow\")\n }\n }\n\n action = () => {\n this.setState({\n isLoading: true,\n })\n\n if (this.props.profile.is_followed) {\n store.dispatch(\n patch({\n is_followed: false,\n followers: this.props.profile.followers - 1,\n })\n )\n } else {\n store.dispatch(\n patch({\n is_followed: true,\n followers: this.props.profile.followers + 1,\n })\n )\n }\n\n ajax.post(this.props.profile.api.follow).then(\n (data) => {\n this.setState({\n isLoading: false,\n })\n\n store.dispatch(patch(data))\n },\n (rejection) => {\n this.setState({\n isLoading: false,\n })\n snackbar.apiError(rejection)\n }\n )\n }\n\n render() {\n return (\n \n {this.getIcon()}\n {this.getLabel()}\n \n )\n }\n}\n","import React from \"react\"\nimport posting from \"misago/services/posting\"\nimport misago from \"misago\"\n\nexport default class extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"START_PRIVATE\",\n submit: misago.get(\"PRIVATE_THREADS_API\"),\n\n to: [this.props.profile],\n })\n }\n\n render() {\n const canMessage = this.props.user.acl.can_start_private_threads\n const isProfileOwner = this.props.user.id === this.props.profile.id\n\n if (!canMessage || isProfileOwner) return null\n\n return (\n \n comment\n {pgettext(\"profile message btn\", \"Message\")}\n \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport Loader from \"misago/components/modal-loader\"\nimport YesNoSwitch from \"misago/components/yes-no-switch\"\nimport ModalMessage from \"misago/components/modal-message\"\nimport { updateAvatar } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n isLoading: false,\n error: null,\n\n is_avatar_locked: \"\",\n avatar_lock_user_message: \"\",\n avatar_lock_staff_message: \"\",\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.profile.api.moderate_avatar).then(\n (options) => {\n this.setState({\n isLoaded: true,\n\n is_avatar_locked: options.is_avatar_locked,\n avatar_lock_user_message: options.avatar_lock_user_message || \"\",\n avatar_lock_staff_message: options.avatar_lock_staff_message || \"\",\n })\n },\n (rejection) => {\n this.setState({\n isLoaded: true,\n error: rejection.detail,\n })\n }\n )\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(this.validate().username[0])\n return false\n }\n }\n\n send() {\n return ajax.post(this.props.profile.api.moderate_avatar, {\n is_avatar_locked: this.state.is_avatar_locked,\n avatar_lock_user_message: this.state.avatar_lock_user_message,\n avatar_lock_staff_message: this.state.avatar_lock_staff_message,\n })\n }\n\n handleSuccess(apiResponse) {\n store.dispatch(updateAvatar(this.props.profile, apiResponse.avatar_hash))\n snackbar.success(\n pgettext(\n \"profile avatar moderation\",\n \"Avatar controls have been changed.\"\n )\n )\n }\n\n getFormBody() {\n return (\n \n
    \n \n \n \n\n \n \n \n\n \n \n \n
    \n
    \n \n {pgettext(\"profile avatar moderation btn\", \"Close\")}\n \n \n
    \n \n )\n }\n\n getModalBody() {\n if (this.state.error) {\n return (\n \n )\n } else if (this.state.isLoaded) {\n return this.getFormBody()\n } else {\n return \n }\n }\n\n getClassName() {\n if (this.state.error) {\n return \"modal-dialog modal-message modal-avatar-controls\"\n } else {\n return \"modal-dialog modal-avatar-controls\"\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"profile avatar moderation title\", \"Avatar controls\")}\n

    \n
    \n {this.getModalBody()}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport Loader from \"misago/components/modal-loader\"\nimport ModalMessage from \"misago/components/modal-message\"\nimport { addNameChange } from \"misago/reducers/username-history\"\nimport { updateUsername } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport * as validators from \"misago/utils/validators\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n isLoading: false,\n error: null,\n\n username: \"\",\n validators: {\n username: [validators.usernameContent()],\n },\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.profile.api.moderate_username).then(\n () => {\n this.setState({\n isLoaded: true,\n })\n },\n (rejection) => {\n this.setState({\n isLoaded: true,\n error: rejection.detail,\n })\n }\n )\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(this.validate().username[0])\n return false\n }\n }\n\n send() {\n return ajax.post(this.props.profile.api.moderate_username, {\n username: this.state.username,\n })\n }\n\n handleSuccess(apiResponse) {\n this.setState({\n username: \"\",\n })\n\n store.dispatch(\n addNameChange(apiResponse, this.props.profile, this.props.user)\n )\n store.dispatch(\n updateUsername(this.props.profile, apiResponse.username, apiResponse.slug)\n )\n\n snackbar.success(\n pgettext(\"profile username moderation\", \"Username has been changed.\")\n )\n }\n\n getFormBody() {\n return (\n
    \n
    \n \n \n \n
    \n
    \n \n {pgettext(\"profile username moderation btn\", \"Cancel\")}\n \n \n
    \n
    \n )\n }\n\n getModalBody() {\n if (this.state.error) {\n return (\n \n )\n } else if (this.state.isLoaded) {\n return this.getFormBody()\n } else {\n return \n }\n }\n\n getClassName() {\n if (this.state.error) {\n return \"modal-dialog modal-message modal-rename-user\"\n } else {\n return \"modal-dialog modal-rename-user\"\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"profile username moderation title\", \"Change username\")}\n

    \n
    \n {this.getModalBody()}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport Loader from \"misago/components/modal-loader\"\nimport ModalMessage from \"misago/components/modal-message\"\nimport YesNoSwitch from \"misago/components/yes-no-switch\"\nimport misago from \"misago/index\"\nimport ajax from \"misago/services/ajax\"\nimport polls from \"misago/services/polls\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n isLoading: false,\n isDeleted: false,\n error: null,\n\n countdown: 5,\n confirm: false,\n\n with_content: false,\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.profile.api.delete).then(\n () => {\n this.setState({\n isLoaded: true,\n })\n\n this.countdown()\n },\n (rejection) => {\n this.setState({\n isLoaded: true,\n error: rejection.detail,\n })\n }\n )\n }\n\n countdown = () => {\n window.setTimeout(() => {\n if (this.state.countdown > 1) {\n this.setState({\n countdown: this.state.countdown - 1,\n })\n this.countdown()\n } else if (!this.state.confirm) {\n this.setState({\n confirm: true,\n })\n }\n }, 1000)\n }\n\n send() {\n return ajax.post(this.props.profile.api.delete, {\n with_content: this.state.with_content,\n })\n }\n\n handleSuccess() {\n polls.stop(\"user-profile\")\n\n if (this.state.with_content) {\n this.setState({\n isDeleted: interpolate(\n pgettext(\n \"profile delete\",\n \"%(username)s's account, threads, posts and other content has been deleted.\"\n ),\n {\n username: this.props.profile.username,\n },\n true\n ),\n })\n } else {\n this.setState({\n isDeleted: interpolate(\n pgettext(\n \"profile delete\",\n \"%(username)s's account has been deleted and other content has been hidden.\"\n ),\n {\n username: this.props.profile.username,\n },\n true\n ),\n })\n }\n }\n\n getButtonLabel() {\n if (this.state.confirm) {\n return interpolate(\n pgettext(\"profile delete btn\", \"Delete %(username)s\"),\n {\n username: this.props.profile.username,\n },\n true\n )\n } else {\n return interpolate(\n pgettext(\"profile delete btn\", \"Please wait... (%(countdown)ss)\"),\n {\n countdown: this.state.countdown,\n },\n true\n )\n }\n }\n\n getForm() {\n return (\n
    \n
    \n \n \n \n
    \n
    \n \n {pgettext(\"profile delete btn\", \"Cancel\")}\n \n\n \n {this.getButtonLabel()}\n \n
    \n
    \n )\n }\n\n getDeletedBody() {\n return (\n
    \n
    \n info_outline\n
    \n \n
    \n )\n }\n\n getModalBody() {\n if (this.state.error) {\n return (\n \n )\n } else if (this.state.isLoaded) {\n if (this.state.isDeleted) {\n return this.getDeletedBody()\n } else {\n return this.getForm()\n }\n } else {\n return \n }\n }\n\n getClassName() {\n if (this.state.error || this.state.isDeleted) {\n return \"modal-dialog modal-message modal-delete-account\"\n } else {\n return \"modal-dialog modal-delete-account\"\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"profile delete title\", \"Delete user account\")}\n

    \n
    \n {this.getModalBody()}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport AvatarControls from \"misago/components/profile/moderation/avatar-controls\"\nimport ChangeUsername from \"misago/components/profile/moderation/change-username\"\nimport DeleteAccount from \"misago/components/profile/moderation/delete-account\"\nimport modal from \"misago/services/modal\"\n\nlet select = function (store) {\n return {\n tick: store.tick,\n user: store.auth,\n profile: store.profile,\n }\n}\n\nexport default class extends React.Component {\n showAvatarDialog = () => {\n modal.show(connect(select)(AvatarControls))\n }\n\n showRenameDialog = () => {\n modal.show(connect(select)(ChangeUsername))\n }\n\n showDeleteDialog = () => {\n modal.show(connect(select)(DeleteAccount))\n }\n\n render() {\n const { moderation } = this.props\n\n return (\n
      \n {!!moderation.avatar && (\n
    • \n \n portrait\n {pgettext(\"profile moderation menu\", \"Avatar controls\")}\n \n
      • \n )}\n {!!moderation.rename && (\n
    • \n \n credit_card\n {pgettext(\"profile moderation menu\", \"Change username\")}\n \n
      • \n )}\n {!!moderation.delete && (\n
    • \n \n clear\n {pgettext(\"profile moderation menu\", \"Delete account\")}\n \n
      • \n )}\n
    \n )\n }\n}\n","import React from \"react\"\nimport Status, { StatusIcon, StatusLabel } from \"../user-status\"\n\nconst ProfileDataList = ({ profile }) => (\n
      \n {profile.is_active === false && (\n
    • \n \n {pgettext(\"profile data list\", \"Account disabled\")}\n \n
      • \n )}\n
    • \n \n \n \n \n
      • \n {profile.rank.is_tab ? (\n
    • \n \n {profile.rank.name}\n \n
      • \n ) : (\n
    • \n {profile.rank.name}\n
      • \n )}\n {(profile.title || profile.rank.title) && (\n
    • {profile.title || profile.rank.title}
      • \n )}\n
    • \n \n {interpolate(\n pgettext(\"profile data list\", \"Joined %(joined_on)s\"),\n {\n joined_on: profile.joined_on.fromNow(),\n },\n true\n )}\n \n
      • \n {profile.email && (\n
    • \n \n {profile.email}\n \n
      • \n )}\n
    \n)\n\nexport default ProfileDataList\n","import React from \"react\"\nimport Avatar from \"../avatar\"\nimport { FlexRow, FlexRowCol, FlexRowSection } from \"../FlexRow\"\nimport {\n PageHeader,\n PageHeaderBanner,\n PageHeaderContainer,\n PageHeaderDetails,\n} from \"../PageHeader\"\nimport FollowButton from \"./follow-button\"\nimport MessageButton from \"./message-button\"\nimport ModerationOptions from \"./moderation/nav\"\nimport ProfileDataList from \"./ProfileDataList\"\n\nconst ProfileHeader = ({ profile, user, moderation, message, follow }) => (\n \n \n \n
    \n
    \n \n \n \n
    \n

    {profile.username}

    \n
    \n \n \n \n \n \n \n \n \n {message && (\n \n \n \n \n {moderation.available && !follow && (\n \n
    \n \n \n
    \n     \n )}\n     \n )}\n {follow && (\n \n \n \n \n {moderation.available && (\n \n
    \n \n \n
    \n     \n )}\n     \n )}\n {moderation.available && !follow && !message && (\n \n \n
    \n \n \n
    \n     \n \n
    \n \n settings\n {pgettext(\"profile options btn\", \"Options\")}\n \n \n
    \n     \n     \n )}\n     \n     \n \n     \n)\n\nconst ProfileModerationButton = () => (\n \n settings\n \n)\n\nexport default ProfileHeader\n","import React from \"react\"\nimport { Link } from \"react-router\"\nimport Li from \"misago/components/li\"\n\nconst ProfileNav = ({ baseUrl, page, pages }) => (\n
    \n
    \n \n {page.icon}\n {page.name}\n \n
      \n {pages.map((page) => (\n
    • \n \n {page.icon}\n {page.name}\n \n
      • \n ))}\n
    \n
    \n
      \n {pages.map((page) => (\n
    • \n \n {page.icon}\n {page.name}\n \n
      • \n ))}\n
    \n
    \n)\n\nexport default ProfileNav\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport BanDetails from \"./ban-details\"\nimport Details from \"./details\"\nimport { Posts, Threads } from \"./feed\"\nimport Followers from \"./followers\"\nimport Follows from \"./follows\"\nimport UsernameHistory from \"./username-history\"\nimport WithDropdown from \"misago/components/with-dropdown\"\nimport misago from \"misago\"\nimport { hydrate } from \"misago/reducers/profile\"\nimport polls from \"misago/services/polls\"\nimport store from \"misago/services/store\"\nimport PageContainer from \"../PageContainer\"\nimport ProfileHeader from \"./ProfileHeader\"\nimport ProfileNav from \"./ProfileNav\"\n\nexport default class extends WithDropdown {\n constructor(props) {\n super(props)\n\n this.startPolling(props.profile.api.index)\n }\n\n startPolling(api) {\n polls.start({\n poll: \"user-profile\",\n url: api,\n frequency: 90 * 1000,\n update: this.update,\n })\n }\n\n update = (data) => {\n store.dispatch(hydrate(data))\n }\n\n render() {\n const baseUrl = misago.get(\"PROFILE\").url\n const pages = misago.get(\"PROFILE_PAGES\")\n const page = pages.filter((page) => {\n const url = baseUrl + page.component + \"/\"\n return this.props.location.pathname === url\n })[0]\n const { profile, user } = this.props\n const moderation = getModeration(profile, user)\n const message =\n !!user.acl.can_start_private_threads && profile.id !== user.id\n const follow = !!profile.acl.can_follow && profile.id !== user.id\n\n return (\n
    \n \n \n \n\n {this.props.children}\n \n
    \n )\n }\n}\n\nconst getModeration = (profile, user) => {\n const moderation = {\n available: false,\n rename: false,\n avatar: false,\n delete: false,\n }\n\n if (user.is_anonymous) return moderation\n\n moderation.rename = profile.acl.can_rename\n moderation.avatar = profile.acl.can_moderate_avatar\n moderation.delete = profile.acl.can_delete\n moderation.available = !!(\n moderation.rename ||\n moderation.avatar ||\n moderation.delete\n )\n\n return moderation\n}\n\nexport function select(store) {\n return {\n isAuthenticated: store.auth.user.id === store.profile.id,\n\n tick: store.tick.tick,\n user: store.auth.user,\n users: store.users,\n posts: store.posts,\n profile: store.profile,\n profileDetails: store[\"profile-details\"],\n \"username-history\": store[\"username-history\"],\n }\n}\n\nconst COMPONENTS = {\n posts: Posts,\n threads: Threads,\n followers: Followers,\n follows: Follows,\n details: Details,\n \"username-history\": UsernameHistory,\n \"ban-details\": BanDetails,\n}\n\nexport function paths() {\n let paths = []\n misago.get(\"PROFILE_PAGES\").forEach(function (item) {\n paths.push(\n Object.assign({}, item, {\n path: misago.get(\"PROFILE\").url + item.component + \"/\",\n component: connect(select)(COMPONENTS[item.component]),\n })\n )\n })\n\n return paths\n}\n","import React from \"react\"\nimport Route from \"./route\"\n\nexport function Threads(props) {\n let emptyMessage = null\n if (props.user.id === props.profile.id) {\n emptyMessage = pgettext(\n \"profile threads\",\n \"You haven't started any threads.\"\n )\n } else {\n emptyMessage = interpolate(\n pgettext(\"profile threads\", \"%(username)s hasn't started any threads\"),\n {\n username: props.profile.username,\n },\n true\n )\n }\n\n let header = null\n if (!props.posts.isLoaded) {\n header = pgettext(\"profile threads\", \"Loading...\")\n } else if (props.profile.id === props.user.id) {\n const message = npgettext(\n \"profile threads\",\n \"You have started %(threads)s thread.\",\n \"You have started %(threads)s threads.\",\n props.profile.threads\n )\n\n header = interpolate(\n message,\n {\n threads: props.profile.threads,\n },\n true\n )\n } else {\n const message = npgettext(\n \"profile threads\",\n \"%(username)s has started %(threads)s thread.\",\n \"%(username)s has started %(threads)s threads.\",\n props.profile.threads\n )\n\n header = interpolate(\n message,\n {\n username: props.profile.username,\n threads: props.profile.threads,\n },\n true\n )\n }\n\n return (\n \n )\n}\n\nexport function Posts(props) {\n let emptyMessage = null\n if (props.user.id === props.profile.id) {\n emptyMessage = pgettext(\"profile posts\", \"You have posted no messages.\")\n } else {\n emptyMessage = interpolate(\n pgettext(\"profile posts\", \"%(username)s posted no messages.\"),\n {\n username: props.profile.username,\n },\n true\n )\n }\n\n let header = null\n if (!props.posts.isLoaded) {\n header = pgettext(\"profile posts\", \"Loading...\")\n } else if (props.profile.id === props.user.id) {\n const message = npgettext(\n \"profile posts\",\n \"You have posted %(posts)s message.\",\n \"You have posted %(posts)s messages.\",\n props.profile.posts\n )\n\n header = interpolate(\n message,\n {\n posts: props.profile.posts,\n },\n true\n )\n } else {\n const message = npgettext(\n \"profile posts\",\n \"%(username)s has posted %(posts)s message.\",\n \"%(username)s has posted %(posts)s messages.\",\n props.profile.posts\n )\n\n header = interpolate(\n message,\n {\n username: props.profile.username,\n posts: props.profile.posts,\n },\n true\n )\n }\n\n return (\n \n )\n}\n","import { connect } from \"react-redux\"\nimport Profile, { paths, select } from \"misago/components/profile/root\"\nimport misago from \"misago/index\"\nimport mount from \"misago/utils/routed-component\"\n\nexport default function initializer(context) {\n if (context.has(\"PROFILE\") && context.has(\"PROFILE_PAGES\")) {\n mount({\n root: misago.get(\"PROFILE\").url,\n component: connect(select)(Profile),\n paths: paths(),\n })\n }\n}\n\nmisago.addInitializer({\n name: \"component:profile\",\n initializer: initializer,\n after: \"reducer:profile-hydrate\",\n})\n","import React from \"react\"\nimport misago from \"misago/index\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\nimport showBannedPage from \"misago/utils/banned-page\"\n\nexport class RequestLinkForm extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n email: \"\",\n\n validators: {\n email: [validators.email()],\n },\n }\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(\n pgettext(\n \"request activation link form\",\n \"Enter a valid e-mail address.\"\n )\n )\n return false\n }\n }\n\n send() {\n return ajax.post(misago.get(\"SEND_ACTIVATION_API\"), {\n email: this.state.email,\n })\n }\n\n handleSuccess(apiResponse) {\n this.props.callback(apiResponse)\n }\n\n handleError(rejection) {\n if ([\"already_active\", \"inactive_admin\"].indexOf(rejection.code) > -1) {\n snackbar.info(rejection.detail)\n } else if (rejection.status === 403 && rejection.ban) {\n showBannedPage(rejection.ban)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n \n
    \n
    \n\n \n {pgettext(\"request activation link form btn\", \"Send link\")}\n \n \n
    \n )\n }\n}\n\nexport class LinkSent extends React.Component {\n getMessage() {\n return interpolate(\n pgettext(\n \"request activation link form\",\n \"Activation link was sent to %(email)s\"\n ),\n {\n email: this.props.user.email,\n },\n true\n )\n }\n\n render() {\n return (\n
    \n
    \n
    \n check\n
    \n
    \n

    {this.getMessage()}

    \n
    \n \n {pgettext(\n \"request activation link form btn\",\n \"Request another link\"\n )}\n \n
    \n
    \n )\n }\n}\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n complete: false,\n }\n }\n\n complete = (apiResponse) => {\n this.setState({\n complete: apiResponse,\n })\n }\n\n reset = () => {\n this.setState({\n complete: false,\n })\n }\n\n render() {\n if (this.state.complete) {\n return \n } else {\n return \n }\n }\n}\n","import misago from \"misago/index\"\nimport RequestActivationLink from \"misago/components/request-activation-link\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n if (document.getElementById(\"request-activation-link-mount\")) {\n mount(RequestActivationLink, \"request-activation-link-mount\", false)\n }\n}\n\nmisago.addInitializer({\n name: \"component:request-activation-link\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport misago from \"misago/index\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\nimport showBannedPage from \"misago/utils/banned-page\"\n\nexport class RequestResetForm extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n email: \"\",\n\n validators: {\n email: [validators.email()],\n },\n }\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(\n pgettext(\"request password reset form\", \"Enter a valid e-mail address.\")\n )\n return false\n }\n }\n\n send() {\n return ajax.post(misago.get(\"SEND_PASSWORD_RESET_API\"), {\n email: this.state.email,\n })\n }\n\n handleSuccess(apiResponse) {\n this.props.callback(apiResponse)\n }\n\n handleError(rejection) {\n if ([\"inactive_user\", \"inactive_admin\"].indexOf(rejection.code) > -1) {\n this.props.showInactivePage(rejection)\n } else if (rejection.status === 403 && rejection.ban) {\n showBannedPage(rejection.ban)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n \n
    \n
    \n\n \n {pgettext(\"request password reset form btn\", \"Send link\")}\n \n \n
    \n )\n }\n}\n\nexport class LinkSent extends React.Component {\n getMessage() {\n return interpolate(\n pgettext(\n \"request password reset form\",\n \"Reset password link was sent to %(email)s\"\n ),\n {\n email: this.props.user.email,\n },\n true\n )\n }\n\n render() {\n return (\n
    \n
    \n
    \n check\n
    \n
    \n

    {this.getMessage()}

    \n
    \n \n {pgettext(\n \"request password reset form btn\",\n \"Request another link\"\n )}\n \n
    \n
    \n )\n }\n}\n\nexport class AccountInactivePage extends React.Component {\n getActivateButton() {\n if (this.props.activation === \"inactive_user\") {\n return (\n

    \n \n {pgettext(\n \"request password reset form error\",\n \"Activate your account.\"\n )}\n \n

    \n )\n } else {\n return null\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n info_outline\n
    \n\n
    \n

    \n {pgettext(\n \"request password reset form error\",\n \"Your account is inactive.\"\n )}\n

    \n

    {this.props.message}

    \n {this.getActivateButton()}\n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n complete: false,\n }\n }\n\n complete = (apiResponse) => {\n this.setState({\n complete: apiResponse,\n })\n }\n\n reset = () => {\n this.setState({\n complete: false,\n })\n }\n\n showInactivePage(apiResponse) {\n ReactDOM.render(\n ,\n document.getElementById(\"page-mount\")\n )\n }\n\n render() {\n if (this.state.complete) {\n return \n }\n\n return (\n \n )\n }\n}\n","import misago from \"misago/index\"\nimport RequestPasswordReset from \"misago/components/request-password-reset\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n if (document.getElementById(\"request-password-reset-mount\")) {\n mount(RequestPasswordReset, \"request-password-reset-mount\", false)\n }\n}\n\nmisago.addInitializer({\n name: \"component:request-password-reset\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport misago from \"misago/index\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport SignInModal from \"misago/components/sign-in.js\"\nimport ajax from \"misago/services/ajax\"\nimport auth from \"misago/services/auth\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport showBannedPage from \"misago/utils/banned-page\"\n\nexport class ResetPasswordForm extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n password: \"\",\n }\n }\n\n clean() {\n if (this.state.password.trim().length) {\n return true\n } else {\n snackbar.error(pgettext(\"password reset form\", \"Enter new password.\"))\n return false\n }\n }\n\n send() {\n return ajax.post(misago.get(\"CHANGE_PASSWORD_API\"), {\n password: this.state.password,\n })\n }\n\n handleSuccess(apiResponse) {\n this.props.callback(apiResponse)\n }\n\n handleError(rejection) {\n if (rejection.status === 403 && rejection.ban) {\n showBannedPage(rejection.ban)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n \n
    \n
    \n\n \n {pgettext(\"password reset form btn\", \"Change password\")}\n \n \n
    \n )\n }\n}\n\nexport class PasswordChangedPage extends React.Component {\n getMessage() {\n return interpolate(\n pgettext(\n \"password reset form\",\n \"%(username)s, your password has been changed.\"\n ),\n {\n username: this.props.user.username,\n },\n true\n )\n }\n\n showSignIn() {\n modal.show(SignInModal)\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n check\n
    \n\n
    \n

    {this.getMessage()}

    \n

    \n {pgettext(\n \"password reset form\",\n \"Sign in using new password to continue.\"\n )}\n

    \n

    \n \n {pgettext(\"password reset form btn\", \"Sign in\")}\n \n

    \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport default class extends React.Component {\n complete = (apiResponse) => {\n auth.softSignOut()\n\n // nuke \"redirect_to\" field so we don't end\n // coming back to error page after sign in\n $('#hidden-login-form input[name=\"redirect_to\"]').remove()\n\n ReactDOM.render(\n ,\n document.getElementById(\"page-mount\")\n )\n }\n\n render() {\n return \n }\n}\n","import misago from \"misago\"\nimport ResetPasswordForm from \"misago/components/reset-password-form\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n if (document.getElementById(\"reset-password-form-mount\")) {\n mount(ResetPasswordForm, \"reset-password-form-mount\", false)\n }\n}\n\nmisago.addInitializer({\n name: \"component:reset-password-form\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Provider } from \"react-redux\"\nimport { SearchOverlay } from \"../../components/Search\"\nimport store from \"../../services/store\"\n\nexport default function initializer(context) {\n const root = document.getElementById(\"search-mount\")\n ReactDOM.render(\n \n \n ,\n root\n )\n}\n\nmisago.addInitializer({\n name: \"component:search-overlay\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport misago from \"misago\"\nimport Form from \"misago/components/form\"\nimport { load as updatePosts } from \"misago/reducers/posts\"\nimport { update as updateSearch } from \"misago/reducers/search\"\nimport { hydrate as updateUsers } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport { FlexRow, FlexRowCol, FlexRowSection } from \"../FlexRow\"\nimport {\n PageHeader,\n PageHeaderContainer,\n PageHeaderBanner,\n PageHeaderDetails,\n} from \"../PageHeader\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n query: props.search.query,\n }\n }\n\n componentDidMount() {\n if (this.state.query.length) {\n this.handleSubmit()\n }\n }\n\n onQueryChange = (event) => {\n this.changeValue(\"query\", event.target.value)\n }\n\n clean() {\n if (!this.state.query.trim().length) {\n snackbar.error(pgettext(\"search form\", \"You have to enter search query.\"))\n return false\n }\n\n return true\n }\n\n send() {\n store.dispatch(\n updateSearch({\n isLoading: true,\n })\n )\n\n const query = this.state.query.trim()\n\n let url = window.location.href\n const urlQuery = url.indexOf(\"?q=\")\n if (urlQuery > 0) {\n url = url.substring(0, urlQuery + 3)\n }\n window.history.pushState({}, \"\", url + encodeURIComponent(query))\n\n return ajax.get(misago.get(\"SEARCH_API\"), { q: query })\n }\n\n handleSuccess(providers) {\n store.dispatch(\n updateSearch({\n query: this.state.query.trim(),\n isLoading: false,\n providers,\n })\n )\n\n providers.forEach((provider) => {\n if (provider.id === \"users\") {\n store.dispatch(updateUsers(provider.results.results))\n } else if (provider.id === \"threads\") {\n store.dispatch(updatePosts(provider.results))\n }\n })\n }\n\n handleError(rejection) {\n snackbar.apiError(rejection)\n\n store.dispatch(\n updateSearch({\n isLoading: false,\n })\n )\n }\n\n render() {\n return (\n
    \n \n \n \n

    {pgettext(\"search form title\", \"Search\")}

    \n     \n \n \n \n \n \n \n \n \n search\n \n \n \n \n \n     \n     \n
    \n )\n }\n}\n","import React from \"react\"\nimport { Link } from \"react-router\"\n\nexport default function (props) {\n return (\n
    \n {props.providers.map((provider) => {\n return (\n \n {provider.icon}\n {provider.name}\n \n \n )\n })}\n
    \n )\n}\n\nexport function Badge(props) {\n if (!props.results) return null\n\n let count = props.results.count\n if (count > 1000000) {\n count = Math.ceil(count / 1000000) + \"KK\"\n } else if (count > 1000) {\n count = Math.ceil(count / 1000) + \"K\"\n }\n\n return {count}\n}\n","import React from \"react\"\nimport PageContainer from \"../PageContainer\"\nimport SearchForm from \"./form\"\nimport SideNav from \"./sidenav\"\n\nexport default function (props) {\n return (\n
    \n \n \n
    \n
    \n \n
    \n
    \n {props.children}\n \n
    \n
    \n     \n
    \n )\n}\n\nexport function SearchTime(props) {\n let time = null\n props.search.providers.forEach((p) => {\n if (p.id === props.provider.id) {\n time = p.time\n }\n })\n\n if (time === null) return null\n\n const copy = pgettext(\"search time\", \"Search took %(time)s s\")\n\n return (\n
    \n

    {interpolate(copy, { time }, true)}

    \n
    \n )\n}\n","import React from \"react\"\nimport PostFeed from \"misago/components/post-feed\"\nimport Button from \"misago/components/button\"\nimport MisagoMarkup from \"misago/components/misago-markup\"\nimport {\n update as updatePosts,\n append as appendPosts,\n} from \"misago/reducers/posts\"\nimport { updateProvider } from \"misago/reducers/search\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default function (props) {\n return (\n
    \n \n \n
    \n )\n}\n\nexport class LoadMore extends React.Component {\n onClick = () => {\n store.dispatch(\n updatePosts({\n isBusy: true,\n })\n )\n\n ajax\n .get(this.props.provider.api, {\n q: this.props.query,\n page: this.props.next,\n })\n .then(\n (providers) => {\n providers.forEach((provider) => {\n if (provider.id !== \"threads\") return\n store.dispatch(appendPosts(provider.results))\n store.dispatch(updateProvider(provider))\n })\n\n store.dispatch(\n updatePosts({\n isBusy: false,\n })\n )\n },\n (rejection) => {\n snackbar.apiError(rejection)\n\n store.dispatch(\n updatePosts({\n isBusy: false,\n })\n )\n }\n )\n }\n\n render() {\n if (!this.props.more) return null\n\n return (\n
    \n \n {pgettext(\"search threads btn\", \"Show more\")}\n \n
    \n )\n }\n}\n","import React from \"react\"\nimport SearchPage from \"../page\"\nimport Results from \"./results\"\n\nexport default function (props) {\n return (\n \n \n \n
    \n \n )\n}\n\nexport function Blankslate({ children, loading, posts, query }) {\n if (posts && posts.count) return children\n\n if (query.length) {\n return (\n

    \n {loading\n ? pgettext(\"search threads\", \"Loading results...\")\n : pgettext(\n \"search threads\",\n \"No threads matching search query have been found.\"\n )}\n

    \n )\n }\n\n return (\n

    \n {pgettext(\n \"search threads\",\n \"Enter at least two characters to search threads.\"\n )}\n

    \n )\n}\n","import React from \"react\"\nimport SearchPage from \"../page\"\nimport UsersList from \"misago/components/users-list\"\n\nexport default function (props) {\n return (\n \n \n \n \n \n )\n}\n\nexport function Blankslate({ children, loading, query, users }) {\n if (users.length) return children\n\n if (query.length) {\n return (\n

    \n {loading\n ? pgettext(\"search users\", \"Loading results...\")\n : pgettext(\n \"search users\",\n \"No users matching search query have been found.\"\n )}\n

    \n )\n }\n\n return (\n

    \n {pgettext(\n \"search users\",\n \"Enter at least two characters to search users.\"\n )}\n

    \n )\n}\n","import { connect } from \"react-redux\"\nimport SearchThreads from \"./threads\"\nimport SearchUsers from \"./users\"\n\nconst components = {\n threads: SearchThreads,\n users: SearchUsers,\n}\n\nexport function select(store) {\n return {\n posts: store.posts,\n search: store.search,\n tick: store.tick.tick,\n user: store.auth.user,\n users: store.users,\n }\n}\n\nexport default function (providers) {\n return providers.map((provider) => {\n return {\n path: provider.url,\n component: connect(select)(components[provider.id]),\n provider: provider,\n }\n })\n}\n","import paths from \"misago/components/search-route\"\nimport misago from \"misago\"\nimport mount from \"misago/utils/routed-component\"\n\nexport default function initializer(context) {\n if (context.get(\"CURRENT_LINK\") === \"misago:search\") {\n mount({\n paths: paths(misago.get(\"SEARCH_PROVIDERS\")),\n })\n }\n}\n\nmisago.addInitializer({\n name: \"component:search\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Provider } from \"react-redux\"\nimport { SiteNavOverlay } from \"../../components/SiteNav\"\nimport store from \"../../services/store\"\n\nexport default function initializer(context) {\n const root = document.getElementById(\"site-nav-mount\")\n ReactDOM.render(\n \n \n ,\n root\n )\n}\n\nmisago.addInitializer({\n name: \"component:site-nav-overlay\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\n\nconst TYPES_CLASSES = {\n info: \"alert-info\",\n success: \"alert-success\",\n warning: \"alert-warning\",\n error: \"alert-danger\",\n}\n\nexport class Snackbar extends React.Component {\n getSnackbarClass() {\n let snackbarClass = \"alerts-snackbar\"\n if (this.props.isVisible) {\n snackbarClass += \" in\"\n } else {\n snackbarClass += \" out\"\n }\n return snackbarClass\n }\n\n render() {\n return (\n
    \n

    \n {this.props.message}\n

    \n
    \n )\n }\n}\n\nexport function select(state) {\n return state.snackbar\n}\n","import { connect } from \"react-redux\"\nimport misago from \"misago/index\"\nimport { Snackbar, select } from \"misago/components/snackbar\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n mount(connect(select)(Snackbar), \"snackbar-mount\")\n}\n\nmisago.addInitializer({\n name: \"component:snackbar\",\n initializer: initializer,\n after: \"snackbar\",\n})\n","import React from \"react\"\nimport {\n PageHeader,\n PageHeaderBanner,\n PageHeaderContainer,\n} from \"../PageHeader\"\n\nconst Header = ({ backendName }) => {\n const pageTitleTpl = pgettext(\"social auth title\", \"Sign in with %(backend)s\")\n const pageTitle = interpolate(pageTitleTpl, { backend: backendName }, true)\n\n return (\n \n \n \n

    {pageTitle}

    \n     \n     \n     \n )\n}\n\nexport default Header\n","import React from \"react\"\nimport misago from \"misago\"\nimport RegisterLegalFootnote from \"misago/components/RegisterLegalFootnote\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\nimport PageContainer from \"../PageContainer\"\nimport Header from \"./header\"\n\nexport default class Register extends Form {\n constructor(props) {\n super(props)\n\n const formValidators = {\n email: [validators.email()],\n username: [validators.usernameContent()],\n }\n\n if (!!misago.get(\"TERMS_OF_SERVICE_ID\")) {\n formValidators.termsOfService = [validators.requiredTermsOfService()]\n }\n\n if (!!misago.get(\"PRIVACY_POLICY_ID\")) {\n formValidators.privacyPolicy = [validators.requiredPrivacyPolicy()]\n }\n\n this.state = {\n email: props.email || \"\",\n emailProtected: !!props.email,\n username: props.username || \"\",\n\n termsOfService: null,\n privacyPolicy: null,\n\n validators: formValidators,\n errors: {},\n\n isLoading: false,\n }\n }\n\n clean() {\n let errors = this.validate()\n let lengths = [\n this.state.email.trim().length,\n this.state.username.trim().length,\n ]\n\n if (lengths.indexOf(0) !== -1) {\n snackbar.error(pgettext(\"social auth form\", \"Fill out all fields.\"))\n return false\n }\n\n const { validators } = this.state\n\n const checkTermsOfService = !!misago.get(\"TERMS_OF_SERVICE_ID\")\n if (checkTermsOfService && this.state.termsOfService === null) {\n snackbar.error(validators.termsOfService[0](null))\n return false\n }\n\n const checkPrivacyPolicy = !!misago.get(\"PRIVACY_POLICY_ID\")\n if (checkPrivacyPolicy && this.state.privacyPolicy === null) {\n snackbar.error(validators.privacyPolicy[0](null))\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.url, {\n email: this.state.email,\n username: this.state.username,\n terms_of_service: this.state.termsOfService,\n privacy_policy: this.state.privacyPolicy,\n })\n }\n\n handleSuccess(response) {\n const { onRegistrationComplete } = this.props\n onRegistrationComplete(response)\n }\n\n handleError(rejection) {\n if (rejection.status === 200) {\n // We've entered \"errored\" state because response is HTML instead of exptected JSON\n const { onRegistrationComplete } = this.props\n const { username } = this.state\n onRegistrationComplete({ activation: \"active\", step: \"done\", username })\n } else if (rejection.status === 400) {\n const stateUpdate = { errors: rejection }\n if (rejection.email) {\n stateUpdate.emailProtected = false\n }\n this.setState(stateUpdate)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n handlePrivacyPolicyChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"privacyPolicy\", value)\n }\n\n handleTermsOfServiceChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"termsOfService\", value)\n }\n\n handleToggleAgreement = (agreement, value) => {\n this.setState((prevState, props) => {\n if (prevState[agreement] === null) {\n const errors = { ...prevState.errors, [agreement]: null }\n return { errors, [agreement]: value }\n }\n\n const validator = this.state.validators[agreement][0]\n const errors = { ...prevState.errors, [agreement]: [validator(null)] }\n return { errors, [agreement]: null }\n })\n }\n\n render() {\n const { backend_name } = this.props\n const { email, emailProtected, username, isLoading } = this.state\n\n let emailHelpText = null\n if (emailProtected) {\n const emailHelpTextTpl = pgettext(\n \"social auth form\",\n \"Your e-mail address has been verified by %(backend)s.\"\n )\n emailHelpText = interpolate(\n emailHelpTextTpl,\n { backend: backend_name },\n true\n )\n }\n\n return (\n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n

    \n {pgettext(\n \"social auth form title\",\n \"Complete your account\"\n )}\n

    \n
    \n
    \n \n \n \n \n \n \n \n
    \n
    \n \n {pgettext(\"social auth form btn\", \"Sign in\")}\n \n
    \n
    \n
    \n
    \n
    \n     \n
    \n )\n }\n}\n","import React from \"react\"\nimport misago from \"misago\"\nimport PageContainer from \"../PageContainer\"\nimport Header from \"./header\"\n\nconst Complete = ({ activation, backend_name, username }) => {\n let icon = \"\"\n let message = \"\"\n if (activation === \"user\") {\n message = pgettext(\n \"account activation required\",\n \"%(username)s, your account has been created but you need to activate it before you will be able to sign in.\"\n )\n } else if (activation === \"admin\") {\n message = pgettext(\n \"account activation required\",\n \"%(username)s, your account has been created but the site administrator will have to activate it before you will be able to sign in.\"\n )\n } else {\n message = pgettext(\n \"social auth complete\",\n \"%(username)s, your account has been created and you have been signed in to it.\"\n )\n }\n\n if (activation === \"active\") {\n icon = \"check\"\n } else {\n icon = \"info_outline\"\n }\n\n return (\n
    \n
    \n \n
    \n
    \n
    \n
    \n

    \n {pgettext(\n \"social auth complete title\",\n \"Registration completed!\"\n )}\n

    \n
    \n
    \n
    \n {icon}\n
    \n
    \n

    \n {interpolate(message, { username }, true)}\n

    \n

    \n \n {pgettext(\n \"social auth complete link\",\n \"Return to forum index\"\n )}\n \n

    \n
    \n
    \n
    \n
    \n
    \n     \n
    \n )\n}\n\nexport default Complete\n","import React from \"react\"\nimport Register from \"./register\"\nimport Complete from \"./complete\"\n\nexport default class SocialAuth extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n step: props.step,\n\n activation: props.activation || \"\",\n email: props.email || \"\",\n username: props.username || \"\",\n }\n }\n\n handleRegistrationComplete = ({ activation, email, step, username }) => {\n this.setState({ activation, email, step, username })\n }\n\n render() {\n const { backend_name, url } = this.props\n const { activation, email, step, username } = this.state\n\n if (step === \"register\") {\n return (\n \n )\n }\n\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport SocialAuth from \"misago/components/social-auth\"\nimport misago from \"misago\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer(context) {\n if (context.get(\"CURRENT_LINK\") === \"misago:social-complete\") {\n const props = context.get(\"SOCIAL_AUTH_FORM\")\n mount(, \"page-mount\")\n }\n}\n\nmisago.addInitializer({\n name: \"component:social-auth\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport Form from \"./form\"\nimport FormGroup from \"misago/components/form-group\"\nimport * as participants from \"misago/reducers/participants\"\nimport { updateAcl } from \"misago/reducers/thread\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n username: \"\",\n }\n }\n\n onUsernameChange = (event) => {\n this.changeValue(\"username\", event.target.value)\n }\n\n clean() {\n if (!this.state.username.trim().length) {\n snackbar.error(\n pgettext(\n \"add private thread participant\",\n \"You have to enter user name.\"\n )\n )\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.patch(this.props.thread.api.index, [\n { op: \"add\", path: \"participants\", value: this.state.username },\n { op: \"add\", path: \"acl\", value: 1 },\n ])\n }\n\n handleSuccess(data) {\n store.dispatch(updateAcl(data))\n store.dispatch(participants.replace(data.participants))\n\n snackbar.success(\n pgettext(\n \"add private thread participant\",\n \"New participant has been added to thread.\"\n )\n )\n\n modal.hide()\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n
    \n \n \n \n
    \n
    \n \n {pgettext(\n \"add private thread participant btn\",\n \"Add participant\"\n )}\n \n \n {pgettext(\"add private thread participant btn\", \"Cancel\")}\n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport function ModalHeader(props) {\n return (\n
    \n \n ×\n \n

    \n {pgettext(\n \"add private thread participant modal title\",\n \"Add participant\"\n )}\n

    \n
    \n )\n}\n","import React from \"react\"\nimport AddParticipantModal from \"misago/components/add-participant\"\nimport modal from \"misago/services/modal\"\n\nexport default class extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n if (!this.props.thread.acl.can_add_participants) return null\n\n return (\n
    \n \n person_add\n {pgettext(\"add participant btn\", \"Add participant\")}\n \n
    \n )\n }\n}\n","import React from \"react\"\nimport { changeOwner } from \"./actions\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.isUser = props.participant.id === props.user.id\n }\n\n onClick = () => {\n let confirmed = false\n if (this.isUser) {\n confirmed = window.confirm(\n pgettext(\n \"private thread owner change\",\n \"Are you sure you want to take over this thread?\"\n )\n )\n } else {\n const message = pgettext(\n \"private thread owner change\",\n \"Are you sure you want to change thread owner to %(user)s?\"\n )\n confirmed = window.confirm(\n interpolate(\n message,\n {\n user: this.props.participant.username,\n },\n true\n )\n )\n }\n\n if (!confirmed) return\n\n changeOwner(this.props.thread, this.props.participant)\n }\n\n render() {\n if (this.props.participant.is_owner) return null\n if (!this.props.thread.acl.can_change_owner) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n","import * as participants from \"misago/reducers/participants\"\nimport { updateAcl } from \"misago/reducers/thread\"\nimport misago from \"misago\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport function leave(thread, participant) {\n ajax\n .patch(thread.api.index, [\n { op: \"remove\", path: \"participants\", value: participant.id },\n ])\n .then(\n () => {\n snackbar.success(\n pgettext(\"thread participants actions\", \"You have left this thread.\")\n )\n window.setTimeout(() => {\n window.location = misago.get(\"PRIVATE_THREADS_URL\")\n }, 3 * 1000)\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n}\n\nexport function remove(thread, participant) {\n ajax\n .patch(thread.api.index, [\n { op: \"remove\", path: \"participants\", value: participant.id },\n { op: \"add\", path: \"acl\", value: 1 },\n ])\n .then(\n (data) => {\n store.dispatch(updateAcl(data))\n store.dispatch(participants.replace(data.participants))\n\n const message = pgettext(\n \"thread participants actions\",\n \"%(user)s has been removed from this thread.\"\n )\n snackbar.success(\n interpolate(\n message,\n {\n user: participant.username,\n },\n true\n )\n )\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n}\n\nexport function changeOwner(thread, participant) {\n ajax\n .patch(thread.api.index, [\n { op: \"replace\", path: \"owner\", value: participant.id },\n { op: \"add\", path: \"acl\", value: 1 },\n ])\n .then(\n (data) => {\n store.dispatch(updateAcl(data))\n store.dispatch(participants.replace(data.participants))\n\n const message = pgettext(\n \"thread participants actions\",\n \"%(user)s has been made new thread owner.\"\n )\n snackbar.success(\n interpolate(\n message,\n {\n user: participant.username,\n },\n true\n )\n )\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n}\n","import React from \"react\"\nimport { remove, leave } from \"./actions\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.isUser = props.participant.id === props.user.id\n }\n\n onClick = () => {\n let confirmed = false\n if (this.isUser) {\n confirmed = window.confirm(\n pgettext(\n \"private thread leave\",\n \"Are you sure you want to leave this thread?\"\n )\n )\n } else {\n const message = pgettext(\n \"private thread leave\",\n \"Are you sure you want to remove %(user)s from this thread?\"\n )\n confirmed = window.confirm(\n interpolate(\n message,\n {\n user: this.props.participant.username,\n },\n true\n )\n )\n }\n\n if (!confirmed) return\n\n if (this.isUser) {\n leave(this.props.thread, this.props.participant)\n } else {\n remove(this.props.thread, this.props.participant)\n }\n }\n\n render() {\n const isModerator = this.props.user.acl.can_moderate_private_threads\n\n if (!(this.props.userIsOwner || this.isUser || isModerator)) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n","import React from \"react\"\nimport MakeOwner from \"./make-owner\"\nimport Remove from \"./remove\"\nimport Avatar from \"misago/components/avatar\"\n\nexport default function (props) {\n const participant = props.participant\n\n let className = \"btn btn-default\"\n if (participant.is_owner) {\n className = \"btn btn-primary\"\n }\n className += \" btn-user btn-block\"\n\n return (\n
    \n
    \n \n \n {participant.username}\n \n \n
    \n
    \n )\n}\n\nexport function UserStatus({ isOwner }) {\n if (!isOwner) return null\n\n return (\n
  • \n start\n \n {pgettext(\"thread participants owner status\", \"Thread owner\")}\n \n
    • \n )\n}\n","import React from \"react\"\nimport Card from \"./card\"\n\nexport default function ({ participants, thread, user, userIsOwner }) {\n return (\n
    \n
    \n {participants.map((participant) => {\n return (\n \n )\n })}\n
    \n
    \n )\n}\n","import React from \"react\"\nimport AddParticipant from \"./add-participant\"\nimport CardsList from \"./cards-list\"\nimport * as utils from \"./utils\"\n\nexport default function (props) {\n if (!props.participants.length) return null\n\n return (\n
    \n
    \n \n
    \n \n
    \n

    {utils.getParticipantsCopy(props.participants)}

    \n
    \n
    \n
    \n
    \n )\n}\n\nexport function getUserIsOwner(user, participants) {\n return participants[0].id === user.id\n}\n","export function getParticipantsCopy(participants) {\n const count = participants.length\n const message = npgettext(\n \"thread participants stat\",\n \"This thread has %(users)s participant.\",\n \"This thread has %(users)s participants.\",\n count\n )\n\n return interpolate(\n message,\n {\n users: count,\n },\n true\n )\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n
    \n {props.poll.choices.map((choice) => {\n return (\n \n )\n })}\n
    \n )\n}\n\nexport function PollChoice(props) {\n let proc = 0\n if (props.choice.votes && props.poll.votes) {\n proc = Math.ceil((props.choice.votes * 100) / props.poll.votes)\n }\n\n return (\n
    \n
    {props.choice.label}
    \n
    \n
    \n \n \n {getVotesLabel(props.votes, props.proc)}\n \n
    \n \n
      \n \n \n
    \n
    \n
    \n )\n}\n\nexport function ChoiceVotes(props) {\n return (\n
  • \n {getVotesLabel(props.votes, props.proc)}\n
    • \n )\n}\n\nexport function getVotesLabel(votes, proc) {\n const message = npgettext(\n \"thread poll\",\n \"%(votes)s vote, %(proc)s% of total.\",\n \"%(votes)s votes, %(proc)s% of total.\",\n votes\n )\n\n return interpolate(\n message,\n {\n votes: votes,\n proc: proc,\n },\n true\n )\n}\n\nexport function UserChoice(props) {\n if (!props.selected) return null\n\n return (\n
  • \n check_box\n {pgettext(\"thread poll\", \"You've voted on this choice.\")}\n
    • \n )\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Message from \"misago/components/modal-message\"\nimport Loader from \"misago/components/modal-loader\"\nimport ajax from \"misago/services/ajax\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: true,\n error: null,\n data: [],\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.poll.api.votes).then(\n (data) => {\n const hydratedData = data.map((choice) => {\n return Object.assign({}, choice, {\n voters: choice.voters.map((voter) => {\n return Object.assign({}, voter, {\n voted_on: moment(voter.voted_on),\n })\n }),\n })\n })\n\n this.setState({\n isLoading: false,\n data: hydratedData,\n })\n },\n (rejection) => {\n this.setState({\n isLoading: false,\n error: rejection.detail,\n })\n }\n )\n }\n\n render() {\n return (\n \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"thread poll\", \"Poll votes\")}\n

    \n
    \n\n \n
    \n \n )\n }\n}\n\nexport function ModalBody(props) {\n if (props.isLoading) {\n return \n } else if (props.error) {\n return \n }\n\n return \n}\n\nexport function ChoicesList(props) {\n return (\n
    \n
      \n {props.data.map((choice) => {\n return \n })}\n
    \n
    \n )\n}\n\nexport function ChoiceDetails(props) {\n return (\n
  • \n

    {props.label}

    \n \n \n
    \n
    • \n )\n}\n\nexport function VotesCount(props) {\n const message = npgettext(\n \"thread poll\",\n \"%(votes)s user has voted for this choice.\",\n \"%(votes)s users have voted for this choice.\",\n props.votes\n )\n\n const label = interpolate(\n message,\n {\n votes: props.votes,\n },\n true\n )\n\n return

    {label}

    \n}\n\nexport function VotesList(props) {\n if (!props.voters.length) return null\n\n return (\n
      \n {props.voters.map((user) => {\n return \n })}\n
    \n )\n}\n\nexport function Voter(props) {\n if (props.url) {\n return (\n
  • \n \n {props.username}\n {\" \"}\n \n
    • \n )\n }\n\n return (\n
  • \n {props.username} \n
    • \n )\n}\n\nexport function VoteDate(props) {\n return (\n \n {props.voted_on.fromNow()}\n \n )\n}\n","import React from \"react\"\nimport Modal from \"./modal\"\nimport * as poll from \"misago/reducers/poll\"\nimport * as thread from \"misago/reducers/thread\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default function (props) {\n const { isPollOver, poll, showVoting, thread } = props\n\n if (!isVisible(isPollOver, poll.acl, poll)) return null\n\n const controls = []\n\n const canVote = poll.acl.can_vote\n const canChangeVote = !poll.hasSelectedChoices || poll.allow_revotes\n\n if (canVote && canChangeVote) controls.push(0)\n if (poll.is_public || poll.acl.can_see_votes) controls.push(1)\n if (poll.acl.can_edit) controls.push(2)\n if (poll.acl.can_delete) controls.push(3)\n\n return (\n
    \n \n \n \n \n
    \n )\n}\n\nexport function isVisible(isPollOver, acl, poll) {\n return (\n poll.is_public ||\n acl.can_delete ||\n acl.can_edit ||\n acl.can_see_votes ||\n (acl.can_vote &&\n !isPollOver &&\n (!poll.hasSelectedChoices || poll.allow_revotes))\n )\n}\n\nexport function getClassName(controls, control) {\n let className = \"col-xs-6\"\n\n if (controls.length === 1) {\n className = \"col-xs-12\"\n }\n\n if (controls.length === 3 && controls[0] === control) {\n className = \"col-xs-12\"\n }\n\n return className + \" col-sm-3 col-md-2\"\n}\n\nexport function ChangeVote(props) {\n const canVote = props.poll.acl.can_vote\n const canChangeVote =\n !props.poll.hasSelectedChoices || props.poll.allow_revotes\n\n if (!(canVote && canChangeVote)) return null\n\n return (\n
    \n \n {pgettext(\"thread poll\", \"Vote\")}\n \n
    \n )\n}\n\nexport class SeeVotes extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const seeVotes =\n this.props.poll.is_public || this.props.poll.acl.can_see_votes\n if (!seeVotes) return null\n\n return (\n
    \n \n {pgettext(\"thread poll\", \"See votes\")}\n \n
    \n )\n }\n}\n\nexport function Edit(props) {\n if (!props.poll.acl.can_edit) return null\n\n return (\n
    \n \n {pgettext(\"thread poll\", \"Edit\")}\n \n
    \n )\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n const deletePoll = window.confirm(\n pgettext(\n \"thread poll\",\n \"Are you sure you want to delete this poll? This action is not reversible.\"\n )\n )\n if (!deletePoll) return false\n\n store.dispatch(poll.busy())\n\n ajax\n .delete(this.props.poll.api.index)\n .then(this.handleSuccess, this.handleError)\n }\n\n handleSuccess = (newThreadAcl) => {\n snackbar.success(pgettext(\"thread poll\", \"Poll has been deleted\"))\n store.dispatch(poll.remove())\n store.dispatch(thread.updateAcl(newThreadAcl))\n }\n\n handleError = (rejection) => {\n snackbar.apiError(rejection)\n store.dispatch(poll.release())\n }\n\n render() {\n if (!this.props.poll.acl.can_delete) return null\n\n return (\n
    \n \n {pgettext(\"thread poll\", \"Delete\")}\n \n
    \n )\n }\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n
      \n \n \n \n \n
    \n )\n}\n\nexport function PollCreation(props) {\n const message = interpolate(\n escapeHtml(pgettext(\"thread poll\", \"Started by %(poster)s %(posted_on)s.\")),\n {\n poster: getPoster(props.poll),\n posted_on: getPostedOn(props.poll),\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function getPoster(poll) {\n if (poll.url.poster) {\n return interpolate(\n USER_URL,\n {\n url: escapeHtml(poll.url.poster),\n user: escapeHtml(poll.poster_name),\n },\n true\n )\n }\n\n return interpolate(\n USER_SPAN,\n {\n user: escapeHtml(poll.poster_name),\n },\n true\n )\n}\n\nexport function getPostedOn(poll) {\n return interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(poll.posted_on.format(\"LLL\")),\n relative: escapeHtml(poll.posted_on.fromNow()),\n },\n true\n )\n}\n\nexport function PollLength(props) {\n if (!props.poll.length) {\n return null\n }\n\n const message = interpolate(\n escapeHtml(pgettext(\"thread poll\", \"Voting ends %(ends_on)s.\")),\n {\n ends_on: getEndsOn(props.poll),\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function getEndsOn(poll) {\n return interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(poll.endsOn.format(\"LLL\")),\n relative: escapeHtml(poll.endsOn.fromNow()),\n },\n true\n )\n}\n\nexport function PollVotes(props) {\n const message = npgettext(\n \"thread poll\",\n \"%(votes)s vote.\",\n \"%(votes)s votes.\",\n props.votes\n )\n const label = interpolate(\n message,\n {\n votes: props.votes,\n },\n true\n )\n\n return
  • {label}
    • \n}\n\nexport function PollIsPublic(props) {\n if (!props.poll.is_public) {\n return null\n }\n\n return (\n
  • \n {pgettext(\"thread poll\", \"Voting is public.\")}\n
    • \n )\n}\n","import React from \"react\"\nimport Chart from \"./chart\"\nimport Options from \"./options\"\nimport PollInfo from \"../info\"\n\nexport default function (props) {\n return (\n
    \n
    \n

    {props.poll.question}

    \n \n \n \n
    \n
    \n )\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n
      \n \n \n
    \n )\n}\n\nexport function PollChoicesLeft({ choicesLeft }) {\n if (choicesLeft === 0) {\n return (\n
  • \n {pgettext(\"thread poll\", \"You can't select any more choices.\")}\n
    • \n )\n }\n\n const message = npgettext(\n \"thread poll\",\n \"You can select %(choices)s more choice.\",\n \"You can select %(choices)s more choices.\",\n choicesLeft\n )\n\n const label = interpolate(\n message,\n {\n choices: choicesLeft,\n },\n true\n )\n\n return
  • {label}
    • \n}\n\nexport function PollAllowRevote(props) {\n if (props.poll.allow_revotes) {\n return (\n
  • \n {pgettext(\"thread poll\", \"You can change your vote later.\")}\n
    • \n )\n }\n\n return (\n
  • \n {pgettext(\"thread poll\", \"Votes are final.\")}\n
    • \n )\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n
      \n {props.choices.map((choice) => {\n return (\n \n )\n })}\n
    \n )\n}\n\nexport class ChoiceSelect extends React.Component {\n onClick = () => {\n this.props.toggleChoice(this.props.choice.hash)\n }\n\n render() {\n return (\n
  • \n \n \n {this.props.choice.selected\n ? \"check_box\"\n : \"check_box_outline_blank\"}\n \n {this.props.choice.label}\n \n
    • \n )\n }\n}\n","export function getChoiceFromHash(choices, hash) {\n for (const i in choices) {\n const choice = choices[i]\n if (choice.hash === hash) {\n return choice\n }\n }\n\n return null\n}\n\nexport function getChoicesLeft(poll, choices) {\n let selection = []\n for (const i in choices) {\n const choice = choices[i]\n if (choice.selected) {\n selection.push(choice)\n }\n }\n\n return poll.allowed_choices - selection.length\n}\n","import React from \"react\"\nimport ChoicesHelp from \"./help\"\nimport ChoicesSelect from \"./select\"\nimport { getChoicesLeft, getChoiceFromHash } from \"./utils\"\nimport PollInfo from \"../info\"\nimport { Delete, Edit, getClassName } from \"../results/options\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport * as poll from \"misago/reducers/poll\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n choices: props.poll.choices,\n choicesLeft: getChoicesLeft(props.poll, props.poll.choices),\n }\n }\n\n toggleChoice = (hash) => {\n const choice = getChoiceFromHash(this.state.choices, hash)\n\n let choices = null\n if (!choice.selected) {\n choices = this.selectChoice(choice, hash)\n } else {\n choices = this.deselectChoice(choice, hash)\n }\n\n this.setState({\n choices,\n choicesLeft: getChoicesLeft(this.props.poll, choices),\n })\n }\n\n selectChoice = (choice, hash) => {\n const choicesLeft = getChoicesLeft(this.props.poll, this.state.choices)\n\n if (!choicesLeft) {\n for (const i in this.state.choices.slice()) {\n const item = this.state.choices[i]\n if (item.selected && item.hash != hash) {\n item.selected = false\n break\n }\n }\n }\n\n return this.state.choices.map((choice) => {\n return Object.assign({}, choice, {\n selected: choice.hash == hash ? true : choice.selected,\n })\n })\n }\n\n deselectChoice = (choice, hash) => {\n return this.state.choices.map((choice) => {\n return Object.assign({}, choice, {\n selected: choice.hash == hash ? false : choice.selected,\n })\n })\n }\n\n clean() {\n if (this.state.choicesLeft === this.props.poll.allowed_choices) {\n snackbar.error(\n pgettext(\"thread poll vote\", \"You need to select at least one choice.\")\n )\n return false\n }\n\n return true\n }\n\n send() {\n let data = []\n for (const i in this.state.choices.slice()) {\n const item = this.state.choices[i]\n if (item.selected) {\n data.push(item.hash)\n }\n }\n\n return ajax.post(this.props.poll.api.votes, data)\n }\n\n handleSuccess(data) {\n store.dispatch(poll.replace(data))\n snackbar.success(pgettext(\"thread poll vote\", \"Your vote has been saved.\"))\n\n this.props.showResults()\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n const controls = []\n\n if (this.props.poll.acl.can_vote) controls.push(0)\n if (this.props.poll.is_public || this.props.poll.acl.can_see_votes)\n controls.push(1)\n if (this.props.poll.acl.can_edit) controls.push(2)\n if (this.props.poll.acl.can_delete) controls.push(3)\n\n return (\n
    \n
    \n
    \n

    {this.props.poll.question}

    \n \n \n \n
    \n
    \n
    \n
    \n \n {pgettext(\"thread poll vote btn\", \"Save your vote\")}\n \n
    \n
    \n \n {pgettext(\"thread poll vote btn\", \"See results\")}\n \n
    \n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Results from \"./results\"\nimport Voting from \"./voting\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n let showResults = true\n if (props.user.id && !props.poll.hasSelectedChoices) {\n showResults = false\n }\n\n this.state = {\n showResults,\n }\n }\n\n showResults = () => {\n this.setState({\n showResults: true,\n })\n }\n\n showVoting = () => {\n this.setState({\n showResults: false,\n })\n }\n\n render() {\n if (!this.props.thread.poll) return null\n\n const isPollOver = getIsPollOver(this.props.poll)\n\n if (\n !isPollOver &&\n this.props.poll.acl.can_vote &&\n !this.state.showResults\n ) {\n return \n } else {\n return (\n \n )\n }\n }\n}\n\nexport function getIsPollOver(poll) {\n if (poll.length) {\n return moment().isAfter(poll.endsOn)\n }\n return false\n}\n","import React from \"react\"\nimport getRandomString from \"../../../utils/getRandomString\"\n\nconst HASH_LENGTH = 12\n\nexport default class extends React.Component {\n onAdd = () => {\n let choices = this.props.choices.slice()\n choices.push({\n hash: getRandomString(HASH_LENGTH),\n label: \"\",\n })\n\n this.props.setChoices(choices)\n }\n\n onChange = (hash, label) => {\n const choices = this.props.choices.map((choice) => {\n if (choice.hash === hash) {\n choice.label = label\n }\n\n return choice\n })\n this.props.setChoices(choices)\n }\n\n onDelete = (hash) => {\n const choices = this.props.choices.filter((choice) => {\n return choice.hash !== hash\n })\n this.props.setChoices(choices)\n }\n\n render() {\n return (\n
    \n
      \n {this.props.choices.map((choice) => {\n return (\n 2}\n choice={choice}\n disabled={this.props.disabled}\n key={choice.hash}\n onChange={this.onChange}\n onDelete={this.onDelete}\n />\n )\n })}\n
    \n \n {pgettext(\"thread poll\", \"Add choice\")}\n \n
    \n )\n }\n}\n\nexport class PollChoice extends React.Component {\n onChange = (event) => {\n this.props.onChange(this.props.choice.hash, event.target.value)\n }\n\n onDelete = () => {\n const deleteItem =\n this.props.choice.label.length === 0\n ? true\n : window.confirm(\n pgettext(\n \"thread poll\",\n \"Are you sure you want to remove this choice?\"\n )\n )\n if (deleteItem) {\n this.props.onDelete(this.props.choice.hash)\n }\n }\n\n render() {\n return (\n
  • \n \n close\n \n \n
    • \n )\n }\n}\n","import React from \"react\"\nimport ChoicesControl from \"./choices-control\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport YesNoSwitch from \"misago/components/yes-no-switch\"\nimport * as poll from \"misago/reducers/poll\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n const poll = props.poll.id\n ? props.poll\n : {\n question: \"\",\n choices: [\n {\n hash: \"choice-10000\",\n label: \"\",\n },\n {\n hash: \"choice-20000\",\n label: \"\",\n },\n ],\n length: 0,\n allowed_choices: 1,\n allow_revotes: 0,\n is_public: 0,\n }\n\n this.state = {\n isLoading: false,\n isEdit: !!poll.id,\n\n question: poll.question,\n choices: poll.choices,\n length: poll.length,\n allowed_choices: poll.allowed_choices,\n allow_revotes: poll.allow_revotes,\n is_public: poll.is_public,\n\n validators: {\n question: [],\n choices: [],\n length: [],\n allowed_choices: [],\n },\n\n errors: {},\n }\n }\n\n setChoices = (choices) => {\n this.setState((state) => {\n return {\n choices,\n errors: Object.assign({}, state.errors, { choices: null }),\n }\n })\n }\n\n onCancel = () => {\n let cancel = false\n\n // Nothing added to the poll so no changes to discard\n const formEmpty = !!(\n this.state.question === \"\" &&\n this.state.choices &&\n this.state.choices.every((choice) => choice.label === \"\") &&\n this.state.length === 0 &&\n this.state.allowed_choices === 1\n )\n\n if (formEmpty) {\n return this.props.close()\n }\n\n if (!!this.props.poll) {\n cancel = window.confirm(\n pgettext(\"thread poll\", \"Are you sure you want to discard changes?\")\n )\n } else {\n cancel = window.confirm(\n pgettext(\"thread poll\", \"Are you sure you want to discard new poll?\")\n )\n }\n\n if (cancel) {\n this.props.close()\n }\n }\n\n send() {\n const data = {\n question: this.state.question,\n choices: this.state.choices,\n length: this.state.length,\n allowed_choices: this.state.allowed_choices,\n allow_revotes: this.state.allow_revotes,\n is_public: this.state.is_public,\n }\n\n if (this.state.isEdit) {\n return ajax.put(this.props.poll.api.index, data)\n }\n\n return ajax.post(this.props.thread.api.poll, data)\n }\n\n handleSuccess(data) {\n store.dispatch(poll.replace(data))\n\n if (this.state.isEdit) {\n snackbar.success(pgettext(\"thread poll\", \"Poll has been edited.\"))\n } else {\n snackbar.success(pgettext(\"thread poll\", \"Poll has been posted.\"))\n }\n\n this.props.close()\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n if (rejection.non_field_errors) {\n rejection.allowed_choices = rejection.non_field_errors\n }\n\n this.setState({\n errors: Object.assign({}, rejection),\n })\n\n snackbar.error(gettext(\"Form contains errors.\"))\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n

    \n {this.state.isEdit\n ? pgettext(\"thread poll\", \"Edit poll\")\n : pgettext(\"thread poll\", \"Add poll\")}\n

    \n
    \n
    \n
    \n \n {pgettext(\"thread poll\", \"Question and choices\")}\n \n\n \n \n \n\n \n \n \n
    \n\n
    \n {pgettext(\"thread poll\", \"Voting\")}\n\n
    \n
    \n \n \n \n
    \n
    \n \n \n \n
    \n
    \n\n
    \n \n
    \n \n \n \n
    \n
    \n
    \n
    \n
    \n \n {pgettext(\"thread poll\", \"Cancel\")}\n {\" \"}\n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport function PollPublicSwitch(props) {\n if (props.isEdit) return null\n\n return (\n
    \n \n \n \n
    \n )\n}\n","import React from \"react\"\n\nconst ICON = {\n changed_title: \"edit\",\n\n pinned_globally: \"bookmark\",\n pinned_locally: \"bookmark_border\",\n unpinned: \"panorama_fish_eye\",\n\n moved: \"arrow_forward\",\n merged: \"call_merge\",\n\n approved: \"done\",\n\n opened: \"lock_open\",\n closed: \"lock_outline\",\n\n unhid: \"visibility\",\n hid: \"visibility_off\",\n\n changed_owner: \"grade\",\n tookover: \"grade\",\n\n added_participant: \"person_add\",\n\n owner_left: \"person_outline\",\n participant_left: \"person_outline\",\n removed_participant: \"remove_circle_outline\",\n}\n\nconst EventIcon = (props) => (\n \n {ICON[props.post.event_type]}\n \n)\n\nexport default EventIcon\n","import React from \"react\"\nimport moment from \"moment\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default function (props) {\n if (isVisible(props.post.acl)) {\n return (\n
  • \n \n \n \n
    • \n )\n } else {\n return null\n }\n}\n\nexport function isVisible(acl) {\n return acl.can_hide\n}\n\nexport class Hide extends React.Component {\n onClick = () => {\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: true,\n hidden_on: moment(),\n hidden_by_name: this.props.user.username,\n url: Object.assign(this.props.post.url, {\n hidden_by: this.props.user.url,\n }),\n })\n )\n\n const op = { op: \"replace\", path: \"is-hidden\", value: true }\n\n ajax.patch(this.props.post.api.index, [op]).then(\n (patch) => {\n store.dispatch(post.patch(this.props.post, patch))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: false,\n })\n )\n }\n )\n }\n\n render() {\n if (!this.props.post.is_hidden) {\n return (\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Unhide extends React.Component {\n onClick = () => {\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: false,\n })\n )\n\n const op = { op: \"replace\", path: \"is-hidden\", value: false }\n\n ajax.patch(this.props.post.api.index, [op]).then(\n (patch) => {\n store.dispatch(post.patch(this.props.post, patch))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: true,\n })\n )\n }\n )\n }\n\n render() {\n if (this.props.post.is_hidden) {\n return (\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n const decision = window.confirm(\n pgettext(\n \"event delete\",\n \"Are you sure you wish to delete this event? This action is not reversible!\"\n )\n )\n if (decision) {\n this.delete()\n }\n }\n\n delete = () => {\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: true,\n })\n )\n\n ajax.delete(this.props.post.api.index).then(\n () => {\n snackbar.success(pgettext(\"event delete\", \"Event has been deleted.\"))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: false,\n })\n )\n }\n )\n }\n\n render() {\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\nimport Controls from \"./controls\"\n\nconst DATE_ABBR = '%(relative)s'\nconst DATE_URL = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n
      \n \n \n \n
    \n )\n}\n\nexport function Hidden(props) {\n if (props.post.is_hidden) {\n let user = null\n if (props.post.url.hidden_by) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.post.url.hidden_by),\n user: escapeHtml(props.post.hidden_by_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.post.hidden_by_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(props.post.hidden_on.format(\"LLL\")),\n relative: escapeHtml(props.post.hidden_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(\n pgettext(\"event info\", \"Hidden by %(event_by)s %(event_on)s.\")\n ),\n {\n event_by: user,\n event_on: date,\n },\n true\n )\n\n return (\n \n )\n } else {\n return null\n }\n}\n\nexport function Poster(props) {\n let user = null\n if (props.post.poster) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.post.poster.url),\n user: escapeHtml(props.post.poster_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.post.poster_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_URL,\n {\n url: escapeHtml(props.post.url.index),\n absolute: escapeHtml(props.post.posted_on.format(\"LLL\")),\n relative: escapeHtml(props.post.posted_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(pgettext(\"event info\", \"By %(event_by)s %(event_on)s.\")),\n {\n event_by: user,\n event_on: date,\n },\n true\n )\n\n return (\n \n )\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst MESSAGE = {\n pinned_globally: pgettext(\n \"event message\",\n \"Thread has been pinned globally.\"\n ),\n pinned_locally: pgettext(\n \"event message\",\n \"Thread has been pinned in category.\"\n ),\n unpinned: pgettext(\"event message\", \"Thread has been unpinned.\"),\n\n approved: pgettext(\"event message\", \"Thread has been approved.\"),\n\n opened: pgettext(\"event message\", \"Thread has been opened.\"),\n closed: pgettext(\"event message\", \"Thread has been closed.\"),\n\n unhid: pgettext(\"event message\", \"Thread has been revealed.\"),\n hid: pgettext(\"event message\", \"Thread has been made hidden.\"),\n\n tookover: pgettext(\"event message\", \"Took thread over.\"),\n\n owner_left: pgettext(\n \"event message\",\n \"Owner has left thread. This thread is now closed.\"\n ),\n participant_left: pgettext(\"event message\", \"Participant has left thread.\"),\n}\n\nconst ITEM_LINK = '%(name)s'\nconst ITEM_SPAN = '%(name)s'\n\nexport default function (props) {\n if (MESSAGE[props.post.event_type]) {\n return

    {MESSAGE[props.post.event_type]}

    \n } else if (props.post.event_type === \"changed_title\") {\n return \n } else if (props.post.event_type === \"moved\") {\n return \n } else if (props.post.event_type === \"merged\") {\n return \n } else if (props.post.event_type === \"changed_owner\") {\n return \n } else if (props.post.event_type === \"added_participant\") {\n return \n } else if (props.post.event_type === \"removed_participant\") {\n return \n } else {\n return null\n }\n}\n\nexport function ChangedTitle(props) {\n const msgstring = escapeHtml(\n pgettext(\n \"event message\",\n \"Thread title has been changed from %(old_title)s.\"\n )\n )\n const oldTitle = interpolate(\n ITEM_SPAN,\n {\n name: escapeHtml(props.post.event_context.old_title),\n },\n true\n )\n const message = interpolate(\n msgstring,\n {\n old_title: oldTitle,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function Moved(props) {\n const msgstring = escapeHtml(\n pgettext(\"event message\", \"Thread has been moved from %(from_category)s.\")\n )\n const fromCategory = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.from_category.url),\n name: escapeHtml(props.post.event_context.from_category.name),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n from_category: fromCategory,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function Merged(props) {\n const msgstring = escapeHtml(\n pgettext(\n \"event message\",\n \"The %(merged_thread)s thread has been merged into this thread.\"\n )\n )\n const mergedThread = interpolate(\n ITEM_SPAN,\n {\n name: escapeHtml(props.post.event_context.merged_thread),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n merged_thread: mergedThread,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function ChangedOwner(props) {\n const msgstring = escapeHtml(\n pgettext(\"event message\", \"Changed thread owner to %(user)s.\")\n )\n const newOwner = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.user.url),\n name: escapeHtml(props.post.event_context.user.username),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n user: newOwner,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function AddedParticipant(props) {\n const msgstring = escapeHtml(\n pgettext(\"event message\", \"Added %(user)s to thread.\")\n )\n const newOwner = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.user.url),\n name: escapeHtml(props.post.event_context.user.username),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n user: newOwner,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function RemovedParticipant(props) {\n const msgstring = escapeHtml(\n pgettext(\"event message\", \"Removed %(user)s from thread.\")\n )\n const newOwner = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.user.url),\n name: escapeHtml(props.post.event_context.user.username),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n user: newOwner,\n },\n true\n )\n\n return (\n \n )\n}\n","import React from \"react\"\n\nexport default function ({ post }) {\n if (post.is_read) return null\n\n return (\n
    \n \n {pgettext(\"event unread label\", \"New event\")}\n \n
    \n )\n}\n","import React from \"react\"\nimport ajax from \"misago/services/ajax\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.initialized = false\n this.primed = false\n this.observer = null\n }\n\n initialize = (element) => {\n this.initialized = true\n\n this.observer = new IntersectionObserver((entries) =>\n entries.forEach(this.callback)\n )\n this.observer.observe(element)\n }\n\n callback = (entry) => {\n if (!entry.isIntersecting || this.props.post.is_read || this.primed) {\n return\n }\n\n window.setTimeout(() => {\n ajax.post(this.props.post.api.read)\n }, 0)\n\n this.primed = true\n this.destroy()\n }\n\n destroy() {\n if (this.observer) {\n this.observer.disconnect()\n this.observer = null\n }\n }\n\n componentWillUnmount() {\n this.destroy()\n }\n\n render() {\n const ready = !this.initialized && !this.primed && !this.props.post.is_read\n\n return (\n {\n if (node && ready) {\n this.initialize(node)\n }\n }}\n >\n {this.props.children}\n \n )\n }\n}\n","import React from \"react\"\nimport Icon from \"./icon\"\nimport Info from \"./info\"\nimport Message from \"./message\"\nimport UnreadLabel from \"./unread-label\"\nimport Waypoint from \"../waypoint\"\n\nexport default function (props) {\n let className = \"event\"\n if (props.post.isDeleted) {\n className = \"hide\"\n } else if (props.post.is_hidden) {\n className = \"event post-hidden\"\n }\n\n return (\n
  • \n \n
    \n
    \n \n
    \n \n \n \n \n
    \n
    • \n )\n}\n","import React from \"react\"\nimport misago from \"misago\"\nimport escapeHtml from \"misago/utils/escape-html\"\nimport formatFilesize from \"misago/utils/file-size\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n
    \n \n
    \n \n {props.attachment.filename}\n \n \n
    \n
    \n )\n}\n\nexport function AttachmentPreview(props) {\n if (props.attachment.is_image) {\n return (\n
    \n \n
    \n )\n } else {\n return (\n
    \n \n
    \n )\n }\n}\n\nexport function AttachmentIcon(props) {\n return (\n \n insert_drive_file\n \n )\n}\n\nexport function AttachmentThumbnail(props) {\n const url = props.attachment.url.thumb || props.attachment.url.index\n return (\n \n )\n}\n\nexport function AttachmentDetails(props) {\n let user = null\n if (props.attachment.url.uploader) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.attachment.url.uploader),\n user: escapeHtml(props.attachment.uploader_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.attachment.uploader_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(props.attachment.uploaded_on.format(\"LLL\")),\n relative: escapeHtml(props.attachment.uploaded_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(\n pgettext(\n \"post attachment\",\n \"%(filetype)s, %(size)s, uploaded by %(uploader)s %(uploaded_on)s.\"\n )\n ),\n {\n filetype: props.attachment.filetype,\n size: formatFilesize(props.attachment.size),\n uploader: user,\n uploaded_on: date,\n },\n true\n )\n\n return (\n \n )\n}\n","import React from \"react\"\nimport batch from \"misago/utils/batch\"\nimport Attachment from \"./attachment\"\n\nexport default function (props) {\n if (!isVisible(props.post)) {\n return null\n }\n\n return (\n
    \n {batch(props.post.attachments, 2).map((row) => {\n const key = row\n .map((a) => {\n return a ? a.id : 0\n })\n .join(\"_\")\n return \n })}\n
    \n )\n}\n\nexport function isVisible(post) {\n return (!post.is_hidden || post.acl.can_see_hidden) && post.attachments\n}\n\nexport function Row(props) {\n return (\n
    \n {props.row.map((attachment) => {\n return (\n \n )\n })}\n
    \n )\n}\n","import React from \"react\"\nimport Waypoint from \"../waypoint\"\nimport MisagoMarkup from \"misago/components/misago-markup\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst HIDDEN_BY_URL = '%(user)s'\nconst HIDDEN_BY_SPAN = '%(user)s'\nconst HIDDEN_ON =\n '%(relative)s'\n\nexport default function (props) {\n if (props.post.is_hidden && !props.post.acl.can_see_hidden) {\n return \n } else if (props.post.content) {\n return \n } else {\n return \n }\n}\n\nexport function Default({ post }) {\n const poster = \"@\" + (post.poster ? post.poster.username : post.poster_name)\n\n return (\n \n \n \n )\n}\n\nexport function Hidden(props) {\n let user = null\n if (props.post.hidden_by) {\n user = interpolate(\n HIDDEN_BY_URL,\n {\n url: escapeHtml(props.post.url.hidden_by),\n user: escapeHtml(props.post.hidden_by_name),\n },\n true\n )\n } else {\n user = interpolate(\n HIDDEN_BY_SPAN,\n {\n user: escapeHtml(props.post.hidden_by_name),\n },\n true\n )\n }\n\n const date = interpolate(\n HIDDEN_ON,\n {\n absolute: escapeHtml(props.post.hidden_on.format(\"LLL\")),\n relative: escapeHtml(props.post.hidden_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(\n pgettext(\"post body hidden\", \"Hidden by %(hidden_by)s %(hidden_on)s.\")\n ),\n {\n hidden_by: user,\n hidden_on: date,\n },\n true\n )\n\n return (\n \n

    \n {pgettext(\n \"post body hidden\",\n \"This post is hidden. You cannot see its contents.\"\n )}\n

    \n

    \n \n )\n}\n\nexport function Invalid(props) {\n return (\n \n

    \n {pgettext(\n \"post body invalid\",\n \"This post's contents cannot be displayed.\"\n )}\n

    \n

    \n {pgettext(\n \"post body invalid\",\n \"This error is caused by invalid post content manipulation.\"\n )}\n

    \n     \n )\n}\n","import React from \"react\"\n\nexport function FlagBestAnswer({ post, thread, user }) {\n if (!(isVisible(post) && post.id === thread.best_answer)) {\n return null\n }\n\n let message = null\n if (user.id && thread.best_answer_marked_by === user.id) {\n message = interpolate(\n pgettext(\n \"post best answer flag\",\n \"Marked as best answer by you %(marked_on)s.\"\n ),\n {\n marked_on: thread.best_answer_marked_on.fromNow(),\n },\n true\n )\n } else {\n message = interpolate(\n pgettext(\n \"post best answer flag\",\n \"Marked as best answer by %(marked_by)s %(marked_on)s.\"\n ),\n {\n marked_by: thread.best_answer_marked_by_name,\n marked_on: thread.best_answer_marked_on.fromNow(),\n },\n true\n )\n }\n\n return (\n
    \n check_box\n

    {message}

    \n
    \n )\n}\n\nexport function FlagHidden(props) {\n if (!(isVisible(props.post) && props.post.is_hidden)) {\n return null\n }\n\n return (\n
    \n visibility_off\n

    \n {pgettext(\n \"post hidden flag\",\n \"This post is hidden. Only users with permission may see its contents.\"\n )}\n

    \n
    \n )\n}\n\nexport function FlagUnapproved(props) {\n if (!(isVisible(props.post) && props.post.is_unapproved)) {\n return null\n }\n\n return (\n
    \n remove_circle_outline\n

    \n {pgettext(\n \"post unapproved flag\",\n \"This post is unapproved. Only users with permission to approve posts and its author may see its contents.\"\n )}\n

    \n
    \n )\n}\n\nexport function FlagProtected(props) {\n if (!(isVisible(props.post) && props.post.is_protected)) {\n return null\n }\n\n return (\n
    \n lock_outline\n

    \n {pgettext(\n \"post protected flag\",\n \"This post is protected. Only moderators may change it.\"\n )}\n

    \n
    \n )\n}\n\nexport function isVisible(post) {\n return !post.is_hidden || post.acl.can_see_hidden\n}\n","import moment from \"moment\"\nimport * as thread from \"misago/reducers/thread\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport function approve(props) {\n store.dispatch(\n post.patch(props.post, {\n is_unapproved: false,\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-unapproved\", value: false }]\n\n const previousState = {\n is_unapproved: props.post.is_unapproved,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function protect(props) {\n store.dispatch(\n post.patch(props.post, {\n is_protected: true,\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-protected\", value: true }]\n\n const previousState = {\n is_protected: props.post.is_protected,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function unprotect(props) {\n store.dispatch(\n post.patch(props.post, {\n is_protected: false,\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-protected\", value: false }]\n\n const previousState = {\n is_protected: props.post.is_protected,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function hide(props) {\n store.dispatch(\n post.patch(props.post, {\n is_hidden: true,\n hidden_on: moment(),\n hidden_by_name: props.user.username,\n url: Object.assign(props.post.url, {\n hidden_by: props.user.url,\n }),\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-hidden\", value: true }]\n\n const previousState = {\n is_hidden: props.post.is_hidden,\n hidden_on: props.post.hidden_on,\n hidden_by_name: props.post.hidden_by_name,\n url: props.post.url,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function unhide(props) {\n store.dispatch(\n post.patch(props.post, {\n is_hidden: false,\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-hidden\", value: false }]\n\n const previousState = {\n is_hidden: props.post.is_hidden,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function like(props) {\n const lastLikes = props.post.last_likes || []\n const concatedLikes = [props.user].concat(lastLikes)\n const finalLikes =\n concatedLikes.length > 3 ? concatedLikes.slice(0, -1) : concatedLikes\n\n store.dispatch(\n post.patch(props.post, {\n is_liked: true,\n likes: props.post.likes + 1,\n last_likes: finalLikes,\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-liked\", value: true }]\n\n const previousState = {\n is_liked: props.post.is_liked,\n likes: props.post.likes,\n last_likes: props.post.last_likes,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function unlike(props) {\n store.dispatch(\n post.patch(props.post, {\n is_liked: false,\n likes: props.post.likes - 1,\n last_likes: props.post.last_likes.filter((user) => {\n return !user.id || user.id !== props.user.id\n }),\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-liked\", value: false }]\n\n const previousState = {\n is_liked: props.post.is_liked,\n likes: props.post.likes,\n last_likes: props.post.last_likes,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function patch(props, ops, previousState) {\n ajax.patch(props.post.api.index, ops).then(\n (newState) => {\n store.dispatch(post.patch(props.post, newState))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(post.patch(props.post, previousState))\n }\n )\n}\n\nexport function remove(props) {\n let confirmed = window.confirm(\n pgettext(\n \"post delete\",\n \"Are you sure you want to delete this post? This action is not reversible!\"\n )\n )\n if (!confirmed) {\n return\n }\n\n store.dispatch(\n post.patch(props.post, {\n isDeleted: true,\n })\n )\n\n ajax.delete(props.post.api.index).then(\n () => {\n snackbar.success(pgettext(\"post delete\", \"Post has been deleted.\"))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(props.post, {\n isDeleted: false,\n })\n )\n }\n )\n}\n\nexport function markAsBestAnswer(props) {\n const { post, user } = props\n\n store.dispatch(\n thread.update({\n best_answer: post.id,\n best_answer_is_protected: post.is_protected,\n best_answer_marked_on: moment(),\n best_answer_marked_by: user.id,\n best_answer_marked_by_name: user.username,\n best_answer_marked_by_slug: user.slug,\n })\n )\n\n const ops = [\n { op: \"replace\", path: \"best-answer\", value: post.id },\n { op: \"add\", path: \"acl\", value: true },\n ]\n\n const previousState = {\n best_answer: props.thread.best_answer,\n best_answer_is_protected: props.thread.best_answer_is_protected,\n best_answer_marked_on: props.thread.best_answer_marked_on,\n best_answer_marked_by: props.thread.best_answer_marked_by,\n best_answer_marked_by_name: props.thread.best_answer_marked_by_name,\n best_answer_marked_by_slug: props.thread.best_answer_marked_by_slug,\n }\n\n patchThread(props, ops, previousState)\n}\n\nexport function unmarkBestAnswer(props) {\n const { post } = props\n\n store.dispatch(\n thread.update({\n best_answer: null,\n best_answer_is_protected: false,\n best_answer_marked_on: null,\n best_answer_marked_by: null,\n best_answer_marked_by_name: null,\n best_answer_marked_by_slug: null,\n })\n )\n\n const ops = [\n { op: \"remove\", path: \"best-answer\", value: post.id },\n { op: \"add\", path: \"acl\", value: true },\n ]\n\n const previousState = {\n best_answer: props.thread.best_answer,\n best_answer_is_protected: props.thread.best_answer_is_protected,\n best_answer_marked_on: props.thread.best_answer_marked_on,\n best_answer_marked_by: props.thread.best_answer_marked_by,\n best_answer_marked_by_name: props.thread.best_answer_marked_by_name,\n best_answer_marked_by_slug: props.thread.best_answer_marked_by_slug,\n }\n\n patchThread(props, ops, previousState)\n}\n\nexport function patchThread(props, ops, previousState) {\n ajax.patch(props.thread.api.index, ops).then(\n (newState) => {\n if (newState.best_answer_marked_on) {\n newState.best_answer_marked_on = moment(newState.best_answer_marked_on)\n }\n store.dispatch(thread.update(newState))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(thread.update(previousState))\n }\n )\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Avatar from \"misago/components/avatar\"\nimport Message from \"misago/components/modal-message\"\nimport Loader from \"misago/components/modal-loader\"\nimport ajax from \"misago/services/ajax\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n\n error: null,\n likes: [],\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.post.api.likes).then(\n (data) => {\n this.setState({\n isReady: true,\n likes: data.map(hydrateLike),\n })\n },\n (rejection) => {\n this.setState({\n isReady: true,\n error: rejection.detail,\n })\n }\n )\n }\n\n render() {\n if (this.state.error) {\n return (\n \n \n \n )\n } else if (this.state.isReady) {\n if (this.state.likes.length) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n )\n }\n}\n\nexport function hydrateLike(data) {\n return Object.assign({}, data, {\n liked_on: moment(data.liked_on),\n })\n}\n\nexport function ModalDialog({ className, children, likes }) {\n let title = pgettext(\"post likes modal title\", \"Post Likes\")\n if (likes) {\n const likesCount = likes.length\n const message = npgettext(\n \"post likes modal\",\n \"%(likes)s like\",\n \"%(likes)s likes\",\n likesCount\n )\n\n title = interpolate(message, { likes: likesCount }, true)\n }\n\n return (\n
    \n
    \n
    \n \n ×\n \n

    {title}

    \n
    \n {children}\n
    \n
    \n )\n}\n\nexport function LikesList(props) {\n return (\n
    \n
      \n {props.likes.map((like) => {\n return \n })}\n
    \n
    \n )\n}\n\nexport function LikeDetails(props) {\n if (props.url) {\n const user = {\n id: props.liker_id,\n avatars: props.avatars,\n }\n\n return (\n
  • \n
    \n \n \n \n
    \n
    \n \n {props.username}\n {\" \"}\n \n
    \n
    • \n )\n }\n\n return (\n
  • \n
    \n \n \n \n
    \n
    \n {props.username} \n
    \n
    • \n )\n}\n\nexport function LikeDate(props) {\n return (\n \n {props.likedOn.fromNow()}\n \n )\n}\n","import React from \"react\"\nimport * as actions from \"./controls/actions\"\nimport LikesModal from \"misago/components/post-likes\"\nimport modal from \"misago/services/modal\"\nimport posting from \"misago/services/posting\"\n\nexport default function (props) {\n if (!isVisible(props.post)) return null\n\n return (\n
    \n \n \n \n \n \n \n \n \n
    \n )\n}\n\nexport function isVisible(post) {\n return (\n (!post.is_hidden || post.acl.can_see_hidden) &&\n (post.acl.can_reply ||\n post.acl.can_edit ||\n (post.acl.can_see_likes && (post.last_likes || []).length) ||\n post.acl.can_like)\n )\n}\n\nexport class MarkAsBestAnswer extends React.Component {\n onClick = () => {\n actions.markAsBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (!thread.acl.can_mark_best_answer) return null\n if (!post.acl.can_mark_as_best_answer) return null\n if (thread.best_answer && !thread.acl.can_change_best_answer) return null\n\n return (\n \n check_box\n {pgettext(\"post footer btn\", \"Best answer\")}\n \n )\n }\n}\n\nexport class MarkAsBestAnswerCompact extends React.Component {\n onClick = () => {\n actions.markAsBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (!thread.acl.can_mark_best_answer) return null\n if (!post.acl.can_mark_as_best_answer) return null\n if (thread.best_answer && !thread.acl.can_change_best_answer) return null\n\n return (\n \n check_box\n \n )\n }\n}\n\nexport class Like extends React.Component {\n onClick = () => {\n if (this.props.post.is_liked) {\n actions.unlike(this.props)\n } else {\n actions.like(this.props)\n }\n }\n\n render() {\n if (!this.props.post.acl.can_like) return null\n\n let className = \"btn btn-default btn-sm pull-left\"\n if (this.props.post.is_liked) {\n className = \"btn btn-success btn-sm pull-left\"\n }\n\n return (\n \n {this.props.post.is_liked\n ? pgettext(\"post footer btn\", \"Liked\")\n : pgettext(\"post footer btn\", \"Like\")}\n \n )\n }\n}\n\nexport class Likes extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const hasLikes = (this.props.post.last_likes || []).length > 0\n if (!this.props.post.acl.can_see_likes || !hasLikes) return null\n\n if (this.props.post.acl.can_see_likes === 2) {\n return (\n \n {getLikesMessage(this.props.likes, this.props.lastLikes)}\n \n )\n }\n\n return (\n

    \n {getLikesMessage(this.props.likes, this.props.lastLikes)}\n

    \n )\n }\n}\n\nexport class LikesCompact extends Likes {\n render() {\n const hasLikes = (this.props.post.last_likes || []).length > 0\n if (!this.props.post.acl.can_see_likes || !hasLikes) return null\n\n if (this.props.post.acl.can_see_likes === 2) {\n return (\n \n favorite\n {this.props.likes}\n \n )\n }\n\n return (\n

    \n favorite\n {this.props.likes}\n

    \n )\n }\n}\n\nexport function getLikesMessage(likes, users) {\n const usernames = users.slice(0, 3).map((u) => u.username)\n\n if (usernames.length == 1) {\n return interpolate(\n pgettext(\"post likes\", \"%(user)s likes this.\"),\n {\n user: usernames[0],\n },\n true\n )\n }\n\n const hiddenLikes = likes - usernames.length\n\n const otherUsers = usernames.slice(0, -1).join(\", \")\n const lastUser = usernames.slice(-1)[0]\n\n const usernamesList = interpolate(\n pgettext(\"post likes\", \"%(users)s and %(last_user)s\"),\n {\n users: otherUsers,\n last_user: lastUser,\n },\n true\n )\n\n if (hiddenLikes === 0) {\n return interpolate(\n pgettext(\"post likes\", \"%(users)s like this.\"),\n {\n users: usernamesList,\n },\n true\n )\n }\n\n const message = npgettext(\n \"post likes\",\n \"%(users)s and %(likes)s other user like this.\",\n \"%(users)s and %(likes)s other users like this.\",\n hiddenLikes\n )\n\n return interpolate(\n message,\n {\n users: usernames.join(\", \"),\n likes: hiddenLikes,\n },\n true\n )\n}\n\nexport class Reply extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"REPLY\",\n\n thread: this.props.thread,\n config: this.props.thread.api.editor,\n submit: this.props.thread.api.posts.index,\n })\n }\n\n render() {\n if (this.props.post.acl.can_reply) {\n return (\n \n {pgettext(\"post footer btn\", \"Reply\")}\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Quote extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"QUOTE\",\n\n thread: this.props.thread,\n config: this.props.thread.api.editor,\n submit: this.props.thread.api.posts.index,\n\n context: {\n reply: this.props.post.id,\n },\n })\n }\n\n render() {\n if (this.props.post.acl.can_reply) {\n return (\n \n {pgettext(\"post footer btn\", \"Quote\")}\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Edit extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"EDIT\",\n\n thread: this.props.thread,\n post: this.props.post,\n config: this.props.post.api.editor,\n submit: this.props.post.api.index,\n })\n }\n\n render() {\n if (this.props.post.acl.can_edit) {\n return (\n \n {pgettext(\"post footer btn\", \"Edit\")}\n \n )\n } else {\n return null\n }\n }\n}\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n url: \"\",\n\n validators: {\n url: [],\n },\n errors: {},\n }\n }\n\n clean() {\n if (!this.state.url.trim().length) {\n snackbar.error(\n pgettext(\n \"post move modal\",\n \"You have to enter link to the other thread.\"\n )\n )\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.thread.api.posts.move, {\n new_thread: this.state.url,\n posts: [this.props.post.id],\n })\n }\n\n handleSuccess(success) {\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: true,\n })\n )\n\n modal.hide()\n\n snackbar.success(\n pgettext(\n \"post move modal\",\n \"Selected post was moved to the other thread.\"\n )\n )\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onUrlChange = (event) => {\n this.changeValue(\"url\", event.target.value)\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n
    \n \n \n \n
    \n
    \n \n {pgettext(\"post move modal btn\", \"Move post\")}\n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport function ModalHeader(props) {\n return (\n
    \n \n ×\n \n

    \n {pgettext(\"post move modal title\", \"Move post\")}\n

    \n
    \n )\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n
    \n
      \n {props.diff.map((item, i) => {\n return \n })}\n
    \n
    \n )\n}\n\nexport function DiffItem(props) {\n if (props.item[0] === \"?\") return null\n\n return (\n
  • {cleanItem(props.item)}
    • \n )\n}\n\nexport function getItemClassName(item) {\n let className = \"diff-item\"\n if (item[0] === \"-\") {\n className += \" diff-item-sub\"\n } else if (item[0] === \"+\") {\n className += \" diff-item-add\"\n }\n return className\n}\n\nexport function cleanItem(item) {\n return item.substr(2)\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\n\nexport default class extends React.Component {\n onClick = () => {\n this.props.revertEdit(this.props.edit.id)\n }\n\n render() {\n if (!this.props.canRevert) return null\n\n return (\n
    \n \n {pgettext(\"post revert btn\", \"Revert\")}\n \n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default class extends React.Component {\n goLast = () => {\n this.props.goToEdit()\n }\n\n goForward = () => {\n this.props.goToEdit(this.props.edit.next)\n }\n\n goBack = () => {\n this.props.goToEdit(this.props.edit.previous)\n }\n\n revertEdit = () => {\n this.props.revertEdit(this.props.edit.id)\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n \n
    \n
    \n )\n }\n}\n\nexport function GoBackBtn(props) {\n return (\n \n chevron_left\n \n )\n}\n\nexport function GoForwardBtn(props) {\n return (\n \n chevron_right\n \n )\n}\n\nexport function GoLastBtn(props) {\n return (\n \n last_page\n \n )\n}\n\nexport function RevertBtn(props) {\n if (!props.canRevert) return null\n\n return (\n
    \n \n {pgettext(\"post revert btn\", \"Revert\")}\n \n
    \n )\n}\n\nexport function Label(props) {\n let user = null\n if (props.edit.url.editor) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.edit.url.editor),\n user: escapeHtml(props.edit.editor_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.edit.editor_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(props.edit.edited_on.format(\"LLL\")),\n relative: escapeHtml(props.edit.edited_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(\n pgettext(\"post history modal\", \"By %(edited_by)s %(edited_on)s.\")\n ),\n {\n edited_by: user,\n edited_on: date,\n },\n true\n )\n\n return

    \n}\n","import moment from \"moment\"\n\nexport function hydrateEdit(json) {\n return Object.assign({}, json, {\n edited_on: moment(json.edited_on),\n })\n}\n","import React from \"react\"\nimport Diff from \"./diff\"\nimport Footer from \"./footer\"\nimport Toolbar from \"./toolbar\"\nimport { hydrateEdit } from \"./utils\"\nimport Message from \"misago/components/modal-message\"\nimport Loader from \"misago/components/modal-loader\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isBusy: true,\n\n canRevert: props.post.acl.can_edit,\n\n error: null,\n edit: null,\n }\n }\n\n componentDidMount() {\n this.goToEdit()\n }\n\n goToEdit = (edit = null) => {\n this.setState({\n isBusy: true,\n })\n\n let url = this.props.post.api.edits\n if (edit !== null) {\n url += \"?edit=\" + edit\n }\n\n ajax.get(url).then(\n (data) => {\n this.setState({\n isReady: true,\n isBusy: false,\n edit: hydrateEdit(data),\n })\n },\n (rejection) => {\n this.setState({\n isReady: true,\n isBusy: false,\n error: rejection.detail,\n })\n }\n )\n }\n\n revertEdit = (edit) => {\n if (this.state.isBusy) return\n\n const confirmation = window.confirm(\n pgettext(\n \"post revert\",\n \"Are you sure you with to revert this post to the state from before this edit?\"\n )\n )\n if (!confirmation) return\n\n this.setState({\n isBusy: true,\n })\n\n const url = this.props.post.api.edits + \"?edit=\" + edit\n ajax.post(url).then(\n (data) => {\n const hydratedPost = post.hydrate(data)\n store.dispatch(post.patch(data, hydratedPost))\n\n snackbar.success(\n pgettext(\"post revert\", \"Post has been reverted to previous state.\")\n )\n modal.hide()\n },\n (rejection) => {\n snackbar.apiError(rejection)\n\n this.setState({\n isBusy: false,\n })\n }\n )\n }\n\n render() {\n if (this.state.error) {\n return (\n \n \n \n )\n } else if (this.state.isReady) {\n return (\n \n \n \n \n \n )\n }\n\n return (\n \n \n \n )\n }\n}\n\nexport function ModalDialog(props) {\n return (\n

    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"post history modal title\", \"Post edits history\")}\n

    \n
    \n {props.children}\n
    \n
    \n )\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport CategorySelect from \"misago/components/category-select\"\nimport ModalLoader from \"misago/components/modal-loader\"\nimport Select from \"misago/components/select\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport * as validators from \"misago/utils/validators\"\n\nexport default function (props) {\n return \n}\n\nexport class PostingConfig extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n isError: false,\n\n categories: [],\n }\n }\n\n componentDidMount() {\n ajax.get(misago.get(\"THREAD_EDITOR_API\")).then(\n (data) => {\n // hydrate categories, extract posting options\n const categories = data.map((item) => {\n return Object.assign(item, {\n disabled: item.post === false,\n label: item.name,\n value: item.id,\n post: item.post,\n })\n })\n\n this.setState({\n isLoaded: true,\n categories,\n })\n },\n (rejection) => {\n this.setState({\n isError: rejection.detail,\n })\n }\n )\n }\n\n render() {\n if (this.state.isError) {\n return \n } else if (this.state.isLoaded) {\n return (\n \n )\n } else {\n return \n }\n }\n}\n\nexport class ModerationForm extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n title: \"\",\n category: null,\n categories: props.categories,\n weight: 0,\n is_hidden: 0,\n is_closed: false,\n\n validators: {\n title: [validators.required()],\n },\n\n errors: {},\n }\n\n this.isHiddenChoices = [\n {\n value: 0,\n icon: \"visibility\",\n label: pgettext(\"thread hidden switch choice\", \"No\"),\n },\n {\n value: 1,\n icon: \"visibility_off\",\n label: pgettext(\"thread hidden switch choice\", \"Yes\"),\n },\n ]\n\n this.isClosedChoices = [\n {\n value: false,\n icon: \"lock_outline\",\n label: pgettext(\"thread closed switch choice\", \"No\"),\n },\n {\n value: true,\n icon: \"lock\",\n label: pgettext(\"thread closed switch choice\", \"Yes\"),\n },\n ]\n\n this.acl = {}\n this.props.categories.forEach((category) => {\n if (category.post) {\n if (!this.state.category) {\n this.state.category = category.id\n }\n\n this.acl[category.id] = {\n can_pin_threads: category.post.pin,\n can_close_threads: category.post.close,\n can_hide_threads: category.post.hide,\n }\n }\n })\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(gettext(\"Form contains errors.\"))\n this.setState({\n errors: this.validate(),\n })\n return false\n }\n }\n\n send() {\n return ajax.post(this.props.thread.api.posts.split, {\n title: this.state.title,\n category: this.state.category,\n weight: this.state.weight,\n is_hidden: this.state.is_hidden,\n is_closed: this.state.is_closed,\n posts: [this.props.post.id],\n })\n }\n\n handleSuccess(apiResponse) {\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: true,\n })\n )\n\n modal.hide()\n\n snackbar.success(\n pgettext(\"post split modal\", \"Selected post was split into new thread.\")\n )\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n this.setState({\n errors: Object.assign({}, this.state.errors, rejection),\n })\n snackbar.error(gettext(\"Form contains errors.\"))\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onCategoryChange = (ev) => {\n const categoryId = ev.target.value\n const newState = {\n category: categoryId,\n }\n\n if (this.acl[categoryId].can_pin_threads < newState.weight) {\n newState.weight = 0\n }\n\n if (!this.acl[categoryId].can_hide_threads) {\n newState.is_hidden = 0\n }\n\n if (!this.acl[categoryId].can_close_threads) {\n newState.is_closed = false\n }\n\n this.setState(newState)\n }\n\n getWeightChoices() {\n const choices = [\n {\n value: 0,\n icon: \"remove\",\n label: pgettext(\"thread weight choice\", \"Not pinned\"),\n },\n {\n value: 1,\n icon: \"bookmark_border\",\n label: pgettext(\"thread weight choice\", \"Pinned in category\"),\n },\n ]\n\n if (this.acl[this.state.category].can_pin_threads == 2) {\n choices.push({\n value: 2,\n icon: \"bookmark\",\n label: pgettext(\"thread weight choice\", \"Pinned globally\"),\n })\n }\n\n return choices\n }\n\n renderWeightField() {\n if (this.acl[this.state.category].can_pin_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderHiddenField() {\n if (this.acl[this.state.category].can_hide_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderClosedField() {\n if (this.acl[this.state.category].can_close_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n render() {\n return (\n \n
    \n
    \n \n \n \n
    \n\n \n \n \n
    \n\n {this.renderWeightField()}\n {this.renderHiddenField()}\n {this.renderClosedField()}\n
    \n
    \n \n
    \n \n \n )\n }\n}\n\nexport function Loader() {\n return (\n \n \n \n )\n}\n\nexport function Error(props) {\n return (\n \n
    \n info_outline\n
    \n
    \n

    \n {pgettext(\n \"post split modal\",\n \"You can't move this post at the moment.\"\n )}\n

    \n

    {props.message}

    \n
    \n     \n )\n}\n\nexport function Modal(props) {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"posts split modal title\", \"Split post into new thread\")}\n

    \n
    \n {props.children}\n
    \n
    \n )\n}\n","import React from \"react\"\nimport modal from \"misago/services/modal\"\nimport posting from \"misago/services/posting\"\nimport * as moderation from \"./actions\"\nimport MoveModal from \"./move\"\nimport PostChangelog from \"misago/components/post-changelog\"\nimport SplitModal from \"./split\"\n\nexport default function (props) {\n return (\n
      \n \n \n \n \n \n \n \n \n \n \n \n \n \n
    \n )\n}\n\nexport class Permalink extends React.Component {\n onClick = () => {\n let permaUrl = window.location.protocol + \"//\"\n permaUrl += window.location.host\n permaUrl += this.props.post.url.index\n\n prompt(pgettext(\"post permalink\", \"Permament link to this post:\"), permaUrl)\n }\n\n render() {\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Edit extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"EDIT\",\n\n thread: this.props.thread,\n post: this.props.post,\n config: this.props.post.api.editor,\n submit: this.props.post.api.index,\n })\n }\n\n render() {\n if (!this.props.post.acl.can_edit) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class MarkAsBestAnswer extends React.Component {\n onClick = () => {\n moderation.markAsBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (!thread.acl.can_mark_best_answer) return null\n if (!post.acl.can_mark_as_best_answer) return null\n if (post.id === thread.best_answer) return null\n if (thread.best_answer && !thread.acl.can_change_best_answer) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class UnmarkMarkBestAnswer extends React.Component {\n onClick = () => {\n moderation.unmarkBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (post.id !== thread.best_answer) return null\n if (!thread.acl.can_unmark_best_answer) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class PostEdits extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const isHidden =\n this.props.post.is_hidden && !this.props.post.acl.can_see_hidden\n const isUnedited = this.props.post.edits === 0\n if (isHidden || isUnedited) return null\n\n const message = npgettext(\n \"post edits\",\n \"This post was edited %(edits)s time.\",\n \"This post was edited %(edits)s times.\",\n this.props.post.edits\n )\n\n const title = interpolate(\n message,\n {\n edits: this.props.post.edits,\n },\n true\n )\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Approve extends React.Component {\n onClick = () => {\n moderation.approve(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_approve) return null\n if (!this.props.post.is_unapproved) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Move extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n if (!this.props.post.acl.can_move) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Split extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n if (!this.props.post.acl.can_move) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Protect extends React.Component {\n onClick = () => {\n moderation.protect(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_protect) return null\n if (this.props.post.is_protected) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Unprotect extends React.Component {\n onClick = () => {\n moderation.unprotect(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_protect) return null\n if (!this.props.post.is_protected) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Hide extends React.Component {\n onClick = () => {\n moderation.hide(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (post.id === thread.best_answer) return null\n if (!post.acl.can_hide) return null\n if (post.is_hidden) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Unhide extends React.Component {\n onClick = () => {\n moderation.unhide(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_unhide) return null\n if (!this.props.post.is_hidden) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n moderation.remove(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (post.id === thread.best_answer) return null\n if (!post.acl.can_delete) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n","import React from \"react\"\nimport Dropdown from \"./dropdown\"\n\nexport default function (props) {\n return (\n
    \n \n expand_more\n \n \n
    \n )\n}\n","import React from \"react\"\nimport * as posts from \"misago/reducers/posts\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n onClick = () => {\n if (this.props.post.isSelected) {\n store.dispatch(posts.deselect(this.props.post))\n } else {\n store.dispatch(posts.select(this.props.post))\n }\n }\n\n render() {\n if (\n !(this.props.thread.acl.can_merge_posts || isVisible(this.props.post.acl))\n ) {\n return null\n }\n\n return (\n
    \n \n \n {this.props.post.isSelected\n ? \"check_box\"\n : \"check_box_outline_blank\"}\n \n \n
    \n )\n }\n}\n\nexport function isVisible(acl) {\n return (\n acl.can_approve ||\n acl.can_hide ||\n acl.can_protect ||\n acl.can_unhide ||\n acl.can_delete ||\n acl.can_move\n )\n}\n","import React from \"react\"\nimport Controls from \"./controls\"\nimport Select from \"./select\"\nimport {\n StatusIcon,\n getStatusClassName,\n getStatusDescription,\n} from \"misago/components/user-status\"\nimport PostChangelog from \"misago/components/post-changelog\"\nimport modal from \"misago/services/modal\"\n\nexport default function (props) {\n return (\n
    \n \n \n \n \n \n \n \n \n \n
    \n
    \n \n \n \n
    \n
    \n {post.poster_name}\n\n \n {pgettext(\"post removed poster username\", \"Removed user\")}\n \n
    \n
    \n
    \n )\n}\n","export default function ({ title, rank }) {\n return rank.is_tab || !!title || !!rank.title\n}\n","import React from \"react\"\nimport hasVisibleTitle from \"./has-visible-title\"\n\nexport default function ({ poster }) {\n const message = npgettext(\n \"poster stats\",\n \"%(posts)s post\",\n \"%(posts)s posts\",\n poster.posts\n )\n\n let className = \"user-postcount\"\n if (hasVisibleTitle(poster)) {\n className += \" hidden-xs hidden-sm\"\n }\n\n return (\n \n {interpolate(\n message,\n {\n posts: poster.posts,\n },\n true\n )}\n \n )\n}\n","import React from \"react\"\nimport UserStatus, { StatusLabel } from \"misago/components/user-status\"\nimport hasVisibleTitle from \"./has-visible-title\"\n\nexport default function ({ poster }) {\n let className = \"hidden-xs\"\n if (hasVisibleTitle(poster)) {\n className += \" hidden-sm\"\n }\n\n return (\n \n \n \n \n \n )\n}\n","import React from \"react\"\n\nexport default function ({ rank, title }) {\n let userTitle = title || rank.title\n if (!userTitle && rank.is_tab) {\n userTitle = rank.name\n }\n\n if (!userTitle) return null\n\n let className = \"user-title\"\n if (rank.css_class) {\n className += \" user-title-\" + rank.css_class\n }\n\n if (rank.is_tab) {\n return (\n \n )\n }\n\n return
    {userTitle}
    \n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport Controls from \"misago/components/posts-list/post/controls\"\nimport Select from \"misago/components/posts-list/post/select\"\nimport UserStatus, { StatusIcon } from \"misago/components/user-status\"\nimport UserPostcount from \"./user-postcount\"\nimport UserStatusLabel from \"./user-status\"\nimport UserTitle from \"./user-title\"\n\nexport default function ({ post, thread }) {\n const { poster } = post\n\n return (\n
    \n \n \n
    \n \n\n \n \n \n\n \n \n \n\n \n }\n >\n \n \n\n {captcha.component({\n form: this,\n })}\n\n \n
    \n
    \n \n {pgettext(\"register modal btn\", \"Cancel\")}\n \n \n
    \n \n
    \n
    \n )\n }\n}\n\nexport class RegisterComplete extends React.Component {\n getLead() {\n if (this.props.activation === \"user\") {\n return pgettext(\n \"account activation required\",\n \"%(username)s, your account has been created but you need to activate it before you will be able to sign in.\"\n )\n } else if (this.props.activation === \"admin\") {\n return pgettext(\n \"account activation required\",\n \"%(username)s, your account has been created but the site administrator will have to activate it before you will be able to sign in.\"\n )\n }\n }\n\n getSubscript() {\n if (this.props.activation === \"user\") {\n return pgettext(\n \"account activation required\",\n \"We have sent an e-mail to %(email)s with link that you have to click to activate your account.\"\n )\n } else if (this.props.activation === \"admin\") {\n return pgettext(\n \"account activation required\",\n \"We will send an e-mail to %(email)s when this takes place.\"\n )\n }\n }\n\n render() {\n return (\n \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"register modal title\", \"Registration complete\")}\n

    \n
    \n
    \n
    \n info_outline\n
    \n
    \n

    \n {interpolate(\n this.getLead(),\n { username: this.props.username },\n true\n )}\n

    \n

    \n {interpolate(\n this.getSubscript(),\n { email: this.props.email },\n true\n )}\n

    \n \n {pgettext(\"register modal dismiss\", \"Ok\")}\n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n complete: false,\n }\n }\n\n completeRegistration = (apiResponse) => {\n if (apiResponse.activation === \"active\") {\n modal.hide()\n auth.signIn(apiResponse)\n } else {\n this.setState({\n complete: apiResponse,\n })\n }\n }\n\n render() {\n if (this.state.complete) {\n return (\n \n )\n }\n\n return \n }\n}\n","import RegisterButton from \"./RegisterButton\"\n\nexport default RegisterButton\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport ajax from \"../../services/ajax\"\nimport captcha from \"../../services/captcha\"\nimport modal from \"../../services/modal\"\nimport snackbar from \"../../services/snackbar\"\nimport Loader from \"../loader\"\nimport RegisterForm from \"../register.js\"\n\nexport default class RegisterButton extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n isLoaded: false,\n\n criteria: null,\n }\n }\n\n showRegisterForm = () => {\n if (this.props.onClick) {\n this.props.onClick()\n }\n\n if (misago.get(\"SETTINGS\").account_activation === \"closed\") {\n snackbar.info(\n pgettext(\n \"register form\",\n \"Registration form is currently disabled by the site administrator.\"\n )\n )\n } else if (this.state.isLoaded) {\n modal.show()\n } else {\n this.setState({ isLoading: true })\n\n Promise.all([\n captcha.load(),\n ajax.get(misago.get(\"AUTH_CRITERIA_API\")),\n ]).then(\n (result) => {\n this.setState({\n isLoading: false,\n isLoaded: true,\n criteria: result[1],\n })\n\n modal.show()\n },\n () => {\n this.setState({ isLoading: false })\n\n snackbar.error(\n pgettext(\n \"register form\",\n \"Registration form is currently unavailable due to an error.\"\n )\n )\n }\n )\n }\n }\n\n render() {\n return (\n \n {pgettext(\"cta\", \"Register\")}\n {this.state.isLoading ? : null}\n \n )\n }\n}\n","import React from \"react\"\nimport misago from \"misago\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst AGREEMENT_URL = '%(agreement)s'\n\nconst RegisterLegalFootnote = (props) => {\n const {\n errors,\n privacyPolicy,\n termsOfService,\n onPrivacyPolicyChange,\n onTermsOfServiceChange,\n } = props\n\n const termsOfServiceId = misago.get(\"TERMS_OF_SERVICE_ID\")\n const termsOfServiceUrl = misago.get(\"TERMS_OF_SERVICE_URL\")\n\n const privacyPolicyId = misago.get(\"PRIVACY_POLICY_ID\")\n const privacyPolicyUrl = misago.get(\"PRIVACY_POLICY_URL\")\n\n if (!termsOfServiceId && !privacyPolicyId) return null\n\n return (\n
    \n \n \n
    \n )\n}\n\nconst LegalAgreement = (props) => {\n const { agreement, checked, errors, url, value, onChange } = props\n\n if (!url) return null\n\n const agreementHtml = interpolate(\n AGREEMENT_URL,\n { agreement: escapeHtml(agreement), url: escapeHtml(url) },\n true\n )\n const label = interpolate(\n pgettext(\n \"register form agreement prompt\",\n \"I have read and accept %(agreement)s.\"\n ),\n { agreement: agreementHtml },\n true\n )\n\n return (\n
    \n \n {errors &&\n errors.map((error, i) => (\n
    \n {error}\n
    \n ))}\n
    \n )\n}\n\nexport default RegisterLegalFootnote\n","import React from \"react\"\nimport { ListGroup } from \"../ListGroup\"\n\nexport default function SearchResultsList({ children }) {\n return {children}\n}\n","import React from \"react\"\nimport { ListGroupMessage } from \"../ListGroup\"\nimport SearchResultsList from \"./SearchResultsList\"\n\nexport default function SearchMessage() {\n return (\n \n \n \n )\n}\n","import React from \"react\"\nimport { ListGroupItem } from \"../ListGroup\"\nimport Timestamp from \"../Timestamp\"\n\nexport default function SearchResultPost({ post }) {\n return (\n \n \n
    \n
    {post.thread.title}
    \n \n
      \n
    • \n {post.category.name}\n
      • \n
    • {post.poster ? post.poster.username : post.poster_name}
      • \n
    • \n \n
      • \n
    \n
    \n     \n     \n )\n}\n","import React from \"react\"\nimport Avatar from \"../avatar\"\nimport { ListGroupItem } from \"../ListGroup\"\nimport Timestamp from \"../Timestamp\"\n\nexport default function SearchResultUser({ user }) {\n const title = user.title || user.rank.title\n\n return (\n \n \n \n
    \n
    {user.username}
    \n
      \n {!!title && (\n
    • \n {title}\n
      • \n )}\n
    • {user.rank.name}
      • \n
    • \n \n
      • \n
    \n
    \n     \n     \n )\n}\n","import React from \"react\"\nimport { ListGroupItem } from \"../ListGroup\"\nimport SearchResultsList from \"./SearchResultsList\"\nimport SearchResultPost from \"./SearchResultPost\"\nimport SearchResultUser from \"./SearchResultUser\"\n\nexport default function SearchResults({ query, results }) {\n const threads = results[0]\n const users = results[1]\n\n const { count } = threads.results\n\n return (\n \n {users.results.results.map((user) => (\n \n ))}\n {threads.results.results.map((post) => (\n \n ))}\n {count > 0 && (\n \n \n {npgettext(\n \"search results list\",\n \"See all %(count)s result.\",\n \"See all %(count)s results.\",\n threads.results.count\n ).replace(\"%(count)s\", threads.results.count)}\n \n \n )}\n \n )\n}\n","import React from \"react\"\nimport { ListGroupEmpty } from \"../ListGroup\"\nimport SearchResultsList from \"./SearchResultsList\"\n\nexport default function SearchResultsEmpty() {\n return (\n \n \n \n )\n}\n","import React from \"react\"\nimport { ListGroupError } from \"../ListGroup\"\nimport SearchResultsList from \"./SearchResultsList\"\n\nexport default function SearchResultsError({ error }) {\n return (\n \n \n \n )\n}\n\nfunction errorDetail(error) {\n if (error.status === 0) {\n return gettext(\n \"Check your internet connection and try refreshing the site.\"\n )\n }\n\n if (error.data && error.data.detail) {\n return error.data.detail\n }\n}\n","import React from \"react\"\nimport { ListGroupLoading } from \"../ListGroup\"\nimport SearchResultsList from \"./SearchResultsList\"\n\nexport default function SearchResultsLoading() {\n return (\n \n \n \n )\n}\n","import React from \"react\"\nimport { ApiFetch } from \"../Api\"\nimport SearchMessage from \"./SearchMessage\"\nimport SearchResults from \"./SearchResults\"\nimport SearchResultsEmpty from \"./SearchResultsEmpty\"\nimport SearchResultsError from \"./SearchResultsError\"\nimport SearchResultsLoading from \"./SearchResultsLoading\"\n\nconst DEBOUNCE = 750\nconst CACHE = {}\n\nexport default class SearchFetch extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n query: this.props.query.trim(),\n }\n\n this.debounce = null\n }\n\n componentDidUpdate() {\n const query = this.props.query.trim()\n\n if (this.state.query != query) {\n if (this.debounce) {\n window.clearTimeout(this.debounce)\n }\n\n this.debounce = window.setTimeout(() => {\n this.setState({ query })\n }, DEBOUNCE)\n }\n }\n\n componentWillUnmount() {\n if (this.debounce) {\n window.clearTimeout(this.debounce)\n }\n }\n\n render() {\n return (\n \n {({ data, loading, error }) => {\n if (this.state.query.length < 3) {\n return \n }\n\n if (loading) {\n return \n }\n\n if (error) {\n return \n }\n\n if (isResultEmpty(data)) {\n return \n }\n\n if (data !== null) {\n return \n }\n\n return null\n }}\n \n )\n }\n}\n\nfunction getSearchUrl(query) {\n return misago.get(\"SEARCH_API\") + \"?q=\" + encodeURIComponent(query)\n}\n\nfunction isResultEmpty(results) {\n if (results === null) {\n return true\n }\n\n let resultsCount = 0\n results.forEach((result) => {\n resultsCount += result.results.count\n })\n return resultsCount === 0\n}\n","import React from \"react\"\n\nexport default function SearchInput({ query, setQuery }) {\n return (\n
    \n setQuery(event.target.value)}\n />\n
    \n )\n}\n","import React from \"react\"\n\nexport default class SearchQuery extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n query: \"\",\n }\n }\n\n setQuery = (query) => {\n this.setState({ query })\n }\n\n render() {\n return this.props.children({\n query: this.state.query,\n setQuery: this.setQuery,\n })\n }\n}\n","import React from \"react\"\nimport SearchFetch from \"./SearchFetch\"\nimport SearchInput from \"./SearchInput\"\nimport SearchQuery from \"./SearchQuery\"\n\nexport default function SearchDropdown() {\n return (\n \n {({ query, setQuery }) => {\n return (\n
    \n \n \n
    \n )\n }}\n     \n )\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport { Overlay, OverlayHeader } from \"../Overlay\"\nimport SearchFetch from \"./SearchFetch\"\nimport SearchInput from \"./SearchInput\"\nimport SearchQuery from \"./SearchQuery\"\n\nfunction SearchOverlay({ open }) {\n return (\n {\n window.setTimeout(() => {\n document.querySelector(\"#search-mount .form-control-search\").focus()\n }, 0)\n }}\n >\n {pgettext(\"cta\", \"Search\")}\n \n {({ query, setQuery }) => {\n return (\n
    \n \n
    \n \n
    \n
    \n )\n }}\n     \n \n )\n}\n\nfunction select(state) {\n return { open: state.overlay.search }\n}\n\nconst SearchOverlayConnected = connect(select)(SearchOverlay)\n\nexport default SearchOverlayConnected\n","import SignInButton from \"./SignInButton\"\n\nexport default SignInButton\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport modal from \"../../services/modal\"\nimport SignInModal from \"../sign-in\"\n\nexport default function SignInButton({ block, className, onClick }) {\n const settings = misago.get(\"SETTINGS\")\n\n if (settings.DELEGATE_AUTH) {\n return (\n \n {pgettext(\"cta\", \"Sign in\")}\n \n )\n }\n\n return (\n {\n if (onClick) {\n onClick()\n }\n\n modal.show()\n }}\n >\n {pgettext(\"cta\", \"Sign in\")}\n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { connect } from \"react-redux\"\nimport {\n DropdownDivider,\n DropdownHeader,\n DropdownMenuItem,\n DropdownPills,\n DropdownSubheader,\n} from \"../Dropdown\"\nimport RegisterButton from \"../RegisterButton\"\nimport SignInButton from \"../SignInButton\"\n\nfunction SiteNavMenu({ isAnonymous, close, dropdown, overlay }) {\n const baseUrl = misago.get(\"MISAGO_PATH\")\n const settings = misago.get(\"SETTINGS\")\n const extraItems = misago.get(\"extraMenuItems\")\n const extraFooterItems = misago.get(\"extraFooterItems\")\n const categories = misago.get(\"categoriesMap\")\n const users = misago.get(\"usersLists\")\n const authDelegated = settings.enable_oauth2_client\n\n const topNav = []\n if (misago.get(\"THREADS_ON_INDEX\")) {\n topNav.push({ title: pgettext(\"site nav\", \"Threads\"), url: baseUrl })\n topNav.push({\n title: pgettext(\"site nav\", \"Categories\"),\n url: baseUrl + \"categories/\",\n })\n } else {\n topNav.push({ title: pgettext(\"site nav\", \"Categories\"), url: baseUrl })\n topNav.push({\n title: pgettext(\"site nav\", \"Threads\"),\n url: baseUrl + \"threads/\",\n })\n }\n\n topNav.push({\n title: pgettext(\"site nav\", \"Search\"),\n url: baseUrl + \"search/\",\n })\n\n const footerNav = []\n\n const tosTitle = misago.get(\"TERMS_OF_SERVICE_TITLE\")\n const tosUrl = misago.get(\"TERMS_OF_SERVICE_URL\")\n if (tosTitle && tosUrl) {\n footerNav.push({\n title: tosTitle,\n url: tosUrl,\n })\n }\n\n const privacyTitle = misago.get(\"PRIVACY_POLICY_TITLE\")\n const privacyUrl = misago.get(\"PRIVACY_POLICY_URL\")\n if (privacyTitle && privacyUrl) {\n footerNav.push({\n title: privacyTitle,\n url: privacyUrl,\n })\n }\n\n return (\n \n {isAnonymous && (\n \n {pgettext(\"cta\", \"You are not signed in\")}\n \n )}\n {isAnonymous && (\n \n \n {!authDelegated && }\n \n )}\n {settings.forum_name}\n {topNav.map((item) => (\n \n {item.title}\n \n ))}\n {extraItems.map((item, index) => (\n \n \n {item.title}\n \n \n ))}\n {!!users.length && }\n {!!users.length && (\n \n {pgettext(\"site nav section\", \"Users\")}\n \n )}\n {users.map((item) => (\n \n {item.name}\n \n ))}\n \n \n {pgettext(\"site nav section\", \"Categories\")}\n \n {categories.map((category) => (\n \n \n {category.name}\n \n {category.shortName || category.name}\n \n \n \n ))}\n {(!!footerNav.length || !!extraFooterItems.length) && (\n \n )}\n {(!!footerNav.length || !!extraFooterItems.length) && (\n \n {pgettext(\"site nav section\", \"Footer\")}\n \n )}\n {extraFooterItems.map((item, index) => (\n \n \n {item.title}\n \n \n ))}\n {footerNav.map((item) => (\n \n {item.title}\n \n ))}\n \n )\n}\n\nfunction select(state) {\n return {\n isAnonymous: !state.auth.user.id,\n }\n}\n\nconst SiteNavMenuConnected = connect(select)(SiteNavMenu)\n\nexport default SiteNavMenuConnected\n","import React from \"react\"\nimport SiteNavMenu from \"./SiteNavMenu\"\n\nexport default function SiteNavDropdown({ close }) {\n return \n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport { close } from \"../../reducers/overlay\"\nimport { Overlay, OverlayHeader } from \"../Overlay\"\nimport SiteNavMenu from \"./SiteNavMenu\"\n\nexport function SiteNavOverlay({ dispatch, isOpen }) {\n return (\n \n {pgettext(\"site nav title\", \"Menu\")}\n dispatch(close())} overlay />\n \n )\n}\n\nfunction select(state) {\n return {\n isOpen: state.overlay.siteNav,\n }\n}\n\nconst SiteNavOverlayConnected = connect(select)(SiteNavOverlay)\n\nexport default SiteNavOverlayConnected\n","import React from \"react\"\nimport misago from \"misago\"\n\nconst StartSocialAuth = (props) => {\n const { buttonClassName, buttonLabel, formLabel, header, labelClassName } =\n props\n const socialAuth = misago.get(\"SOCIAL_AUTH\")\n\n if (socialAuth.length === 0) return null\n\n return (\n
    \n \n
    \n {socialAuth.map(({ pk, name, button_text, button_color, url }) => {\n const className = \"btn btn-block btn-default btn-social-\" + pk\n const style = button_color ? { color: button_color } : null\n const finalButtonLabel =\n button_text || interpolate(buttonLabel, { site: name }, true)\n\n return (\n \n )\n })}\n
    \n
    \n \n
    \n )\n}\n\nconst FormHeader = ({ className, text }) => {\n if (!text) return null\n return
    {text}
    \n}\n\nexport default StartSocialAuth\n","import React from \"react\"\n\nconst ThreadFlags = ({ thread }) => (\n
      \n {thread.weight == 2 && (\n \n bookmark\n \n )}\n {thread.weight == 1 && (\n \n bookmark_outline\n \n )}\n {thread.best_answer && (\n \n check_circle\n \n )}\n {thread.has_poll && (\n
    • \n poll\n
      • \n )}\n {(thread.is_unapproved || thread.has_unapproved_posts) && (\n \n visibility\n \n )}\n {thread.is_closed && (\n \n lock\n \n )}\n {thread.is_hidden && (\n \n visibility_off\n \n )}\n
    \n)\n\nexport default ThreadFlags\n","import React from \"react\"\n\nconst ThreadReplies = ({ thread }) => (\n \n chat_bubble_outline\n {thread.replies > 980\n ? Math.round(thread.replies / 1000) + \"K\"\n : thread.replies}\n \n)\n\nexport default ThreadReplies\n","import React from \"react\"\nimport {\n formatNarrow,\n formatRelative,\n fullDateTime,\n} from \"../../datetimeFormats\"\n\nclass Timestamp extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = { tick: 0 }\n this.date = new Date(props.datetime)\n this.timeout = null\n }\n\n componentDidMount() {\n this.scheduleNextUpdate()\n }\n\n componentWillUnmount() {\n if (this.timeout) {\n window.clearTimeout(this.timeout)\n }\n }\n\n scheduleNextUpdate = () => {\n const now = new Date()\n const diff = Math.ceil(Math.abs(Math.round((this.date - now) / 1000)))\n\n if (diff < 3600) {\n this.timeout = window.setTimeout(\n () => {\n this.setState(tick)\n this.scheduleNextUpdate()\n },\n 50 * 1000 // Update every 50 seconds\n )\n } else if (diff < 3600 * 24) {\n this.timeout = window.setTimeout(\n () => {\n this.setState(tick)\n },\n 40 * 60 * 1000 // Update every 40 minutes\n )\n }\n }\n\n render() {\n const displayed = this.props.narrow\n ? formatNarrow(this.date)\n : formatRelative(this.date)\n\n return (\n \n {displayed}\n \n )\n }\n}\n\nfunction tick(state) {\n return { tick: state.tick + 1 }\n}\n\nexport default Timestamp\n","import Timestamp from \"./Timestamp\"\n\nexport default Timestamp\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst Toolbar = ({ children, className }) => (\n \n)\n\nexport default Toolbar\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst ToolbarItem = ({ children, className, shrink }) => (\n \n {children}\n \n)\n\nexport default ToolbarItem\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst ToolbarSection = ({ auto, children, className }) => (\n \n {children}\n \n)\n\nexport default ToolbarSection\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nconst ToolbarSpacer = ({ className }) => (\n
    \n)\n\nexport default ToolbarSpacer\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport Button from \"misago/components/button\"\nimport Loader from \"misago/components/loader\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n }\n }\n\n callApi(avatarType) {\n if (this.state.isLoading) {\n return false\n }\n\n this.setState({\n isLoading: true,\n })\n\n ajax\n .post(this.props.user.api.avatar, {\n avatar: avatarType,\n })\n .then(\n (response) => {\n this.setState({\n isLoading: false,\n })\n\n snackbar.success(response.detail)\n this.props.onComplete(response)\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n this.setState({\n isLoading: false,\n })\n } else {\n this.props.showError(rejection)\n }\n }\n )\n }\n\n setGravatar = () => {\n this.callApi(\"gravatar\")\n }\n\n setGenerated = () => {\n this.callApi(\"generated\")\n }\n\n getGravatarButton() {\n if (this.props.options.gravatar) {\n return (\n \n {pgettext(\"avatar modal btn\", \"Download my Gravatar\")}\n \n )\n } else {\n return null\n }\n }\n\n getCropButton() {\n if (!this.props.options.crop_src) return null\n\n return (\n \n {pgettext(\"avatar modal btn\", \"Re-crop uploaded image\")}\n \n )\n }\n\n getUploadButton() {\n if (!this.props.options.upload) return null\n\n return (\n \n {pgettext(\"avatar modal btn\", \"Upload new image\")}\n \n )\n }\n\n getGalleryButton() {\n if (!this.props.options.galleries) return null\n\n return (\n \n {pgettext(\"avatar modal btn\", \"Pick avatar from gallery\")}\n \n )\n }\n\n getAvatarPreview() {\n let userPeview = {\n id: this.props.user.id,\n avatars: this.props.options.avatars,\n }\n\n if (this.state.isLoading) {\n return (\n
    \n \n \n
    \n )\n }\n\n return (\n
    \n \n
    \n )\n }\n\n render() {\n return (\n
    \n
    \n
    {this.getAvatarPreview()}
    \n
    \n {this.getGravatarButton()}\n\n \n {pgettext(\"avatar modal btn\", \"Generate my individual avatar\")}\n \n\n {this.getCropButton()}\n {this.getUploadButton()}\n {this.getGalleryButton()}\n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport Button from \"misago/components/button\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n deviceRatio: 1,\n }\n }\n\n getAvatarSize() {\n if (this.props.upload) {\n return this.props.options.crop_tmp.size\n } else {\n return this.props.options.crop_src.size\n }\n }\n\n getImagePath() {\n if (this.props.upload) {\n return this.props.dataUrl\n } else {\n return this.props.options.crop_src.url\n }\n }\n\n componentDidMount() {\n let cropit = $(\".crop-form\")\n let cropperWidth = this.getAvatarSize()\n\n const initialWidth = cropit.width()\n while (initialWidth < cropperWidth) {\n cropperWidth = cropperWidth / 2\n }\n\n const deviceRatio = this.getAvatarSize() / cropperWidth\n\n cropit.width(cropperWidth)\n\n cropit.cropit({\n width: cropperWidth,\n height: cropperWidth,\n exportZoom: deviceRatio,\n imageState: {\n src: this.getImagePath(),\n },\n onImageLoaded: () => {\n if (this.props.upload) {\n // center uploaded image\n let zoomLevel = cropit.cropit(\"zoom\")\n let imageSize = cropit.cropit(\"imageSize\")\n\n // is it wider than taller?\n if (imageSize.width > imageSize.height) {\n let displayedWidth = imageSize.width * zoomLevel\n let offsetX = (displayedWidth - this.getAvatarSize()) / -2\n\n cropit.cropit(\"offset\", {\n x: offsetX,\n y: 0,\n })\n } else if (imageSize.width < imageSize.height) {\n let displayedHeight = imageSize.height * zoomLevel\n let offsetY = (displayedHeight - this.getAvatarSize()) / -2\n\n cropit.cropit(\"offset\", {\n x: 0,\n y: offsetY,\n })\n } else {\n cropit.cropit(\"offset\", {\n x: 0,\n y: 0,\n })\n }\n } else {\n // use preserved crop\n let crop = this.props.options.crop_src.crop\n\n if (crop) {\n cropit.cropit(\"zoom\", crop.zoom)\n cropit.cropit(\"offset\", {\n x: crop.x,\n y: crop.y,\n })\n }\n }\n },\n })\n }\n\n componentWillUnmount() {\n $(\".crop-form\").cropit(\"disable\")\n }\n\n cropAvatar = () => {\n if (this.state.isLoading) {\n return false\n }\n\n this.setState({\n isLoading: true,\n })\n\n let avatarType = this.props.upload ? \"crop_tmp\" : \"crop_src\"\n let cropit = $(\".crop-form\")\n\n const deviceRatio = cropit.cropit(\"exportZoom\")\n const cropitOffset = cropit.cropit(\"offset\")\n\n ajax\n .post(this.props.user.api.avatar, {\n avatar: avatarType,\n crop: {\n offset: {\n x: cropitOffset.x * deviceRatio,\n y: cropitOffset.y * deviceRatio,\n },\n zoom: cropit.cropit(\"zoom\") * deviceRatio,\n },\n })\n .then(\n (data) => {\n this.props.onComplete(data)\n snackbar.success(data.detail)\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n this.setState({\n isLoading: false,\n })\n } else {\n this.props.showError(rejection)\n }\n }\n )\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n {this.props.upload\n ? pgettext(\"avatar crop modal btn\", \"Set avatar\")\n : pgettext(\"avatar crop modal btn\", \"Crop image\")}\n \n\n \n {pgettext(\"avatar crop modal btn\", \"Cancel\")}\n \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport AvatarCrop from \"misago/components/change-avatar/crop\"\nimport Button from \"misago/components/button\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport fileSize from \"misago/utils/file-size\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n image: null,\n preview: null,\n progress: 0,\n uploaded: null,\n dataUrl: null,\n }\n }\n\n validateFile(image) {\n if (image.size > this.props.options.upload.limit) {\n return interpolate(\n pgettext(\n \"avatar upload modal\",\n \"Selected file is too big. (%(filesize)s)\"\n ),\n {\n filesize: fileSize(image.size),\n },\n true\n )\n }\n\n let invalidTypeMsg = pgettext(\n \"avatar upload modal\",\n \"Selected file type is not supported.\"\n )\n if (\n this.props.options.upload.allowed_mime_types.indexOf(image.type) === -1\n ) {\n return invalidTypeMsg\n }\n\n let extensionFound = false\n let loweredFilename = image.name.toLowerCase()\n this.props.options.upload.allowed_extensions.map(function (extension) {\n if (loweredFilename.substr(extension.length * -1) === extension) {\n extensionFound = true\n }\n })\n\n if (!extensionFound) {\n return invalidTypeMsg\n }\n\n return false\n }\n\n pickFile = () => {\n document.getElementById(\"avatar-hidden-upload\").click()\n }\n\n uploadFile = () => {\n let image = document.getElementById(\"avatar-hidden-upload\").files[0]\n if (!image) return\n\n let validationError = this.validateFile(image)\n if (validationError) {\n snackbar.error(validationError)\n return\n }\n\n this.setState({\n image,\n preview: URL.createObjectURL(image),\n progress: 0,\n })\n\n let data = new FormData()\n data.append(\"avatar\", \"upload\")\n data.append(\"image\", image)\n\n ajax\n .upload(this.props.user.api.avatar, data, (progress) => {\n this.setState({\n progress,\n })\n })\n .then(\n (data) => {\n this.setState({\n options: data,\n uploaded: data.detail,\n })\n\n snackbar.info(\n pgettext(\n \"avatar upload modal\",\n \"Your image has been uploaded and you may now crop it.\"\n )\n )\n },\n (rejection) => {\n if (rejection.status === 400 || rejection.status === 413) {\n snackbar.error(rejection.detail)\n this.setState({\n isLoading: false,\n image: null,\n progress: 0,\n })\n } else {\n this.props.showError(rejection)\n }\n }\n )\n }\n\n getUploadRequirements(options) {\n let extensions = options.allowed_extensions.map(function (extension) {\n return extension.substr(1)\n })\n\n return interpolate(\n pgettext(\"avatar upload modal\", \"%(files)s files smaller than %(limit)s\"),\n {\n files: extensions.join(\", \"),\n limit: fileSize(options.limit),\n },\n true\n )\n }\n\n getUploadButton() {\n return (\n
    \n \n

    \n {this.getUploadRequirements(this.props.options.upload)}\n

    \n
    \n )\n }\n\n getUploadProgressLabel() {\n return interpolate(\n pgettext(\"avatar upload modal field\", \"%(progress)s % complete\"),\n {\n progress: this.state.progress,\n },\n true\n )\n }\n\n getUploadProgress() {\n return (\n
    \n
    \n \n\n
    \n \n {this.getUploadProgressLabel()}\n
    \n
    \n
    \n
    \n )\n }\n\n renderUpload() {\n return (\n
    \n \n {this.state.image ? this.getUploadProgress() : this.getUploadButton()}\n
    \n
    \n \n {pgettext(\"avatar upload modal btn\", \"Cancel\")}\n \n
    \n
    \n
    \n )\n }\n\n renderCrop() {\n return (\n \n )\n }\n\n render() {\n if (this.state.uploaded) return this.renderCrop()\n\n return this.renderUpload()\n }\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport Button from \"misago/components/button\"\nimport misago from \"misago/index\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport batch from \"misago/utils/batch\"\n\nexport class GalleryItem extends React.Component {\n select = () => {\n this.props.select(this.props.id)\n }\n\n getClassName() {\n if (this.props.selection === this.props.id) {\n if (this.props.disabled) {\n return \"btn btn-avatar btn-disabled avatar-selected\"\n } else {\n return \"btn btn-avatar avatar-selected\"\n }\n } else if (this.props.disabled) {\n return \"btn btn-avatar btn-disabled\"\n } else {\n return \"btn btn-avatar\"\n }\n }\n\n render() {\n return (\n \n \n \n )\n }\n}\n\nexport class Gallery extends React.Component {\n render() {\n return (\n
    \n

    {this.props.name}

    \n\n
    \n {batch(this.props.images, 4, null).map((row, i) => {\n return (\n
    \n {row.map((item, i) => {\n return (\n
    \n {item ? (\n \n ) : (\n
    \n )}\n
    \n )\n })}\n
    \n )\n })}\n
    \n
    \n )\n }\n}\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n selection: null,\n isLoading: false,\n }\n }\n\n select = (image) => {\n this.setState({\n selection: image,\n })\n }\n\n save = () => {\n if (this.state.isLoading) {\n return false\n }\n\n this.setState({\n isLoading: true,\n })\n\n ajax\n .post(this.props.user.api.avatar, {\n avatar: \"galleries\",\n image: this.state.selection,\n })\n .then(\n (response) => {\n this.setState({\n isLoading: false,\n })\n\n snackbar.success(response.detail)\n this.props.onComplete(response)\n this.props.showIndex()\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n this.setState({\n isLoading: false,\n })\n } else {\n this.props.showError(rejection)\n }\n }\n )\n }\n\n render() {\n return (\n
    \n
    \n {this.props.options.galleries.map((item, i) => {\n return (\n \n )\n })}\n
    \n
    \n
    \n
    \n \n {this.state.selection\n ? pgettext(\"avatar gallery modal btn\", \"Save choice\")\n : pgettext(\"avatar gallery modal btn\", \"Select avatar\")}\n \n\n \n {pgettext(\"avatar gallery modal btn\", \"Cancel\")}\n \n
    \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport AvatarIndex from \"misago/components/change-avatar/index\"\nimport AvatarCrop from \"misago/components/change-avatar/crop\"\nimport AvatarUpload from \"misago/components/change-avatar/upload\"\nimport AvatarGallery from \"misago/components/change-avatar/gallery\"\nimport Loader from \"misago/components/modal-loader\"\nimport { updateAvatar } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport store from \"misago/services/store\"\n\nexport class ChangeAvatarError extends React.Component {\n getErrorReason() {\n if (this.props.reason) {\n return

    \n } else {\n return null\n }\n }\n\n render() {\n return (\n

    \n
    \n remove_circle_outline\n
    \n
    \n

    {this.props.message}

    \n {this.getErrorReason()}\n \n {pgettext(\"avatar modal dismiss\", \"Ok\")}\n \n
    \n
    \n )\n }\n}\n\nexport default class extends React.Component {\n componentDidMount() {\n ajax.get(this.props.user.api.avatar).then(\n (options) => {\n this.setState({\n component: AvatarIndex,\n options: options,\n error: null,\n })\n },\n (rejection) => {\n this.showError(rejection)\n }\n )\n }\n\n showError = (error) => {\n this.setState({\n error,\n })\n }\n\n showIndex = () => {\n this.setState({\n component: AvatarIndex,\n })\n }\n\n showUpload = () => {\n this.setState({\n component: AvatarUpload,\n })\n }\n\n showCrop = () => {\n this.setState({\n component: AvatarCrop,\n })\n }\n\n showGallery = () => {\n this.setState({\n component: AvatarGallery,\n })\n }\n\n completeFlow = (options) => {\n store.dispatch(updateAvatar(this.props.user, options.avatars))\n\n this.setState({\n component: AvatarIndex,\n options,\n })\n }\n\n getBody() {\n if (this.state) {\n if (this.state.error) {\n return (\n \n )\n } else {\n return (\n \n )\n }\n } else {\n return \n }\n }\n\n getClassName() {\n if (this.state && this.state.error) {\n return \"modal-dialog modal-message modal-change-avatar\"\n } else {\n return \"modal-dialog modal-change-avatar\"\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"avatar modal title\", \"Change your avatar\")}\n

    \n
    \n\n {this.getBody()}\n
    \n
    \n )\n }\n}\n\nexport function select(state) {\n return {\n user: state.auth.user,\n }\n}\n","export default function logout() {\n document.getElementById(\"hidden-logout-form\").submit()\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { connect } from \"react-redux\"\nimport modal from \"../../services/modal\"\nimport ChangeAvatarModal, {\n select as selectAvatar,\n} from \"../change-avatar/root\"\nimport {\n DropdownDivider,\n DropdownFooter,\n DropdownMenuItem,\n DropdownSubheader,\n} from \"../Dropdown\"\nimport logout from \"./logout\"\n\nclass UserNavMenu extends React.Component {\n constructor(props) {\n super(props)\n\n if (props.dropdown) {\n // Collapse options on dropdown\n this.state = {\n options: props.options.slice(0, 2),\n optionsMore: props.options.length > 2,\n }\n } else {\n // Reveal all options on mobile overlay\n this.state = {\n options: props.options,\n optionsMore: false,\n }\n }\n }\n\n changeAvatar = () => {\n this.props.close()\n modal.show(connect(selectAvatar)(ChangeAvatarModal))\n }\n\n revealOptions = () => {\n this.setState({\n options: this.props.options,\n optionsMore: false,\n })\n }\n\n render() {\n const { user, close, dropdown, overlay } = this.props\n\n if (!user) {\n return null\n }\n\n const adminUrl = misago.get(\"ADMIN_URL\")\n\n return (\n \n
  • \n \n {user.username}\n {pgettext(\"user nav\", \"Go to your profile\")}\n \n
    • \n \n \n \n \n {user.unreadNotifications\n ? \"notifications_active\"\n : \"notifications_none\"}\n \n {pgettext(\"user nav\", \"Notifications\")}\n {!!user.unreadNotifications && (\n {user.unreadNotifications}\n )}\n \n \n {!!user.showPrivateThreads && (\n \n \n inbox\n {pgettext(\"user nav\", \"Private threads\")}\n {!!user.unreadPrivateThreads && (\n {user.unreadPrivateThreads}\n )}\n \n \n )}\n {!!adminUrl && (\n \n \n security\n {pgettext(\"user nav\", \"Admin control panel\")}\n \n \n )}\n \n \n {pgettext(\"user nav section\", \"Change options\")}\n \n \n \n portrait\n {pgettext(\"user nav\", \"Change avatar\")}\n \n \n {this.state.options.map((item) => (\n \n \n {item.icon}\n {item.name}\n \n \n ))}\n \n \n more_vertical\n {pgettext(\"user nav\", \"See more\")}\n \n \n {!!dropdown && (\n \n {\n logout()\n close()\n }}\n type=\"button\"\n >\n {pgettext(\"user nav\", \"Log out\")}\n \n \n )}\n \n )\n }\n}\n\nfunction select(state) {\n const user = state.auth.user\n if (!user.id) {\n return { user: null }\n }\n\n return {\n user: {\n username: user.username,\n unreadNotifications: user.unreadNotifications,\n unreadPrivateThreads: user.unread_private_threads,\n showPrivateThreads: user.acl.can_use_private_threads,\n url: user.url,\n },\n options: [...misago.get(\"userOptions\")],\n }\n}\n\nconst UserNavMenuConnected = connect(select)(UserNavMenu)\n\nexport default UserNavMenuConnected\n","import React from \"react\"\nimport UserNavMenu from \"./UserNavMenu\"\n\nexport default function UserNavDropdown({ close }) {\n return \n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport { close } from \"../../reducers/overlay\"\nimport { DropdownFooter } from \"../Dropdown\"\nimport { Overlay, OverlayHeader } from \"../Overlay\"\nimport UserNavMenu from \"./UserNavMenu\"\nimport logout from \"./logout\"\n\nexport function UserNavOverlay({ dispatch, isOpen }) {\n return (\n \n \n {pgettext(\"user nav title\", \"Your options\")}\n \n dispatch(close())} overlay />\n \n {\n logout()\n dispatch(close())\n }}\n type=\"button\"\n >\n {pgettext(\"user nav\", \"Log out\")}\n \n \n \n )\n}\n\nfunction select(state) {\n return {\n isOpen: state.overlay.userNav,\n }\n}\n\nconst UserNavOverlayConnected = connect(select)(UserNavOverlay)\n\nexport default UserNavOverlayConnected\n","import React from \"react\"\nimport misago from \"misago\"\n\nexport default function (props) {\n const size = props.size || 100\n const size2x = props.size2x || size * 2\n\n return (\n \n )\n}\n\nexport function getSrc(user, size) {\n if (user && user.id) {\n // just avatar hash, size and user id\n return resolveAvatarForSize(user.avatars, size).url\n } else {\n // just append avatar size to file to produce no-avatar placeholder\n return misago.get(\"BLANK_AVATAR_URL\")\n }\n}\n\nexport function resolveAvatarForSize(avatars, size) {\n let avatar = avatars[0]\n avatars.forEach((av) => {\n if (av.size >= size) {\n avatar = av\n }\n })\n return avatar\n}\n","import React from \"react\"\nimport Loader from \"./loader\"\n\nexport default class Button extends React.Component {\n render() {\n let className = \"btn \" + this.props.className\n let disabled = this.props.disabled\n\n if (this.props.loading) {\n className += \" btn-loading\"\n disabled = true\n }\n\n return (\n \n {this.props.children}\n {this.props.loading ? : null}\n \n )\n }\n}\n\nButton.defaultProps = {\n className: \"btn-default\",\n\n type: \"submit\",\n\n loading: false,\n disabled: false,\n\n onClick: null,\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n \n {props.choices.map((item) => {\n return (\n \n {\"- - \".repeat(item.level) + item.label}\n \n )\n })}\n \n )\n}\n","import React from \"react\"\nimport PanelMessage from \"misago/components/panel-message\"\n\nexport default function ({ display }) {\n if (!display) return null\n\n return (\n \n )\n}\n","import React from \"react\"\nimport Loader from \"misago/components/loader\"\n\nexport default function ({ display }) {\n if (!display) return null\n\n return (\n
    \n \n
    \n )\n}\n","import React from \"react\"\nimport Select from \"misago/components/select\"\n\nexport default class extends React.Component {\n onChange = (ev) => {\n const { field, onChange } = this.props\n onChange(field.fieldname, ev.target.value)\n }\n\n render() {\n const { disabled, field, value } = this.props\n const { input } = field\n\n if (input.type === \"select\") {\n return (\n \n )\n }\n\n if (input.type === \"textarea\") {\n return (\n \n )\n }\n\n if (input.type === \"text\") {\n return (\n \n )\n }\n\n return null\n }\n}\n","import React from \"react\"\nimport FieldInput from \"./field-input\"\nimport FormGroup from \"misago/components/form-group\"\n\nexport default function ({ disabled, errors, fields, name, onChange, value }) {\n return (\n
    \n {name}\n {fields.map((field) => {\n return (\n \n \n \n )\n })}\n
    \n )\n}\n","import React from \"react\"\nimport Fieldset from \"./fieldset\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n errors: {},\n }\n\n const groups = props.groups.length\n for (let i = 0; i < groups; i++) {\n const group = props.groups[i]\n const fields = group.fields.length\n for (let f = 0; f < fields; f++) {\n const fieldname = group.fields[f].fieldname\n const initial = group.fields[f].initial\n this.state[fieldname] = initial\n }\n }\n }\n\n send() {\n const data = Object.assign({}, this.state, {\n errors: null,\n isLoading: null,\n })\n\n return ajax.post(this.props.api, data)\n }\n\n handleSuccess(data) {\n this.props.onSuccess(data)\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(gettext(\"Form contains errors.\"))\n this.setState({ errors: rejection })\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onChange = (name, value) => {\n this.setState({\n [name]: value,\n })\n }\n\n render() {\n return (\n
    \n
    \n {this.props.groups.map((group, i) => {\n return (\n \n )\n })}\n
    \n
    \n {\" \"}\n \n
    \n
    \n )\n }\n}\n\nexport function CancelButton({ onCancel, disabled }) {\n if (!onCancel) return null\n\n return (\n \n {pgettext(\"user profile details form btn\", \"Cancel\")}\n \n )\n}\n","import React from \"react\"\nimport Blankslate from \"./blankslate\"\nimport Loader from \"./loader\"\nimport Form from \"./form\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n loading: true,\n groups: null,\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.api).then(\n (groups) => {\n this.setState({\n loading: false,\n\n groups,\n })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n if (this.props.cancel) {\n this.props.cancel()\n }\n }\n )\n }\n\n render() {\n const { groups, loading } = this.state\n\n return (\n
    \n
    \n

    \n {pgettext(\"user profile details form title\", \"Edit details\")}\n

    \n
    \n \n \n \n
    \n )\n }\n}\n\nexport function FormDisplay({ api, display, groups, onCancel, onSuccess }) {\n if (!display) return null\n\n return (\n
    \n )\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n isValidated() {\n return typeof this.props.validation !== \"undefined\"\n }\n\n getClassName() {\n let className = \"form-group\"\n if (this.isValidated()) {\n className += \" has-feedback\"\n if (this.props.validation === null) {\n className += \" has-success\"\n } else {\n className += \" has-error\"\n }\n }\n return className\n }\n\n getFeedback() {\n if (this.props.validation) {\n return (\n
    \n {this.props.validation.map((error, i) => {\n return

    {error}

    \n })}\n
    \n )\n } else {\n return null\n }\n }\n\n getFeedbackDescription() {\n if (this.isValidated()) {\n return (\n \n {this.props.validation\n ? pgettext(\"field validation status\", \"(error)\")\n : pgettext(\"field validation status\", \"(success)\")}\n \n )\n } else {\n return null\n }\n }\n\n getHelpText() {\n if (this.props.helpText) {\n return

    {this.props.helpText}

    \n } else {\n return null\n }\n }\n\n render() {\n return (\n
    \n \n {this.props.label + \":\"}\n \n
    \n {this.props.children}\n {this.getFeedbackDescription()}\n {this.getFeedback()}\n {this.getHelpText()}\n {this.props.extra || null}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport { required } from \"../utils/validators\"\nimport snackbar from \"../services/snackbar\"\n\nlet validateRequired = required()\n\nexport default class extends React.Component {\n validate() {\n let errors = {}\n if (!this.state.validators) {\n return errors\n }\n\n let validators = {\n required: this.state.validators.required || this.state.validators,\n optional: this.state.validators.optional || {},\n }\n\n let validatedFields = []\n\n // add required fields to validation\n for (let name in validators.required) {\n if (\n validators.required.hasOwnProperty(name) &&\n validators.required[name]\n ) {\n validatedFields.push(name)\n }\n }\n\n // add optional fields to validation\n for (let name in validators.optional) {\n if (\n validators.optional.hasOwnProperty(name) &&\n validators.optional[name]\n ) {\n validatedFields.push(name)\n }\n }\n\n // validate fields values\n for (let i in validatedFields) {\n let name = validatedFields[i]\n let fieldErrors = this.validateField(name, this.state[name])\n\n if (fieldErrors === null) {\n errors[name] = null\n } else if (fieldErrors) {\n errors[name] = fieldErrors\n }\n }\n\n return errors\n }\n\n isValid() {\n let errors = this.validate()\n for (let field in errors) {\n if (errors.hasOwnProperty(field)) {\n if (errors[field] !== null) {\n return false\n }\n }\n }\n\n return true\n }\n\n validateField(name, value) {\n let errors = []\n if (!this.state.validators) {\n return errors\n }\n\n let validators = {\n required: (this.state.validators.required || this.state.validators)[name],\n optional: (this.state.validators.optional || {})[name],\n }\n\n let requiredError = validateRequired(value) || false\n\n if (validators.required) {\n if (requiredError) {\n errors = [requiredError]\n } else {\n for (let i in validators.required) {\n let validationError = validators.required[i](value)\n if (validationError) {\n errors.push(validationError)\n }\n }\n }\n\n return errors.length ? errors : null\n } else if (requiredError === false && validators.optional) {\n for (let i in validators.optional) {\n let validationError = validators.optional[i](value)\n if (validationError) {\n errors.push(validationError)\n }\n }\n\n return errors.length ? errors : null\n }\n\n return false // false === field wasn't validated\n }\n\n bindInput = (name) => {\n return (event) => {\n this.changeValue(name, event.target.value)\n }\n }\n\n changeValue = (name, value) => {\n let newState = {\n [name]: value,\n }\n\n const formErrors = this.state.errors || {}\n formErrors[name] = this.validateField(name, newState[name])\n newState.errors = formErrors\n\n this.setState(newState)\n }\n\n clean() {\n return true\n }\n\n send() {\n return null\n }\n\n handleSuccess(success) {\n return\n }\n\n handleError(rejection) {\n snackbar.apiError(rejection)\n }\n\n handleSubmit = (event) => {\n // we don't reload page on submissions\n if (event) {\n event.preventDefault()\n }\n\n if (this.state.isLoading) {\n return\n }\n\n if (this.clean()) {\n this.setState({ isLoading: true })\n let promise = this.send()\n\n if (promise) {\n promise.then(\n (success) => {\n this.setState({ isLoading: false })\n this.handleSuccess(success)\n },\n (rejection) => {\n this.setState({ isLoading: false })\n this.handleError(rejection)\n }\n )\n } else {\n this.setState({ isLoading: false })\n }\n }\n }\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n isActive() {\n if (this.props.isControlled) {\n return this.props.isActive\n } else {\n if (this.props.path) {\n return document.location.pathname.indexOf(this.props.path) === 0\n } else {\n return false\n }\n }\n }\n\n getClassName() {\n if (this.isActive()) {\n return (\n (this.props.className || \"\") +\n \" \" +\n (this.props.activeClassName || \"active\")\n )\n } else {\n return this.props.className || \"\"\n }\n }\n\n render() {\n return
  • {this.props.children}
    • \n }\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n
    \n
    \n
    \n )\n}\n","import React from \"react\"\nimport Button from \"./button\"\nimport Form from \"./form\"\nimport FormGroup from \"./form-group\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n bestAnswer: \"0\",\n poll: \"0\",\n }\n }\n\n clean() {\n if (this.props.polls && this.state.poll === \"0\") {\n const confirmation = window.confirm(\n pgettext(\n \"merge threads conflict form\",\n \"Are you sure you want to delete all polls?\"\n )\n )\n return confirmation\n }\n\n return true\n }\n\n send() {\n const data = Object.assign({}, this.props.data, {\n best_answer: this.state.bestAnswer,\n poll: this.state.poll,\n })\n\n return ajax.post(this.props.api, data)\n }\n\n handleSuccess = (success) => {\n this.props.onSuccess(success)\n modal.hide()\n }\n\n handleError = (rejection) => {\n this.props.onError(rejection)\n }\n\n onBestAnswerChange = (event) => {\n this.changeValue(\"bestAnswer\", event.target.value)\n }\n\n onPollChange = (event) => {\n this.changeValue(\"poll\", event.target.value)\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"merge threads conflict modal title\", \"Merge threads\")}\n

    \n
    \n \n
    \n \n \n
    \n
    \n \n {pgettext(\"merge threads conflict btn\", \"Cancel\")}\n \n \n
    \n \n
    \n
    \n )\n }\n}\n\nexport function BestAnswerSelect({ choices, onChange, value }) {\n if (!choices) return null\n\n return (\n \n \n {choices.map((choice) => {\n return (\n \n )\n })}\n \n \n )\n}\n\nexport function PollSelect({ choices, onChange, value }) {\n if (!choices) return null\n\n return (\n \n \n {choices.map((choice) => {\n return (\n \n )\n })}\n \n \n )\n}\n","const ytRegExp = new RegExp(\n \"^.*(?:(?:youtu.be/|v/|vi/|u/w/|embed/)|(?:(?:watch)??v(?:i)?=|&v(?:i)?=))([^#&?]*).*\"\n)\n\nexport class OneBox {\n constructor() {\n this._youtube = {}\n }\n\n render = (element) => {\n if (!element) return\n this.highlightCode(element)\n this.embedYoutubePlayers(element)\n }\n\n highlightCode(element) {\n import(\"highlight\").then(({ default: hljs }) => {\n const codeblocks = element.querySelectorAll(\"pre>code\")\n for (let i = 0; i < codeblocks.length; i++) {\n hljs.highlightElement(codeblocks[i])\n }\n })\n }\n\n embedYoutubePlayers(element) {\n const anchors = element.querySelectorAll(\"p>a\")\n for (let i = 0; i < anchors.length; i++) {\n const a = anchors[i]\n const p = a.parentNode\n const onlyChild = p.childNodes.length === 1\n\n if (!this._youtube[a.href]) {\n this._youtube[a.href] = parseYoutubeUrl(a.href)\n }\n\n const youtubeMovie = this._youtube[a.href]\n if (onlyChild && !!youtubeMovie && youtubeMovie.data !== false) {\n this.swapYoutubePlayer(a, youtubeMovie)\n }\n }\n }\n\n swapYoutubePlayer(element, youtube) {\n let url = \"https://www.youtube.com/embed/\"\n url += youtube.video\n url += \"?feature=oembed\"\n if (youtube.start) {\n url += \"&start=\" + youtube.start\n }\n\n const player = $(\n '\"\n )\n $(element).replaceWith(player)\n player.wrap('
    ')\n }\n}\n\nexport default new OneBox()\n\nexport function parseYoutubeUrl(url) {\n const cleanedUrl = cleanUrl(url)\n const video = getVideoIdFromUrl(cleanedUrl)\n\n if (!video) return null\n\n let start = 0\n if (cleanedUrl.indexOf(\"?\") > 0) {\n const query = cleanedUrl.substr(cleanedUrl.indexOf(\"?\") + 1)\n const timebit = query.split(\"&\").filter((i) => {\n return i.substr(0, 2) === \"t=\"\n })[0]\n\n if (timebit) {\n const bits = timebit.substr(2).split(\"m\")\n if (bits[0].substr(-1) === \"s\") {\n start += parseInt(bits[0].substr(0, bits[0].length - 1))\n } else {\n start += parseInt(bits[0]) * 60\n if (!!bits[1] && bits[1].substr(-1) === \"s\") {\n start += parseInt(bits[1].substr(0, bits[1].length - 1))\n }\n }\n }\n }\n\n return {\n start,\n video,\n }\n}\n\nexport function cleanUrl(url) {\n let clean = url\n\n if (url.substr(0, 8) === \"https://\") {\n clean = clean.substr(8)\n } else if (url.substr(0, 7) === \"http://\") {\n clean = clean.substr(7)\n }\n\n if (clean.substr(0, 4) === \"www.\") {\n clean = clean.substr(4)\n }\n\n return clean\n}\n\nexport function getVideoIdFromUrl(url) {\n if (url.indexOf(\"youtu\") === -1) return null\n\n const video = url.match(ytRegExp)\n if (video) {\n return video[1]\n }\n return null\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport onebox from \"misago/services/one-box\"\n\nexport default class extends React.Component {\n componentDidMount() {\n onebox.render(this.documentNode)\n $(this.documentNode).find(\".spoiler-reveal\").click(revealSpoiler)\n }\n\n componentDidUpdate(prevProps, prevState) {\n onebox.render(this.documentNode)\n $(this.documentNode).find(\".spoiler-reveal\").click(revealSpoiler)\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n return nextProps.markup !== this.props.markup\n }\n\n render() {\n return (\n {\n this.documentNode = node\n }}\n />\n )\n }\n}\n\nfunction revealSpoiler(event) {\n var btn = event.target\n $(btn).parent().parent().addClass(\"revealed\")\n}\n","import React from \"react\"\nimport Loader from \"misago/components/loader\"\n\nexport default class extends React.Component {\n render() {\n return (\n
    \n \n
    \n )\n }\n}\n","import React from \"react\"\nimport PanelMessage from \"misago/components/panel-message\"\n\nexport default class extends PanelMessage {\n getHelpText() {\n if (this.props.helpText) {\n return

    {this.props.helpText}

    \n } else {\n return null\n }\n }\n\n render() {\n return (\n
    \n
    \n \n {this.props.icon || \"info_outline\"}\n \n
    \n
    \n

    {this.props.message}

    \n {this.getHelpText()}\n \n {pgettext(\"modal message dismiss btn\", \"Ok\")}\n \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Loader from \"misago/components/loader\"\n\nexport default class extends React.Component {\n render() {\n return (\n
    \n \n
    \n )\n }\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getHelpText() {\n if (this.props.helpText) {\n return

    {this.props.helpText}

    \n } else {\n return null\n }\n }\n\n render() {\n return (\n
    \n
    \n \n {this.props.icon || \"info_outline\"}\n \n
    \n
    \n

    {this.props.message}

    \n {this.getHelpText()}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport MisagoMarkup from \"misago/components/misago-markup\"\n\nexport default function (props) {\n if (props.post.content) {\n return \n } else {\n return \n }\n}\n\nexport function Default(props) {\n return (\n
    \n \n
    \n )\n}\n\nexport function Invalid(props) {\n return (\n
    \n

    \n {pgettext(\n \"post body invalid\",\n \"This post's contents cannot be displayed.\"\n )}\n

    \n

    \n {pgettext(\n \"post body invalid\",\n \"This error is caused by invalid post content manipulation.\"\n )}\n

    \n
    \n )\n}\n","import React from \"react\"\n\nexport default function ({ post }) {\n const { category, thread } = post\n\n const tooltip = interpolate(\n pgettext(\"posts feed item header\", \"posted %(posted_on)s\"),\n {\n posted_on: post.posted_on.format(\"LL, LT\"),\n },\n true\n )\n\n return (\n
    \n \n {thread.title}\n \n \n {category.name}\n \n \n {post.posted_on.fromNow()}\n \n
    \n )\n}\n","import React from \"react\"\n\nexport default function ({ post }) {\n return (\n \n \n {pgettext(\"go to post link\", \"See post\")}\n \n chevron_right\n \n )\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport GoToButton from \"./button\"\n\nexport default function ({ post }) {\n return (\n
    \n \n
    \n
    \n \n \n \n
    \n
    \n
    \n {post.poster_name}\n
    \n \n {pgettext(\"post removed poster username\", \"Removed user\")}\n \n
    \n
    \n
    \n )\n}\n","import React from \"react\"\n\nexport default function ({ rank, title }) {\n let userTitle = title || rank.title || rank.name\n\n let className = \"user-title\"\n if (rank.css_class) {\n className += \" user-title-\" + rank.css_class\n }\n\n if (rank.is_tab) {\n return (\n \n {userTitle}\n \n )\n }\n\n return {userTitle}\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport GoToButton from \"./button\"\nimport UserTitle from \"./user-title\"\n\nexport default function ({ post, poster }) {\n return (\n
    \n \n
    \n
    \n \n \n \n
    \n \n
    \n
    \n )\n}\n","import React from \"react\"\nimport Anonymous from \"./anonymous\"\nimport Registered from \"./registered\"\n\nexport default function ({ post, poster }) {\n if (poster && poster.id) {\n return \n }\n\n return \n}\n","import React from \"react\"\nimport Body from \"./body\"\nimport Header from \"./header\"\nimport PostSide from \"./post-side\"\n\nexport default function ({ post, poster }) {\n const user = poster || post.poster\n\n let className = \"post\"\n if (user && user.rank.css_class) {\n className += \" post-\" + user.rank.css_class\n }\n\n return (\n
  • \n
    \n
    \n
    \n \n
    \n \n
    \n
    \n
    \n
    • \n )\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport * as random from \"misago/utils/random\"\n\nexport default function () {\n return (\n
      \n
    • \n
      \n
      \n
      \n
      \n
      \n
      \n \n \n \n
      \n
      \n
      \n \n \n  \n \n \n
      \n \n \n  \n \n \n
      \n
      \n
      \n
      \n \n  \n \n
      \n
      \n
      \n

      \n \n  \n \n  \n \n  \n \n  \n \n  \n \n

      \n
      \n
      \n
      \n
      \n
      \n
      • \n
    \n )\n}\n","import React from \"react\"\nimport Post from \"./post\"\nimport Preview from \"./preview\"\n\nexport default function ({ isReady, posts, poster }) {\n if (!isReady) {\n return \n }\n\n return (\n
      \n {posts.map((post) => {\n return \n })}\n
    \n )\n}\n","import React from \"react\"\nimport posting from \"../../services/posting\"\nimport { getGlobalState, getQuoteMarkup } from \"../posting\"\n\nexport default class PostingQuoteSelection extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n range: null,\n rect: null,\n }\n\n this.element = null\n }\n\n selected = () => {\n if (this.element) {\n const range = getQuoteSelection(this.element) || null\n const rect = range ? range.getBoundingClientRect() : null\n\n this.setState({ range, rect })\n }\n }\n\n reply = () => {\n if (!posting.isOpen()) {\n const content = getQuoteMarkup(this.state.range)\n posting.open(Object.assign({}, this.props.posting, { default: content }))\n\n this.setState({ range: null, rect: null })\n\n window.setTimeout(focusEditor, 1000)\n } else {\n const globalState = getGlobalState()\n if (globalState && !globalState.disabled) {\n globalState.quote(getQuoteMarkup(this.state.range))\n this.setState({ range: null, rect: null })\n focusEditor()\n }\n }\n }\n\n render = () => (\n
    \n {\n if (element) {\n this.element = element\n }\n }}\n onMouseUp={this.selected}\n onTouchEnd={this.selected}\n >\n {this.props.children}\n
    \n {!!this.state.rect && (\n \n
    \n
    \n \n {pgettext(\"post reply\", \"Quote\")}\n \n
    \n
    \n )}\n
    \n )\n}\n\nfunction focusEditor() {\n const textarea = document.querySelector(\"#posting-mount textarea\")\n textarea.focus()\n textarea.selectionStart = textarea.selectionEnd = textarea.value.length\n}\n\nconst getQuoteSelection = (container) => {\n if (typeof window.getSelection === \"undefined\") return\n\n // Validate that selection is of valid type and has one range\n const selection = window.getSelection()\n if (!selection) return\n if (selection.type !== \"Range\") return\n if (selection.rangeCount !== 1) return\n\n // Validate that selection is within the container and post's article\n const range = selection.getRangeAt(0)\n if (!isRangeContained(range, container)) return\n if (!isPostContained(range)) return\n if (!isAnyTextSelected(range.cloneContents())) return\n\n return range\n}\n\nconst isRangeContained = (range, container) => {\n const node = range.commonAncestorContainer\n if (node === container) return true\n\n let p = node.parentNode\n while (p) {\n if (p === container) return true\n p = p.parentNode\n }\n\n return false\n}\n\nconst isPostContained = (range) => {\n const element = range.commonAncestorContainer\n if (element.nodeName === \"ARTICLE\") return true\n if (element.dataset && element.dataset.noquote === \"1\") return false\n let p = element.parentNode\n while (p) {\n if (p.dataset && p.dataset.noquote === \"1\") return false\n if (p.nodeName === \"ARTICLE\") return true\n p = p.parentNode\n }\n return false\n}\n\nconst isAnyTextSelected = (node) => {\n for (let i = 0; i < node.childNodes.length; i++) {\n const child = node.childNodes[i]\n if (child.nodeType === Node.TEXT_NODE) {\n if (child.textContent && child.textContent.trim().length > 0) return true\n }\n if (child.nodeName === \"IMG\") return true\n if (isAnyTextSelected(child)) return true\n }\n\n return false\n}\n","const getQuoteMarkup = (range) => {\n const metadata = getQuoteMetadata(range)\n let markup = convertNodesToMarkup(range.cloneContents().childNodes, [])\n let prefix = metadata ? `[quote=\"${metadata}\"]\\n` : \"[quote]\\n\"\n let suffix = \"\\n[/quote]\\n\\n\"\n\n const codeBlock = getQuoteCodeBlock(range)\n if (codeBlock) {\n prefix += codeBlock.syntax ? `[code=${codeBlock.syntax}]\\n` : \"[code]\\n\"\n suffix = \"\\n[/code]\" + suffix\n } else if (isNodeInlineCodeBlock(range)) {\n markup = markup.trim()\n prefix += \"`\"\n suffix = \"`\" + suffix\n } else {\n markup = markup.trim()\n }\n\n return prefix + markup + suffix\n}\n\nexport default getQuoteMarkup\n\nconst getQuoteMetadata = (range) => {\n const node = range.commonAncestorContainer\n if (isNodeElementWithQuoteMetadata(node)) {\n return getQuoteMetadataFromNode(node)\n }\n\n let p = node.parentNode\n while (p) {\n if (isNodeElementWithQuoteMetadata(p)) {\n return getQuoteMetadataFromNode(p)\n }\n p = p.parentNode\n }\n\n return \"\"\n}\n\nconst isNodeElementWithQuoteMetadata = (node) => {\n if (node.nodeType !== Node.ELEMENT_NODE) return false\n if (node.nodeName === \"ARTICLE\") return true\n if (node.nodeName === \"BLOCKQUOTE\") {\n return node.dataset && node.dataset.block === \"quote\"\n }\n\n return false\n}\n\nconst getQuoteMetadataFromNode = (element) => {\n if (element.dataset) {\n return element.dataset.author || null\n }\n return null\n}\n\nconst getQuoteCodeBlock = (range) => {\n const node = range.commonAncestorContainer\n if (isNodeCodeBlock(node)) {\n return getNodeCodeBlockMeta(node)\n }\n\n let p = node.parentNode\n while (p) {\n if (isNodeCodeBlock(p)) {\n return getNodeCodeBlockMeta(p)\n }\n p = p.parentNode\n }\n\n return null\n}\n\nconst isNodeCodeBlock = (node) => {\n return node.nodeName === \"PRE\"\n}\n\nconst isNodeInlineCodeBlock = (range) => {\n const node = range.commonAncestorContainer\n if (node.nodeName === \"CODE\") {\n return true\n }\n\n let p = node.parentNode\n while (p) {\n if (isNodeElementWithQuoteMetadata(p)) {\n return false\n }\n\n if (p.nodeName === \"CODE\") {\n return true\n }\n\n p = p.parentNode\n }\n\n return false\n}\n\nconst getNodeCodeBlockMeta = (node) => {\n if (!node.dataset) {\n return { syntax: null }\n }\n\n return { syntax: node.dataset.syntax || null }\n}\n\nconst convertNodesToMarkup = (nodes, stack) => {\n let markup = \"\"\n for (let i = 0; i < nodes.length; i++) {\n const node = nodes[i]\n markup += convertNodeToMarkup(node, stack)\n }\n return markup\n}\n\nconst SIMPLE_NODE_MAPPINGS = {\n H1: [\"\\n\\n# \", \"\"],\n H2: [\"\\n\\n## \", \"\"],\n H3: [\"\\n\\n### \", \"\"],\n H4: [\"\\n\\n#### \", \"\"],\n H5: [\"\\n\\n##### \", \"\"],\n H6: [\"\\n\\n###### \", \"\"],\n STRONG: [\"**\", \"**\"],\n EM: [\"*\", \"*\"],\n DEL: [\"~~\", \"~~\"],\n B: [\"[b]\", \"[/b]\"],\n U: [\"[u]\", \"[/u]\"],\n I: [\"[i]\", \"[/i]\"],\n SUB: [\"[sub]\", \"[/sub]\"],\n SUP: [\"[sup]\", \"[/sup]\"],\n}\n\nconst convertNodeToMarkup = (node, stack) => {\n const dataset = node.dataset || {}\n\n if (node.nodeType === Node.TEXT_NODE) {\n return node.textContent || \"\"\n }\n\n if (node.nodeType === Node.ELEMENT_NODE) {\n if (dataset.quote) {\n return dataset.quote || \"\"\n }\n if (dataset.noquote === \"1\") return \"\"\n }\n\n if (\n node.nodeType === Node.ELEMENT_NODE &&\n dataset.quote &&\n dataset.quote.trim()\n ) {\n return \"\"\n }\n\n if (node.nodeName === \"HR\") {\n return \"\\n\\n- - -\"\n }\n\n if (SIMPLE_NODE_MAPPINGS[node.nodeName]) {\n const [prefix, suffix] = SIMPLE_NODE_MAPPINGS[node.nodeName]\n return (\n prefix +\n convertNodesToMarkup(node.childNodes, [...stack, node.nodeName]) +\n suffix\n )\n }\n\n if (node.nodeName === \"A\") {\n const href = node.href\n const text = convertNodesToMarkup(node.childNodes, [\n ...stack,\n node.nodeName,\n ])\n if (text) {\n return `[${text}](${href})`\n } else {\n return `!(${href})`\n }\n }\n\n if (node.nodeName === \"IMG\") {\n const src = node.src\n const alt = node.alt\n if (alt) {\n return `![${alt}](${src})`\n } else {\n return `!(${src})`\n }\n }\n\n if (node.nodeName === \"DIV\" || node.nodeName === \"ASIDE\") {\n const block = dataset.block && dataset.block.toUpperCase()\n if (block && SIMPLE_NODE_MAPPINGS[block]) {\n const [prefix, suffix] = SIMPLE_NODE_MAPPINGS[block]\n return (\n prefix +\n convertNodesToMarkup(node.childNodes, [...stack, block]) +\n suffix\n )\n } else {\n return convertNodesToMarkup(node.childNodes, stack)\n }\n }\n\n if (node.nodeName === \"BLOCKQUOTE\") {\n if (dataset.block === \"spoiler\") {\n const content = convertNodesToMarkup(node.childNodes, [\n ...stack,\n \"SPOILER\",\n ]).trim()\n\n if (!content) return \"\"\n\n let markup = \"\\n[spoiler]\\n\"\n markup += content\n markup += \"\\n[/spoiler]\"\n return markup\n }\n\n const content = convertNodesToMarkup(node.childNodes, [\n ...stack,\n \"QUOTE\",\n ]).trim()\n\n if (!content) return \"\"\n\n const metadata = getQuoteMetadataFromNode(node)\n let markup = metadata ? `\\n[quote=${metadata}]\\n` : \"\\n\\n[quote]\\n\"\n markup += content\n markup += \"\\n[/quote]\"\n return markup\n }\n\n if (node.nodeName === \"PRE\") {\n const syntax = dataset.syntax || null\n const code = node.querySelector(\"code\")\n const content = code ? code.innerText || \"\" : \"\"\n\n if (!content.trim()) return \"\"\n\n return \"\\n[code\" + (syntax ? \"=\" + syntax : \"\") + \"]\" + content + \"[/code]\"\n }\n\n if (node.nodeName === \"CODE\") {\n return \"`\" + node.innerText + \"`\"\n }\n\n if (node.nodeName === \"P\") {\n return (\n \"\\n\" + convertNodesToMarkup(node.childNodes, [...stack, node.nodeName])\n )\n }\n\n if (node.nodeName === \"UL\" || node.nodeName === \"OL\") {\n const level = stack.filter((item) => item === \"OL\" || item === \"UL\").length\n const prefix = level === 0 ? \"\\n\" : \"\"\n return (\n prefix + convertNodesToMarkup(node.childNodes, [...stack, node.nodeName])\n )\n }\n\n if (node.nodeName === \"LI\") {\n let prefix = \"\"\n const level = stack.filter((item) => item === \"OL\" || item === \"UL\").length\n for (let i = 1; i < level; i++) {\n prefix += \" \"\n }\n\n const ordered = stack[stack.length - 1] === \"OL\"\n if (ordered) {\n prefix += dataset.index ? dataset.index + \". \" : \"1. \"\n } else {\n prefix += \"- \"\n }\n\n const content = convertNodesToMarkup(node.childNodes, [\n ...stack,\n node.nodeName,\n ])\n if (!content.trim()) return \"\"\n\n return \"\\n\" + prefix + content\n }\n\n if (node.nodeName === \"SPAN\") {\n return convertNodesToMarkup(node.childNodes, stack)\n }\n\n return \"\"\n}\n","export function getGlobalState() {\n return window.misagoReply\n}\n\nexport function setGlobalState(disabled, quote) {\n window.misagoReply = { disabled, quote }\n}\n\nexport function clearGlobalState() {\n window.misagoReply = null\n}\n","import moment from \"moment\"\n\nexport function clean(attachments) {\n return attachments\n .filter((attachment) => {\n return attachment.id && !attachment.isRemoved\n })\n .map((a) => {\n return a.id\n })\n}\n\nexport function hydrate(attachments) {\n return attachments.map((attachment) => {\n return Object.assign({}, attachment, {\n uploaded_on: moment(attachment.uploaded_on),\n })\n })\n}\n","import React from \"react\"\nimport formatFilesize from \"../../utils/file-size\"\n\nexport default function MarkupAttachmentModal({ attachment }) {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"markup editor\", \"Attachment details\")}\n

    \n
    \n
    \n {!!attachment.is_image && (\n
    \n \n \"\"\n \n
    \n )}\n
    \n {attachment.filename}\n
    \n
    \n
    \n \n {attachment.filetype + \", \" + formatFilesize(attachment.size)}\n \n
    \n {pgettext(\"markup editor\", \"Type and size\")}\n
    \n
    \n
    \n \n \n {attachment.uploaded_on.fromNow()}\n \n \n
    \n {pgettext(\"markup editor\", \"Uploaded at\")}\n
    \n
    \n
    \n {attachment.url.uploader ? (\n \n {attachment.uploader_name}\n \n ) : (\n {attachment.uploader_name}\n )}\n
    \n {pgettext(\"markup editor\", \"Uploader\")}\n
    \n
    \n
    \n
    \n
    \n \n {pgettext(\"modal\", \"Close\")}\n \n
    \n
    \n
    \n )\n}\n","const wrapSelection = (selection, update, prefix, suffix, def) => {\n const text = selection.text || def || \"\"\n let newValue = selection.prefix\n newValue += prefix + text + suffix\n newValue += selection.suffix\n update(newValue)\n\n window.setTimeout(() => {\n focus(selection.textarea)\n\n const caret = selection.start + prefix.length\n selection.textarea.setSelectionRange(caret, caret + text.length)\n }, 250)\n}\n\nconst replaceSelection = (selection, update, text) => {\n let newValue = selection.prefix\n newValue += text\n newValue += selection.suffix\n update(newValue)\n\n window.setTimeout(() => {\n focus(selection.textarea)\n\n const caret = selection.end + text.length\n selection.textarea.setSelectionRange(caret, caret)\n }, 250)\n}\n\nconst getSelection = (textarea) => {\n if (document.selection) {\n textarea.focus()\n const range = document.selection.createRange()\n const length = range.text.length\n range.moveStart(\"character\", -textarea.value.length)\n return createRange(textarea, range.text.length - length, range.text.length)\n }\n\n if (textarea.selectionStart || textarea.selectionStart == \"0\") {\n return createRange(textarea, textarea.selectionStart, textarea.selectionEnd)\n }\n}\n\nconst createRange = (textarea, start, end) => {\n return {\n textarea: textarea,\n start: start,\n end: end,\n text: textarea.value.substring(start, end),\n prefix: textarea.value.substring(0, start),\n suffix: textarea.value.substring(end),\n }\n}\n\nexport function focus(textarea) {\n const scroll = textarea.scrollTop\n textarea.focus()\n textarea.scrollTop = scroll\n}\n\nexport { getSelection, replaceSelection, wrapSelection }\n","import React from \"react\"\nimport modal from \"../../services/modal\"\nimport snackbar from \"../../services/snackbar\"\nimport formatFilesize from \"../../utils/file-size\"\nimport MarkupAttachmentModal from \"./MarkupAttachmentModal\"\nimport { getSelection, replaceSelection } from \"./operations\"\n\nconst MarkupEditorAttachment = ({\n attachment,\n disabled,\n element,\n setState,\n update,\n}) => (\n
    \n
    \n
    \n {attachment.id ? (\n {\n event.preventDefault()\n modal.show()\n }}\n >\n {attachment.filename}\n \n ) : (\n {attachment.filename}\n )}\n
    \n
      \n {!attachment.id &&
    • {attachment.progress + \"%\"}
      • }\n {!!attachment.filetype &&
    • {attachment.filetype}
      • }\n {attachment.size > 0 &&
    • {formatFilesize(attachment.size)}
      • }\n
    \n
    \n
    \n {!!attachment.id && (\n
    \n {\n const markup = getAttachmentMarkup(attachment)\n const selection = getSelection(element)\n replaceSelection(selection, update, markup)\n }}\n >\n flip_to_front\n \n {\n setState(({ attachments }) => {\n const confirm = window.confirm(\n pgettext(\"markup editor\", \"Remove this attachment?\")\n )\n\n if (confirm) {\n return {\n attachments: attachments.filter(\n ({ id }) => id !== attachment.id\n ),\n }\n }\n })\n }}\n >\n close\n \n
    \n )}\n {!attachment.id && !!attachment.key && (\n
    \n {attachment.error && (\n {\n snackbar.error(\n interpolate(\n pgettext(\"markup editor\", \"%(filename)s: %(error)s\"),\n { filename: attachment.filename, error: attachment.error },\n true\n )\n )\n }}\n >\n warning\n \n )}\n {\n setState(({ attachments }) => {\n return {\n attachments: attachments.filter(\n ({ key }) => key !== attachment.key\n ),\n }\n })\n }}\n >\n close\n \n
    \n )}\n
    \n
    \n)\n\nexport default MarkupEditorAttachment\n\nfunction getAttachmentMarkup(attachment) {\n let markup = \"[\"\n\n if (attachment.is_image) {\n markup += \"![\" + attachment.filename + \"]\"\n markup += \"(\" + (attachment.url.thumb || attachment.url.index) + \"?shva=1)\"\n } else {\n markup += attachment.filename\n }\n\n markup += \"](\" + attachment.url.index + \"?shva=1)\"\n return markup\n}\n","import React from \"react\"\nimport MarkupEditorAttachment from \"./MarkupEditorAttachment\"\n\nconst MarkupEditorAttachments = ({\n attachments,\n disabled,\n element,\n setState,\n update,\n}) => (\n
    \n
    \n {attachments.map((attachment) => (\n \n ))}\n
    \n
    \n)\n\nexport default MarkupEditorAttachments\n","import React from \"react\"\nimport Button from \"../button\"\n\nconst MarkupEditorFooter = ({\n canProtect,\n disabled,\n empty,\n preview,\n isProtected,\n submitText,\n showPreview,\n closePreview,\n enableProtection,\n disableProtection,\n}) => (\n
    \n {!!canProtect && (\n {\n if (isProtected) {\n disableProtection()\n } else {\n enableProtection()\n }\n }}\n >\n \n {isProtected ? \"lock\" : \"lock_open\"}\n \n \n )}\n {!!canProtect && (\n
    \n {\n if (isProtected) {\n disableProtection()\n } else {\n enableProtection()\n }\n }}\n >\n \n {isProtected ? \"lock\" : \"lock_open\"}\n \n {isProtected\n ? pgettext(\"markup editor\", \"Protected\")\n : pgettext(\"markup editor\", \"Protect\")}\n \n
    \n )}\n
    \n {preview ? (\n \n {pgettext(\"markup editor\", \"Edit\")}\n \n ) : (\n \n {pgettext(\"markup editor\", \"Preview\")}\n \n )}\n \n
    \n)\n\nexport default MarkupEditorFooter\n","import React from \"react\"\nimport modal from \"../../services/modal\"\nimport FormGroup from \"../form-group\"\nimport { replaceSelection } from \"./operations\"\n\nclass MarkupCodeModal extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n error: null,\n syntax: \"\",\n text: props.selection.text,\n }\n }\n\n handleSubmit = (ev) => {\n ev.preventDefault()\n\n const { selection, update } = this.props\n const syntax = this.state.syntax.trim()\n const text = this.state.text.trim()\n\n if (text.length === 0) {\n this.setState({ error: gettext(\"This field is required.\") })\n return false\n }\n\n const prefix = selection.prefix.trim().length ? \"\\n\\n\" : \"\"\n\n replaceSelection(\n Object.assign({}, selection, { text }),\n update,\n prefix + \"```\" + syntax + \"\\n\" + text + \"\\n```\\n\\n\"\n )\n\n modal.hide()\n\n return false\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    {pgettext(\"markup editor\", \"Code\")}

    \n
    \n
    \n
    \n \n \n this.setState({ syntax: event.target.value })\n }\n >\n \n {LANGUAGES.map(({ value, name }) => (\n \n ))}\n \n \n \n \n this.setState({ text: event.target.value })\n }\n />\n \n
    \n
    \n \n {pgettext(\"markup editor\", \"Cancel\")}\n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nconst LANGUAGES = [\n { value: \"bash\", name: \"Bash\" },\n { value: \"c\", name: \"C\" },\n { value: \"c#\", name: \"C#\" },\n { value: \"c++\", name: \"C++\" },\n { value: \"css\", name: \"CSS\" },\n { value: \"diff\", name: \"Diff\" },\n { value: \"go\", name: \"Go\" },\n { value: \"graphql\", name: \"GraphQL\" },\n { value: \"html,\", name: \"HTML\" },\n { value: \"xml\", name: \"XML\" },\n { value: \"json\", name: \"JSON\" },\n { value: \"java\", name: \"Java\" },\n { value: \"javascript\", name: \"JavaScript\" },\n { value: \"kotlin\", name: \"Kotlin\" },\n { value: \"less\", name: \"Less\" },\n { value: \"lua\", name: \"Lua\" },\n { value: \"makefile\", name: \"Makefile\" },\n { value: \"markdown\", name: \"Markdown\" },\n { value: \"objective-C\", name: \"Objective-C\" },\n { value: \"php\", name: \"PHP\" },\n { value: \"perl\", name: \"Perl\" },\n { value: \"plain\", name: \"Plain\" },\n { value: \"text\", name: \"text\" },\n { value: \"python\", name: \"Python\" },\n { value: \"repl\", name: \"REPL\" },\n { value: \"r\", name: \"R\" },\n { value: \"ruby\", name: \"Ruby\" },\n { value: \"rust\", name: \"Rust\" },\n { value: \"scss\", name: \"SCSS\" },\n { value: \"sql\", name: \"SQL\" },\n { value: \"shell\", name: \"Shell Session\" },\n { value: \"swift\", name: \"Swift\" },\n { value: \"toml\", name: \"TOML\" },\n { value: \"ini\", name: \"INI\" },\n { value: \"typescript\", name: \"TypeScript\" },\n { value: \"visualbasic\", name: \"Visual Basic .NET\" },\n { value: \"webassembly\", name: \"WebAssembly\" },\n { value: \"yaml\", name: \"YAML\" },\n]\n\nexport default MarkupCodeModal\n","import React from \"react\"\nimport formatFilesize from \"../../utils/file-size\"\n\nexport default function MarkupFormattingHelpModal() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"markup help\", \"Formatting help\")}\n

    \n
    \n
    \n

    {pgettext(\"markup help\", \"Emphasis text\")}

    \n \n \n {pgettext(\"markup help\", \"This text will have emphasis\")}\n \n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Bold text\")}

    \n \n \n {pgettext(\"markup help\", \"This text will be bold\")}\n \n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Removed text\")}

    \n \n \n {pgettext(\"markup help\", \"This text will be removed\")}\n \n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Bold text (BBCode)\")}

    \n \n {pgettext(\"markup help\", \"This text will be bold\")}\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Underlined text (BBCode)\")}

    \n \n {pgettext(\"markup help\", \"This text will be underlined\")}\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Italics text (BBCode)\")}

    \n \n {pgettext(\"markup help\", \"This text will be in italics\")}\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Link\")}

    \n \"\n result={\n

    \n example.com\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Link with text\")}

    \n \n {pgettext(\"markup help\", \"Link text\")}\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Link (BBCode)\")}

    \n \n example.com\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Link with text (BBCode)\")}

    \n \n {pgettext(\"markup help\", \"Link text\")}\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Image\")}

    \n \n \"\"\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Image with alternate text\")}

    \n \n \n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Image (BBCode)\")}

    \n \n \"\"\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Mention user by their name\")}

    \n \n @username\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Heading 1\")}

    \n {pgettext(\"markup help\", \"First level heading\")}}\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Heading 2\")}

    \n {pgettext(\"markup help\", \"Second level heading\")}}\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Heading 3\")}

    \n {pgettext(\"markup help\", \"Third level heading\")}}\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Heading 4\")}

    \n {pgettext(\"markup help\", \"Fourth level heading\")}}\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Heading 5\")}

    \n {pgettext(\"markup help\", \"Fifth level heading\")}}\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Unordered list\")}

    \n \n
  • Lorem ipsum
    • \n
  • Dolor met
    • \n
  • Vulputate lectus
    • \n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Ordered list\")}

    \n \n
  • Lorem ipsum
    • \n
  • Dolor met
    • \n
  • Vulputate lectus
    • \n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Quote text\")}

    \n \" + pgettext(\"markup help\", \"Quoted text\")}\n result={\n
    \n

    {pgettext(\"markup help\", \"Quoted text\")}

    \n
    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Quote text (BBCode)\")}

    \n \n
    \n {gettext(\"Quoted message:\")}\n
    \n
    \n

    {pgettext(\"markup help\", \"Quoted text\")}

    \n
    \n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Quote text with author (BBCode)\")}

    \n \n
    \n {pgettext(\"markup help\", \"Quote author has written:\")}\n
    \n
    \n

    {pgettext(\"markup help\", \"Quoted text\")}

    \n
    \n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Spoiler\")}

    \n \n {pgettext(\"markup help\", \"Secret text\")}\n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Inline code\")}

    \n \n {pgettext(\"markup help\", \"Inline code\")}\n

    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Code block\")}

    \n \n alert(\"Hello world!\");\n \n }\n />\n\n
    \n\n

    \n {pgettext(\"markup help\", \"Code block with syntax highlighting\")}\n

    \n \n \n print(\"Hello world!\");\n \n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Code block (BBCode)\")}

    \n \n alert(\"Hello world!\");\n \n }\n />\n\n
    \n\n

    \n {pgettext(\n \"markup help\",\n \"Code block with syntax highlighting (BBCode)\"\n )}\n

    \n \n \n print(\"Hello world!\");\n \n \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Horizontal rule\")}

    \n \n

    Lorem ipsum

    \n
    \n

    Dolor met

    \n
    \n }\n />\n\n
    \n\n

    {pgettext(\"markup help\", \"Horizontal rule (BBCode)\")}

    \n \n

    Lorem ipsum

    \n
    \n

    Dolor met

    \n
    \n }\n />\n
    \n
    \n \n {pgettext(\"modal\", \"Close\")}\n \n
    \n
    \n
    \n )\n}\n\nfunction ExampleFormatting({ markup, result }) {\n return (\n
    \n
    \n 
    \n          {markup}\n
    \n
    \n
    \n
    {result}
    \n
    \n
    \n )\n}\n\nclass ExampleFormattingSpoiler extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n reveal: false,\n }\n }\n\n render() {\n return (\n \n
    \n

    {this.props.children}

    \n
    \n {!this.state.reveal && (\n
    \n {\n this.setState({ reveal: true })\n }}\n >\n {gettext(\"Reveal spoiler\")}\n \n
    \n )}\n \n )\n }\n}\n","const URL_PATTERN = new RegExp(\"^(((ftps?)|(https?))://)\", \"i\")\n\nexport default function isUrl(str) {\n return URL_PATTERN.test(str.trim())\n}\n","import React from \"react\"\nimport modal from \"../../services/modal\"\nimport FormGroup from \"../form-group\"\nimport isUrl from \"./isUrl\"\nimport { replaceSelection } from \"./operations\"\n\nclass MarkupImageModal extends React.Component {\n constructor(props) {\n super(props)\n\n const text = props.selection.text.trim()\n const textUrl = isUrl(text)\n\n this.state = {\n error: null,\n text: textUrl ? \"\" : text,\n url: textUrl ? text : \"\",\n }\n }\n\n handleSubmit = (ev) => {\n ev.preventDefault()\n\n const { selection, update } = this.props\n const text = this.state.text.trim()\n const url = this.state.url.trim()\n\n if (url.length === 0) {\n this.setState({ error: gettext(\"This field is required.\") })\n return false\n }\n\n if (text.length > 0) {\n replaceSelection(selection, update, \"![\" + text + \"](\" + url + \")\")\n } else {\n replaceSelection(selection, update, \"!(\" + url + \")\")\n }\n\n modal.hide()\n\n return false\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"markup editor\", \"Image\")}\n

    \n
    \n
    \n
    \n \n \n this.setState({ text: event.target.value })\n }\n />\n \n \n \n this.setState({ url: event.target.value })\n }\n />\n \n
    \n
    \n \n {pgettext(\"markup editor\", \"Cancel\")}\n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport default MarkupImageModal\n","import React from \"react\"\nimport modal from \"../../services/modal\"\nimport FormGroup from \"../form-group\"\nimport isUrl from \"./isUrl\"\nimport { replaceSelection } from \"./operations\"\n\nclass MarkupLinkModal extends React.Component {\n constructor(props) {\n super(props)\n\n const text = props.selection.text.trim()\n const textUrl = isUrl(text)\n\n this.state = {\n error: null,\n text: textUrl ? \"\" : text,\n url: textUrl ? text : \"\",\n }\n }\n\n handleSubmit = (ev) => {\n ev.preventDefault()\n\n const { selection, update } = this.props\n const text = this.state.text.trim()\n const url = this.state.url.trim()\n\n if (url.length === 0) {\n this.setState({ error: gettext(\"This field is required.\") })\n return false\n }\n\n if (text.length > 0) {\n replaceSelection(selection, update, \"[\" + text + \"](\" + url + \")\")\n } else {\n replaceSelection(selection, update, \"<\" + url + \">\")\n }\n\n modal.hide()\n\n return false\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    {pgettext(\"markup editor\", \"Link\")}

    \n
    \n
    \n
    \n \n \n this.setState({ text: event.target.value })\n }\n />\n \n \n \n this.setState({ url: event.target.value })\n }\n />\n \n
    \n
    \n \n {pgettext(\"markup editor\", \"Cancel\")}\n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport default MarkupLinkModal\n","import React from \"react\"\nimport modal from \"../../services/modal\"\nimport FormGroup from \"../form-group\"\nimport { replaceSelection } from \"./operations\"\n\nclass MarkupQuoteModal extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n error: null,\n author: \"\",\n text: props.selection.text,\n }\n }\n\n handleSubmit = (ev) => {\n ev.preventDefault()\n\n const { selection, update } = this.props\n const author = this.state.author.trim()\n const text = this.state.text.trim()\n\n if (text.length === 0) {\n this.setState({ error: gettext(\"This field is required.\") })\n return false\n }\n\n const prefix = selection.prefix.trim().length ? \"\\n\\n\" : \"\"\n\n if (author) {\n replaceSelection(\n selection,\n update,\n prefix + '[quote=\"' + author + '\"]\\n' + text + \"\\n[/quote]\\n\\n\"\n )\n } else {\n replaceSelection(\n selection,\n update,\n prefix + \"[quote]\\n\" + text + \"\\n[/quote]\\n\\n\"\n )\n }\n\n modal.hide()\n\n return false\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"markup editor\", \"Quote\")}\n

    \n
    \n
    \n
    \n \n \n this.setState({ author: event.target.value })\n }\n />\n \n \n \n this.setState({ text: event.target.value })\n }\n />\n \n
    \n
    \n \n {pgettext(\"markup editor\", \"Cancel\")}\n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport default MarkupQuoteModal\n","import React from \"react\"\n\nconst MarkupEditorButton = ({ disabled, icon, title, onClick }) => (\n \n {icon}\n \n)\n\nexport default MarkupEditorButton\n","import moment from \"moment\"\nimport misago from \"../../\"\nimport ajax from \"../../services/ajax\"\nimport snackbar from \"../../services/snackbar\"\nimport formatFilesize from \"../../utils/file-size\"\nimport getRandomString from \"../../utils/getRandomString\"\n\nconst ID_LEN = 32\n\nconst uploadFile = (file, setState) => {\n const maxSize = misago.get(\"user\").acl.max_attachment_size * 1024\n\n if (file.size > maxSize) {\n snackbar.error(\n interpolate(\n pgettext(\n \"markup editor\",\n \"File %(filename)s is bigger than %(limit)s.\"\n ),\n { filename: file.name, limit: formatFilesize(maxSize) },\n true\n )\n )\n\n return\n }\n\n let upload = {\n id: null,\n key: getRandomString(ID_LEN),\n error: null,\n uploaded_on: null,\n progress: 0,\n filename: file.name,\n filetype: null,\n is_image: false,\n size: file.size,\n url: null,\n uploader_name: null,\n }\n\n setState(({ attachments }) => {\n return { attachments: [upload].concat(attachments) }\n })\n\n const refreshState = () => {\n setState(({ attachments }) => {\n return { attachments: attachments.concat() }\n })\n }\n\n const data = new FormData()\n data.append(\"upload\", file)\n\n ajax\n .upload(misago.get(\"ATTACHMENTS_API\"), data, (progress) => {\n upload.progress = progress\n refreshState()\n })\n .then(\n (data) => {\n Object.assign(upload, data, { uploaded_on: moment(data.uploaded_on) })\n refreshState()\n },\n (rejection) => {\n if (rejection.status === 400 || rejection.status === 413) {\n upload.error = rejection.detail\n snackbar.error(rejection.detail)\n refreshState()\n } else {\n snackbar.apiError(rejection)\n }\n }\n )\n}\n\nexport default uploadFile\n","import React from \"react\"\nimport misago from \"../../\"\nimport modal from \"../../services/modal\"\nimport MarkupCodeModal from \"./MarkupCodeModal\"\nimport MarkupFormattingHelpModal from \"./MarkupFormattingHelpModal\"\nimport MarkupImageModal from \"./MarkupImageModal\"\nimport MarkupLinkModal from \"./MarkupLinkModal\"\nimport MarkupQuoteModal from \"./MarkupQuoteModal\"\nimport MarkupEditorButton from \"./MarkupEditorButton\"\nimport { getSelection, replaceSelection, wrapSelection } from \"./operations\"\nimport uploadFile from \"./uploadFile\"\n\nconst MarkupEditorToolbar = ({\n disabled,\n element,\n update,\n updateAttachments,\n}) => {\n const actions = [\n {\n name: pgettext(\"markup editor\", \"Strong\"),\n icon: \"format_bold\",\n onClick: () => {\n wrapSelection(\n getSelection(element),\n update,\n \"**\",\n \"**\",\n pgettext(\"example markup\", \"Strong text\")\n )\n },\n },\n {\n name: pgettext(\"markup editor\", \"Emphasis\"),\n icon: \"format_italic\",\n onClick: () => {\n wrapSelection(\n getSelection(element),\n update,\n \"*\",\n \"*\",\n pgettext(\"example markup\", \"Text with emphasis\")\n )\n },\n },\n {\n name: pgettext(\"markup editor\", \"Strikethrough\"),\n icon: \"format_strikethrough\",\n onClick: () => {\n wrapSelection(\n getSelection(element),\n update,\n \"~~\",\n \"~~\",\n pgettext(\"example markup\", \"Text with strikethrough\")\n )\n },\n },\n {\n name: pgettext(\"markup editor\", \"Horizontal ruler\"),\n icon: \"remove\",\n onClick: () => {\n replaceSelection(getSelection(element), update, \"\\n\\n- - -\\n\\n\")\n },\n },\n {\n name: pgettext(\"markup editor\", \"Link\"),\n icon: \"insert_link\",\n onClick: () => {\n const selection = getSelection(element)\n modal.show(\n \n )\n },\n },\n {\n name: pgettext(\"markup editor\", \"Image\"),\n icon: \"insert_photo\",\n onClick: () => {\n const selection = getSelection(element)\n modal.show(\n \n )\n },\n },\n {\n name: pgettext(\"markup editor\", \"Quote\"),\n icon: \"format_quote\",\n onClick: () => {\n const selection = getSelection(element)\n modal.show(\n \n )\n },\n },\n {\n name: pgettext(\"markup editor\", \"Spoiler\"),\n icon: \"visibility_off\",\n onClick: () => {\n insertSpoiler(element, update)\n },\n },\n {\n name: pgettext(\"markup editor\", \"Code\"),\n icon: \"code\",\n onClick: () => {\n const selection = getSelection(element)\n modal.show(\n \n )\n },\n },\n ]\n\n if (misago.get(\"user\").acl.max_attachment_size) {\n actions.push({\n name: pgettext(\"markup editor\", \"Upload file\"),\n icon: \"file_upload\",\n onClick: () => uploadFiles(updateAttachments),\n })\n }\n\n return (\n
    \n
    \n {actions.map(({ name, icon, onClick }) => (\n \n ))}\n
    \n
    \n
    \n \n more_vert\n \n
      \n {actions.map(({ name, icon, onClick }) => (\n
    • \n \n {icon}\n {name}\n \n
      • \n ))}\n
    \n
    \n {\n modal.show()\n }}\n />\n
    \n
    \n )\n}\n\nconst insertSpoiler = (element, update) => {\n const selection = getSelection(element)\n const prefix = selection.prefix.trim().length ? \"\\n\\n\" : \"\"\n\n wrapSelection(\n selection,\n update,\n prefix + \"[spoiler]\\n\",\n \"\\n[/spoiler]\\n\\n\",\n pgettext(\"markup editor\", \"Spoiler text\")\n )\n}\n\nconst uploadFiles = (setState) => {\n const input = document.createElement(\"input\")\n input.type = \"file\"\n input.multiple = \"multiple\"\n\n input.addEventListener(\"change\", function () {\n for (let i = 0; i < input.files.length; i++) {\n uploadFile(input.files[i], setState)\n }\n })\n\n input.click()\n}\n\nexport default MarkupEditorToolbar\n","import React from \"react\"\nimport classnames from \"classnames\"\n\nimport misago from \"../../\"\nimport ajax from \"../../services/ajax\"\nimport snackbar from \"../../services/snackbar\"\nimport MisagoMarkup from \"../misago-markup\"\nimport MarkupEditorAttachments from \"./MarkupEditorAttachments\"\nimport MarkupEditorFooter from \"./MarkupEditorFooter\"\nimport MarkupEditorToolbar from \"./MarkupEditorToolbar\"\nimport uploadFile from \"./uploadFile\"\n\nclass MarkupEditor extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n element: null,\n focused: false,\n loading: false,\n preview: false,\n parsed: null,\n }\n }\n\n showPreview = () => {\n if (this.state.loading) return\n\n this.setState({ loading: true, preview: true, element: null })\n\n ajax.post(misago.get(\"PARSE_MARKUP_API\"), { post: this.props.value }).then(\n (data) => {\n this.setState({ loading: false, parsed: data.parsed })\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n\n this.setState({ loading: false, preview: false })\n }\n )\n }\n\n closePreview = () => {\n this.setState({ loading: false, preview: false })\n }\n\n onDrop = (event) => {\n event.preventDefault()\n event.stopPropagation()\n\n if (!event.dataTransfer.files) return\n\n const { onAttachmentsChange: setState } = this.props\n\n if (misago.get(\"user\").acl.max_attachment_size) {\n for (let i = 0; i < event.dataTransfer.files.length; i++) {\n const file = event.dataTransfer.files[i]\n uploadFile(file, setState)\n }\n }\n }\n\n onPaste = (event) => {\n const { onAttachmentsChange: setState } = this.props\n\n const files = []\n for (let i = 0; i < event.clipboardData.items.length; i++) {\n const item = event.clipboardData.items[i]\n if (item.kind === \"file\") {\n files.push(item.getAsFile())\n }\n }\n\n if (files.length) {\n event.preventDefault()\n event.stopPropagation()\n\n if (misago.get(\"user\").acl.max_attachment_size) {\n for (let i = 0; i < files.length; i++) {\n uploadFile(files[i], setState)\n }\n }\n }\n }\n\n render = () => (\n \n this.props.onChange({ target: { value } })}\n updateAttachments={this.props.onAttachmentsChange}\n />\n {this.state.preview ? (\n
    \n {this.state.loading ? (\n
    \n
    \n \n
    \n
    \n ) : (\n \n )}\n
    \n ) : (\n {\n if (element && this.state.element !== element) {\n this.setState({ element })\n setMentions(this.props, element)\n }\n }}\n onChange={this.props.onChange}\n onDrop={this.onDrop}\n onFocus={() => this.setState({ focused: true })}\n onPaste={this.onPaste}\n onBlur={() => this.setState({ focused: false })}\n />\n )}\n {this.props.attachments.length > 0 && (\n this.props.onChange({ target: { value } })}\n />\n )}\n \n
    \n )\n}\n\nfunction setMentions(props, element) {\n $(element).atwho({\n at: \"@\",\n displayTpl: '
  • \"\"${username}
    • ',\n insertTpl: \"@${username}\",\n searchKey: \"username\",\n callbacks: {\n remoteFilter: function (query, callback) {\n $.getJSON(misago.get(\"MENTION_API\"), { q: query }, callback)\n },\n },\n })\n\n $(element).on(\"inserted.atwho\", (event, _storage, source, controller) => {\n const { query } = controller\n const username = source.target.innerText.trim()\n const prefix = event.target.value.substr(0, query.headPos)\n const suffix = event.target.value.substr(query.endPos)\n\n event.target.value = prefix + username + suffix\n props.onChange(event)\n\n const caret = query.headPos + username.length\n event.target.setSelectionRange(caret, caret)\n event.target.focus()\n })\n}\n\nexport default MarkupEditor\n","import MarkupEditor from \"./MarkupEditor\"\n\nexport default MarkupEditor\n","import React from \"react\"\nimport classnames from \"classnames\"\n\nconst CLASS_ACTIVE = \"posting-active\"\nconst CLASS_DEFAULT = \"posting-default\"\nconst CLASS_MINIMIZED = \"posting-minimized\"\nconst CLASS_FULLSCREEN = \"posting-fullscreen\"\n\nclass PostingDialog extends React.Component {\n componentDidMount() {\n document.body.classList.add(CLASS_ACTIVE, CLASS_DEFAULT)\n }\n\n componentWillUnmount() {\n document.body.classList.remove(\n CLASS_ACTIVE,\n CLASS_DEFAULT,\n CLASS_MINIMIZED,\n CLASS_FULLSCREEN\n )\n }\n\n componentWillReceiveProps({ fullscreen, minimized }) {\n if (minimized) {\n document.body.classList.remove(CLASS_DEFAULT, CLASS_FULLSCREEN)\n document.body.classList.add(CLASS_MINIMIZED)\n } else {\n if (fullscreen) {\n document.body.classList.remove(CLASS_DEFAULT, CLASS_MINIMIZED)\n document.body.classList.add(CLASS_FULLSCREEN)\n } else {\n document.body.classList.remove(CLASS_FULLSCREEN, CLASS_MINIMIZED)\n document.body.classList.add(CLASS_DEFAULT)\n }\n }\n }\n\n render() {\n const { children, fullscreen, minimized } = this.props\n\n return (\n \n
    {children}
    \n \n )\n }\n}\n\nexport default PostingDialog\n","import React from \"react\"\n\nconst PostingDialogBody = ({ children }) => (\n
    {children}
    \n)\n\nexport default PostingDialogBody\n","import React from \"react\"\n\nconst PostingDialogError = ({ close, message }) => (\n
    \n
    \n error_outlined\n
    \n
    \n

    {message}

    \n \n
    \n
    \n)\n\nexport default PostingDialogError\n","import React from \"react\"\n\nconst PostingDialogHeader = ({\n children,\n close,\n fullscreen,\n minimize,\n minimized,\n fullscreenEnter,\n fullscreenExit,\n open,\n}) => (\n
    \n
    {children}
    \n {minimized ? (\n \n expand_less\n \n ) : (\n \n expand_more\n \n )}\n {fullscreen ? (\n \n fullscreen_exit\n \n ) : (\n \n fullscreen\n \n )}\n \n close\n \n
    \n)\n\nexport default PostingDialogHeader\n","import React from \"react\"\n\nexport default function PostingThreadOptions({\n isClosed,\n isHidden,\n isPinned,\n disabled,\n options,\n close,\n open,\n hide,\n unhide,\n pinGlobally,\n pinLocally,\n unpin,\n}) {\n const icons = getIcons(isClosed, isHidden, isPinned)\n\n return (\n
    \n \n {icons.length > 0 ? (\n \n {icons.map((icon) => (\n \n {icon}\n \n ))}\n \n ) : (\n more_horiz\n )}\n \n
      \n {options.pin === 2 && isPinned !== 2 && (\n
    • \n \n bookmark\n {pgettext(\"post thread\", \"Pinned globally\")}\n \n
      • \n )}\n {options.pin >= isPinned && isPinned !== 1 && (\n
    • \n \n bookmark_outline\n {pgettext(\"post thread\", \"Pinned in category\")}\n \n
      • \n )}\n {options.pin >= isPinned && isPinned !== 0 && (\n
    • \n \n radio_button_unchecked\n {pgettext(\"post thread\", \"Not pinned\")}\n \n
      • \n )}\n {options.close && !!isClosed && (\n
    • \n \n lock_outline\n {pgettext(\"post thread\", \"Open\")}\n \n
      • \n )}\n {options.close && !isClosed && (\n
    • \n \n lock\n {pgettext(\"post thread\", \"Closed\")}\n \n
      • \n )}\n {options.hide && !!isHidden && (\n
    • \n \n visibility\n {pgettext(\"post thread\", \"Visible\")}\n \n
      • \n )}\n {options.hide && !isHidden && (\n
    • \n \n visibility_off\n {pgettext(\"post thread\", \"Hidden\")}\n \n
      • \n )}\n
    \n
    \n )\n}\n\nfunction getIcons(closed, hidden, pinned) {\n const icons = []\n if (pinned === 2) icons.push(\"bookmark\")\n if (pinned === 1) icons.push(\"bookmark_outline\")\n if (closed) icons.push(\"lock\")\n if (hidden) icons.push(\"visibility_off\")\n return icons\n}\n","import React from \"react\"\nimport CategorySelect from \"misago/components/category-select\"\nimport Form from \"misago/components/form\"\nimport * as attachments from \"./utils/attachments\"\nimport { getPostValidators, getTitleValidators } from \"./utils/validators\"\nimport ajax from \"misago/services/ajax\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport MarkupEditor from \"../MarkupEditor\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../Toolbar\"\nimport PostingDialog from \"./PostingDialog\"\nimport PostingDialogBody from \"./PostingDialogBody\"\nimport PostingDialogError from \"./PostingDialogError\"\nimport PostingDialogHeader from \"./PostingDialogHeader\"\nimport PostingThreadOptions from \"./PostingThreadOptions\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isLoading: false,\n\n error: null,\n\n minimized: false,\n fullscreen: false,\n\n options: null,\n\n title: \"\",\n category: props.category || null,\n categories: [],\n post: \"\",\n attachments: [],\n close: false,\n hide: false,\n pin: 0,\n\n validators: {\n title: getTitleValidators(),\n post: getPostValidators(),\n },\n errors: {},\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.config).then(this.loadSuccess, this.loadError)\n }\n\n loadSuccess = (data) => {\n let category = null\n let options = null\n\n // hydrate categories, extract posting options\n const categories = data.map((item) => {\n // pick first category that allows posting and if it may, override it with initial one\n if (\n item.post !== false &&\n (!category || item.id == this.state.category)\n ) {\n category = item.id\n options = item.post\n }\n\n return Object.assign(item, {\n disabled: item.post === false,\n label: item.name,\n value: item.id,\n })\n })\n\n this.setState({\n isReady: true,\n options,\n\n categories,\n category,\n })\n }\n\n loadError = (rejection) => {\n this.setState({\n error: rejection.detail,\n })\n }\n\n onCancel = () => {\n const formEmpty = !!(\n this.state.post.length === 0 &&\n this.state.title.length === 0 &&\n this.state.attachments.length === 0\n )\n\n if (formEmpty) {\n this.minimize()\n return posting.close()\n }\n\n const cancel = window.confirm(\n pgettext(\"post thread\", \"Are you sure you want to discard thread?\")\n )\n if (cancel) {\n this.minimize()\n posting.close()\n }\n }\n\n onTitleChange = (event) => {\n this.changeValue(\"title\", event.target.value)\n }\n\n onCategoryChange = (event) => {\n const category = this.state.categories.find((item) => {\n return event.target.value == item.value\n })\n\n // if selected pin is greater than allowed, reduce it\n let pin = this.state.pin\n if (category.post.pin && category.post.pin < pin) {\n pin = category.post.pin\n }\n\n this.setState({\n category: category.id,\n categoryOptions: category.post,\n\n pin,\n })\n }\n\n onPostChange = (event) => {\n this.changeValue(\"post\", event.target.value)\n }\n\n onAttachmentsChange = (attachments) => {\n this.setState(attachments)\n }\n\n onClose = () => {\n this.changeValue(\"close\", true)\n }\n\n onOpen = () => {\n this.changeValue(\"close\", false)\n }\n\n onPinGlobally = () => {\n this.changeValue(\"pin\", 2)\n }\n\n onPinLocally = () => {\n this.changeValue(\"pin\", 1)\n }\n\n onUnpin = () => {\n this.changeValue(\"pin\", 0)\n }\n\n onHide = () => {\n this.changeValue(\"hide\", true)\n }\n\n onUnhide = () => {\n this.changeValue(\"hide\", false)\n }\n\n close = () => {\n this.minimize()\n posting.close()\n }\n\n minimize = () => {\n this.setState({ fullscreen: false, minimized: true })\n }\n\n open = () => {\n this.setState({ minimized: false })\n if (this.state.fullscreen) {\n }\n }\n\n fullscreenEnter = () => {\n this.setState({ fullscreen: true, minimized: false })\n }\n\n fullscreenExit = () => {\n this.setState({ fullscreen: false, minimized: false })\n }\n\n clean() {\n if (!this.state.title.trim().length) {\n snackbar.error(\n pgettext(\"posting form\", \"You have to enter thread title.\")\n )\n return false\n }\n\n if (!this.state.post.trim().length) {\n snackbar.error(pgettext(\"posting form\", \"You have to enter a message.\"))\n return false\n }\n\n const errors = this.validate()\n\n if (errors.title) {\n snackbar.error(errors.title[0])\n return false\n }\n\n if (errors.post) {\n snackbar.error(errors.post[0])\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.submit, {\n title: this.state.title,\n category: this.state.category,\n post: this.state.post,\n attachments: attachments.clean(this.state.attachments),\n close: this.state.close,\n hide: this.state.hide,\n pin: this.state.pin,\n })\n }\n\n handleSuccess(success) {\n this.setState({ isLoading: true })\n this.close()\n\n snackbar.success(pgettext(\"post thread\", \"Your thread has been posted.\"))\n window.location = success.url\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n const errors = [].concat(\n rejection.non_field_errors || [],\n rejection.category || [],\n rejection.title || [],\n rejection.post || [],\n rejection.attachments || []\n )\n\n snackbar.error(errors[0])\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n const dialogProps = {\n minimized: this.state.minimized,\n minimize: this.minimize,\n open: this.open,\n\n fullscreen: this.state.fullscreen,\n fullscreenEnter: this.fullscreenEnter,\n fullscreenExit: this.fullscreenExit,\n\n close: this.onCancel,\n }\n\n if (this.state.error) {\n return (\n \n \n \n )\n }\n\n if (!this.state.isReady) {\n return (\n \n
    \n \n \n \n \n \n \n \n \n \n \n \n \n {}}\n onChange={() => {}}\n />\n
    \n     \n )\n }\n\n const showOptions = !!(\n this.state.options.close ||\n this.state.options.hide ||\n this.state.options.pin\n )\n\n return (\n \n
    \n \n \n \n \n \n \n \n \n \n \n {showOptions && (\n \n \n \n )}\n \n \n \n \n
    \n )\n }\n}\n\nconst PostingDialogStart = ({\n children,\n close,\n minimized,\n minimize,\n open,\n fullscreen,\n fullscreenEnter,\n fullscreenExit,\n}) => (\n \n \n {pgettext(\"post thread\", \"Start new thread\")}\n \n {children}\n \n)\n","export default function (usernames) {\n const normalisedNames = usernames\n .split(\",\")\n .map((i) => i.trim().toLowerCase())\n const removedBlanks = normalisedNames.filter((i) => i.length > 0)\n const removedDuplicates = removedBlanks.filter((name, pos) => {\n return removedBlanks.indexOf(name) == pos\n })\n\n return removedDuplicates\n}\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport * as attachments from \"./utils/attachments\"\nimport cleanUsernames from \"./utils/usernames\"\nimport { getPostValidators, getTitleValidators } from \"./utils/validators\"\nimport ajax from \"misago/services/ajax\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport MarkupEditor from \"../MarkupEditor\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../Toolbar\"\nimport PostingDialog from \"./PostingDialog\"\nimport PostingDialogBody from \"./PostingDialogBody\"\nimport PostingDialogHeader from \"./PostingDialogHeader\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n const to = (props.to || []).map((user) => user.username).join(\", \")\n\n this.state = {\n isLoading: false,\n\n error: null,\n\n minimized: false,\n fullscreen: false,\n\n to: to,\n title: \"\",\n post: \"\",\n attachments: [],\n\n validators: {\n title: getTitleValidators(),\n post: getPostValidators(),\n },\n errors: {},\n }\n }\n\n onCancel = () => {\n const formEmpty = !!(\n this.state.post.length === 0 &&\n this.state.title.length === 0 &&\n this.state.to.length === 0 &&\n this.state.attachments.length === 0\n )\n\n if (formEmpty) {\n return this.close()\n }\n\n const cancel = window.confirm(\n pgettext(\n \"post thread\",\n \"Are you sure you want to discard private thread?\"\n )\n )\n if (cancel) {\n this.close()\n }\n }\n\n onToChange = (event) => {\n this.changeValue(\"to\", event.target.value)\n }\n\n onTitleChange = (event) => {\n this.changeValue(\"title\", event.target.value)\n }\n\n onPostChange = (event) => {\n this.changeValue(\"post\", event.target.value)\n }\n\n onAttachmentsChange = (attachments) => {\n this.setState(attachments)\n }\n\n clean() {\n if (!cleanUsernames(this.state.to).length) {\n snackbar.error(\n pgettext(\"posting form\", \"You have to enter at least one recipient.\")\n )\n return false\n }\n\n if (!this.state.title.trim().length) {\n snackbar.error(\n pgettext(\"posting form\", \"You have to enter thread title.\")\n )\n return false\n }\n\n if (!this.state.post.trim().length) {\n snackbar.error(pgettext(\"posting form\", \"You have to enter a message.\"))\n return false\n }\n\n const errors = this.validate()\n\n if (errors.title) {\n snackbar.error(errors.title[0])\n return false\n }\n\n if (errors.post) {\n snackbar.error(errors.post[0])\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.submit, {\n to: cleanUsernames(this.state.to),\n title: this.state.title,\n post: this.state.post,\n attachments: attachments.clean(this.state.attachments),\n })\n }\n\n handleSuccess(success) {\n this.setState({ isLoading: true })\n this.close()\n\n snackbar.success(pgettext(\"post thread\", \"Your thread has been posted.\"))\n window.location = success.url\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n const errors = [].concat(\n rejection.non_field_errors || [],\n rejection.to || [],\n rejection.title || [],\n rejection.post || [],\n rejection.attachments || []\n )\n\n snackbar.error(errors[0])\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n close = () => {\n this.minimize()\n posting.close()\n }\n\n minimize = () => {\n this.setState({ fullscreen: false, minimized: true })\n }\n\n open = () => {\n this.setState({ minimized: false })\n if (this.state.fullscreen) {\n }\n }\n\n fullscreenEnter = () => {\n this.setState({ fullscreen: true, minimized: false })\n }\n\n fullscreenExit = () => {\n this.setState({ fullscreen: false, minimized: false })\n }\n\n render() {\n const dialogProps = {\n minimized: this.state.minimized,\n minimize: this.minimize,\n open: this.open,\n\n fullscreen: this.state.fullscreen,\n fullscreenEnter: this.fullscreenEnter,\n fullscreenExit: this.fullscreenExit,\n\n close: this.onCancel,\n }\n\n return (\n \n
    \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
    \n )\n }\n}\n\nconst PostingDialogStartPrivate = ({\n children,\n close,\n minimized,\n minimize,\n open,\n fullscreen,\n fullscreenEnter,\n fullscreenExit,\n}) => (\n \n \n {pgettext(\"post thread\", \"Start private thread\")}\n \n {children}\n \n)\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport * as attachments from \"./utils/attachments\"\nimport { getPostValidators } from \"./utils/validators\"\nimport ajax from \"misago/services/ajax\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport MarkupEditor from \"../MarkupEditor\"\nimport PostingDialog from \"./PostingDialog\"\nimport PostingDialogBody from \"./PostingDialogBody\"\nimport PostingDialogError from \"./PostingDialogError\"\nimport PostingDialogHeader from \"./PostingDialogHeader\"\nimport { clearGlobalState, setGlobalState } from \"./globalState\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isLoading: false,\n\n error: null,\n\n minimized: false,\n fullscreen: false,\n\n post: this.props.default || \"\",\n attachments: [],\n\n validators: {\n post: getPostValidators(),\n },\n errors: {},\n }\n\n this.quoteText = \"\"\n }\n\n componentDidMount() {\n ajax\n .get(this.props.config, this.props.context || null)\n .then(this.loadSuccess, this.loadError)\n\n setGlobalState(false, this.onQuote)\n }\n\n componentWillUnmount() {\n clearGlobalState()\n }\n\n componentWillReceiveProps(nextProps) {\n const context = this.props.context\n const newContext = nextProps.context\n\n // User clicked \"reply\" instead of \"quote\"\n if (context && newContext && !newContext.reply) return\n\n ajax\n .get(nextProps.config, nextProps.context || null)\n .then(this.appendData, snackbar.apiError)\n }\n\n loadSuccess = (data) => {\n this.setState({\n isReady: true,\n\n post: data.post\n ? '[quote=\"@' + data.poster + '\"]\\n' + data.post + \"\\n[/quote]\"\n : this.state.post,\n })\n\n this.quoteText = data.post\n ? '[quote=\"@' + data.poster + '\"]\\n' + data.post + \"\\n[/quote]\"\n : this.state.post\n }\n\n loadError = (rejection) => {\n this.setState({\n error: rejection.detail,\n })\n }\n\n appendData = (data) => {\n const newPost = data.post\n ? '[quote=\"@' + data.poster + '\"]\\n' + data.post + \"\\n[/quote]\\n\\n\"\n : \"\"\n\n this.setState((prevState, props) => {\n if (prevState.post.length > 0) {\n return {\n post: prevState.post.trim() + \"\\n\\n\" + newPost,\n }\n }\n\n return {\n post: newPost,\n }\n })\n\n this.open()\n }\n\n onCancel = () => {\n // If only the quote text is on editor user didn't add anything\n // so no changes to discard\n const onlyQuoteTextInEditor = this.state.post === this.quoteText\n\n if (onlyQuoteTextInEditor && this.state.attachments.length === 0) {\n return this.close()\n }\n\n const cancel = window.confirm(\n pgettext(\"post reply\", \"Are you sure you want to discard your reply?\")\n )\n if (cancel) {\n this.close()\n }\n }\n\n onPostChange = (event) => {\n this.changeValue(\"post\", event.target.value)\n }\n\n onAttachmentsChange = (attachments) => {\n this.setState(attachments)\n }\n\n onQuote = (quote) => {\n this.setState(({ post }) => {\n if (post.length > 0) {\n return { post: post.trim() + \"\\n\\n\" + quote }\n }\n\n return { post: quote }\n })\n\n this.open()\n }\n\n clean() {\n if (!this.state.post.trim().length) {\n snackbar.error(pgettext(\"posting form\", \"You have to enter a message.\"))\n return false\n }\n\n const errors = this.validate()\n\n if (errors.post) {\n snackbar.error(errors.post[0])\n return false\n }\n\n return true\n }\n\n send() {\n setGlobalState(true, this.onQuote)\n\n return ajax.post(this.props.submit, {\n post: this.state.post,\n attachments: attachments.clean(this.state.attachments),\n })\n }\n\n handleSuccess(success) {\n this.setState({ isLoading: true })\n this.close()\n\n setGlobalState(false, this.onQuote)\n\n snackbar.success(pgettext(\"post reply\", \"Your reply has been posted.\"))\n window.location = success.url.index\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n const errors = [].concat(\n rejection.non_field_errors || [],\n rejection.post || [],\n rejection.attachments || []\n )\n\n snackbar.error(errors[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n setGlobalState(false, this.onQuote)\n }\n\n close = () => {\n this.minimize()\n posting.close()\n }\n\n minimize = () => {\n this.setState({ fullscreen: false, minimized: true })\n }\n\n open = () => {\n this.setState({ minimized: false })\n if (this.state.fullscreen) {\n }\n }\n\n fullscreenEnter = () => {\n this.setState({ fullscreen: true, minimized: false })\n }\n\n fullscreenExit = () => {\n this.setState({ fullscreen: false, minimized: false })\n }\n\n render() {\n const dialogProps = {\n thread: this.props.thread,\n\n minimized: this.state.minimized,\n minimize: this.minimize,\n open: this.open,\n\n fullscreen: this.state.fullscreen,\n fullscreenEnter: this.fullscreenEnter,\n fullscreenExit: this.fullscreenExit,\n\n close: this.onCancel,\n }\n\n if (this.state.error) {\n return (\n \n \n \n )\n }\n\n if (!this.state.isReady) {\n return (\n \n
    \n {}}\n onChange={() => {}}\n />\n
    \n     \n )\n }\n\n return (\n \n \n \n \n \n )\n }\n}\n\nconst PostingDialogReply = ({\n children,\n close,\n minimized,\n minimize,\n open,\n fullscreen,\n fullscreenEnter,\n fullscreenExit,\n thread,\n}) => (\n \n \n {interpolate(\n pgettext(\"post reply\", \"Reply to: %(thread)s\"),\n { thread: thread.title },\n true\n )}\n \n {children}\n \n)\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport * as attachments from \"./utils/attachments\"\nimport { getPostValidators } from \"./utils/validators\"\nimport ajax from \"misago/services/ajax\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport MarkupEditor from \"../MarkupEditor\"\nimport PostingDialog from \"./PostingDialog\"\nimport PostingDialogBody from \"./PostingDialogBody\"\nimport PostingDialogError from \"./PostingDialogError\"\nimport PostingDialogHeader from \"./PostingDialogHeader\"\nimport { clearGlobalState, setGlobalState } from \"./globalState\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isLoading: false,\n\n error: false,\n\n minimized: false,\n fullscreen: false,\n\n post: \"\",\n attachments: [],\n protect: false,\n\n canProtect: false,\n\n validators: {\n post: getPostValidators(),\n },\n errors: {},\n }\n\n this.originalPost = \"\"\n }\n\n componentDidMount() {\n ajax.get(this.props.config).then(this.loadSuccess, this.loadError)\n\n setGlobalState(false, this.onQuote)\n }\n\n componentWillUnmount() {\n clearGlobalState()\n }\n\n componentWillReceiveProps(nextProps) {\n const context = this.props.context\n const newContext = nextProps.context\n\n if (context && newContext && context.reply === newContext.reply) return\n\n ajax\n .get(nextProps.config, nextProps.context || null)\n .then(this.appendData, snackbar.apiError)\n }\n\n loadSuccess = (data) => {\n this.originalPost = data.post\n\n this.setState({\n isReady: true,\n\n post: data.post,\n attachments: attachments.hydrate(data.attachments),\n protect: data.is_protected,\n\n canProtect: data.can_protect,\n })\n }\n\n loadError = (rejection) => {\n this.setState({\n error: rejection.detail,\n })\n }\n\n appendData = (data) => {\n const newPost = data.post\n ? '[quote=\"@' + data.poster + '\"]\\n' + data.post + \"\\n[/quote]\\n\\n\"\n : \"\"\n\n this.setState((prevState, props) => {\n if (prevState.post.length > 0) {\n return {\n post: prevState.post.trim() + \"\\n\\n\" + newPost,\n }\n }\n\n return {\n post: newPost,\n }\n })\n\n this.open()\n }\n\n onCancel = () => {\n const originalPostSameAsCurrentPost =\n this.state.originalPost === this.state.post\n const noAttachementsAdded = this.state.attachments.length === 0\n\n if (originalPostSameAsCurrentPost && noAttachementsAdded) {\n return this.close()\n }\n\n const cancel = window.confirm(\n pgettext(\"edit reply\", \"Are you sure you want to discard changes?\")\n )\n if (cancel) {\n this.close()\n }\n }\n\n onProtect = () => {\n this.setState({\n protect: true,\n })\n }\n\n onUnprotect = () => {\n this.setState({\n protect: false,\n })\n }\n\n onPostChange = (event) => {\n this.changeValue(\"post\", event.target.value)\n }\n\n onAttachmentsChange = (attachments) => {\n this.setState(attachments)\n }\n\n onQuote = (quote) => {\n this.setState(({ post }) => {\n if (post.length > 0) {\n return { post: post.trim() + \"\\n\\n\" + quote }\n }\n\n return { post: quote }\n })\n\n this.open()\n }\n\n clean() {\n if (!this.state.post.trim().length) {\n snackbar.error(pgettext(\"posting form\", \"You have to enter a message.\"))\n return false\n }\n\n const errors = this.validate()\n\n if (errors.post) {\n snackbar.error(errors.post[0])\n return false\n }\n\n return true\n }\n\n send() {\n setGlobalState(true, this.onQuote)\n\n return ajax.put(this.props.submit, {\n post: this.state.post,\n attachments: attachments.clean(this.state.attachments),\n protect: this.state.protect,\n })\n }\n\n handleSuccess(success) {\n this.setState({ isLoading: true })\n this.close()\n\n setGlobalState(false, this.onQuote)\n\n snackbar.success(pgettext(\"edit reply\", \"Reply has been edited.\"))\n window.location = success.url.index\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n const errors = [].concat(\n rejection.non_field_errors || [],\n rejection.category || [],\n rejection.title || [],\n rejection.post || [],\n rejection.attachments || []\n )\n\n snackbar.error(errors[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n setGlobalState(false, this.onQuote)\n }\n\n close = () => {\n this.minimize()\n posting.close()\n }\n\n minimize = () => {\n this.setState({ fullscreen: false, minimized: true })\n }\n\n open = () => {\n this.setState({ minimized: false })\n if (this.state.fullscreen) {\n }\n }\n\n fullscreenEnter = () => {\n this.setState({ fullscreen: true, minimized: false })\n }\n\n fullscreenExit = () => {\n this.setState({ fullscreen: false, minimized: false })\n }\n\n render() {\n const dialogProps = {\n post: this.props.post,\n\n minimized: this.state.minimized,\n minimize: this.minimize,\n open: this.open,\n\n fullscreen: this.state.fullscreen,\n fullscreenEnter: this.fullscreenEnter,\n fullscreenExit: this.fullscreenExit,\n\n close: this.onCancel,\n }\n\n if (this.state.error) {\n return (\n \n \n \n )\n }\n\n if (!this.state.isReady) {\n return (\n \n
    \n {}}\n onChange={() => {}}\n />\n
    \n     \n )\n }\n\n return (\n \n \n this.setState({ protect: true })}\n disableProtection={() => this.setState({ protect: false })}\n value={this.state.post}\n submitText={pgettext(\"edit reply submit\", \"Edit reply\")}\n disabled={this.state.isLoading}\n onAttachmentsChange={this.onAttachmentsChange}\n onChange={this.onPostChange}\n />\n \n \n )\n }\n}\n\nconst PostingDialogEditReply = ({\n children,\n close,\n minimized,\n minimize,\n open,\n fullscreen,\n fullscreenEnter,\n fullscreenExit,\n post,\n}) => (\n \n \n {interpolate(\n pgettext(\"edit reply\", \"Edit reply by %(poster)s from %(date)s\"),\n {\n poster: post.poster ? post.poster.username : post.poster_name,\n date: post.posted_on.fromNow(),\n },\n true\n )}\n \n {children}\n \n)\n","import React from \"react\"\nimport PostingQuoteSelection from \"./PostingQuoteSelection\"\nimport getQuoteMarkup from \"./getQuoteMarkup\"\nimport { clearGlobalState, getGlobalState, setGlobalState } from \"./globalState\"\nimport Start from \"./start\"\nimport StartPrivate from \"./start-private\"\nimport Reply from \"./reply\"\nimport Edit from \"./edit\"\n\nexport default function (props) {\n switch (props.mode) {\n case \"START\":\n return \n\n case \"START_PRIVATE\":\n return \n\n case \"REPLY\":\n return \n\n case \"EDIT\":\n return \n\n default:\n return null\n }\n}\n\nexport {\n PostingQuoteSelection,\n clearGlobalState,\n getGlobalState,\n getQuoteMarkup,\n setGlobalState,\n}\n","import { maxLength, minLength } from \"misago/utils/validators\"\nimport misago from \"misago\"\n\nexport function getTitleValidators() {\n return [getTitleLengthMin(), getTitleLengthMax()]\n}\n\nexport function getPostValidators() {\n if (misago.get(\"SETTINGS\").post_length_max) {\n return [validatePostLengthMin(), validatePostLengthMax()]\n } else {\n return [validatePostLengthMin()]\n }\n}\n\nexport function getTitleLengthMin() {\n return minLength(\n misago.get(\"SETTINGS\").thread_title_length_min,\n (limitValue, length) => {\n const message = npgettext(\n \"thread title length validator\",\n \"Thread title should be at least %(limit_value)s character long (it has %(show_value)s).\",\n \"Thread title should be at least %(limit_value)s characters long (it has %(show_value)s).\",\n limitValue\n )\n\n return interpolate(\n message,\n {\n limit_value: limitValue,\n show_value: length,\n },\n true\n )\n }\n )\n}\n\nexport function getTitleLengthMax() {\n return maxLength(\n misago.get(\"SETTINGS\").thread_title_length_max,\n (limitValue, length) => {\n const message = npgettext(\n \"thread title length validator\",\n \"Thread title cannot be longer than %(limit_value)s character (it has %(show_value)s).\",\n \"Thread title cannot be longer than %(limit_value)s characters (it has %(show_value)s).\",\n limitValue\n )\n\n return interpolate(\n message,\n {\n limit_value: limitValue,\n show_value: length,\n },\n true\n )\n }\n )\n}\n\nexport function validatePostLengthMin() {\n return minLength(\n misago.get(\"SETTINGS\").post_length_min,\n (limitValue, length) => {\n const message = npgettext(\n \"post length validator\",\n \"Posted message should be at least %(limit_value)s character long (it has %(show_value)s).\",\n \"Posted message should be at least %(limit_value)s characters long (it has %(show_value)s).\",\n limitValue\n )\n\n return interpolate(\n message,\n {\n limit_value: limitValue,\n show_value: length,\n },\n true\n )\n }\n )\n}\n\nexport function validatePostLengthMax() {\n return maxLength(\n misago.get(\"SETTINGS\").post_length_max || 1000000,\n (limitValue, length) => {\n const message = npgettext(\n \"post length validator\",\n \"Posted message cannot be longer than %(limit_value)s character (it has %(show_value)s).\",\n \"Posted message cannot be longer than %(limit_value)s characters (it has %(show_value)s).\",\n limitValue\n )\n\n return interpolate(\n message,\n {\n limit_value: limitValue,\n show_value: length,\n },\n true\n )\n }\n )\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getChoice() {\n let choice = null\n this.props.choices.map((item) => {\n if (item.value === this.props.value) {\n choice = item\n }\n })\n return choice\n }\n\n getIcon() {\n return this.getChoice().icon\n }\n\n getLabel() {\n return this.getChoice().label\n }\n\n change = (value) => {\n return () => {\n this.props.onChange({\n target: {\n value: value,\n },\n })\n }\n }\n\n render() {\n return (\n
    \n \n \n {this.getLabel()}\n \n
      \n {this.props.choices.map((item, i) => {\n return (\n
    • \n \n \n {item.label}\n \n
      • \n )\n })}\n
    \n
    \n )\n }\n}\n\nexport function Icon({ icon }) {\n if (!icon) return null\n\n return {icon}\n}\n","import React from \"react\"\nimport misago from \"misago/index\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport StartSocialAuth from \"misago/components/StartSocialAuth\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport showBannedPage from \"misago/utils/banned-page\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n showActivation: false,\n\n username: \"\",\n password: \"\",\n\n validators: {\n username: [],\n password: [],\n },\n }\n }\n\n clean() {\n if (!this.isValid()) {\n snackbar.error(pgettext(\"sign in modal\", \"Fill out both fields.\"))\n return false\n } else {\n return true\n }\n }\n\n send() {\n return ajax.post(misago.get(\"AUTH_API\"), {\n username: this.state.username,\n password: this.state.password,\n })\n }\n\n handleSuccess() {\n let form = $(\"#hidden-login-form\")\n\n form.append('')\n form.append('')\n\n // fill out form with user credentials and submit it, this will tell\n // Misago to redirect user back to right page, and will trigger browser's\n // key ring feature\n form.find('input[type=\"hidden\"]').val(ajax.getCsrfToken())\n form.find('input[name=\"redirect_to\"]').val(window.location.pathname)\n form.find('input[name=\"username\"]').val(this.state.username)\n form.find('input[name=\"password\"]').val(this.state.password)\n form.submit()\n\n // keep form loading\n this.setState({\n isLoading: true,\n })\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n if (rejection.code === \"inactive_admin\") {\n snackbar.info(rejection.detail)\n } else if (rejection.code === \"inactive_user\") {\n snackbar.info(rejection.detail)\n this.setState({\n showActivation: true,\n })\n } else if (rejection.code === \"banned\") {\n showBannedPage(rejection.detail)\n modal.hide()\n } else {\n snackbar.error(rejection.detail)\n }\n } else if (rejection.status === 403 && rejection.ban) {\n showBannedPage(rejection.ban)\n modal.hide()\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n getActivationButton() {\n if (!this.state.showActivation) return null\n\n return (\n \n {pgettext(\"sign in modal btn\", \"Activate account\")}\n \n )\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"sign in modal title\", \"Sign in\")}\n

    \n
    \n
    \n
    \n \n\n
    \n
    \n \n
    \n
    \n\n
    \n
    \n \n
    \n
    \n
    \n
    \n {this.getActivationButton()}\n \n {pgettext(\"sign in modal btn\", \"Sign in\")}\n \n \n {pgettext(\"sign in modal btn\", \"Forgot password?\")}\n \n
    \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getClass() {\n return getStatusClassName(this.props.status)\n }\n\n render() {\n return {this.props.children}\n }\n}\n\nexport class StatusIcon extends React.Component {\n getIcon() {\n if (this.props.status.is_banned) {\n return \"remove_circle_outline\"\n } else if (this.props.status.is_hidden) {\n return \"help_outline\"\n } else if (this.props.status.is_online_hidden) {\n return \"label\"\n } else if (this.props.status.is_offline_hidden) {\n return \"label_outline\"\n } else if (this.props.status.is_online) {\n return \"lens\"\n } else if (this.props.status.is_offline) {\n return \"panorama_fish_eye\"\n }\n }\n\n render() {\n return {this.getIcon()}\n }\n}\n\nexport class StatusLabel extends React.Component {\n getHelp() {\n return getStatusDescription(this.props.user, this.props.status)\n }\n\n getLabel() {\n if (this.props.status.is_banned) {\n return pgettext(\"user status\", \"Banned\")\n } else if (this.props.status.is_hidden) {\n return pgettext(\"user status\", \"Hidden\")\n } else if (this.props.status.is_online_hidden) {\n return pgettext(\"user status\", \"Online (hidden)\")\n } else if (this.props.status.is_offline_hidden) {\n return pgettext(\"user status\", \"Offline (hidden)\")\n } else if (this.props.status.is_online) {\n return pgettext(\"user status\", \"Online\")\n } else if (this.props.status.is_offline) {\n return pgettext(\"user status\", \"Offline\")\n }\n }\n\n render() {\n return (\n \n {this.getLabel()}\n \n )\n }\n}\n\nexport function getStatusClassName(status) {\n let className = \"\"\n if (status.is_banned) {\n className = \"banned\"\n } else if (status.is_hidden) {\n className = \"offline\"\n } else if (status.is_online_hidden) {\n className = \"online\"\n } else if (status.is_offline_hidden) {\n className = \"offline\"\n } else if (status.is_online) {\n className = \"online\"\n } else if (status.is_offline) {\n className = \"offline\"\n }\n\n return \"user-status user-\" + className\n}\n\nexport function getStatusDescription(user, status) {\n if (status.is_banned) {\n if (status.banned_until) {\n return interpolate(\n pgettext(\"user status\", \"%(username)s is banned until %(ban_expires)s\"),\n {\n username: user.username,\n ban_expires: status.banned_until.format(\"LL, LT\"),\n },\n true\n )\n } else {\n return interpolate(\n pgettext(\"user status\", \"%(username)s is banned\"),\n {\n username: user.username,\n },\n true\n )\n }\n } else if (status.is_hidden) {\n return interpolate(\n pgettext(\"user status\", \"%(username)s is hiding presence\"),\n {\n username: user.username,\n },\n true\n )\n } else if (status.is_online_hidden) {\n return interpolate(\n pgettext(\"user status\", \"%(username)s is online (hidden)\"),\n {\n username: user.username,\n },\n true\n )\n } else if (status.is_offline_hidden) {\n return interpolate(\n pgettext(\n \"user status\",\n \"%(username)s was last seen %(last_click)s (hidden)\"\n ),\n {\n username: user.username,\n last_click: status.last_click.fromNow(),\n },\n true\n )\n } else if (status.is_online) {\n return interpolate(\n pgettext(\"user status\", \"%(username)s is online\"),\n {\n username: user.username,\n },\n true\n )\n } else if (status.is_offline) {\n return interpolate(\n pgettext(\"user status\", \"%(username)s was last seen %(last_click)s\"),\n {\n username: user.username,\n last_click: status.last_click.fromNow(),\n },\n true\n )\n }\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getEmptyMessage() {\n if (this.props.emptyMessage) {\n return this.props.emptyMessage\n } else {\n return pgettext(\n \"username history empty\",\n \"Your account has no history of name changes.\"\n )\n }\n }\n\n render() {\n return (\n
    \n
      \n
    • \n {this.getEmptyMessage()}\n
      • \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\n\nexport default class extends React.Component {\n renderUserAvatar() {\n if (this.props.change.changed_by) {\n return (\n \n \n \n )\n } else {\n return (\n \n \n \n )\n }\n }\n\n renderUsername() {\n if (this.props.change.changed_by) {\n return (\n \n {this.props.change.changed_by.username}\n \n )\n } else {\n return (\n \n {this.props.change.changed_by_username}\n \n )\n }\n }\n\n render() {\n return (\n
  • \n
    {this.renderUserAvatar()}
    \n
    {this.renderUsername()}
    \n
    \n {this.props.change.old_username}\n arrow_forward\n {this.props.change.new_username}\n
    \n
    \n \n {this.props.change.changed_on.fromNow()}\n \n
    \n
    • \n )\n }\n}\n","import React from \"react\"\nimport Change from \"misago/components/username-history/change\"\n\nexport default class extends React.Component {\n render() {\n return (\n
    \n
      \n {this.props.changes.map((change) => {\n return \n })}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport * as random from \"misago/utils/random\"\n\nexport default class extends React.Component {\n shouldComponentUpdate() {\n return false\n }\n\n getClassName() {\n if (this.props.hiddenOnMobile) {\n return \"list-group-item hidden-xs hidden-sm\"\n } else {\n return \"list-group-item\"\n }\n }\n\n render() {\n return (\n
  • \n
    \n \n \n \n
    \n
    \n \n  \n \n
    \n
    \n \n  \n \n arrow_forward\n \n  \n \n
    \n
    \n \n  \n \n
    \n
    • \n )\n }\n}\n","import React from \"react\"\nimport ChangePreview from \"misago/components/username-history/change-preview\"\n\nexport default class extends React.Component {\n shouldComponentUpdate() {\n return false\n }\n\n render() {\n return (\n
    \n
      \n {[0, 1, 2].map((i) => {\n return 0} key={i} />\n })}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport ListEmpty from \"misago/components/username-history/list-empty\"\nimport ListReady from \"misago/components/username-history/list-ready\"\nimport ListPreview from \"misago/components/username-history/list-preview\"\n\nexport default class extends React.Component {\n render() {\n if (this.props.isLoaded) {\n if (this.props.changes.length) {\n return \n } else {\n return \n }\n } else {\n return \n }\n }\n}\n","import React from \"react\"\nimport UserStatus, { StatusLabel } from \"misago/components/user-status\"\n\nexport default function ({ showStatus, user }) {\n return (\n
      \n \n \n
    • \n \n \n \n
    \n )\n}\n\nexport function Status({ showStatus, user }) {\n if (!showStatus) return null\n\n return (\n
  • \n \n \n \n
    • \n )\n}\n\nexport function JoinDate({ user }) {\n const { joined_on } = user\n\n let title = interpolate(\n pgettext(\"users list item\", \"Joined on %(joined_on)s\"),\n {\n joined_on: joined_on.format(\"LL, LT\"),\n },\n true\n )\n\n let message = interpolate(\n pgettext(\"users list item\", \"Joined %(joined_on)s\"),\n {\n joined_on: joined_on.fromNow(),\n },\n true\n )\n\n return (\n
  • \n {message}\n
    • \n )\n}\n\nexport function Posts({ user }) {\n const className = getStatClassName(\"user-stat-posts\", user.posts)\n const message = npgettext(\n \"users list item\",\n \"%(posts)s post\",\n \"%(posts)s posts\",\n user.posts\n )\n\n return (\n
  • \n {interpolate(\n message,\n {\n posts: user.posts,\n },\n true\n )}\n
    • \n )\n}\n\nexport function Threads({ user }) {\n const className = getStatClassName(\"user-stat-threads\", user.threads)\n const message = npgettext(\n \"users list item\",\n \"%(threads)s thread\",\n \"%(threads)s threads\",\n user.threads\n )\n\n return (\n
  • \n {interpolate(\n message,\n {\n threads: user.threads,\n },\n true\n )}\n
    • \n )\n}\n\nexport function Followers({ user }) {\n const className = getStatClassName(\"user-stat-followers\", user.followers)\n const message = npgettext(\n \"users list item\",\n \"%(followers)s follower\",\n \"%(followers)s followers\",\n user.followers\n )\n\n return (\n
  • \n {interpolate(\n message,\n {\n followers: user.followers,\n },\n true\n )}\n
    • \n )\n}\n\nexport function getStatClassName(className, stat) {\n if (stat === 0) {\n return className + \" user-stat-empty\"\n }\n return className\n}\n","import React from \"react\"\n\nexport default function ({ rank, title }) {\n let userTitle = title || rank.title || rank.name\n\n let className = \"user-title\"\n if (rank.css_class) {\n className += \" user-title-\" + rank.css_class\n }\n\n if (rank.is_tab) {\n return (\n \n {userTitle}\n \n )\n }\n\n return {userTitle}\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport Stats from \"./stats\"\nimport UserTitle from \"./user-title\"\n\nexport default function ({ showStatus, user }) {\n const { rank } = user\n\n let className = \"panel user-card\"\n if (rank.css_class) {\n className += \" user-card-\" + rank.css_class\n }\n\n return (\n
    \n
    \n
    \n
    \n
    \n \n \n \n
    \n
    \n
    \n
    \n \n \n \n
    \n\n \n
    \n \n
    \n\n
    \n \n
    \n
    \n
    \n
    \n
    \n )\n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport * as random from \"misago/utils/random\"\n\nexport default class extends React.Component {\n shouldComponentUpdate() {\n return false\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n
    \n \n \n \n
    \n
    \n
    \n
    \n \n \n \n
    \n\n
    \n \n  \n \n
    \n
    \n \n  \n \n
    \n\n
    \n
      \n
    • \n \n  \n \n
      • \n
    • \n \n  \n \n
      • \n
    • \n
    • \n \n  \n \n
      • \n
    • \n \n  \n \n
      • \n
    \n
    \n
    \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Card from \"./card\"\n\nexport default function ({ colClassName, cols }) {\n const list = Array.apply(null, { length: cols }).map(Number.call, Number)\n\n return (\n
    \n
    \n {list.map((i) => {\n let className = colClassName\n if (i !== 0) className += \" hidden-xs\"\n if (i === 3) className += \" hidden-sm\"\n\n return (\n
    \n \n
    \n )\n })}\n
    \n
    \n )\n}\n","import React from \"react\"\nimport Card from \"./card\"\nimport Preview from \"./preview\"\n\nexport default function ({ cols, isReady, showStatus, users }) {\n let colClassName = \"col-xs-12 col-sm-4\"\n if (cols === 4) {\n colClassName += \" col-md-3\"\n }\n\n if (!isReady) {\n return \n }\n\n return (\n
    \n
    \n {users.map((user) => {\n return (\n
    \n \n
    \n )\n })}\n
    \n
    \n )\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n dropdown: false,\n }\n }\n\n toggleNav = () => {\n this.setState({\n dropdown: !this.state.dropdown,\n })\n }\n\n hideNav = () => {\n this.setState({\n dropdown: false,\n })\n }\n\n getCompactNavClassName() {\n if (this.state.dropdown) {\n return \"compact-nav open\"\n } else {\n return \"compact-nav\"\n }\n }\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getClassName() {\n if (this.props.value) {\n return \"btn btn-yes-no btn-yes-no-on\"\n } else {\n return \"btn btn-yes-no btn-yes-no-off\"\n }\n }\n\n getIcon() {\n if (!!this.props.value) {\n return this.props.iconOn || \"check_box\"\n } else {\n return this.props.iconOff || \"check_box_outline_blank\"\n }\n }\n\n getLabel() {\n if (!!this.props.value) {\n return this.props.labelOn || pgettext(\"yesno switch choice\", \"yes\")\n } else {\n return this.props.labelOff || pgettext(\"yesno switch choice\", \"no\")\n }\n }\n\n toggle = () => {\n this.props.onChange({\n target: {\n value: !this.props.value,\n },\n })\n }\n\n render() {\n return (\n \n {this.getIcon()}\n {this.getLabel()}\n \n )\n }\n}\n","export const locale = window.misago_locale || \"en-us\"\n\nexport const momentAgo = pgettext(\"time ago\", \"moment ago\")\nexport const momentAgoNarrow = pgettext(\"time ago\", \"now\")\nexport const dayAt = pgettext(\"day at time\", \"%(day)s at %(time)s\")\nexport const tomorrowAt = pgettext(\"day at time\", \"Tomorrow at %(time)s\")\nexport const yesterdayAt = pgettext(\"day at time\", \"Yesterday at %(time)s\")\n\nexport const minuteCompact = pgettext(\"short minutes\", \"%(time)sm\")\nexport const hourCompact = pgettext(\"short hours\", \"%(time)sh\")\nexport const dayCompact = pgettext(\"short days\", \"%(time)sd\")\n\nexport const relativeNumeric = new Intl.RelativeTimeFormat(locale, {\n numeric: \"always\",\n style: \"long\",\n})\n\nexport const relativeAuto = new Intl.RelativeTimeFormat(locale, {\n numeric: \"auto\",\n style: \"long\",\n})\n\nexport const fullDateTime = new Intl.DateTimeFormat(locale, {\n dateStyle: \"full\",\n timeStyle: \"medium\",\n})\n\nexport const thisYearDate = new Intl.DateTimeFormat(locale, {\n month: \"long\",\n day: \"numeric\",\n})\n\nexport const thisYearDateNarrow = new Intl.DateTimeFormat(locale, {\n month: \"short\",\n day: \"numeric\",\n})\n\nexport const otherYearDate = new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n})\n\nexport const otherYearDateNarrow = new Intl.DateTimeFormat(locale, {\n year: \"2-digit\",\n month: \"short\",\n})\n\nexport const weekday = new Intl.DateTimeFormat(locale, {\n weekday: \"long\",\n})\n\nexport const shortTime = new Intl.DateTimeFormat(locale, { timeStyle: \"short\" })\n\nexport function formatNarrow(date) {\n const now = new Date()\n const absDiff = Math.abs(Math.round((date - now) / 1000))\n\n if (absDiff < 60) {\n return momentAgoNarrow\n }\n\n if (absDiff < 60 * 55) {\n const minutes = Math.ceil(absDiff / 60)\n return minuteCompact.replace(\"%(time)s\", minutes)\n }\n\n if (absDiff < 3600 * 24) {\n const hours = Math.ceil(absDiff / 3600)\n return hourCompact.replace(\"%(time)s\", hours)\n }\n\n if (absDiff < 86400 * 7) {\n const days = Math.ceil(absDiff / 86400)\n return dayCompact.replace(\"%(time)s\", days)\n }\n\n if (date.getFullYear() === now.getFullYear()) {\n return thisYearDateNarrow.format(date)\n }\n\n return otherYearDateNarrow.format(date)\n}\n\nexport function formatRelative(date) {\n const now = new Date()\n const diff = Math.round((date - now) / 1000)\n const absDiff = Math.abs(diff)\n const sign = diff < 1 ? -1 : 1\n\n if (absDiff < 90) {\n return momentAgo\n }\n\n if (absDiff < 60 * 47) {\n const minutes = Math.ceil(absDiff / 60) * sign\n return relativeNumeric.format(minutes, \"minute\")\n }\n\n if (absDiff < 3600 * 3) {\n const hours = Math.ceil(absDiff / 3600) * sign\n return relativeNumeric.format(hours, \"hour\")\n }\n\n if (isSameDay(now, date)) {\n return shortTime.format(date)\n }\n\n if (isYesterday(date)) {\n return yesterdayAt.replace(\"%(time)s\", shortTime.format(date))\n }\n\n if (isTomorrow(date)) {\n return tomorrowAt.replace(\"%(time)s\", shortTime.format(date))\n }\n\n if (diff < 0 && absDiff < 3600 * 24 * 6) {\n const day = weekday.format(date)\n return formatDayAtTime(day, date)\n }\n\n if (now.getFullYear() == date.getFullYear()) {\n return thisYearDate.format(date)\n }\n\n return otherYearDate.format(date)\n}\n\nexport function isSameDay(now, date) {\n return (\n now.getFullYear() == date.getFullYear() &&\n now.getMonth() == date.getMonth() &&\n now.getDate() == date.getDate()\n )\n}\n\nexport function isYesterday(date) {\n const yesterday = new Date()\n yesterday.setDate(yesterday.getDate() - 1)\n return isSameDay(yesterday, date)\n}\n\nexport function isTomorrow(date) {\n const yesterday = new Date()\n yesterday.setDate(yesterday.getDate() + 1)\n return isSameDay(yesterday, date)\n}\n\nexport function formatDayAtTime(day, date) {\n return dayAt\n .replace(\"%(day)s\", day)\n .replace(\"%(time)s\", shortTime.format(date))\n}\n","class OrderedList {\n constructor(items) {\n this.isOrdered = false\n this._items = items || []\n }\n\n add(key, item, order) {\n this._items.push({\n key: key,\n item: item,\n\n after: order ? order.after || null : null,\n before: order ? order.before || null : null,\n })\n }\n\n get(key, value) {\n for (var i = 0; i < this._items.length; i++) {\n if (this._items[i].key === key) {\n return this._items[i].item\n }\n }\n\n return value\n }\n\n has(key) {\n return this.get(key) !== undefined\n }\n\n values() {\n var values = []\n for (var i = 0; i < this._items.length; i++) {\n values.push(this._items[i].item)\n }\n return values\n }\n\n order(values_only) {\n if (!this.isOrdered) {\n this._items = this._order(this._items)\n this.isOrdered = true\n }\n\n if (values_only || typeof values_only === \"undefined\") {\n return this.values()\n } else {\n return this._items\n }\n }\n\n orderedValues() {\n return this.order(true)\n }\n\n _order(unordered) {\n // Index of unordered items\n var index = []\n unordered.forEach(function (item) {\n index.push(item.key)\n })\n\n // Ordered items\n var ordered = []\n var ordering = []\n\n // First pass: register items that\n // don't specify their order\n unordered.forEach(function (item) {\n if (!item.after && !item.before) {\n ordered.push(item)\n ordering.push(item.key)\n }\n })\n\n // Second pass: register items that\n // specify their before to \"_end\"\n unordered.forEach(function (item) {\n if (item.before === \"_end\") {\n ordered.push(item)\n ordering.push(item.key)\n }\n })\n\n // Third pass: keep iterating items\n // until we hit iterations limit or finish\n // ordering list\n function insertItem(item) {\n var insertAt = -1\n if (ordering.indexOf(item.key) === -1) {\n if (item.after) {\n insertAt = ordering.indexOf(item.after)\n if (insertAt !== -1) {\n insertAt += 1\n }\n } else if (item.before) {\n insertAt = ordering.indexOf(item.before)\n }\n\n if (insertAt !== -1) {\n ordered.splice(insertAt, 0, item)\n ordering.splice(insertAt, 0, item.key)\n }\n }\n }\n\n var iterations = 200\n while (iterations > 0 && index.length !== ordering.length) {\n iterations -= 1\n unordered.forEach(insertItem)\n }\n\n return ordered\n }\n}\n\nexport default OrderedList\n","import { formatRelative, fullDateTime } from \"./datetimeFormats\"\n\nconst cache = {}\n\nexport function startLiveTimestamps() {\n document.querySelectorAll(\"[misago-timestamp]\").forEach(\n element => {\n const timestamp = element.getAttribute(\"misago-timestamp\")\n if (!cache[timestamp]) {\n cache[timestamp] = new Date(timestamp)\n }\n\n if (!element.hasAttribute(\"title\")) {\n element.setAttribute(\"title\", fullDateTime.format(cache[timestamp]))\n }\n\n element.textContent = formatRelative(cache[timestamp])\n }\n )\n\n updateLiveTimestamps()\n window.setInterval(updateLiveTimestamps, 1000 * 55)\n}\n\nexport function updateLiveTimestamps() {\n document.querySelectorAll(\"[misago-timestamp]\").forEach(\n element => {\n const timestamp = element.getAttribute(\"misago-timestamp\")\n if (!cache[timestamp]) {\n cache[timestamp] = new Date(timestamp)\n }\n\n element.textContent = formatRelative(cache[timestamp])\n }\n )\n}","import \"bootstrap/js/transition\"\nimport \"bootstrap/js/affix\"\nimport \"bootstrap/js/modal\"\nimport \"bootstrap/js/dropdown\"\nimport \"at-js\"\nimport \"cropit\"\nimport \"jquery-caret\"\nimport OrderedList from \"misago/utils/ordered-list\"\nimport \"misago/style/index.less\"\nimport {startLiveTimestamps} from \"./liveTimestamps\"\n\nexport class Misago {\n constructor() {\n this._initializers = []\n this._context = {}\n }\n\n addInitializer(initializer) {\n this._initializers.push({\n key: initializer.name,\n\n item: initializer.initializer,\n\n after: initializer.after,\n before: initializer.before,\n })\n }\n\n init(context) {\n this._context = context\n\n var initOrder = new OrderedList(this._initializers).orderedValues()\n initOrder.forEach((initializer) => {\n initializer(this)\n })\n }\n\n // context accessors\n has(key) {\n return !!this._context[key]\n }\n\n get(key, fallback) {\n if (this.has(key)) {\n return this._context[key]\n } else {\n return fallback || undefined\n }\n }\n\n pop(key) {\n if (this.has(key)) {\n let value = this._context[key]\n this._context[key] = null\n return value\n } else {\n return undefined\n }\n }\n}\n\n// create singleton\nvar misago = new Misago()\n\n// expose it globally\nwindow.misago = misago\n\n// and export it for tests and stuff\nexport default misago\n\nstartLiveTimestamps()","import misago from \"misago/index\"\nimport ajax from \"misago/services/ajax\"\n\nexport default function initializer() {\n ajax.init(misago.get(\"CSRF_COOKIE_NAME\"))\n}\n\nmisago.addInitializer({\n name: \"ajax\",\n initializer: initializer,\n})\n","import misago from \"misago/index\"\nimport { patch } from \"misago/reducers/auth\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nconst AUTH_SYNC_RATE = 45 // sync user with backend every 45 seconds\n\nexport default function initializer(context) {\n if (context.get(\"isAuthenticated\")) {\n window.setInterval(function () {\n ajax.get(context.get(\"AUTH_API\")).then(\n function (data) {\n store.dispatch(patch(data))\n },\n function (rejection) {\n snackbar.apiError(rejection)\n }\n )\n }, AUTH_SYNC_RATE * 1000)\n }\n}\n\nmisago.addInitializer({\n name: \"auth-sync\",\n initializer: initializer,\n after: \"auth\",\n})\n","import misago from \"misago/index\"\nimport auth from \"misago/services/auth\"\nimport modal from \"misago/services/modal\"\nimport store from \"misago/services/store\"\nimport storage from \"misago/services/local-storage\"\n\nexport default function initializer() {\n auth.init(store, storage, modal)\n}\n\nmisago.addInitializer({\n name: \"auth\",\n initializer: initializer,\n after: \"store\",\n})\n","import misago from \"misago/index\"\nimport ajax from \"misago/services/ajax\"\nimport captcha from \"misago/services/captcha\"\nimport include from \"misago/services/include\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default function initializer(context) {\n captcha.init(context, ajax, include, snackbar)\n}\n\nmisago.addInitializer({\n name: \"captcha\",\n initializer: initializer,\n})\n","import React from \"react\"\nimport ajax from \"misago/services/ajax\"\n\nexport default class AcceptAgreement extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = { submiting: false }\n }\n\n handleDecline = () => {\n if (this.state.submiting) return\n\n const confirmation = window.confirm(\n pgettext(\n \"accept agreement prompt\",\n \"Declining will result in immediate deactivation and deletion of your account. This action is not reversible.\"\n )\n )\n if (!confirmation) return\n\n this.setState({ submiting: true })\n\n ajax.post(this.props.api, { accept: false }).then(() => {\n window.location.reload(true)\n })\n }\n\n handleAccept = () => {\n if (this.state.submiting) return\n\n this.setState({ submiting: true })\n\n ajax.post(this.props.api, { accept: true }).then(() => {\n window.location.reload(true)\n })\n }\n\n render() {\n return (\n
    \n \n {pgettext(\"accept agreement choice\", \"Decline\")}\n \n \n {pgettext(\"accept agreement choice\", \"Accept and continue\")}\n \n
    \n )\n }\n}\n","import React from \"react\"\nimport misago from \"misago/index\"\nimport AcceptAgreement from \"misago/components/accept-agreement\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer(context) {\n if (document.getElementById(\"required-agreement-mount\")) {\n mount(\n ,\n \"required-agreement-mount\",\n false\n )\n }\n}\n\nmisago.addInitializer({\n name: \"component:accept-agreement\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\n\nexport default class extends React.Component {\n refresh() {\n window.location.reload()\n }\n\n getMessage() {\n if (this.props.signedIn) {\n return interpolate(\n pgettext(\n \"auth message\",\n \"You have signed in as %(username)s. Please refresh the page before continuing.\"\n ),\n { username: this.props.signedIn.username },\n true\n )\n } else if (this.props.signedOut) {\n return interpolate(\n pgettext(\n \"auth message\",\n \"%(username)s, you have been signed out. Please refresh the page before continuing.\"\n ),\n { username: this.props.user.username },\n true\n )\n }\n }\n\n render() {\n let className = \"auth-message\"\n if (this.props.signedIn || this.props.signedOut) {\n className += \" show\"\n }\n\n return (\n
    \n
    \n

    {this.getMessage()}

    \n

    \n \n {pgettext(\"auth message\", \"Reload page\")}\n \n \n {\" \" + pgettext(\"auth message\", \"or press F5 key.\")}\n \n

    \n
    \n
    \n )\n }\n}\n\nexport function select(state) {\n return {\n user: state.auth.user,\n signedIn: state.auth.signedIn,\n signedOut: state.auth.signedOut,\n }\n}\n","import { connect } from \"react-redux\"\nimport misago from \"misago/index\"\nimport AuthMessage, { select } from \"misago/components/auth-message\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n mount(connect(select)(AuthMessage), \"auth-message-mount\")\n}\n\nmisago.addInitializer({\n name: \"component:auth-message\",\n initializer: initializer,\n after: \"store\",\n})\n","import misago from \"misago/index\"\nimport showBannedPage from \"misago/utils/banned-page\"\n\nexport default function initializer(context) {\n if (context.has(\"BAN_MESSAGE\")) {\n showBannedPage(context.get(\"BAN_MESSAGE\"), false)\n }\n}\n\nmisago.addInitializer({\n name: \"component:banmed-page\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport modal from \"../services/modal\"\nimport SignInModal from \"./sign-in\"\n\nclass SignInModalAutoOpen extends React.Component {\n componentDidMount() {\n const query = window.document.location.search\n if (query === \"?modal=login\") {\n window.setTimeout(() => modal.show(), 300)\n }\n }\n\n render() {\n return null\n }\n}\n\nexport default SignInModalAutoOpen\n","import React from \"react\"\n\nexport default function NavbarBranding({ logo, logoXs, text, url }) {\n if (logo) {\n return (\n
    \n \n {text}\n \n
    \n )\n }\n\n return (\n
    \n {!!logoXs && (\n \n {text}\n \n )}\n {!!text && (\n \n {text}\n \n )}\n
    \n )\n}\n","import React from \"react\"\n\nexport default function NavbarExtraMenu({ items }) {\n return (\n
      \n {items.map((item, index) => (\n
    • \n \n {item.title}\n \n
      • \n ))}\n
    \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { DropdownFooter, DropdownHeader, DropdownPills } from \"../Dropdown\"\n\nexport default function NotificationsDropdownBody({\n children,\n showAll,\n showUnread,\n unread,\n}) {\n return (\n
    \n \n {pgettext(\"notifications title\", \"Notifications\")}\n \n \n \n {pgettext(\"notifications dropdown\", \"All\")}\n \n \n {pgettext(\"notifications dropdown\", \"Unread\")}\n \n \n {children}\n \n \n {pgettext(\"notifications\", \"See all notifications\")}\n \n \n
    \n )\n}\n\nfunction NotificationsDropdownBodyPill({ active, children, onClick }) {\n return (\n \n {children}\n \n )\n}\n","import NotificationsDropdown from \"./NotificationsDropdown\"\n\nexport default NotificationsDropdown\n","import React from \"react\"\nimport NotificationsFetch from \"../NotificationsFetch\"\nimport {\n NotificationsList,\n NotificationsListError,\n NotificationsListLoading,\n} from \"../NotificationsList\"\nimport NotificationsDropdownBody from \"./NotificationsDropdownBody\"\n\nexport default class NotificationsDropdown extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n unread: false,\n url: \"\",\n }\n }\n\n getApiUrl() {\n let url = misago.get(\"NOTIFICATIONS_API\") + \"?limit=20\"\n url += this.state.unread ? \"&filter=unread\" : \"\"\n return url\n }\n\n render = () => (\n this.setState({ unread: false })}\n showUnread={() => this.setState({ unread: true })}\n >\n \n {({ data, loading, error }) => {\n if (loading) {\n return \n }\n\n if (error) {\n return \n }\n\n return (\n \n )\n }}\n \n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nexport default function NavbarNotificationsToggle({\n id,\n className,\n badge,\n url,\n active,\n onClick,\n}) {\n const title = !!badge\n ? pgettext(\"navbar\", \"You have unread notifications!\")\n : pgettext(\"navbar\", \"Open notifications\")\n\n return (\n \n {!!badge && {badge}}\n \n {!!badge ? \"notifications_active\" : \"notifications_none\"}\n \n \n )\n}\n","import React from \"react\"\nimport { Dropdown } from \"../Dropdown\"\nimport NotificationsDropdown from \"../NotificationsDropdown\"\nimport NavbarNotificationsToggle from \"./NavbarNotificationsToggle\"\n\nexport default function NavbarNotificationsDropdown({\n id,\n className,\n badge,\n url,\n}) {\n return (\n (\n {\n event.preventDefault()\n toggle()\n }}\n />\n )}\n menuClassName=\"notifications-dropdown\"\n menuAlignRight\n >\n {({ isOpen }) => }\n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nexport default function NavbarPrivateThreads({\n id,\n className,\n badge,\n url,\n active,\n onClick,\n}) {\n const title = !!badge\n ? pgettext(\"navbar\", \"You have unread private threads!\")\n : pgettext(\"navbar\", \"Open private threads\")\n\n return (\n \n {!!badge && {badge}}\n inbox\n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nexport default function NavbarSearchToggle({\n id,\n className,\n url,\n active,\n onClick,\n}) {\n return (\n \n search\n \n )\n}\n","import React from \"react\"\nimport { Dropdown } from \"../Dropdown\"\nimport { SearchDropdown } from \"../Search\"\nimport NavbarSearchToggle from \"./NavbarSearchToggle\"\n\nexport default function NavbarSearchDropdown({ id, className, url }) {\n return (\n (\n {\n event.preventDefault()\n toggle()\n\n window.setTimeout(() => {\n document\n .querySelector(\".search-dropdown .form-control-search\")\n .focus()\n }, 0)\n }}\n />\n )}\n menuClassName=\"search-dropdown\"\n menuAlignRight\n >\n {() => }\n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\n\nexport default function NavbarSiteNavToggle({\n id,\n className,\n active,\n onClick,\n}) {\n return (\n \n menu\n \n )\n}\n","import React from \"react\"\nimport { Dropdown } from \"../Dropdown\"\nimport NavbarSiteNavToggle from \"./NavbarSiteNavToggle\"\nimport { SiteNavDropdown } from \"../SiteNav\"\n\nexport default function NavbarSiteNavDropdown({ id, className }) {\n return (\n (\n \n )}\n menuClassName=\"site-nav-dropdown\"\n menuAlignRight\n >\n {({ isOpen, close }) => }\n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport Avatar from \"../avatar\"\n\nexport default function NavbarUserNavToggle({\n id,\n className,\n user,\n active,\n onClick,\n}) {\n return (\n \n \n \n )\n}\n","import React from \"react\"\nimport { Dropdown } from \"../Dropdown\"\nimport NavbarUserNavToggle from \"./NavbarUserNavToggle\"\nimport { UserNavDropdown } from \"../UserNav\"\n\nexport default function NavbarUserNavDropdown({ id, className, user }) {\n return (\n (\n {\n event.preventDefault()\n toggle()\n }}\n />\n )}\n menuClassName=\"user-nav-dropdown\"\n menuAlignRight\n >\n {({ isOpen, close }) => }\n \n )\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport * as overlay from \"../../reducers/overlay\"\nimport RegisterButton from \"../RegisterButton\"\nimport SignInButton from \"../SignInButton\"\nimport SignInModalAutoOpen from \"../SignInModalAutoOpen\"\nimport NavbarBranding from \"./NavbarBranding\"\nimport NavbarExtraMenu from \"./NavbarExtraMenu\"\nimport NavbarNotificationsDropdown from \"./NavbarNotificationsDropdown\"\nimport NavbarNotificationsToggle from \"./NavbarNotificationsToggle\"\nimport NavbarPrivateThreads from \"./NavbarPrivateThreads\"\nimport NavbarSearchDropdown from \"./NavbarSearchDropdown\"\nimport NavbarSearchToggle from \"./NavbarSearchToggle\"\nimport NavbarSiteNavDropdown from \"./NavbarSiteNavDropdown\"\nimport NavbarSiteNavToggle from \"./NavbarSiteNavToggle\"\nimport NavbarUserNavDropdown from \"./NavbarUserNavDropdown\"\nimport NavbarUserNavToggle from \"./NavbarUserNavToggle\"\n\nexport function Navbar({\n dispatch,\n branding,\n extraMenuItems,\n authDelegated,\n user,\n searchUrl,\n notificationsUrl,\n privateThreadsUrl,\n showSearch,\n showPrivateThreads,\n}) {\n return (\n
    \n \n
    \n {extraMenuItems.length > 0 && (\n \n )}\n {!!showSearch && (\n \n )}\n {!!showSearch && (\n {\n dispatch(overlay.openSearch())\n event.preventDefault()\n }}\n />\n )}\n \n {\n dispatch(overlay.openSiteNav())\n }}\n />\n {!!showPrivateThreads && (\n \n )}\n {!!user && (\n \n )}\n {!!user && (\n {\n dispatch(overlay.openNotifications())\n event.preventDefault()\n }}\n />\n )}\n {!!user && (\n \n )}\n {!!user && (\n {\n dispatch(overlay.openUserNav())\n event.preventDefault()\n }}\n />\n )}\n {!user && }\n {!user && !authDelegated && (\n \n )}\n {!user && !authDelegated && }\n
    \n
    \n )\n}\n\nfunction select(state) {\n const settings = misago.get(\"SETTINGS\")\n const user = state.auth.user\n\n return {\n branding: {\n logo: settings.logo,\n logoXs: settings.logo_small,\n text: settings.logo_text,\n url: misago.get(\"MISAGO_PATH\"),\n },\n extraMenuItems: misago.get(\"extraMenuItems\"),\n\n user: !user.id\n ? null\n : {\n id: user.id,\n username: user.username,\n email: user.email,\n avatars: user.avatars,\n unreadNotifications: user.unreadNotifications,\n unreadPrivateThreads: user.unread_private_threads,\n url: user.url,\n },\n\n searchUrl: misago.get(\"SEARCH_URL\"),\n notificationsUrl: misago.get(\"NOTIFICATIONS_URL\"),\n privateThreadsUrl: misago.get(\"PRIVATE_THREADS_URL\"),\n\n authDelegated: settings.enable_oauth2_client,\n showSearch: !!user.acl.can_search,\n showPrivateThreads: !!user && !!user.acl.can_use_private_threads,\n }\n}\n\nconst NavbarConnected = connect(select)(Navbar)\n\nexport default NavbarConnected\n","import Navbar from \"./Navbar\"\n\nexport default Navbar\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Provider } from \"react-redux\"\nimport Navbar from \"../../components/Navbar\"\nimport store from \"../../services/store\"\n\nexport default function initializer(context) {\n const root = document.getElementById(\"misago-navbar\")\n ReactDOM.render(\n \n \n ,\n root\n )\n}\n\nmisago.addInitializer({\n name: \"component:navbar\",\n initializer: initializer,\n after: \"store\",\n})\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { DropdownFooter, DropdownPills } from \"../Dropdown\"\nimport { Overlay, OverlayHeader } from \"../Overlay\"\n\nexport default function NotificationsOverlayBody({\n children,\n open,\n showAll,\n showUnread,\n unread,\n}) {\n return (\n \n \n {pgettext(\"notifications title\", \"Notifications\")}\n \n \n \n {pgettext(\"notifications dropdown\", \"All\")}\n \n \n {pgettext(\"notifications dropdown\", \"Unread\")}\n \n \n {children}\n \n \n {pgettext(\"notifications\", \"See all notifications\")}\n \n \n \n )\n}\n\nfunction NotificationsOverlayBodyPill({ active, children, onClick }) {\n return (\n \n {children}\n \n )\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport NotificationsFetch from \"../NotificationsFetch\"\nimport {\n NotificationsList,\n NotificationsListError,\n NotificationsListLoading,\n} from \"../NotificationsList\"\nimport NotificationsOverlayBody from \"./NotificationsOverlayBody\"\n\nclass NotificationsOverlay extends React.Component {\n constructor(props) {\n super(props)\n\n this.body = document.body\n\n this.state = {\n unread: false,\n url: \"\",\n }\n }\n\n getApiUrl() {\n let url = misago.get(\"NOTIFICATIONS_API\") + \"?limit=20\"\n url += this.state.unread ? \"&filter=unread\" : \"\"\n return url\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevProps.open !== this.props.open) {\n if (this.props.open) {\n this.body.classList.add(\"notifications-fullscreen\")\n } else {\n this.body.classList.remove(\"notifications-fullscreen\")\n }\n }\n }\n\n render = () => (\n this.setState({ unread: false })}\n showUnread={() => this.setState({ unread: true })}\n >\n \n {({ data, loading, error }) => {\n if (loading) {\n return \n }\n\n if (error) {\n return \n }\n\n return (\n \n )\n }}\n \n \n )\n}\n\nfunction select(state) {\n return { open: state.overlay.notifications }\n}\n\nconst NotificationsOverlayConnected = connect(select)(NotificationsOverlay)\n\nexport default NotificationsOverlayConnected\n","import NotificationsOverlay from \"./NotificationsOverlay\"\n\nexport default NotificationsOverlay\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Provider } from \"react-redux\"\nimport NotificationsOverlay from \"../../components/NotificationsOverlay\"\nimport store from \"../../services/store\"\n\nexport default function initializer(context) {\n if (context.get(\"isAuthenticated\")) {\n const root = document.getElementById(\"notifications-mount\")\n ReactDOM.render(\n \n \n ,\n root\n )\n }\n}\n\nmisago.addInitializer({\n name: \"component:notifications-overlay\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport { PageHeaderPlain } from \"../PageHeader\"\n\nexport default function NotificationsHeader() {\n return (\n \n )\n}\n","import PageTitle from \"./PageTitle\"\n\nexport default PageTitle\n","export default function PageTitle({ title, subtitle }) {\n const parts = []\n if (subtitle) {\n parts.push(subtitle)\n }\n if (title) {\n parts.push(title)\n }\n parts.push(misago.get(\"SETTINGS\").forum_name)\n\n document.title = parts.join(\" | \")\n return null\n}\n","import React from \"react\"\n\nexport default function PillsNav({ children }) {\n return
      {children}
    \n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport { Link } from \"react-router\"\n\nexport default function PillsNavLink({ active, link, icon, children }) {\n return (\n
  • \n \n {!!icon && {icon}}\n {children}\n \n
    • \n )\n}\n","import React from \"react\"\nimport { PillsNav, PillsNavLink } from \"../PillsNav\"\nimport { Toolbar, ToolbarSection, ToolbarItem } from \"../Toolbar\"\n\nexport default function NotificationsPills({ filter }) {\n const basename = misago.get(\"NOTIFICATIONS_URL\")\n\n return (\n \n \n \n \n \n {pgettext(\"notifications nav\", \"All\")}\n \n \n {pgettext(\"notifications nav\", \"Unread\")}\n \n \n {pgettext(\"notifications nav\", \"Read\")}\n \n \n \n \n \n )\n}\n","import React from \"react\"\nimport { Link } from \"react-router\"\n\nexport default function NotificationsPagination({ baseUrl, data, disabled }) {\n return (\n
    \n \n {pgettext(\"notifications pagination\", \"Latest\")}\n \n \n {pgettext(\"notifications pagination\", \"Newer\")}\n \n \n {pgettext(\"notifications pagination\", \"Older\")}\n \n
    \n )\n}\n\nfunction NotificationsPaginationLink({ disabled, children, url }) {\n if (disabled) {\n return (\n \n )\n }\n\n return (\n \n {children}\n \n )\n}\n","import classnames from \"classnames\"\nimport React from \"react\"\nimport Button from \"../button\"\nimport { Toolbar, ToolbarSection, ToolbarItem, ToolbarSpacer } from \"../Toolbar\"\nimport NotificationsPagination from \"./NotificationsPagination\"\n\nexport default function NotificationsToolbar({\n baseUrl,\n data,\n disabled,\n bottom,\n markAllAsRead,\n}) {\n return (\n \n \n \n \n \n \n \n \n \n \n done_all\n {pgettext(\"notifications\", \"Mark all as read\")}\n \n \n \n \n )\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport { updateAuthenticatedUser } from \"../../reducers/auth\"\nimport snackbar from \"../../services/snackbar\"\nimport { ApiMutation } from \"../Api\"\nimport NotificationsFetch from \"../NotificationsFetch\"\nimport PageTitle from \"../PageTitle\"\nimport PageContainer from \"../PageContainer\"\nimport {\n NotificationsList,\n NotificationsListError,\n NotificationsListLoading,\n} from \"../NotificationsList\"\nimport NotificationsPills from \"./NotificationsPills\"\nimport NotificationsToolbar from \"./NotificationsToolbar\"\n\nfunction NotificationsRoute({ dispatch, location, route }) {\n const { query } = location\n const { filter } = route.props\n\n const baseUrl = getBaseUrl(filter)\n\n return (\n \n \n\n \n\n \n {({ data, loading, error, refetch }) => (\n \n {(readAll, { loading: mutating }) => {\n const toolbarProps = {\n baseUrl,\n data,\n disabled:\n loading || mutating || !data || data.results.length === 0,\n markAllAsRead: async () => {\n const confirmed = window.confirm(\n pgettext(\"notifications\", \"Mark all notifications as read?\")\n )\n\n if (confirmed) {\n readAll({\n onSuccess: async () => {\n refetch()\n dispatch(\n updateAuthenticatedUser({ unreadNotifications: null })\n )\n snackbar.success(\n pgettext(\n \"notifications\",\n \"All notifications have been marked as read.\"\n )\n )\n },\n onError: snackbar.apiError,\n })\n }\n },\n }\n\n if (loading || mutating) {\n return (\n
    \n \n \n \n
    \n )\n }\n\n if (error) {\n return (\n
    \n \n \n \n
    \n )\n }\n\n if (data) {\n if (!data.hasPrevious && query) {\n window.history.replaceState({}, \"\", baseUrl)\n }\n\n return (\n
    \n \n \n \n
    \n )\n }\n\n return null\n }}\n     \n )}\n     \n     \n )\n}\n\nfunction getSubtitle(filter) {\n if (filter === \"unread\") {\n return pgettext(\"notifications title\", \"Unread notifications\")\n } else if (filter === \"read\") {\n return pgettext(\"notifications title\", \"Read notifications\")\n } else {\n return null\n }\n}\n\nfunction getBaseUrl(filter) {\n let url = misago.get(\"NOTIFICATIONS_URL\")\n if (filter !== \"all\") {\n url += filter + \"/\"\n }\n return url\n}\n\nconst NotificationsRouteConnected = connect()(NotificationsRoute)\n\nexport default NotificationsRouteConnected\n","import Notifications from \"./Notifications\"\nimport NotificationsFetch from \"../NotificationsFetch/NotificationsFetch\"\n\nexport default Notifications\n\nexport { NotificationsFetch }\n","import React from \"react\"\nimport { Router, browserHistory } from \"react-router\"\nimport NotificationsHeader from \"./NotificationsHeader\"\nimport NotificationsRoute from \"./NotificationsRoute\"\n\nexport default function Notifications() {\n const basename = misago.get(\"NOTIFICATIONS_URL\")\n\n return (\n
    \n \n \n
    \n )\n}\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Provider } from \"react-redux\"\nimport Notifications from \"../../components/Notifications\"\nimport store from \"../../services/store\"\n\nexport default function initializer(context) {\n const basename = misago.get(\"NOTIFICATIONS_URL\")\n if (\n document.location.pathname.startsWith(basename) &&\n !document.location.pathname.startsWith(basename + \"disable-email/\") &&\n context.get(\"isAuthenticated\")\n ) {\n const root = document.getElementById(\"page-mount\")\n ReactDOM.render(\n \n \n ,\n root\n )\n }\n}\n\nmisago.addInitializer({\n name: \"component:notifications\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport { Link } from \"react-router\"\nimport Li from \"misago/components/li\"\n\nexport function SideNav(props) {\n return (\n
    \n {props.options.map((option) => {\n return (\n \n {option.icon}\n {option.name}\n \n )\n })}\n
    \n )\n}\n\nexport function CompactNav(props) {\n return (\n
      \n {props.options.map((option) => {\n return (\n \n \n {option.icon}\n {option.name}\n \n \n )\n })}\n
    \n )\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport ajax from \"misago/services/ajax\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\nimport misago from \"misago\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n password: \"\",\n }\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"delete your account title\", \"Delete account\"),\n parent: pgettext(\"forum options\", \"Change your options\"),\n })\n }\n\n onPasswordChange = (event) => {\n this.setState({ password: event.target.value })\n }\n\n handleSubmit = (event) => {\n event.preventDefault()\n\n const { isLoading, password } = this.state\n const { user } = this.props\n\n if (password.length == 0) {\n snackbar.error(pgettext(\"delete your account form\", \"Complete the form.\"))\n return false\n }\n\n if (isLoading) return false\n this.setState({ isLoading: true })\n\n ajax.post(user.api.delete, { password }).then(\n (success) => {\n window.location.href = misago.get(\"MISAGO_PATH\")\n },\n (rejection) => {\n this.setState({ isLoading: false })\n if (rejection.password) {\n snackbar.error(rejection.password[0])\n } else {\n snackbar.apiError(rejection)\n }\n }\n )\n }\n\n render() {\n return (\n
    \n
    \n
    \n

    \n {pgettext(\"delete your account title\", \"Delete account\")}\n

    \n
    \n
    \n

    \n {pgettext(\n \"delete your account form\",\n \"This form lets you delete your account. This action is not reversible.\"\n )}\n

    \n

    \n {pgettext(\n \"delete your account form\",\n \"Your account will be deleted together with its profile details, IP addresses and notifications.\"\n )}\n

    \n

    \n {pgettext(\n \"delete your account form\",\n \"Other content will NOT be deleted, but username displayed next to it will be changed to one shared by all deleted accounts.\"\n )}\n

    \n

    \n {pgettext(\n \"delete your account form\",\n \"Your username and e-maill address will become available again for use during registration or for other accounts to change to.\"\n )}\n

    \n
    \n
    \n
    \n \n \n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Form from \"misago/components/edit-details\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n componentDidMount() {\n title.set({\n title: pgettext(\"edit details\", \"Edit details\"),\n parent: pgettext(\"forum options\", \"Change your options\"),\n })\n }\n\n onSuccess = () => {\n snackbar.info(\n pgettext(\"profile details form\", \"Your details have been changed.\")\n )\n }\n\n render() {\n return (\n
    \n )\n }\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Button from \"misago/components/button\"\nimport ajax from \"misago/services/ajax\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class DownloadData extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n isSubmiting: false,\n downloads: [],\n }\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"download your data title\", \"Download your data\"),\n parent: pgettext(\"forum options\", \"Change your options\"),\n })\n\n this.handleLoadDownloads()\n }\n\n handleLoadDownloads = () => {\n ajax.get(this.props.user.api.data_downloads).then(\n (data) => {\n this.setState({\n isLoading: false,\n downloads: data,\n })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n handleRequestDataDownload = () => {\n this.setState({ isSubmiting: true })\n ajax.post(this.props.user.api.request_data_download).then(\n () => {\n this.handleLoadDownloads()\n snackbar.success(\n pgettext(\n \"download your data\",\n \"Your request for data download has been registered.\"\n )\n )\n this.setState({ isSubmiting: false })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n this.setState({ isSubmiting: false })\n }\n )\n }\n\n render() {\n return (\n
    \n
    \n
    \n

    \n {pgettext(\"download your data title\", \"Download your data\")}\n

    \n
    \n
    \n

    \n {pgettext(\n \"download your data\",\n 'To download your data from the site, click the \"Request data download\" button. Depending on amount of data to be archived and number of users wanting to download their data at same time it may take up to few days for your download to be prepared. An e-mail with notification will be sent to you when your data is ready to be downloaded.'\n )}\n

    \n\n

    \n {pgettext(\n \"download your data\",\n \"The download will only be available for limited amount of time, after which it will be deleted from the site and marked as expired.\"\n )}\n

    \n
    \n \n \n \n \n \n \n \n \n {this.state.downloads.map((item) => {\n return (\n \n \n \n \n )\n })}\n {this.state.downloads.length == 0 ? (\n \n \n \n ) : null}\n \n
    {pgettext(\"download your data table\", \"Requested on\")}\n {pgettext(\"download your data table\", \"Download\")}\n
    \n {moment(item.requested_on).fromNow()}\n \n \n
    \n {pgettext(\n \"download your data table\",\n \"You have no data downloads.\"\n )}\n
    \n
    \n \n {pgettext(\"download your data btn\", \"Request data download\")}\n \n
    \n
    \n
    \n )\n }\n}\n\nconst rowStyle = {\n verticalAlign: \"middle\",\n}\n\nconst STATUS_PENDING = 0\nconst STATUS_PROCESSING = 1\n\nconst DownloadButton = ({ exportFile, status }) => {\n if (status === STATUS_PENDING || status === STATUS_PROCESSING) {\n return (\n \n {pgettext(\"download your data table btn\", \"Download is being prepared\")}\n \n )\n }\n\n if (exportFile) {\n return (\n \n {pgettext(\"download your data table btn\", \"Download your data\")}\n \n )\n }\n\n return (\n \n {pgettext(\"download your data table btn\", \"Download is expired\")}\n \n )\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport Select from \"misago/components/select\"\nimport YesNoSwitch from \"misago/components/yes-no-switch\"\nimport { patch } from \"misago/reducers/auth\"\nimport ajax from \"misago/services/ajax\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nconst WATCH_CHOICES = [\n {\n value: 0,\n icon: \"notifications_none\",\n label: pgettext(\"watch thread choice\", \"No\"),\n },\n {\n value: 1,\n icon: \"notifications\",\n label: pgettext(\"watch thread choice\", \"Yes, with on site notifications\"),\n },\n {\n value: 2,\n icon: \"mail\",\n label: pgettext(\n \"watch thread choice\",\n \"Yes, with on site and e-mail notifications\"\n ),\n },\n]\n\nconst NOTIFICATION_CHOICES = [\n {\n value: 0,\n icon: \"notifications_none\",\n label: pgettext(\"notification preference\", \"Don't notify\"),\n },\n {\n value: 1,\n icon: \"notifications\",\n label: pgettext(\"notification preference\", \"Notify on site\"),\n },\n {\n value: 2,\n icon: \"mail\",\n label: pgettext(\n \"notification preference\",\n \"Notify on site and with e-mail\"\n ),\n },\n]\n\nexport default class ForumOptionsForm extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n is_hiding_presence: props.user.is_hiding_presence,\n limits_private_thread_invites_to:\n props.user.limits_private_thread_invites_to,\n\n watch_started_threads: props.user.watch_started_threads,\n watch_replied_threads: props.user.watch_replied_threads,\n watch_new_private_threads_by_followed:\n props.user.watch_new_private_threads_by_followed,\n watch_new_private_threads_by_other_users:\n props.user.watch_new_private_threads_by_other_users,\n notify_new_private_threads_by_followed:\n props.user.notify_new_private_threads_by_followed,\n notify_new_private_threads_by_other_users:\n props.user.notify_new_private_threads_by_other_users,\n\n errors: {},\n }\n\n this.privateThreadInvitesChoices = [\n {\n value: 0,\n icon: \"help_outline\",\n label: pgettext(\n \"private threads preference\",\n \"Anybody can invite me to their private threads\"\n ),\n },\n {\n value: 1,\n icon: \"done_all\",\n label: pgettext(\n \"private threads preference\",\n \"Only those I follow can invite me to their private threads\"\n ),\n },\n {\n value: 2,\n icon: \"highlight_off\",\n label: pgettext(\n \"private threads preference\",\n \"Nobody can invite me to their private threads\"\n ),\n },\n ]\n }\n\n send() {\n return ajax.post(this.props.user.api.options, {\n is_hiding_presence: this.state.is_hiding_presence,\n limits_private_thread_invites_to:\n this.state.limits_private_thread_invites_to,\n\n watch_started_threads: this.state.watch_started_threads,\n watch_replied_threads: this.state.watch_replied_threads,\n watch_new_private_threads_by_followed:\n this.state.watch_new_private_threads_by_followed,\n watch_new_private_threads_by_other_users:\n this.state.watch_new_private_threads_by_other_users,\n notify_new_private_threads_by_followed:\n this.state.notify_new_private_threads_by_followed,\n notify_new_private_threads_by_other_users:\n this.state.notify_new_private_threads_by_other_users,\n })\n }\n\n handleSuccess() {\n store.dispatch(\n patch({\n is_hiding_presence: this.state.is_hiding_presence,\n limits_private_thread_invites_to:\n this.state.limits_private_thread_invites_to,\n\n watch_started_threads: this.state.watch_started_threads,\n watch_replied_threads: this.state.watch_replied_threads,\n watch_new_private_threads_by_followed:\n this.state.watch_new_private_threads_by_followed,\n watch_new_private_threads_by_other_users:\n this.state.watch_new_private_threads_by_other_users,\n notify_new_private_threads_by_followed:\n this.state.notify_new_private_threads_by_followed,\n notify_new_private_threads_by_other_users:\n this.state.notify_new_private_threads_by_other_users,\n })\n )\n snackbar.success(\n pgettext(\"forum options form\", \"Your forum options have been changed.\")\n )\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(\n pgettext(\"forum options form\", \"Please reload the page and try again.\")\n )\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"forum options title\", \"Forum options\"),\n parent: pgettext(\"forum options\", \"Change your options\"),\n })\n }\n\n render() {\n return (\n \n
    \n
    \n

    \n {pgettext(\"forum options form title\", \"Change forum options\")}\n

    \n
    \n
    \n
    \n \n {pgettext(\"forum options form\", \"Privacy settings\")}\n \n\n
    \n\n
    \n \n {pgettext(\"notifications options\", \"Notifications preferences\")}\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
    \n
    \n
    \n \n
    \n
    \n \n )\n }\n}\n","import React from \"react\"\nimport PanelLoader from \"misago/components/panel-loader\"\n\nexport default function () {\n return (\n
    \n
    \n

    \n {pgettext(\"change username title\", \"Change username\")}\n

    \n
    \n \n
    \n )\n}\n","import React from \"react\"\nimport PanelMessage from \"misago/components/panel-message\"\n\nexport default class extends React.Component {\n getHelpText() {\n if (this.props.options.next_on) {\n return interpolate(\n pgettext(\n \"change username\",\n \"You will be able to change your username %(next_change)s.\"\n ),\n { next_change: this.props.options.next_on.fromNow() },\n true\n )\n } else {\n return pgettext(\n \"change username\",\n \"You have changed your name allowed number of times.\"\n )\n }\n }\n\n render() {\n return (\n
    \n
    \n

    \n {pgettext(\"change username title\", \"Change username\")}\n

    \n
    \n \n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n username: \"\",\n\n validators: {\n username: [\n validators.usernameContent(),\n validators.usernameMinLength(props.options.length_min),\n validators.usernameMaxLength(props.options.length_max),\n ],\n },\n\n isLoading: false,\n }\n }\n\n getHelpText() {\n let phrases = []\n\n if (this.props.options.changes_left > 0) {\n let message = npgettext(\n \"change username form\",\n \"You can change your username %(changes_left)s more time.\",\n \"You can change your username %(changes_left)s more times.\",\n this.props.options.changes_left\n )\n\n phrases.push(\n interpolate(\n message,\n {\n changes_left: this.props.options.changes_left,\n },\n true\n )\n )\n }\n\n if (this.props.user.acl.name_changes_expire > 0) {\n let message = npgettext(\n \"change username form\",\n \"Used changes become available again after %(name_changes_expire)s day.\",\n \"Used changes become available again after %(name_changes_expire)s days.\",\n this.props.user.acl.name_changes_expire\n )\n\n phrases.push(\n interpolate(\n message,\n {\n name_changes_expire: this.props.user.acl.name_changes_expire,\n },\n true\n )\n )\n }\n\n return phrases.length ? phrases.join(\" \") : null\n }\n\n clean() {\n let errors = this.validate()\n if (errors.username) {\n snackbar.error(errors.username[0])\n return false\n }\n if (this.state.username.trim() === this.props.user.username) {\n snackbar.info(\n pgettext(\"change username form\", \"New username is same as current one.\")\n )\n return false\n } else {\n return true\n }\n }\n\n send() {\n return ajax.post(this.props.user.api.username, {\n username: this.state.username,\n })\n }\n\n handleSuccess(success) {\n this.setState({\n username: \"\",\n })\n\n this.props.complete(success.username, success.slug, success.options)\n }\n\n handleError(rejection) {\n snackbar.apiError(rejection)\n }\n\n render() {\n return (\n
    \n
    \n
    \n

    \n {pgettext(\"change username title\", \"Change username\")}\n

    \n
    \n
    \n \n \n \n
    \n
    \n \n
    \n
    \n
    \n )\n }\n}\n","import moment from \"moment\"\nimport React from \"react\"\nimport FormLoading from \"misago/components/options/change-username/form-loading\"\nimport FormLocked from \"misago/components/options/change-username/form-locked\"\nimport Form from \"misago/components/options/change-username/form\"\nimport UsernameHistory from \"misago/components/username-history/root\"\nimport misago from \"misago/index\"\nimport { hydrate, addNameChange } from \"misago/reducers/username-history\"\nimport { updateUsername } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n options: null,\n }\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"change username title\", \"Change username\"),\n parent: pgettext(\"forum options\", \"Change your options\"),\n })\n\n Promise.all([\n ajax.get(this.props.user.api.username),\n ajax.get(misago.get(\"USERNAME_CHANGES_API\"), {\n user: this.props.user.id,\n }),\n ]).then((data) => {\n store.dispatch(hydrate(data[1].results))\n\n this.setState({\n isLoaded: true,\n options: {\n changes_left: data[0].changes_left,\n length_min: data[0].length_min,\n length_max: data[0].length_max,\n next_on: data[0].next_on ? moment(data[0].next_on) : null,\n },\n })\n })\n }\n\n onComplete = (username, slug, options) => {\n this.setState({\n options,\n })\n\n store.dispatch(\n addNameChange({ username, slug }, this.props.user, this.props.user)\n )\n store.dispatch(updateUsername(this.props.user, username, slug))\n\n snackbar.success(\n pgettext(\"change username\", \"Your username has been changed.\")\n )\n }\n\n getChangeForm() {\n if (!this.state.isLoaded) {\n return \n }\n\n if (this.state.options.changes_left === 0) {\n return \n }\n\n return (\n \n )\n }\n\n render() {\n return (\n
    \n {this.getChangeForm()}\n \n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n new_email: \"\",\n password: \"\",\n\n validators: {\n new_email: [validators.email()],\n password: [],\n },\n\n isLoading: false,\n }\n }\n\n clean() {\n let errors = this.validate()\n let lengths = [\n this.state.new_email.trim().length,\n this.state.password.trim().length,\n ]\n\n if (lengths.indexOf(0) !== -1) {\n snackbar.error(pgettext(\"change email form\", \"Fill out all fields.\"))\n return false\n }\n\n if (errors.new_email) {\n snackbar.error(errors.new_email[0])\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.user.api.change_email, {\n new_email: this.state.new_email,\n password: this.state.password,\n })\n }\n\n handleSuccess(response) {\n this.setState({\n new_email: \"\",\n password: \"\",\n })\n\n snackbar.success(response.detail)\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n if (rejection.new_email) {\n snackbar.error(rejection.new_email)\n } else {\n snackbar.error(rejection.password)\n }\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n
    \n \n \n
    \n
    \n

    \n {pgettext(\"change email title\", \"Change e-mail address\")}\n

    \n
    \n
    \n \n \n \n\n
    \n\n \n \n \n
    \n
    \n \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n new_password: \"\",\n repeat_password: \"\",\n password: \"\",\n\n validators: {\n new_password: [],\n repeat_password: [],\n password: [],\n },\n\n isLoading: false,\n }\n }\n\n clean() {\n let errors = this.validate()\n let lengths = [\n this.state.new_password.trim().length,\n this.state.repeat_password.trim().length,\n this.state.password.trim().length,\n ]\n\n if (lengths.indexOf(0) !== -1) {\n snackbar.error(pgettext(\"change password form\", \"Fill out all fields.\"))\n return false\n }\n\n if (errors.new_password) {\n snackbar.error(errors.new_password[0])\n return false\n }\n\n if (this.state.new_password !== this.state.repeat_password) {\n snackbar.error(\n pgettext(\"change password form\", \"New passwords are different.\")\n )\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.user.api.change_password, {\n new_password: this.state.new_password,\n password: this.state.password,\n })\n }\n\n handleSuccess(response) {\n this.setState({\n new_password: \"\",\n repeat_password: \"\",\n password: \"\",\n })\n\n snackbar.success(response.detail)\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n if (rejection.new_password) {\n snackbar.error(rejection.new_password)\n } else {\n snackbar.error(rejection.password)\n }\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n
    \n \n \n
    \n
    \n

    \n {pgettext(\"change password title\", \"Change password\")}\n

    \n
    \n
    \n \n \n \n\n \n \n \n\n
    \n\n \n \n \n
    \n
    \n \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport misago from \"misago/index\"\n\nconst UnusablePasswordMessage = () => {\n return (\n
    \n
    \n

    \n {pgettext(\n \"change sign in credentials title\",\n \"Change e-mail or password\"\n )}\n

    \n
    \n
    \n
    \n info_outline\n
    \n
    \n

    \n {pgettext(\n \"change sign in credentials\",\n \"You need to set a password for your account to be able to change your e-mail or password.\"\n )}\n

    \n

    \n \n {pgettext(\"change sign in credentials link\", \"Set password\")}\n \n

    \n
    \n
    \n
    \n )\n}\n\nexport default UnusablePasswordMessage\n","import React from \"react\"\nimport ChangeEmail from \"misago/components/options/sign-in-credentials/change-email\"\nimport ChangePassword from \"misago/components/options/sign-in-credentials/change-password\"\nimport misago from \"misago/index\"\nimport title from \"misago/services/page-title\"\nimport UnusablePasswordMessage from \"./UnusablePasswordMessage\"\n\nexport default class extends React.Component {\n componentDidMount() {\n title.set({\n title: pgettext(\n \"change sign in credentials title\",\n \"Change e-mail or password\"\n ),\n parent: pgettext(\"forum options\", \"Change your options\"),\n })\n }\n\n render() {\n if (!this.props.user.has_usable_password) {\n return \n }\n\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport { SideNav, CompactNav } from \"misago/components/options/navs\"\nimport DeleteAccount from \"misago/components/options/delete-account\"\nimport EditDetails from \"misago/components/options/edit-details\"\nimport DownloadData from \"misago/components/options/download-data\"\nimport ChangeForumOptions from \"misago/components/options/forum-options\"\nimport ChangeUsername from \"misago/components/options/change-username/root\"\nimport ChangeSignInCredentials from \"misago/components/options/sign-in-credentials/root\"\nimport WithDropdown from \"misago/components/with-dropdown\"\nimport misago from \"misago/index\"\nimport { FlexRow, FlexRowCol, FlexRowSection } from \"../FlexRow\"\nimport PageContainer from \"../PageContainer\"\nimport {\n PageHeader,\n PageHeaderBanner,\n PageHeaderContainer,\n} from \"../PageHeader\"\n\nexport default class extends WithDropdown {\n render() {\n const page = misago.get(\"USER_OPTIONS\").filter((page) => {\n const url = misago.get(\"USERCP_URL\") + page.component + \"/\"\n return this.props.location.pathname.substr(0, url.length) === url\n })[0]\n\n return (\n
    \n \n \n \n \n \n \n

    {pgettext(\"forum options\", \"Change your options\")}

    \n     \n \n
    \n \n menu\n \n \n
    \n     \n     \n \n \n
    \n \n {page.icon}\n {page.name}\n \n \n
    \n     \n     \n     \n     \n     \n     \n \n
    \n
    \n \n
    \n
    {this.props.children}
    \n
    \n     \n
    \n )\n }\n}\n\nexport function select(store) {\n return {\n tick: store.tick.tick,\n user: store.auth.user,\n \"username-history\": store[\"username-history\"],\n }\n}\n\nexport function paths() {\n const paths = [\n {\n path: misago.get(\"USERCP_URL\") + \"forum-options/\",\n component: connect(select)(ChangeForumOptions),\n },\n {\n path: misago.get(\"USERCP_URL\") + \"edit-details/\",\n component: connect(select)(EditDetails),\n },\n ]\n\n const delegateAuth = misago.get(\"SETTINGS\").DELEGATE_AUTH\n if (!delegateAuth) {\n paths.push({\n path: misago.get(\"USERCP_URL\") + \"change-username/\",\n component: connect(select)(ChangeUsername),\n })\n paths.push({\n path: misago.get(\"USERCP_URL\") + \"sign-in-credentials/\",\n component: connect(select)(ChangeSignInCredentials),\n })\n }\n\n if (misago.get(\"ENABLE_DOWNLOAD_OWN_DATA\")) {\n paths.push({\n path: misago.get(\"USERCP_URL\") + \"download-data/\",\n component: connect(select)(DownloadData),\n })\n }\n\n if (!delegateAuth && misago.get(\"ENABLE_DELETE_OWN_ACCOUNT\")) {\n paths.push({\n path: misago.get(\"USERCP_URL\") + \"delete-account/\",\n component: connect(select)(DeleteAccount),\n })\n }\n\n return paths\n}\n","import Options, { paths } from \"misago/components/options/root\"\nimport misago from \"misago/index\"\nimport mount from \"misago/utils/routed-component\"\n\nexport default function initializer(context) {\n if (context.has(\"USER_OPTIONS\")) {\n mount({\n root: misago.get(\"USERCP_URL\"),\n component: Options,\n paths: paths(),\n })\n }\n}\n\nmisago.addInitializer({\n name: \"component:options\",\n initializer: initializer,\n after: \"store\",\n})\n","import moment from \"moment\"\nimport React from \"react\"\nimport PanelLoader from \"misago/components/panel-loader\"\nimport PanelMessage from \"misago/components/panel-message\"\nimport misago from \"misago/index\"\nimport polls from \"misago/services/polls\"\nimport title from \"misago/services/page-title\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n if (misago.has(\"PROFILE_BAN\")) {\n this.initWithPreloadedData(misago.pop(\"PROFILE_BAN\"))\n } else {\n this.initWithoutPreloadedData()\n }\n\n this.startPolling(props.profile.api.ban)\n }\n\n initWithPreloadedData(ban) {\n if (ban.expires_on) {\n ban.expires_on = moment(ban.expires_on)\n }\n\n this.state = {\n isLoaded: true,\n ban,\n }\n }\n\n initWithoutPreloadedData() {\n this.state = {\n isLoaded: false,\n }\n }\n\n startPolling(api) {\n polls.start({\n poll: \"ban-details\",\n url: api,\n frequency: 90 * 1000,\n update: this.update,\n error: this.error,\n })\n }\n\n update = (ban) => {\n if (ban.expires_on) {\n ban.expires_on = moment(ban.expires_on)\n }\n\n this.setState({\n isLoaded: true,\n error: null,\n\n ban,\n })\n }\n\n error = (error) => {\n this.setState({\n isLoaded: true,\n error: error.detail,\n ban: null,\n })\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"profile ban details title\", \"Ban details\"),\n parent: this.props.profile.username,\n })\n }\n\n componentWillUnmount() {\n polls.stop(\"ban-details\")\n }\n\n getUserMessage() {\n if (this.state.ban.user_message) {\n return (\n
    \n

    {pgettext(\"profile ban details\", \"User-shown ban message\")}

    \n \n
    \n )\n } else {\n return null\n }\n }\n\n getStaffMessage() {\n if (this.state.ban.staff_message) {\n return (\n
    \n

    {pgettext(\"profile ban details\", \"Team-shown ban message\")}

    \n \n
    \n )\n } else {\n return null\n }\n }\n\n getExpirationMessage() {\n if (this.state.ban.expires_on) {\n if (this.state.ban.expires_on.isAfter(moment())) {\n let title = interpolate(\n pgettext(\n \"profile ban details\",\n \"This ban expires on %(expires_on)s.\"\n ),\n {\n expires_on: this.state.ban.expires_on.format(\"LL, LT\"),\n },\n true\n )\n\n let message = interpolate(\n pgettext(\"profile ban details\", \"This ban expires %(expires_on)s.\"),\n {\n expires_on: this.state.ban.expires_on.fromNow(),\n },\n true\n )\n\n return {message}\n } else {\n return pgettext(\"profile ban details\", \"This ban has expired.\")\n }\n } else {\n return interpolate(\n pgettext(\"profile ban details\", \"%(username)s's ban is permanent.\"),\n {\n username: this.props.profile.username,\n },\n true\n )\n }\n }\n\n getPanelBody() {\n if (this.state.ban) {\n if (Object.keys(this.state.ban).length) {\n return (\n
    \n {this.getUserMessage()}\n {this.getStaffMessage()}\n\n
    \n

    {pgettext(\"profile ban details\", \"Ban expiration\")}

    \n

    {this.getExpirationMessage()}

    \n
    \n
    \n )\n } else {\n return (\n
    \n \n
    \n )\n }\n } else if (this.state.error) {\n return (\n
    \n \n
    \n )\n } else {\n return (\n
    \n \n
    \n )\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n

    \n {pgettext(\"profile ban details title\", \"Ban details\")}\n

    \n
    \n\n {this.getPanelBody()}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Form from \"misago/components/edit-details\"\n\nexport default function ({ api, display, onCancel, onSuccess }) {\n if (!display) return null\n\n return
    \n}\n","import React from \"react\"\n\nexport default function ({ isAuthenticated, profile }) {\n let message = null\n if (isAuthenticated) {\n message = pgettext(\n \"profile details empty\",\n \"You are not sharing any details with others.\"\n )\n } else {\n message = interpolate(\n pgettext(\n \"profile details empty\",\n \"%(username)s is not sharing any details with others.\"\n ),\n {\n username: profile.username,\n },\n true\n )\n }\n\n return (\n
    \n
    {message}
    \n
    \n )\n}\n","import React from \"react\"\n\nexport default function ({ html, text, url }) {\n if (html) {\n return (\n \n )\n }\n\n return (\n
    \n \n
    \n )\n}\n\nexport function SafeValue({ text, url }) {\n if (url) {\n return (\n

    \n \n {text || url}\n \n

    \n )\n }\n\n if (text) {\n return

    {text}

    \n }\n\n return null\n}\n","import React from \"react\"\nimport FieldValue from \"./field-value\"\n\nexport default function (props) {\n return (\n
    \n {props.name}:\n \n
    \n )\n}\n","import React from \"react\"\nimport Field from \"./field\"\n\nexport default function ({ fields, name }) {\n return (\n
    \n
    \n

    {name}

    \n
    \n
    \n
    \n {fields.map(({ fieldname, html, name, text, url }) => {\n return (\n \n )\n })}\n
    \n
    \n
    \n )\n}\n","import React from \"react\"\nimport EmptyMessage from \"./empty-message\"\nimport Group from \"./group\"\nimport Loader from \"misago/components/loader\"\n\nexport default function ({\n display,\n groups,\n isAuthenticated,\n loading,\n profile,\n}) {\n if (!display) return null\n\n if (loading) {\n return \n }\n\n if (!groups.length) {\n return \n }\n\n return (\n
    \n {groups.map((group, i) => {\n return \n })}\n
    \n )\n}\n","import React from \"react\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../../Toolbar\"\n\nconst ProfileDetailsHeader = ({ onEdit, showEditButton }) => (\n \n \n \n

    {pgettext(\"profile details title\", \"Details\")}

    \n     \n     \n {showEditButton && (\n \n \n \n {pgettext(\"profile details edit btn\", \"Edit\")}\n \n \n \n )}\n     \n)\n\nexport default ProfileDetailsHeader\n","import React from \"react\"\nimport { load } from \"misago/reducers/profile-details\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n componentDidMount() {\n const { data, dispatch, user } = this.props\n if (data && data.id === user.id) return\n\n ajax.get(this.props.user.api.details).then(\n (data) => {\n dispatch(load(data))\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n render() {\n return this.props.children\n }\n}\n","import React from \"react\"\nimport Form from \"./form\"\nimport GroupsList from \"./groups-list\"\nimport Header from \"./header\"\nimport ProfileDetailsData from \"misago/data/profile-details\"\nimport { load as loadDetails } from \"misago/reducers/profile-details\"\nimport title from \"misago/services/page-title\"\nimport snackbar from \"misago/services/snackbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n editing: false,\n }\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"profile details title\", \"Details\"),\n parent: this.props.profile.username,\n })\n }\n\n onCancel = () => {\n this.setState({ editing: false })\n }\n\n onEdit = () => {\n this.setState({ editing: true })\n }\n\n onSuccess = (newDetails) => {\n const { dispatch, isAuthenticated, profile } = this.props\n\n let message = null\n if (isAuthenticated) {\n message = pgettext(\n \"profile details form\",\n \"Your details have been changed.\"\n )\n } else {\n message = interpolate(\n pgettext(\n \"profile details form\",\n \"%(username)s's details have been changed.\"\n ),\n {\n username: profile.username,\n },\n true\n )\n }\n\n snackbar.info(message)\n dispatch(loadDetails(newDetails))\n this.setState({ editing: false })\n }\n\n render() {\n const { dispatch, isAuthenticated, profile, profileDetails } = this.props\n const loading = profileDetails.id !== profile.id\n\n return (\n \n
    \n \n \n \n
    \n \n )\n }\n}\n","import React from \"react\"\nimport PostFeed from \"misago/components/post-feed\"\nimport Button from \"misago/components/button\"\nimport * as posts from \"misago/reducers/posts\"\nimport title from \"misago/services/page-title\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../../Toolbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n }\n }\n\n loadItems(start = 0) {\n ajax\n .get(this.props.api, {\n start: start || 0,\n })\n .then(\n (data) => {\n if (start === 0) {\n store.dispatch(posts.load(data))\n } else {\n store.dispatch(posts.append(data))\n }\n\n this.setState({\n isLoading: false,\n })\n },\n (rejection) => {\n this.setState({\n isLoading: false,\n })\n\n snackbar.apiError(rejection)\n }\n )\n }\n\n loadMore = () => {\n this.setState({\n isLoading: true,\n })\n\n this.loadItems(this.props.posts.next)\n }\n\n componentDidMount() {\n title.set({\n title: this.props.title,\n parent: this.props.profile.username,\n })\n\n this.loadItems()\n }\n\n render() {\n return (\n
    \n \n \n \n

    {this.props.header}

    \n     \n     \n     \n \n
    \n )\n }\n}\n\nexport function Feed(props) {\n if (props.posts.isLoaded && !props.posts.results.length) {\n return

    {props.emptyMessage}

    \n }\n\n return (\n
    \n \n \n
    \n )\n}\n\nexport function LoadMoreButton(props) {\n if (!props.next) return null\n\n return (\n
    \n \n {pgettext(\"profile load more btn\", \"Show older activity\")}\n \n
    \n )\n}\n","import React from \"react\"\n\nexport default class extends React.Component {\n getClassName() {\n if (this.props.className) {\n return \"form-search \" + this.props.className\n } else {\n return \"form-search\"\n }\n }\n\n render() {\n return (\n
    \n \n search\n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Search from \"misago/components/quick-search\"\nimport UsersList from \"misago/components/users-list\"\nimport misago from \"misago/index\"\nimport { hydrate, append } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport title from \"misago/services/page-title\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../Toolbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.setSpecialProps()\n\n if (misago.has(this.PRELOADED_DATA_KEY)) {\n this.initWithPreloadedData(misago.pop(this.PRELOADED_DATA_KEY))\n } else {\n this.initWithoutPreloadedData()\n }\n }\n\n setSpecialProps() {\n this.PRELOADED_DATA_KEY = \"PROFILE_FOLLOWERS\"\n this.TITLE = pgettext(\"profile followers title\", \"Followers\")\n this.API_FILTER = \"followers\"\n }\n\n initWithPreloadedData(data) {\n this.state = {\n isLoaded: true,\n isBusy: false,\n\n search: \"\",\n\n count: data.count,\n more: data.more,\n\n page: data.page,\n pages: data.pages,\n }\n\n store.dispatch(hydrate(data.results))\n }\n\n initWithoutPreloadedData() {\n this.state = {\n isLoaded: false,\n isBusy: false,\n\n search: \"\",\n\n count: 0,\n more: 0,\n\n page: 1,\n pages: 1,\n }\n\n this.loadUsers()\n }\n\n loadUsers(page = 1, search = null) {\n const apiUrl = this.props.profile.api[this.API_FILTER]\n\n ajax\n .get(\n apiUrl,\n {\n search: search,\n page: page || 1,\n },\n \"user-\" + this.API_FILTER\n )\n .then(\n (data) => {\n if (page === 1) {\n store.dispatch(hydrate(data.results))\n } else {\n store.dispatch(append(data.results))\n }\n\n this.setState({\n isLoaded: true,\n isBusy: false,\n\n count: data.count,\n more: data.more,\n\n page: data.page,\n pages: data.pages,\n })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n componentDidMount() {\n title.set({\n title: this.TITLE,\n parent: this.props.profile.username,\n })\n }\n\n loadMore = () => {\n this.setState({\n isBusy: true,\n })\n\n this.loadUsers(this.state.page + 1, this.state.search)\n }\n\n search = (ev) => {\n this.setState({\n isLoaded: false,\n isBusy: true,\n\n search: ev.target.value,\n\n count: 0,\n more: 0,\n\n page: 1,\n pages: 1,\n })\n\n this.loadUsers(1, ev.target.value)\n }\n\n getLabel() {\n if (!this.state.isLoaded) {\n return pgettext(\"Loading...\")\n } else if (this.state.search) {\n let message = npgettext(\n \"profile followers\",\n \"Found %(users)s user.\",\n \"Found %(users)s users.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n users: this.state.count,\n },\n true\n )\n } else if (this.props.profile.id === this.props.user.id) {\n let message = npgettext(\n \"profile followers\",\n \"You have %(users)s follower.\",\n \"You have %(users)s followers.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n users: this.state.count,\n },\n true\n )\n } else {\n let message = npgettext(\n \"profile followers\",\n \"%(username)s has %(users)s follower.\",\n \"%(username)s has %(users)s followers.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n username: this.props.profile.username,\n users: this.state.count,\n },\n true\n )\n }\n }\n\n getEmptyMessage() {\n if (this.state.search) {\n return pgettext(\n \"profile followers\",\n \"Search returned no users matching specified criteria.\"\n )\n } else if (this.props.user.id === this.props.profile.id) {\n return pgettext(\"profile followers\", \"You have no followers.\")\n } else {\n return interpolate(\n pgettext(\"profile followers\", \"%(username)s has no followers.\"),\n {\n username: this.props.profile.username,\n },\n true\n )\n }\n }\n\n getMoreButton() {\n if (!this.state.more) return null\n\n return (\n
    \n \n {interpolate(\n pgettext(\"profile followers\", \"Show more (%(more)s)\"),\n {\n more: this.state.more,\n },\n true\n )}\n \n
    \n )\n }\n\n getListBody() {\n if (this.state.isLoaded && this.state.count === 0) {\n return

    {this.getEmptyMessage()}

    \n }\n\n return (\n
    \n \n\n {this.getMoreButton()}\n
    \n )\n }\n\n getClassName() {\n return \"profile-\" + this.API_FILTER\n }\n\n render() {\n return (\n
    \n \n \n \n

    {this.getLabel()}

    \n     \n     \n \n \n \n \n \n     \n\n {this.getListBody()}\n
    \n )\n }\n}\n","import React from \"react\"\nimport Followers from \"misago/components/profile/followers\"\n\nexport default class extends Followers {\n setSpecialProps() {\n this.PRELOADED_DATA_KEY = \"PROFILE_FOLLOWS\"\n this.TITLE = pgettext(\"profile follows title\", \"Follows\")\n this.API_FILTER = \"follows\"\n }\n\n getLabel() {\n if (!this.state.isLoaded) {\n return pgettext(\"profile follows\", \"Loading...\")\n } else if (this.state.search) {\n let message = npgettext(\n \"profile follows\",\n \"Found %(users)s user.\",\n \"Found %(users)s users.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n users: this.state.count,\n },\n true\n )\n } else if (this.props.profile.id === this.props.user.id) {\n let message = npgettext(\n \"profile follows\",\n \"You are following %(users)s user.\",\n \"You are following %(users)s users.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n users: this.state.count,\n },\n true\n )\n } else {\n let message = npgettext(\n \"profile follows\",\n \"%(username)s is following %(users)s user.\",\n \"%(username)s is following %(users)s users.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n username: this.props.profile.username,\n users: this.state.count,\n },\n true\n )\n }\n }\n\n getEmptyMessage() {\n if (this.state.search) {\n return pgettext(\n \"profile follows\",\n \"Search returned no users matching specified criteria.\"\n )\n } else if (this.props.user.id === this.props.profile.id) {\n return pgettext(\"profile follows\", \"You are not following any users.\")\n } else {\n return interpolate(\n pgettext(\"profile follows\", \"%(username)s is not following any users.\"),\n {\n username: this.props.profile.username,\n },\n true\n )\n }\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Search from \"misago/components/quick-search\"\nimport UsernameHistory from \"misago/components/username-history/root\"\nimport misago from \"misago/index\"\nimport { hydrate, append } from \"misago/reducers/username-history\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport title from \"misago/services/page-title\"\nimport { Toolbar, ToolbarItem, ToolbarSection } from \"../Toolbar\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n if (misago.has(\"PROFILE_NAME_HISTORY\")) {\n this.initWithPreloadedData(misago.pop(\"PROFILE_NAME_HISTORY\"))\n } else {\n this.initWithoutPreloadedData()\n }\n }\n\n initWithPreloadedData(data) {\n this.state = {\n isLoaded: true,\n isBusy: false,\n\n search: \"\",\n\n count: data.count,\n more: data.more,\n\n page: data.page,\n pages: data.pages,\n }\n\n store.dispatch(hydrate(data.results))\n }\n\n initWithoutPreloadedData() {\n this.state = {\n isLoaded: false,\n isBusy: false,\n\n search: \"\",\n\n count: 0,\n more: 0,\n\n page: 1,\n pages: 1,\n }\n\n this.loadChanges()\n }\n\n loadChanges(page = 1, search = null) {\n ajax\n .get(\n misago.get(\"USERNAME_CHANGES_API\"),\n {\n user: this.props.profile.id,\n search: search,\n page: page || 1,\n },\n \"search-username-history\"\n )\n .then(\n (data) => {\n if (page === 1) {\n store.dispatch(hydrate(data.results))\n } else {\n store.dispatch(append(data.results))\n }\n\n this.setState({\n isLoaded: true,\n isBusy: false,\n\n count: data.count,\n more: data.more,\n\n page: data.page,\n pages: data.pages,\n })\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n }\n\n componentDidMount() {\n title.set({\n title: pgettext(\"profile username history title\", \"Username history\"),\n parent: this.props.profile.username,\n })\n }\n\n loadMore = () => {\n this.setState({\n isBusy: true,\n })\n\n this.loadChanges(this.state.page + 1, this.state.search)\n }\n\n search = (ev) => {\n this.setState({\n isLoaded: false,\n isBusy: true,\n\n search: ev.target.value,\n\n count: 0,\n more: 0,\n\n page: 1,\n pages: 1,\n })\n\n this.loadChanges(1, ev.target.value)\n }\n\n getLabel() {\n if (!this.state.isLoaded) {\n return pgettext(\"profile username history\", \"Loading...\")\n } else if (this.state.search) {\n let message = npgettext(\n \"profile username history\",\n \"Found %(changes)s username change.\",\n \"Found %(changes)s username changes.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n changes: this.state.count,\n },\n true\n )\n } else if (this.props.profile.id === this.props.user.id) {\n let message = npgettext(\n \"profile username history\",\n \"Your username was changed %(changes)s time.\",\n \"Your username was changed %(changes)s times.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n changes: this.state.count,\n },\n true\n )\n } else {\n let message = npgettext(\n \"profile username history\",\n \"%(username)s's username was changed %(changes)s time.\",\n \"%(username)s's username was changed %(changes)s times.\",\n this.state.count\n )\n\n return interpolate(\n message,\n {\n username: this.props.profile.username,\n changes: this.state.count,\n },\n true\n )\n }\n }\n\n getEmptyMessage() {\n if (this.state.search) {\n return pgettext(\n \"profile username history\",\n \"Search returned no username changes matching specified criteria.\"\n )\n } else if (this.props.user.id === this.props.profile.id) {\n return pgettext(\n \"username history empty\",\n \"Your account has no history of name changes.\"\n )\n } else {\n return interpolate(\n pgettext(\n \"profile username history\",\n \"%(username)s's username was never changed.\"\n ),\n {\n username: this.props.profile.username,\n },\n true\n )\n }\n }\n\n getMoreButton() {\n if (!this.state.more) return null\n\n return (\n
    \n \n {interpolate(\n pgettext(\"profile username history\", \"Show older (%(more)s)\"),\n {\n more: this.state.more,\n },\n true\n )}\n \n
    \n )\n }\n\n render() {\n return (\n
    \n \n \n \n

    {this.getLabel()}

    \n     \n     \n \n \n \n \n \n     \n\n \n\n {this.getMoreButton()}\n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport { patch } from \"misago/reducers/profile\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n }\n }\n\n getClassName() {\n if (this.props.profile.is_followed) {\n return this.props.className + \" btn-default btn-following\"\n } else {\n return this.props.className + \" btn-default btn-follow\"\n }\n }\n\n getIcon() {\n if (this.props.profile.is_followed) {\n return \"favorite\"\n } else {\n return \"favorite_border\"\n }\n }\n\n getLabel() {\n if (this.props.profile.is_followed) {\n return pgettext(\"user profile follow btn\", \"Following\")\n } else {\n return pgettext(\"user profile follow btn\", \"Follow\")\n }\n }\n\n action = () => {\n this.setState({\n isLoading: true,\n })\n\n if (this.props.profile.is_followed) {\n store.dispatch(\n patch({\n is_followed: false,\n followers: this.props.profile.followers - 1,\n })\n )\n } else {\n store.dispatch(\n patch({\n is_followed: true,\n followers: this.props.profile.followers + 1,\n })\n )\n }\n\n ajax.post(this.props.profile.api.follow).then(\n (data) => {\n this.setState({\n isLoading: false,\n })\n\n store.dispatch(patch(data))\n },\n (rejection) => {\n this.setState({\n isLoading: false,\n })\n snackbar.apiError(rejection)\n }\n )\n }\n\n render() {\n return (\n \n {this.getIcon()}\n {this.getLabel()}\n \n )\n }\n}\n","import React from \"react\"\nimport posting from \"misago/services/posting\"\nimport misago from \"misago\"\n\nexport default class extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"START_PRIVATE\",\n submit: misago.get(\"PRIVATE_THREADS_API\"),\n\n to: [this.props.profile],\n })\n }\n\n render() {\n const canMessage = this.props.user.acl.can_start_private_threads\n const isProfileOwner = this.props.user.id === this.props.profile.id\n\n if (!canMessage || isProfileOwner) return null\n\n return (\n \n comment\n {pgettext(\"profile message btn\", \"Message\")}\n \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport Loader from \"misago/components/modal-loader\"\nimport YesNoSwitch from \"misago/components/yes-no-switch\"\nimport ModalMessage from \"misago/components/modal-message\"\nimport { updateAvatar } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n isLoading: false,\n error: null,\n\n is_avatar_locked: \"\",\n avatar_lock_user_message: \"\",\n avatar_lock_staff_message: \"\",\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.profile.api.moderate_avatar).then(\n (options) => {\n this.setState({\n isLoaded: true,\n\n is_avatar_locked: options.is_avatar_locked,\n avatar_lock_user_message: options.avatar_lock_user_message || \"\",\n avatar_lock_staff_message: options.avatar_lock_staff_message || \"\",\n })\n },\n (rejection) => {\n this.setState({\n isLoaded: true,\n error: rejection.detail,\n })\n }\n )\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(this.validate().username[0])\n return false\n }\n }\n\n send() {\n return ajax.post(this.props.profile.api.moderate_avatar, {\n is_avatar_locked: this.state.is_avatar_locked,\n avatar_lock_user_message: this.state.avatar_lock_user_message,\n avatar_lock_staff_message: this.state.avatar_lock_staff_message,\n })\n }\n\n handleSuccess(apiResponse) {\n store.dispatch(updateAvatar(this.props.profile, apiResponse.avatar_hash))\n snackbar.success(\n pgettext(\n \"profile avatar moderation\",\n \"Avatar controls have been changed.\"\n )\n )\n }\n\n getFormBody() {\n return (\n \n
    \n \n \n \n\n \n \n \n\n \n \n \n
    \n
    \n \n {pgettext(\"profile avatar moderation btn\", \"Close\")}\n \n \n
    \n \n )\n }\n\n getModalBody() {\n if (this.state.error) {\n return (\n \n )\n } else if (this.state.isLoaded) {\n return this.getFormBody()\n } else {\n return \n }\n }\n\n getClassName() {\n if (this.state.error) {\n return \"modal-dialog modal-message modal-avatar-controls\"\n } else {\n return \"modal-dialog modal-avatar-controls\"\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"profile avatar moderation title\", \"Avatar controls\")}\n

    \n
    \n {this.getModalBody()}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport Loader from \"misago/components/modal-loader\"\nimport ModalMessage from \"misago/components/modal-message\"\nimport { addNameChange } from \"misago/reducers/username-history\"\nimport { updateUsername } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport * as validators from \"misago/utils/validators\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n isLoading: false,\n error: null,\n\n username: \"\",\n validators: {\n username: [validators.usernameContent()],\n },\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.profile.api.moderate_username).then(\n () => {\n this.setState({\n isLoaded: true,\n })\n },\n (rejection) => {\n this.setState({\n isLoaded: true,\n error: rejection.detail,\n })\n }\n )\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(this.validate().username[0])\n return false\n }\n }\n\n send() {\n return ajax.post(this.props.profile.api.moderate_username, {\n username: this.state.username,\n })\n }\n\n handleSuccess(apiResponse) {\n this.setState({\n username: \"\",\n })\n\n store.dispatch(\n addNameChange(apiResponse, this.props.profile, this.props.user)\n )\n store.dispatch(\n updateUsername(this.props.profile, apiResponse.username, apiResponse.slug)\n )\n\n snackbar.success(\n pgettext(\"profile username moderation\", \"Username has been changed.\")\n )\n }\n\n getFormBody() {\n return (\n
    \n
    \n \n \n \n
    \n
    \n \n {pgettext(\"profile username moderation btn\", \"Cancel\")}\n \n \n
    \n
    \n )\n }\n\n getModalBody() {\n if (this.state.error) {\n return (\n \n )\n } else if (this.state.isLoaded) {\n return this.getFormBody()\n } else {\n return \n }\n }\n\n getClassName() {\n if (this.state.error) {\n return \"modal-dialog modal-message modal-rename-user\"\n } else {\n return \"modal-dialog modal-rename-user\"\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"profile username moderation title\", \"Change username\")}\n

    \n
    \n {this.getModalBody()}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport Loader from \"misago/components/modal-loader\"\nimport ModalMessage from \"misago/components/modal-message\"\nimport YesNoSwitch from \"misago/components/yes-no-switch\"\nimport misago from \"misago/index\"\nimport ajax from \"misago/services/ajax\"\nimport polls from \"misago/services/polls\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n isLoading: false,\n isDeleted: false,\n error: null,\n\n countdown: 5,\n confirm: false,\n\n with_content: false,\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.profile.api.delete).then(\n () => {\n this.setState({\n isLoaded: true,\n })\n\n this.countdown()\n },\n (rejection) => {\n this.setState({\n isLoaded: true,\n error: rejection.detail,\n })\n }\n )\n }\n\n countdown = () => {\n window.setTimeout(() => {\n if (this.state.countdown > 1) {\n this.setState({\n countdown: this.state.countdown - 1,\n })\n this.countdown()\n } else if (!this.state.confirm) {\n this.setState({\n confirm: true,\n })\n }\n }, 1000)\n }\n\n send() {\n return ajax.post(this.props.profile.api.delete, {\n with_content: this.state.with_content,\n })\n }\n\n handleSuccess() {\n polls.stop(\"user-profile\")\n\n if (this.state.with_content) {\n this.setState({\n isDeleted: interpolate(\n pgettext(\n \"profile delete\",\n \"%(username)s's account, threads, posts and other content has been deleted.\"\n ),\n {\n username: this.props.profile.username,\n },\n true\n ),\n })\n } else {\n this.setState({\n isDeleted: interpolate(\n pgettext(\n \"profile delete\",\n \"%(username)s's account has been deleted and other content has been hidden.\"\n ),\n {\n username: this.props.profile.username,\n },\n true\n ),\n })\n }\n }\n\n getButtonLabel() {\n if (this.state.confirm) {\n return interpolate(\n pgettext(\"profile delete btn\", \"Delete %(username)s\"),\n {\n username: this.props.profile.username,\n },\n true\n )\n } else {\n return interpolate(\n pgettext(\"profile delete btn\", \"Please wait... (%(countdown)ss)\"),\n {\n countdown: this.state.countdown,\n },\n true\n )\n }\n }\n\n getForm() {\n return (\n
    \n
    \n \n \n \n
    \n
    \n \n {pgettext(\"profile delete btn\", \"Cancel\")}\n \n\n \n {this.getButtonLabel()}\n \n
    \n
    \n )\n }\n\n getDeletedBody() {\n return (\n
    \n
    \n info_outline\n
    \n \n
    \n )\n }\n\n getModalBody() {\n if (this.state.error) {\n return (\n \n )\n } else if (this.state.isLoaded) {\n if (this.state.isDeleted) {\n return this.getDeletedBody()\n } else {\n return this.getForm()\n }\n } else {\n return \n }\n }\n\n getClassName() {\n if (this.state.error || this.state.isDeleted) {\n return \"modal-dialog modal-message modal-delete-account\"\n } else {\n return \"modal-dialog modal-delete-account\"\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"profile delete title\", \"Delete user account\")}\n

    \n
    \n {this.getModalBody()}\n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport AvatarControls from \"misago/components/profile/moderation/avatar-controls\"\nimport ChangeUsername from \"misago/components/profile/moderation/change-username\"\nimport DeleteAccount from \"misago/components/profile/moderation/delete-account\"\nimport modal from \"misago/services/modal\"\n\nlet select = function (store) {\n return {\n tick: store.tick,\n user: store.auth,\n profile: store.profile,\n }\n}\n\nexport default class extends React.Component {\n showAvatarDialog = () => {\n modal.show(connect(select)(AvatarControls))\n }\n\n showRenameDialog = () => {\n modal.show(connect(select)(ChangeUsername))\n }\n\n showDeleteDialog = () => {\n modal.show(connect(select)(DeleteAccount))\n }\n\n render() {\n const { moderation } = this.props\n\n return (\n
      \n {!!moderation.avatar && (\n
    • \n \n portrait\n {pgettext(\"profile moderation menu\", \"Avatar controls\")}\n \n
      • \n )}\n {!!moderation.rename && (\n
    • \n \n credit_card\n {pgettext(\"profile moderation menu\", \"Change username\")}\n \n
      • \n )}\n {!!moderation.delete && (\n
    • \n \n clear\n {pgettext(\"profile moderation menu\", \"Delete account\")}\n \n
      • \n )}\n
    \n )\n }\n}\n","import React from \"react\"\nimport Status, { StatusIcon, StatusLabel } from \"../user-status\"\n\nconst ProfileDataList = ({ profile }) => (\n
      \n {profile.is_active === false && (\n
    • \n \n {pgettext(\"profile data list\", \"Account disabled\")}\n \n
      • \n )}\n
    • \n \n \n \n \n
      • \n {profile.rank.is_tab ? (\n
    • \n \n {profile.rank.name}\n \n
      • \n ) : (\n
    • \n {profile.rank.name}\n
      • \n )}\n {(profile.title || profile.rank.title) && (\n
    • {profile.title || profile.rank.title}
      • \n )}\n
    • \n \n {interpolate(\n pgettext(\"profile data list\", \"Joined %(joined_on)s\"),\n {\n joined_on: profile.joined_on.fromNow(),\n },\n true\n )}\n \n
      • \n {profile.email && (\n
    • \n \n {profile.email}\n \n
      • \n )}\n
    \n)\n\nexport default ProfileDataList\n","import React from \"react\"\nimport Avatar from \"../avatar\"\nimport { FlexRow, FlexRowCol, FlexRowSection } from \"../FlexRow\"\nimport {\n PageHeader,\n PageHeaderBanner,\n PageHeaderContainer,\n PageHeaderDetails,\n} from \"../PageHeader\"\nimport FollowButton from \"./follow-button\"\nimport MessageButton from \"./message-button\"\nimport ModerationOptions from \"./moderation/nav\"\nimport ProfileDataList from \"./ProfileDataList\"\n\nconst ProfileHeader = ({ profile, user, moderation, message, follow }) => (\n \n \n \n
    \n
    \n \n \n \n
    \n

    {profile.username}

    \n
    \n \n \n \n \n \n \n \n \n {message && (\n \n \n \n \n {moderation.available && !follow && (\n \n
    \n \n \n
    \n     \n )}\n     \n )}\n {follow && (\n \n \n \n \n {moderation.available && (\n \n
    \n \n \n
    \n     \n )}\n     \n )}\n {moderation.available && !follow && !message && (\n \n \n
    \n \n \n
    \n     \n \n
    \n \n settings\n {pgettext(\"profile options btn\", \"Options\")}\n \n \n
    \n     \n     \n )}\n     \n     \n \n     \n)\n\nconst ProfileModerationButton = () => (\n \n settings\n \n)\n\nexport default ProfileHeader\n","import React from \"react\"\nimport { Link } from \"react-router\"\nimport Li from \"misago/components/li\"\n\nconst ProfileNav = ({ baseUrl, page, pages }) => (\n
    \n
    \n \n {page.icon}\n {page.name}\n \n
      \n {pages.map((page) => (\n
    • \n \n {page.icon}\n {page.name}\n \n
      • \n ))}\n
    \n
    \n
      \n {pages.map((page) => (\n
    • \n \n {page.icon}\n {page.name}\n \n
      • \n ))}\n
    \n
    \n)\n\nexport default ProfileNav\n","import React from \"react\"\nimport { connect } from \"react-redux\"\nimport BanDetails from \"./ban-details\"\nimport Details from \"./details\"\nimport { Posts, Threads } from \"./feed\"\nimport Followers from \"./followers\"\nimport Follows from \"./follows\"\nimport UsernameHistory from \"./username-history\"\nimport WithDropdown from \"misago/components/with-dropdown\"\nimport misago from \"misago\"\nimport { hydrate } from \"misago/reducers/profile\"\nimport polls from \"misago/services/polls\"\nimport store from \"misago/services/store\"\nimport PageContainer from \"../PageContainer\"\nimport ProfileHeader from \"./ProfileHeader\"\nimport ProfileNav from \"./ProfileNav\"\n\nexport default class extends WithDropdown {\n constructor(props) {\n super(props)\n\n this.startPolling(props.profile.api.index)\n }\n\n startPolling(api) {\n polls.start({\n poll: \"user-profile\",\n url: api,\n frequency: 90 * 1000,\n update: this.update,\n })\n }\n\n update = (data) => {\n store.dispatch(hydrate(data))\n }\n\n render() {\n const baseUrl = misago.get(\"PROFILE\").url\n const pages = misago.get(\"PROFILE_PAGES\")\n const page = pages.filter((page) => {\n const url = baseUrl + page.component + \"/\"\n return this.props.location.pathname === url\n })[0]\n const { profile, user } = this.props\n const moderation = getModeration(profile, user)\n const message =\n !!user.acl.can_start_private_threads && profile.id !== user.id\n const follow = !!profile.acl.can_follow && profile.id !== user.id\n\n return (\n
    \n \n \n \n\n {this.props.children}\n \n
    \n )\n }\n}\n\nconst getModeration = (profile, user) => {\n const moderation = {\n available: false,\n rename: false,\n avatar: false,\n delete: false,\n }\n\n if (user.is_anonymous) return moderation\n\n moderation.rename = profile.acl.can_rename\n moderation.avatar = profile.acl.can_moderate_avatar\n moderation.delete = profile.acl.can_delete\n moderation.available = !!(\n moderation.rename ||\n moderation.avatar ||\n moderation.delete\n )\n\n return moderation\n}\n\nexport function select(store) {\n return {\n isAuthenticated: store.auth.user.id === store.profile.id,\n\n tick: store.tick.tick,\n user: store.auth.user,\n users: store.users,\n posts: store.posts,\n profile: store.profile,\n profileDetails: store[\"profile-details\"],\n \"username-history\": store[\"username-history\"],\n }\n}\n\nconst COMPONENTS = {\n posts: Posts,\n threads: Threads,\n followers: Followers,\n follows: Follows,\n details: Details,\n \"username-history\": UsernameHistory,\n \"ban-details\": BanDetails,\n}\n\nexport function paths() {\n let paths = []\n misago.get(\"PROFILE_PAGES\").forEach(function (item) {\n paths.push(\n Object.assign({}, item, {\n path: misago.get(\"PROFILE\").url + item.component + \"/\",\n component: connect(select)(COMPONENTS[item.component]),\n })\n )\n })\n\n return paths\n}\n","import React from \"react\"\nimport Route from \"./route\"\n\nexport function Threads(props) {\n let emptyMessage = null\n if (props.user.id === props.profile.id) {\n emptyMessage = pgettext(\n \"profile threads\",\n \"You haven't started any threads.\"\n )\n } else {\n emptyMessage = interpolate(\n pgettext(\"profile threads\", \"%(username)s hasn't started any threads\"),\n {\n username: props.profile.username,\n },\n true\n )\n }\n\n let header = null\n if (!props.posts.isLoaded) {\n header = pgettext(\"profile threads\", \"Loading...\")\n } else if (props.profile.id === props.user.id) {\n const message = npgettext(\n \"profile threads\",\n \"You have started %(threads)s thread.\",\n \"You have started %(threads)s threads.\",\n props.profile.threads\n )\n\n header = interpolate(\n message,\n {\n threads: props.profile.threads,\n },\n true\n )\n } else {\n const message = npgettext(\n \"profile threads\",\n \"%(username)s has started %(threads)s thread.\",\n \"%(username)s has started %(threads)s threads.\",\n props.profile.threads\n )\n\n header = interpolate(\n message,\n {\n username: props.profile.username,\n threads: props.profile.threads,\n },\n true\n )\n }\n\n return (\n \n )\n}\n\nexport function Posts(props) {\n let emptyMessage = null\n if (props.user.id === props.profile.id) {\n emptyMessage = pgettext(\"profile posts\", \"You have posted no messages.\")\n } else {\n emptyMessage = interpolate(\n pgettext(\"profile posts\", \"%(username)s posted no messages.\"),\n {\n username: props.profile.username,\n },\n true\n )\n }\n\n let header = null\n if (!props.posts.isLoaded) {\n header = pgettext(\"profile posts\", \"Loading...\")\n } else if (props.profile.id === props.user.id) {\n const message = npgettext(\n \"profile posts\",\n \"You have posted %(posts)s message.\",\n \"You have posted %(posts)s messages.\",\n props.profile.posts\n )\n\n header = interpolate(\n message,\n {\n posts: props.profile.posts,\n },\n true\n )\n } else {\n const message = npgettext(\n \"profile posts\",\n \"%(username)s has posted %(posts)s message.\",\n \"%(username)s has posted %(posts)s messages.\",\n props.profile.posts\n )\n\n header = interpolate(\n message,\n {\n username: props.profile.username,\n posts: props.profile.posts,\n },\n true\n )\n }\n\n return (\n \n )\n}\n","import { connect } from \"react-redux\"\nimport Profile, { paths, select } from \"misago/components/profile/root\"\nimport misago from \"misago/index\"\nimport mount from \"misago/utils/routed-component\"\n\nexport default function initializer(context) {\n if (context.has(\"PROFILE\") && context.has(\"PROFILE_PAGES\")) {\n mount({\n root: misago.get(\"PROFILE\").url,\n component: connect(select)(Profile),\n paths: paths(),\n })\n }\n}\n\nmisago.addInitializer({\n name: \"component:profile\",\n initializer: initializer,\n after: \"reducer:profile-hydrate\",\n})\n","import React from \"react\"\nimport misago from \"misago/index\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\nimport showBannedPage from \"misago/utils/banned-page\"\n\nexport class RequestLinkForm extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n email: \"\",\n\n validators: {\n email: [validators.email()],\n },\n }\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(\n pgettext(\n \"request activation link form\",\n \"Enter a valid e-mail address.\"\n )\n )\n return false\n }\n }\n\n send() {\n return ajax.post(misago.get(\"SEND_ACTIVATION_API\"), {\n email: this.state.email,\n })\n }\n\n handleSuccess(apiResponse) {\n this.props.callback(apiResponse)\n }\n\n handleError(rejection) {\n if ([\"already_active\", \"inactive_admin\"].indexOf(rejection.code) > -1) {\n snackbar.info(rejection.detail)\n } else if (rejection.status === 403 && rejection.ban) {\n showBannedPage(rejection.ban)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n \n
    \n
    \n\n \n {pgettext(\"request activation link form btn\", \"Send link\")}\n \n \n
    \n )\n }\n}\n\nexport class LinkSent extends React.Component {\n getMessage() {\n return interpolate(\n pgettext(\n \"request activation link form\",\n \"Activation link was sent to %(email)s\"\n ),\n {\n email: this.props.user.email,\n },\n true\n )\n }\n\n render() {\n return (\n
    \n
    \n
    \n check\n
    \n
    \n

    {this.getMessage()}

    \n
    \n \n {pgettext(\n \"request activation link form btn\",\n \"Request another link\"\n )}\n \n
    \n
    \n )\n }\n}\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n complete: false,\n }\n }\n\n complete = (apiResponse) => {\n this.setState({\n complete: apiResponse,\n })\n }\n\n reset = () => {\n this.setState({\n complete: false,\n })\n }\n\n render() {\n if (this.state.complete) {\n return \n } else {\n return \n }\n }\n}\n","import misago from \"misago/index\"\nimport RequestActivationLink from \"misago/components/request-activation-link\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n if (document.getElementById(\"request-activation-link-mount\")) {\n mount(RequestActivationLink, \"request-activation-link-mount\", false)\n }\n}\n\nmisago.addInitializer({\n name: \"component:request-activation-link\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport misago from \"misago/index\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\nimport showBannedPage from \"misago/utils/banned-page\"\n\nexport class RequestResetForm extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n email: \"\",\n\n validators: {\n email: [validators.email()],\n },\n }\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(\n pgettext(\"request password reset form\", \"Enter a valid e-mail address.\")\n )\n return false\n }\n }\n\n send() {\n return ajax.post(misago.get(\"SEND_PASSWORD_RESET_API\"), {\n email: this.state.email,\n })\n }\n\n handleSuccess(apiResponse) {\n this.props.callback(apiResponse)\n }\n\n handleError(rejection) {\n if ([\"inactive_user\", \"inactive_admin\"].indexOf(rejection.code) > -1) {\n this.props.showInactivePage(rejection)\n } else if (rejection.status === 403 && rejection.ban) {\n showBannedPage(rejection.ban)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n \n
    \n
    \n\n \n {pgettext(\"request password reset form btn\", \"Send link\")}\n \n \n
    \n )\n }\n}\n\nexport class LinkSent extends React.Component {\n getMessage() {\n return interpolate(\n pgettext(\n \"request password reset form\",\n \"Reset password link was sent to %(email)s\"\n ),\n {\n email: this.props.user.email,\n },\n true\n )\n }\n\n render() {\n return (\n
    \n
    \n
    \n check\n
    \n
    \n

    {this.getMessage()}

    \n
    \n \n {pgettext(\n \"request password reset form btn\",\n \"Request another link\"\n )}\n \n
    \n
    \n )\n }\n}\n\nexport class AccountInactivePage extends React.Component {\n getActivateButton() {\n if (this.props.activation === \"inactive_user\") {\n return (\n

    \n \n {pgettext(\n \"request password reset form error\",\n \"Activate your account.\"\n )}\n \n

    \n )\n } else {\n return null\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n info_outline\n
    \n\n
    \n

    \n {pgettext(\n \"request password reset form error\",\n \"Your account is inactive.\"\n )}\n

    \n

    {this.props.message}

    \n {this.getActivateButton()}\n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n complete: false,\n }\n }\n\n complete = (apiResponse) => {\n this.setState({\n complete: apiResponse,\n })\n }\n\n reset = () => {\n this.setState({\n complete: false,\n })\n }\n\n showInactivePage(apiResponse) {\n ReactDOM.render(\n ,\n document.getElementById(\"page-mount\")\n )\n }\n\n render() {\n if (this.state.complete) {\n return \n }\n\n return (\n \n )\n }\n}\n","import misago from \"misago/index\"\nimport RequestPasswordReset from \"misago/components/request-password-reset\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n if (document.getElementById(\"request-password-reset-mount\")) {\n mount(RequestPasswordReset, \"request-password-reset-mount\", false)\n }\n}\n\nmisago.addInitializer({\n name: \"component:request-password-reset\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport misago from \"misago/index\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport SignInModal from \"misago/components/sign-in.js\"\nimport ajax from \"misago/services/ajax\"\nimport auth from \"misago/services/auth\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport showBannedPage from \"misago/utils/banned-page\"\n\nexport class ResetPasswordForm extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n password: \"\",\n }\n }\n\n clean() {\n if (this.state.password.trim().length) {\n return true\n } else {\n snackbar.error(pgettext(\"password reset form\", \"Enter new password.\"))\n return false\n }\n }\n\n send() {\n return ajax.post(misago.get(\"CHANGE_PASSWORD_API\"), {\n password: this.state.password,\n })\n }\n\n handleSuccess(apiResponse) {\n this.props.callback(apiResponse)\n }\n\n handleError(rejection) {\n if (rejection.status === 403 && rejection.ban) {\n showBannedPage(rejection.ban)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n \n
    \n
    \n\n \n {pgettext(\"password reset form btn\", \"Change password\")}\n \n \n
    \n )\n }\n}\n\nexport class PasswordChangedPage extends React.Component {\n getMessage() {\n return interpolate(\n pgettext(\n \"password reset form\",\n \"%(username)s, your password has been changed.\"\n ),\n {\n username: this.props.user.username,\n },\n true\n )\n }\n\n showSignIn() {\n modal.show(SignInModal)\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n check\n
    \n\n
    \n

    {this.getMessage()}

    \n

    \n {pgettext(\n \"password reset form\",\n \"Sign in using new password to continue.\"\n )}\n

    \n

    \n \n {pgettext(\"password reset form btn\", \"Sign in\")}\n \n

    \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport default class extends React.Component {\n complete = (apiResponse) => {\n auth.softSignOut()\n\n // nuke \"redirect_to\" field so we don't end\n // coming back to error page after sign in\n $('#hidden-login-form input[name=\"redirect_to\"]').remove()\n\n ReactDOM.render(\n ,\n document.getElementById(\"page-mount\")\n )\n }\n\n render() {\n return \n }\n}\n","import misago from \"misago\"\nimport ResetPasswordForm from \"misago/components/reset-password-form\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n if (document.getElementById(\"reset-password-form-mount\")) {\n mount(ResetPasswordForm, \"reset-password-form-mount\", false)\n }\n}\n\nmisago.addInitializer({\n name: \"component:reset-password-form\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Provider } from \"react-redux\"\nimport { SearchOverlay } from \"../../components/Search\"\nimport store from \"../../services/store\"\n\nexport default function initializer(context) {\n const root = document.getElementById(\"search-mount\")\n ReactDOM.render(\n \n \n ,\n root\n )\n}\n\nmisago.addInitializer({\n name: \"component:search-overlay\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport misago from \"misago\"\nimport Form from \"misago/components/form\"\nimport { load as updatePosts } from \"misago/reducers/posts\"\nimport { update as updateSearch } from \"misago/reducers/search\"\nimport { hydrate as updateUsers } from \"misago/reducers/users\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport { FlexRow, FlexRowCol, FlexRowSection } from \"../FlexRow\"\nimport {\n PageHeader,\n PageHeaderContainer,\n PageHeaderBanner,\n PageHeaderDetails,\n} from \"../PageHeader\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n query: props.search.query,\n }\n }\n\n componentDidMount() {\n if (this.state.query.length) {\n this.handleSubmit()\n }\n }\n\n onQueryChange = (event) => {\n this.changeValue(\"query\", event.target.value)\n }\n\n clean() {\n if (!this.state.query.trim().length) {\n snackbar.error(pgettext(\"search form\", \"You have to enter search query.\"))\n return false\n }\n\n return true\n }\n\n send() {\n store.dispatch(\n updateSearch({\n isLoading: true,\n })\n )\n\n const query = this.state.query.trim()\n\n let url = window.location.href\n const urlQuery = url.indexOf(\"?q=\")\n if (urlQuery > 0) {\n url = url.substring(0, urlQuery + 3)\n }\n window.history.pushState({}, \"\", url + encodeURIComponent(query))\n\n return ajax.get(misago.get(\"SEARCH_API\"), { q: query })\n }\n\n handleSuccess(providers) {\n store.dispatch(\n updateSearch({\n query: this.state.query.trim(),\n isLoading: false,\n providers,\n })\n )\n\n providers.forEach((provider) => {\n if (provider.id === \"users\") {\n store.dispatch(updateUsers(provider.results.results))\n } else if (provider.id === \"threads\") {\n store.dispatch(updatePosts(provider.results))\n }\n })\n }\n\n handleError(rejection) {\n snackbar.apiError(rejection)\n\n store.dispatch(\n updateSearch({\n isLoading: false,\n })\n )\n }\n\n render() {\n return (\n
    \n \n \n \n

    {pgettext(\"search form title\", \"Search\")}

    \n     \n \n \n \n \n \n \n \n \n search\n \n \n \n \n \n     \n     \n
    \n )\n }\n}\n","import React from \"react\"\nimport { Link } from \"react-router\"\n\nexport default function (props) {\n return (\n
    \n {props.providers.map((provider) => {\n return (\n \n {provider.icon}\n {provider.name}\n \n \n )\n })}\n
    \n )\n}\n\nexport function Badge(props) {\n if (!props.results) return null\n\n let count = props.results.count\n if (count > 1000000) {\n count = Math.ceil(count / 1000000) + \"KK\"\n } else if (count > 1000) {\n count = Math.ceil(count / 1000) + \"K\"\n }\n\n return {count}\n}\n","import React from \"react\"\nimport PageContainer from \"../PageContainer\"\nimport SearchForm from \"./form\"\nimport SideNav from \"./sidenav\"\n\nexport default function (props) {\n return (\n
    \n \n \n
    \n
    \n \n
    \n
    \n {props.children}\n \n
    \n
    \n     \n
    \n )\n}\n\nexport function SearchTime(props) {\n let time = null\n props.search.providers.forEach((p) => {\n if (p.id === props.provider.id) {\n time = p.time\n }\n })\n\n if (time === null) return null\n\n const copy = pgettext(\"search time\", \"Search took %(time)s s\")\n\n return (\n
    \n

    {interpolate(copy, { time }, true)}

    \n
    \n )\n}\n","import React from \"react\"\nimport PostFeed from \"misago/components/post-feed\"\nimport Button from \"misago/components/button\"\nimport MisagoMarkup from \"misago/components/misago-markup\"\nimport {\n update as updatePosts,\n append as appendPosts,\n} from \"misago/reducers/posts\"\nimport { updateProvider } from \"misago/reducers/search\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default function (props) {\n return (\n
    \n \n \n
    \n )\n}\n\nexport class LoadMore extends React.Component {\n onClick = () => {\n store.dispatch(\n updatePosts({\n isBusy: true,\n })\n )\n\n ajax\n .get(this.props.provider.api, {\n q: this.props.query,\n page: this.props.next,\n })\n .then(\n (providers) => {\n providers.forEach((provider) => {\n if (provider.id !== \"threads\") return\n store.dispatch(appendPosts(provider.results))\n store.dispatch(updateProvider(provider))\n })\n\n store.dispatch(\n updatePosts({\n isBusy: false,\n })\n )\n },\n (rejection) => {\n snackbar.apiError(rejection)\n\n store.dispatch(\n updatePosts({\n isBusy: false,\n })\n )\n }\n )\n }\n\n render() {\n if (!this.props.more) return null\n\n return (\n
    \n \n {pgettext(\"search threads btn\", \"Show more\")}\n \n
    \n )\n }\n}\n","import React from \"react\"\nimport SearchPage from \"../page\"\nimport Results from \"./results\"\n\nexport default function (props) {\n return (\n \n \n \n \n \n )\n}\n\nexport function Blankslate({ children, loading, posts, query }) {\n if (posts && posts.count) return children\n\n if (query.length) {\n return (\n

    \n {loading\n ? pgettext(\"search threads\", \"Loading results...\")\n : pgettext(\n \"search threads\",\n \"No threads matching search query have been found.\"\n )}\n

    \n )\n }\n\n return (\n

    \n {pgettext(\n \"search threads\",\n \"Enter at least two characters to search threads.\"\n )}\n

    \n )\n}\n","import React from \"react\"\nimport SearchPage from \"../page\"\nimport UsersList from \"misago/components/users-list\"\n\nexport default function (props) {\n return (\n \n \n \n \n \n )\n}\n\nexport function Blankslate({ children, loading, query, users }) {\n if (users.length) return children\n\n if (query.length) {\n return (\n

    \n {loading\n ? pgettext(\"search users\", \"Loading results...\")\n : pgettext(\n \"search users\",\n \"No users matching search query have been found.\"\n )}\n

    \n )\n }\n\n return (\n

    \n {pgettext(\n \"search users\",\n \"Enter at least two characters to search users.\"\n )}\n

    \n )\n}\n","import { connect } from \"react-redux\"\nimport SearchThreads from \"./threads\"\nimport SearchUsers from \"./users\"\n\nconst components = {\n threads: SearchThreads,\n users: SearchUsers,\n}\n\nexport function select(store) {\n return {\n posts: store.posts,\n search: store.search,\n tick: store.tick.tick,\n user: store.auth.user,\n users: store.users,\n }\n}\n\nexport default function (providers) {\n return providers.map((provider) => {\n return {\n path: provider.url,\n component: connect(select)(components[provider.id]),\n provider: provider,\n }\n })\n}\n","import paths from \"misago/components/search-route\"\nimport misago from \"misago\"\nimport mount from \"misago/utils/routed-component\"\n\nexport default function initializer(context) {\n if (context.get(\"CURRENT_LINK\") === \"misago:search\") {\n mount({\n paths: paths(misago.get(\"SEARCH_PROVIDERS\")),\n })\n }\n}\n\nmisago.addInitializer({\n name: \"component:search\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Provider } from \"react-redux\"\nimport { SiteNavOverlay } from \"../../components/SiteNav\"\nimport store from \"../../services/store\"\n\nexport default function initializer(context) {\n const root = document.getElementById(\"site-nav-mount\")\n ReactDOM.render(\n \n \n ,\n root\n )\n}\n\nmisago.addInitializer({\n name: \"component:site-nav-overlay\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\n\nconst TYPES_CLASSES = {\n info: \"alert-info\",\n success: \"alert-success\",\n warning: \"alert-warning\",\n error: \"alert-danger\",\n}\n\nexport class Snackbar extends React.Component {\n getSnackbarClass() {\n let snackbarClass = \"alerts-snackbar\"\n if (this.props.isVisible) {\n snackbarClass += \" in\"\n } else {\n snackbarClass += \" out\"\n }\n return snackbarClass\n }\n\n render() {\n return (\n
    \n

    \n {this.props.message}\n

    \n
    \n )\n }\n}\n\nexport function select(state) {\n return state.snackbar\n}\n","import { connect } from \"react-redux\"\nimport misago from \"misago/index\"\nimport { Snackbar, select } from \"misago/components/snackbar\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer() {\n mount(connect(select)(Snackbar), \"snackbar-mount\")\n}\n\nmisago.addInitializer({\n name: \"component:snackbar\",\n initializer: initializer,\n after: \"snackbar\",\n})\n","import React from \"react\"\nimport {\n PageHeader,\n PageHeaderBanner,\n PageHeaderContainer,\n} from \"../PageHeader\"\n\nconst Header = ({ backendName }) => {\n const pageTitleTpl = pgettext(\"social auth title\", \"Sign in with %(backend)s\")\n const pageTitle = interpolate(pageTitleTpl, { backend: backendName }, true)\n\n return (\n \n \n \n

    {pageTitle}

    \n     \n     \n     \n )\n}\n\nexport default Header\n","import React from \"react\"\nimport misago from \"misago\"\nimport RegisterLegalFootnote from \"misago/components/RegisterLegalFootnote\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport * as validators from \"misago/utils/validators\"\nimport PageContainer from \"../PageContainer\"\nimport Header from \"./header\"\n\nexport default class Register extends Form {\n constructor(props) {\n super(props)\n\n const formValidators = {\n email: [validators.email()],\n username: [validators.usernameContent()],\n }\n\n if (!!misago.get(\"TERMS_OF_SERVICE_ID\")) {\n formValidators.termsOfService = [validators.requiredTermsOfService()]\n }\n\n if (!!misago.get(\"PRIVACY_POLICY_ID\")) {\n formValidators.privacyPolicy = [validators.requiredPrivacyPolicy()]\n }\n\n this.state = {\n email: props.email || \"\",\n emailProtected: !!props.email,\n username: props.username || \"\",\n\n termsOfService: null,\n privacyPolicy: null,\n\n validators: formValidators,\n errors: {},\n\n isLoading: false,\n }\n }\n\n clean() {\n let errors = this.validate()\n let lengths = [\n this.state.email.trim().length,\n this.state.username.trim().length,\n ]\n\n if (lengths.indexOf(0) !== -1) {\n snackbar.error(pgettext(\"social auth form\", \"Fill out all fields.\"))\n return false\n }\n\n const { validators } = this.state\n\n const checkTermsOfService = !!misago.get(\"TERMS_OF_SERVICE_ID\")\n if (checkTermsOfService && this.state.termsOfService === null) {\n snackbar.error(validators.termsOfService[0](null))\n return false\n }\n\n const checkPrivacyPolicy = !!misago.get(\"PRIVACY_POLICY_ID\")\n if (checkPrivacyPolicy && this.state.privacyPolicy === null) {\n snackbar.error(validators.privacyPolicy[0](null))\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.url, {\n email: this.state.email,\n username: this.state.username,\n terms_of_service: this.state.termsOfService,\n privacy_policy: this.state.privacyPolicy,\n })\n }\n\n handleSuccess(response) {\n const { onRegistrationComplete } = this.props\n onRegistrationComplete(response)\n }\n\n handleError(rejection) {\n if (rejection.status === 200) {\n // We've entered \"errored\" state because response is HTML instead of exptected JSON\n const { onRegistrationComplete } = this.props\n const { username } = this.state\n onRegistrationComplete({ activation: \"active\", step: \"done\", username })\n } else if (rejection.status === 400) {\n const stateUpdate = { errors: rejection }\n if (rejection.email) {\n stateUpdate.emailProtected = false\n }\n this.setState(stateUpdate)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n handlePrivacyPolicyChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"privacyPolicy\", value)\n }\n\n handleTermsOfServiceChange = (event) => {\n const value = event.target.value\n this.handleToggleAgreement(\"termsOfService\", value)\n }\n\n handleToggleAgreement = (agreement, value) => {\n this.setState((prevState, props) => {\n if (prevState[agreement] === null) {\n const errors = { ...prevState.errors, [agreement]: null }\n return { errors, [agreement]: value }\n }\n\n const validator = this.state.validators[agreement][0]\n const errors = { ...prevState.errors, [agreement]: [validator(null)] }\n return { errors, [agreement]: null }\n })\n }\n\n render() {\n const { backend_name } = this.props\n const { email, emailProtected, username, isLoading } = this.state\n\n let emailHelpText = null\n if (emailProtected) {\n const emailHelpTextTpl = pgettext(\n \"social auth form\",\n \"Your e-mail address has been verified by %(backend)s.\"\n )\n emailHelpText = interpolate(\n emailHelpTextTpl,\n { backend: backend_name },\n true\n )\n }\n\n return (\n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n

    \n {pgettext(\n \"social auth form title\",\n \"Complete your account\"\n )}\n

    \n
    \n
    \n \n \n \n \n \n \n \n
    \n
    \n \n {pgettext(\"social auth form btn\", \"Sign in\")}\n \n
    \n
    \n
    \n
    \n
    \n     \n
    \n )\n }\n}\n","import React from \"react\"\nimport misago from \"misago\"\nimport PageContainer from \"../PageContainer\"\nimport Header from \"./header\"\n\nconst Complete = ({ activation, backend_name, username }) => {\n let icon = \"\"\n let message = \"\"\n if (activation === \"user\") {\n message = pgettext(\n \"account activation required\",\n \"%(username)s, your account has been created but you need to activate it before you will be able to sign in.\"\n )\n } else if (activation === \"admin\") {\n message = pgettext(\n \"account activation required\",\n \"%(username)s, your account has been created but the site administrator will have to activate it before you will be able to sign in.\"\n )\n } else {\n message = pgettext(\n \"social auth complete\",\n \"%(username)s, your account has been created and you have been signed in to it.\"\n )\n }\n\n if (activation === \"active\") {\n icon = \"check\"\n } else {\n icon = \"info_outline\"\n }\n\n return (\n
    \n
    \n \n
    \n
    \n
    \n
    \n

    \n {pgettext(\n \"social auth complete title\",\n \"Registration completed!\"\n )}\n

    \n
    \n
    \n
    \n {icon}\n
    \n
    \n

    \n {interpolate(message, { username }, true)}\n

    \n

    \n \n {pgettext(\n \"social auth complete link\",\n \"Return to forum index\"\n )}\n \n

    \n
    \n
    \n
    \n
    \n
    \n     \n
    \n )\n}\n\nexport default Complete\n","import React from \"react\"\nimport Register from \"./register\"\nimport Complete from \"./complete\"\n\nexport default class SocialAuth extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n step: props.step,\n\n activation: props.activation || \"\",\n email: props.email || \"\",\n username: props.username || \"\",\n }\n }\n\n handleRegistrationComplete = ({ activation, email, step, username }) => {\n this.setState({ activation, email, step, username })\n }\n\n render() {\n const { backend_name, url } = this.props\n const { activation, email, step, username } = this.state\n\n if (step === \"register\") {\n return (\n \n )\n }\n\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport SocialAuth from \"misago/components/social-auth\"\nimport misago from \"misago\"\nimport mount from \"misago/utils/mount-component\"\n\nexport default function initializer(context) {\n if (context.get(\"CURRENT_LINK\") === \"misago:social-complete\") {\n const props = context.get(\"SOCIAL_AUTH_FORM\")\n mount(, \"page-mount\")\n }\n}\n\nmisago.addInitializer({\n name: \"component:social-auth\",\n initializer: initializer,\n after: \"store\",\n})\n","import React from \"react\"\nimport Form from \"./form\"\nimport FormGroup from \"misago/components/form-group\"\nimport * as participants from \"misago/reducers/participants\"\nimport { updateAcl } from \"misago/reducers/thread\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n username: \"\",\n }\n }\n\n onUsernameChange = (event) => {\n this.changeValue(\"username\", event.target.value)\n }\n\n clean() {\n if (!this.state.username.trim().length) {\n snackbar.error(\n pgettext(\n \"add private thread participant\",\n \"You have to enter user name.\"\n )\n )\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.patch(this.props.thread.api.index, [\n { op: \"add\", path: \"participants\", value: this.state.username },\n { op: \"add\", path: \"acl\", value: 1 },\n ])\n }\n\n handleSuccess(data) {\n store.dispatch(updateAcl(data))\n store.dispatch(participants.replace(data.participants))\n\n snackbar.success(\n pgettext(\n \"add private thread participant\",\n \"New participant has been added to thread.\"\n )\n )\n\n modal.hide()\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n
    \n \n \n \n
    \n
    \n \n {pgettext(\n \"add private thread participant btn\",\n \"Add participant\"\n )}\n \n \n {pgettext(\"add private thread participant btn\", \"Cancel\")}\n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport function ModalHeader(props) {\n return (\n
    \n \n ×\n \n

    \n {pgettext(\n \"add private thread participant modal title\",\n \"Add participant\"\n )}\n

    \n
    \n )\n}\n","import React from \"react\"\nimport AddParticipantModal from \"misago/components/add-participant\"\nimport modal from \"misago/services/modal\"\n\nexport default class extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n if (!this.props.thread.acl.can_add_participants) return null\n\n return (\n
    \n \n person_add\n {pgettext(\"add participant btn\", \"Add participant\")}\n \n
    \n )\n }\n}\n","import React from \"react\"\nimport { changeOwner } from \"./actions\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.isUser = props.participant.id === props.user.id\n }\n\n onClick = () => {\n let confirmed = false\n if (this.isUser) {\n confirmed = window.confirm(\n pgettext(\n \"private thread owner change\",\n \"Are you sure you want to take over this thread?\"\n )\n )\n } else {\n const message = pgettext(\n \"private thread owner change\",\n \"Are you sure you want to change thread owner to %(user)s?\"\n )\n confirmed = window.confirm(\n interpolate(\n message,\n {\n user: this.props.participant.username,\n },\n true\n )\n )\n }\n\n if (!confirmed) return\n\n changeOwner(this.props.thread, this.props.participant)\n }\n\n render() {\n if (this.props.participant.is_owner) return null\n if (!this.props.thread.acl.can_change_owner) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n","import * as participants from \"misago/reducers/participants\"\nimport { updateAcl } from \"misago/reducers/thread\"\nimport misago from \"misago\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport function leave(thread, participant) {\n ajax\n .patch(thread.api.index, [\n { op: \"remove\", path: \"participants\", value: participant.id },\n ])\n .then(\n () => {\n snackbar.success(\n pgettext(\"thread participants actions\", \"You have left this thread.\")\n )\n window.setTimeout(() => {\n window.location = misago.get(\"PRIVATE_THREADS_URL\")\n }, 3 * 1000)\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n}\n\nexport function remove(thread, participant) {\n ajax\n .patch(thread.api.index, [\n { op: \"remove\", path: \"participants\", value: participant.id },\n { op: \"add\", path: \"acl\", value: 1 },\n ])\n .then(\n (data) => {\n store.dispatch(updateAcl(data))\n store.dispatch(participants.replace(data.participants))\n\n const message = pgettext(\n \"thread participants actions\",\n \"%(user)s has been removed from this thread.\"\n )\n snackbar.success(\n interpolate(\n message,\n {\n user: participant.username,\n },\n true\n )\n )\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n}\n\nexport function changeOwner(thread, participant) {\n ajax\n .patch(thread.api.index, [\n { op: \"replace\", path: \"owner\", value: participant.id },\n { op: \"add\", path: \"acl\", value: 1 },\n ])\n .then(\n (data) => {\n store.dispatch(updateAcl(data))\n store.dispatch(participants.replace(data.participants))\n\n const message = pgettext(\n \"thread participants actions\",\n \"%(user)s has been made new thread owner.\"\n )\n snackbar.success(\n interpolate(\n message,\n {\n user: participant.username,\n },\n true\n )\n )\n },\n (rejection) => {\n snackbar.apiError(rejection)\n }\n )\n}\n","import React from \"react\"\nimport { remove, leave } from \"./actions\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.isUser = props.participant.id === props.user.id\n }\n\n onClick = () => {\n let confirmed = false\n if (this.isUser) {\n confirmed = window.confirm(\n pgettext(\n \"private thread leave\",\n \"Are you sure you want to leave this thread?\"\n )\n )\n } else {\n const message = pgettext(\n \"private thread leave\",\n \"Are you sure you want to remove %(user)s from this thread?\"\n )\n confirmed = window.confirm(\n interpolate(\n message,\n {\n user: this.props.participant.username,\n },\n true\n )\n )\n }\n\n if (!confirmed) return\n\n if (this.isUser) {\n leave(this.props.thread, this.props.participant)\n } else {\n remove(this.props.thread, this.props.participant)\n }\n }\n\n render() {\n const isModerator = this.props.user.acl.can_moderate_private_threads\n\n if (!(this.props.userIsOwner || this.isUser || isModerator)) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n","import React from \"react\"\nimport MakeOwner from \"./make-owner\"\nimport Remove from \"./remove\"\nimport Avatar from \"misago/components/avatar\"\n\nexport default function (props) {\n const participant = props.participant\n\n let className = \"btn btn-default\"\n if (participant.is_owner) {\n className = \"btn btn-primary\"\n }\n className += \" btn-user btn-block\"\n\n return (\n
    \n
    \n \n \n {participant.username}\n \n \n
    \n
    \n )\n}\n\nexport function UserStatus({ isOwner }) {\n if (!isOwner) return null\n\n return (\n
  • \n start\n \n {pgettext(\"thread participants owner status\", \"Thread owner\")}\n \n
    • \n )\n}\n","import React from \"react\"\nimport Card from \"./card\"\n\nexport default function ({ participants, thread, user, userIsOwner }) {\n return (\n
    \n
    \n {participants.map((participant) => {\n return (\n \n )\n })}\n
    \n
    \n )\n}\n","import React from \"react\"\nimport AddParticipant from \"./add-participant\"\nimport CardsList from \"./cards-list\"\nimport * as utils from \"./utils\"\n\nexport default function (props) {\n if (!props.participants.length) return null\n\n return (\n
    \n
    \n \n
    \n \n
    \n

    {utils.getParticipantsCopy(props.participants)}

    \n
    \n
    \n
    \n
    \n )\n}\n\nexport function getUserIsOwner(user, participants) {\n return participants[0].id === user.id\n}\n","export function getParticipantsCopy(participants) {\n const count = participants.length\n const message = npgettext(\n \"thread participants stat\",\n \"This thread has %(users)s participant.\",\n \"This thread has %(users)s participants.\",\n count\n )\n\n return interpolate(\n message,\n {\n users: count,\n },\n true\n )\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n
    \n {props.poll.choices.map((choice) => {\n return (\n \n )\n })}\n
    \n )\n}\n\nexport function PollChoice(props) {\n let proc = 0\n if (props.choice.votes && props.poll.votes) {\n proc = Math.ceil((props.choice.votes * 100) / props.poll.votes)\n }\n\n return (\n
    \n
    {props.choice.label}
    \n
    \n
    \n \n \n {getVotesLabel(props.votes, props.proc)}\n \n
    \n \n
      \n \n \n
    \n
    \n
    \n )\n}\n\nexport function ChoiceVotes(props) {\n return (\n
  • \n {getVotesLabel(props.votes, props.proc)}\n
    • \n )\n}\n\nexport function getVotesLabel(votes, proc) {\n const message = npgettext(\n \"thread poll\",\n \"%(votes)s vote, %(proc)s% of total.\",\n \"%(votes)s votes, %(proc)s% of total.\",\n votes\n )\n\n return interpolate(\n message,\n {\n votes: votes,\n proc: proc,\n },\n true\n )\n}\n\nexport function UserChoice(props) {\n if (!props.selected) return null\n\n return (\n
  • \n check_box\n {pgettext(\"thread poll\", \"You've voted on this choice.\")}\n
    • \n )\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Message from \"misago/components/modal-message\"\nimport Loader from \"misago/components/modal-loader\"\nimport ajax from \"misago/services/ajax\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: true,\n error: null,\n data: [],\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.poll.api.votes).then(\n (data) => {\n const hydratedData = data.map((choice) => {\n return Object.assign({}, choice, {\n voters: choice.voters.map((voter) => {\n return Object.assign({}, voter, {\n voted_on: moment(voter.voted_on),\n })\n }),\n })\n })\n\n this.setState({\n isLoading: false,\n data: hydratedData,\n })\n },\n (rejection) => {\n this.setState({\n isLoading: false,\n error: rejection.detail,\n })\n }\n )\n }\n\n render() {\n return (\n \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"thread poll\", \"Poll votes\")}\n

    \n
    \n\n \n
    \n \n )\n }\n}\n\nexport function ModalBody(props) {\n if (props.isLoading) {\n return \n } else if (props.error) {\n return \n }\n\n return \n}\n\nexport function ChoicesList(props) {\n return (\n
    \n
      \n {props.data.map((choice) => {\n return \n })}\n
    \n
    \n )\n}\n\nexport function ChoiceDetails(props) {\n return (\n
  • \n

    {props.label}

    \n \n \n
    \n
    • \n )\n}\n\nexport function VotesCount(props) {\n const message = npgettext(\n \"thread poll\",\n \"%(votes)s user has voted for this choice.\",\n \"%(votes)s users have voted for this choice.\",\n props.votes\n )\n\n const label = interpolate(\n message,\n {\n votes: props.votes,\n },\n true\n )\n\n return

    {label}

    \n}\n\nexport function VotesList(props) {\n if (!props.voters.length) return null\n\n return (\n
      \n {props.voters.map((user) => {\n return \n })}\n
    \n )\n}\n\nexport function Voter(props) {\n if (props.url) {\n return (\n
  • \n \n {props.username}\n {\" \"}\n \n
    • \n )\n }\n\n return (\n
  • \n {props.username} \n
    • \n )\n}\n\nexport function VoteDate(props) {\n return (\n \n {props.voted_on.fromNow()}\n \n )\n}\n","import React from \"react\"\nimport Modal from \"./modal\"\nimport * as poll from \"misago/reducers/poll\"\nimport * as thread from \"misago/reducers/thread\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport posting from \"misago/services/posting\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default function (props) {\n const { isPollOver, poll, showVoting, thread } = props\n\n if (!isVisible(isPollOver, poll.acl, poll)) return null\n\n const controls = []\n\n const canVote = poll.acl.can_vote\n const canChangeVote = !poll.hasSelectedChoices || poll.allow_revotes\n\n if (canVote && canChangeVote) controls.push(0)\n if (poll.is_public || poll.acl.can_see_votes) controls.push(1)\n if (poll.acl.can_edit) controls.push(2)\n if (poll.acl.can_delete) controls.push(3)\n\n return (\n
    \n \n \n \n \n
    \n )\n}\n\nexport function isVisible(isPollOver, acl, poll) {\n return (\n poll.is_public ||\n acl.can_delete ||\n acl.can_edit ||\n acl.can_see_votes ||\n (acl.can_vote &&\n !isPollOver &&\n (!poll.hasSelectedChoices || poll.allow_revotes))\n )\n}\n\nexport function getClassName(controls, control) {\n let className = \"col-xs-6\"\n\n if (controls.length === 1) {\n className = \"col-xs-12\"\n }\n\n if (controls.length === 3 && controls[0] === control) {\n className = \"col-xs-12\"\n }\n\n return className + \" col-sm-3 col-md-2\"\n}\n\nexport function ChangeVote(props) {\n const canVote = props.poll.acl.can_vote\n const canChangeVote =\n !props.poll.hasSelectedChoices || props.poll.allow_revotes\n\n if (!(canVote && canChangeVote)) return null\n\n return (\n
    \n \n {pgettext(\"thread poll\", \"Vote\")}\n \n
    \n )\n}\n\nexport class SeeVotes extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const seeVotes =\n this.props.poll.is_public || this.props.poll.acl.can_see_votes\n if (!seeVotes) return null\n\n return (\n
    \n \n {pgettext(\"thread poll\", \"See votes\")}\n \n
    \n )\n }\n}\n\nexport function Edit(props) {\n if (!props.poll.acl.can_edit) return null\n\n return (\n
    \n \n {pgettext(\"thread poll\", \"Edit\")}\n \n
    \n )\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n const deletePoll = window.confirm(\n pgettext(\n \"thread poll\",\n \"Are you sure you want to delete this poll? This action is not reversible.\"\n )\n )\n if (!deletePoll) return false\n\n store.dispatch(poll.busy())\n\n ajax\n .delete(this.props.poll.api.index)\n .then(this.handleSuccess, this.handleError)\n }\n\n handleSuccess = (newThreadAcl) => {\n snackbar.success(pgettext(\"thread poll\", \"Poll has been deleted\"))\n store.dispatch(poll.remove())\n store.dispatch(thread.updateAcl(newThreadAcl))\n }\n\n handleError = (rejection) => {\n snackbar.apiError(rejection)\n store.dispatch(poll.release())\n }\n\n render() {\n if (!this.props.poll.acl.can_delete) return null\n\n return (\n
    \n \n {pgettext(\"thread poll\", \"Delete\")}\n \n
    \n )\n }\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n
      \n \n \n \n \n
    \n )\n}\n\nexport function PollCreation(props) {\n const message = interpolate(\n escapeHtml(pgettext(\"thread poll\", \"Started by %(poster)s %(posted_on)s.\")),\n {\n poster: getPoster(props.poll),\n posted_on: getPostedOn(props.poll),\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function getPoster(poll) {\n if (poll.url.poster) {\n return interpolate(\n USER_URL,\n {\n url: escapeHtml(poll.url.poster),\n user: escapeHtml(poll.poster_name),\n },\n true\n )\n }\n\n return interpolate(\n USER_SPAN,\n {\n user: escapeHtml(poll.poster_name),\n },\n true\n )\n}\n\nexport function getPostedOn(poll) {\n return interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(poll.posted_on.format(\"LLL\")),\n relative: escapeHtml(poll.posted_on.fromNow()),\n },\n true\n )\n}\n\nexport function PollLength(props) {\n if (!props.poll.length) {\n return null\n }\n\n const message = interpolate(\n escapeHtml(pgettext(\"thread poll\", \"Voting ends %(ends_on)s.\")),\n {\n ends_on: getEndsOn(props.poll),\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function getEndsOn(poll) {\n return interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(poll.endsOn.format(\"LLL\")),\n relative: escapeHtml(poll.endsOn.fromNow()),\n },\n true\n )\n}\n\nexport function PollVotes(props) {\n const message = npgettext(\n \"thread poll\",\n \"%(votes)s vote.\",\n \"%(votes)s votes.\",\n props.votes\n )\n const label = interpolate(\n message,\n {\n votes: props.votes,\n },\n true\n )\n\n return
  • {label}
    • \n}\n\nexport function PollIsPublic(props) {\n if (!props.poll.is_public) {\n return null\n }\n\n return (\n
  • \n {pgettext(\"thread poll\", \"Voting is public.\")}\n
    • \n )\n}\n","import React from \"react\"\nimport Chart from \"./chart\"\nimport Options from \"./options\"\nimport PollInfo from \"../info\"\n\nexport default function (props) {\n return (\n
    \n
    \n

    {props.poll.question}

    \n \n \n \n
    \n
    \n )\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n
      \n \n \n
    \n )\n}\n\nexport function PollChoicesLeft({ choicesLeft }) {\n if (choicesLeft === 0) {\n return (\n
  • \n {pgettext(\"thread poll\", \"You can't select any more choices.\")}\n
    • \n )\n }\n\n const message = npgettext(\n \"thread poll\",\n \"You can select %(choices)s more choice.\",\n \"You can select %(choices)s more choices.\",\n choicesLeft\n )\n\n const label = interpolate(\n message,\n {\n choices: choicesLeft,\n },\n true\n )\n\n return
  • {label}
    • \n}\n\nexport function PollAllowRevote(props) {\n if (props.poll.allow_revotes) {\n return (\n
  • \n {pgettext(\"thread poll\", \"You can change your vote later.\")}\n
    • \n )\n }\n\n return (\n
  • \n {pgettext(\"thread poll\", \"Votes are final.\")}\n
    • \n )\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n
      \n {props.choices.map((choice) => {\n return (\n \n )\n })}\n
    \n )\n}\n\nexport class ChoiceSelect extends React.Component {\n onClick = () => {\n this.props.toggleChoice(this.props.choice.hash)\n }\n\n render() {\n return (\n
  • \n \n \n {this.props.choice.selected\n ? \"check_box\"\n : \"check_box_outline_blank\"}\n \n {this.props.choice.label}\n \n
    • \n )\n }\n}\n","export function getChoiceFromHash(choices, hash) {\n for (const i in choices) {\n const choice = choices[i]\n if (choice.hash === hash) {\n return choice\n }\n }\n\n return null\n}\n\nexport function getChoicesLeft(poll, choices) {\n let selection = []\n for (const i in choices) {\n const choice = choices[i]\n if (choice.selected) {\n selection.push(choice)\n }\n }\n\n return poll.allowed_choices - selection.length\n}\n","import React from \"react\"\nimport ChoicesHelp from \"./help\"\nimport ChoicesSelect from \"./select\"\nimport { getChoicesLeft, getChoiceFromHash } from \"./utils\"\nimport PollInfo from \"../info\"\nimport { Delete, Edit, getClassName } from \"../results/options\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport * as poll from \"misago/reducers/poll\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n choices: props.poll.choices,\n choicesLeft: getChoicesLeft(props.poll, props.poll.choices),\n }\n }\n\n toggleChoice = (hash) => {\n const choice = getChoiceFromHash(this.state.choices, hash)\n\n let choices = null\n if (!choice.selected) {\n choices = this.selectChoice(choice, hash)\n } else {\n choices = this.deselectChoice(choice, hash)\n }\n\n this.setState({\n choices,\n choicesLeft: getChoicesLeft(this.props.poll, choices),\n })\n }\n\n selectChoice = (choice, hash) => {\n const choicesLeft = getChoicesLeft(this.props.poll, this.state.choices)\n\n if (!choicesLeft) {\n for (const i in this.state.choices.slice()) {\n const item = this.state.choices[i]\n if (item.selected && item.hash != hash) {\n item.selected = false\n break\n }\n }\n }\n\n return this.state.choices.map((choice) => {\n return Object.assign({}, choice, {\n selected: choice.hash == hash ? true : choice.selected,\n })\n })\n }\n\n deselectChoice = (choice, hash) => {\n return this.state.choices.map((choice) => {\n return Object.assign({}, choice, {\n selected: choice.hash == hash ? false : choice.selected,\n })\n })\n }\n\n clean() {\n if (this.state.choicesLeft === this.props.poll.allowed_choices) {\n snackbar.error(\n pgettext(\"thread poll vote\", \"You need to select at least one choice.\")\n )\n return false\n }\n\n return true\n }\n\n send() {\n let data = []\n for (const i in this.state.choices.slice()) {\n const item = this.state.choices[i]\n if (item.selected) {\n data.push(item.hash)\n }\n }\n\n return ajax.post(this.props.poll.api.votes, data)\n }\n\n handleSuccess(data) {\n store.dispatch(poll.replace(data))\n snackbar.success(pgettext(\"thread poll vote\", \"Your vote has been saved.\"))\n\n this.props.showResults()\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n const controls = []\n\n if (this.props.poll.acl.can_vote) controls.push(0)\n if (this.props.poll.is_public || this.props.poll.acl.can_see_votes)\n controls.push(1)\n if (this.props.poll.acl.can_edit) controls.push(2)\n if (this.props.poll.acl.can_delete) controls.push(3)\n\n return (\n
    \n
    \n
    \n

    {this.props.poll.question}

    \n \n \n \n
    \n
    \n
    \n
    \n \n {pgettext(\"thread poll vote btn\", \"Save your vote\")}\n \n
    \n
    \n \n {pgettext(\"thread poll vote btn\", \"See results\")}\n \n
    \n \n \n
    \n
    \n
    \n
    \n )\n }\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Results from \"./results\"\nimport Voting from \"./voting\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n let showResults = true\n if (props.user.id && !props.poll.hasSelectedChoices) {\n showResults = false\n }\n\n this.state = {\n showResults,\n }\n }\n\n showResults = () => {\n this.setState({\n showResults: true,\n })\n }\n\n showVoting = () => {\n this.setState({\n showResults: false,\n })\n }\n\n render() {\n if (!this.props.thread.poll) return null\n\n const isPollOver = getIsPollOver(this.props.poll)\n\n if (\n !isPollOver &&\n this.props.poll.acl.can_vote &&\n !this.state.showResults\n ) {\n return \n } else {\n return (\n \n )\n }\n }\n}\n\nexport function getIsPollOver(poll) {\n if (poll.length) {\n return moment().isAfter(poll.endsOn)\n }\n return false\n}\n","import React from \"react\"\nimport getRandomString from \"../../../utils/getRandomString\"\n\nconst HASH_LENGTH = 12\n\nexport default class extends React.Component {\n onAdd = () => {\n let choices = this.props.choices.slice()\n choices.push({\n hash: getRandomString(HASH_LENGTH),\n label: \"\",\n })\n\n this.props.setChoices(choices)\n }\n\n onChange = (hash, label) => {\n const choices = this.props.choices.map((choice) => {\n if (choice.hash === hash) {\n choice.label = label\n }\n\n return choice\n })\n this.props.setChoices(choices)\n }\n\n onDelete = (hash) => {\n const choices = this.props.choices.filter((choice) => {\n return choice.hash !== hash\n })\n this.props.setChoices(choices)\n }\n\n render() {\n return (\n
    \n
      \n {this.props.choices.map((choice) => {\n return (\n 2}\n choice={choice}\n disabled={this.props.disabled}\n key={choice.hash}\n onChange={this.onChange}\n onDelete={this.onDelete}\n />\n )\n })}\n
    \n \n {pgettext(\"thread poll\", \"Add choice\")}\n \n
    \n )\n }\n}\n\nexport class PollChoice extends React.Component {\n onChange = (event) => {\n this.props.onChange(this.props.choice.hash, event.target.value)\n }\n\n onDelete = () => {\n const deleteItem =\n this.props.choice.label.length === 0\n ? true\n : window.confirm(\n pgettext(\n \"thread poll\",\n \"Are you sure you want to remove this choice?\"\n )\n )\n if (deleteItem) {\n this.props.onDelete(this.props.choice.hash)\n }\n }\n\n render() {\n return (\n
  • \n \n close\n \n \n
    • \n )\n }\n}\n","import React from \"react\"\nimport ChoicesControl from \"./choices-control\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport YesNoSwitch from \"misago/components/yes-no-switch\"\nimport * as poll from \"misago/reducers/poll\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n const poll = props.poll.id\n ? props.poll\n : {\n question: \"\",\n choices: [\n {\n hash: \"choice-10000\",\n label: \"\",\n },\n {\n hash: \"choice-20000\",\n label: \"\",\n },\n ],\n length: 0,\n allowed_choices: 1,\n allow_revotes: 0,\n is_public: 0,\n }\n\n this.state = {\n isLoading: false,\n isEdit: !!poll.id,\n\n question: poll.question,\n choices: poll.choices,\n length: poll.length,\n allowed_choices: poll.allowed_choices,\n allow_revotes: poll.allow_revotes,\n is_public: poll.is_public,\n\n validators: {\n question: [],\n choices: [],\n length: [],\n allowed_choices: [],\n },\n\n errors: {},\n }\n }\n\n setChoices = (choices) => {\n this.setState((state) => {\n return {\n choices,\n errors: Object.assign({}, state.errors, { choices: null }),\n }\n })\n }\n\n onCancel = () => {\n let cancel = false\n\n // Nothing added to the poll so no changes to discard\n const formEmpty = !!(\n this.state.question === \"\" &&\n this.state.choices &&\n this.state.choices.every((choice) => choice.label === \"\") &&\n this.state.length === 0 &&\n this.state.allowed_choices === 1\n )\n\n if (formEmpty) {\n return this.props.close()\n }\n\n if (!!this.props.poll) {\n cancel = window.confirm(\n pgettext(\"thread poll\", \"Are you sure you want to discard changes?\")\n )\n } else {\n cancel = window.confirm(\n pgettext(\"thread poll\", \"Are you sure you want to discard new poll?\")\n )\n }\n\n if (cancel) {\n this.props.close()\n }\n }\n\n send() {\n const data = {\n question: this.state.question,\n choices: this.state.choices,\n length: this.state.length,\n allowed_choices: this.state.allowed_choices,\n allow_revotes: this.state.allow_revotes,\n is_public: this.state.is_public,\n }\n\n if (this.state.isEdit) {\n return ajax.put(this.props.poll.api.index, data)\n }\n\n return ajax.post(this.props.thread.api.poll, data)\n }\n\n handleSuccess(data) {\n store.dispatch(poll.replace(data))\n\n if (this.state.isEdit) {\n snackbar.success(pgettext(\"thread poll\", \"Poll has been edited.\"))\n } else {\n snackbar.success(pgettext(\"thread poll\", \"Poll has been posted.\"))\n }\n\n this.props.close()\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n if (rejection.non_field_errors) {\n rejection.allowed_choices = rejection.non_field_errors\n }\n\n this.setState({\n errors: Object.assign({}, rejection),\n })\n\n snackbar.error(gettext(\"Form contains errors.\"))\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n

    \n {this.state.isEdit\n ? pgettext(\"thread poll\", \"Edit poll\")\n : pgettext(\"thread poll\", \"Add poll\")}\n

    \n
    \n
    \n
    \n \n {pgettext(\"thread poll\", \"Question and choices\")}\n \n\n \n \n \n\n \n \n \n
    \n\n
    \n {pgettext(\"thread poll\", \"Voting\")}\n\n
    \n
    \n \n \n \n
    \n
    \n \n \n \n
    \n
    \n\n
    \n \n
    \n \n \n \n
    \n
    \n
    \n
    \n
    \n \n {pgettext(\"thread poll\", \"Cancel\")}\n {\" \"}\n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport function PollPublicSwitch(props) {\n if (props.isEdit) return null\n\n return (\n
    \n \n \n \n
    \n )\n}\n","import React from \"react\"\n\nconst ICON = {\n changed_title: \"edit\",\n\n pinned_globally: \"bookmark\",\n pinned_locally: \"bookmark_border\",\n unpinned: \"panorama_fish_eye\",\n\n moved: \"arrow_forward\",\n merged: \"call_merge\",\n\n approved: \"done\",\n\n opened: \"lock_open\",\n closed: \"lock_outline\",\n\n unhid: \"visibility\",\n hid: \"visibility_off\",\n\n changed_owner: \"grade\",\n tookover: \"grade\",\n\n added_participant: \"person_add\",\n\n owner_left: \"person_outline\",\n participant_left: \"person_outline\",\n removed_participant: \"remove_circle_outline\",\n}\n\nconst EventIcon = (props) => (\n \n {ICON[props.post.event_type]}\n \n)\n\nexport default EventIcon\n","import React from \"react\"\nimport moment from \"moment\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default function (props) {\n if (isVisible(props.post.acl)) {\n return (\n
  • \n \n \n \n
    • \n )\n } else {\n return null\n }\n}\n\nexport function isVisible(acl) {\n return acl.can_hide\n}\n\nexport class Hide extends React.Component {\n onClick = () => {\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: true,\n hidden_on: moment(),\n hidden_by_name: this.props.user.username,\n url: Object.assign(this.props.post.url, {\n hidden_by: this.props.user.url,\n }),\n })\n )\n\n const op = { op: \"replace\", path: \"is-hidden\", value: true }\n\n ajax.patch(this.props.post.api.index, [op]).then(\n (patch) => {\n store.dispatch(post.patch(this.props.post, patch))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: false,\n })\n )\n }\n )\n }\n\n render() {\n if (!this.props.post.is_hidden) {\n return (\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Unhide extends React.Component {\n onClick = () => {\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: false,\n })\n )\n\n const op = { op: \"replace\", path: \"is-hidden\", value: false }\n\n ajax.patch(this.props.post.api.index, [op]).then(\n (patch) => {\n store.dispatch(post.patch(this.props.post, patch))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(this.props.post, {\n is_hidden: true,\n })\n )\n }\n )\n }\n\n render() {\n if (this.props.post.is_hidden) {\n return (\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n const decision = window.confirm(\n pgettext(\n \"event delete\",\n \"Are you sure you wish to delete this event? This action is not reversible!\"\n )\n )\n if (decision) {\n this.delete()\n }\n }\n\n delete = () => {\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: true,\n })\n )\n\n ajax.delete(this.props.post.api.index).then(\n () => {\n snackbar.success(pgettext(\"event delete\", \"Event has been deleted.\"))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: false,\n })\n )\n }\n )\n }\n\n render() {\n return (\n \n )\n }\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\nimport Controls from \"./controls\"\n\nconst DATE_ABBR = '%(relative)s'\nconst DATE_URL = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n
      \n \n \n \n
    \n )\n}\n\nexport function Hidden(props) {\n if (props.post.is_hidden) {\n let user = null\n if (props.post.url.hidden_by) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.post.url.hidden_by),\n user: escapeHtml(props.post.hidden_by_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.post.hidden_by_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(props.post.hidden_on.format(\"LLL\")),\n relative: escapeHtml(props.post.hidden_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(\n pgettext(\"event info\", \"Hidden by %(event_by)s %(event_on)s.\")\n ),\n {\n event_by: user,\n event_on: date,\n },\n true\n )\n\n return (\n \n )\n } else {\n return null\n }\n}\n\nexport function Poster(props) {\n let user = null\n if (props.post.poster) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.post.poster.url),\n user: escapeHtml(props.post.poster_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.post.poster_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_URL,\n {\n url: escapeHtml(props.post.url.index),\n absolute: escapeHtml(props.post.posted_on.format(\"LLL\")),\n relative: escapeHtml(props.post.posted_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(pgettext(\"event info\", \"By %(event_by)s %(event_on)s.\")),\n {\n event_by: user,\n event_on: date,\n },\n true\n )\n\n return (\n \n )\n}\n","import React from \"react\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst MESSAGE = {\n pinned_globally: pgettext(\n \"event message\",\n \"Thread has been pinned globally.\"\n ),\n pinned_locally: pgettext(\n \"event message\",\n \"Thread has been pinned in category.\"\n ),\n unpinned: pgettext(\"event message\", \"Thread has been unpinned.\"),\n\n approved: pgettext(\"event message\", \"Thread has been approved.\"),\n\n opened: pgettext(\"event message\", \"Thread has been opened.\"),\n closed: pgettext(\"event message\", \"Thread has been closed.\"),\n\n unhid: pgettext(\"event message\", \"Thread has been revealed.\"),\n hid: pgettext(\"event message\", \"Thread has been made hidden.\"),\n\n tookover: pgettext(\"event message\", \"Took thread over.\"),\n\n owner_left: pgettext(\n \"event message\",\n \"Owner has left thread. This thread is now closed.\"\n ),\n participant_left: pgettext(\"event message\", \"Participant has left thread.\"),\n}\n\nconst ITEM_LINK = '%(name)s'\nconst ITEM_SPAN = '%(name)s'\n\nexport default function (props) {\n if (MESSAGE[props.post.event_type]) {\n return

    {MESSAGE[props.post.event_type]}

    \n } else if (props.post.event_type === \"changed_title\") {\n return \n } else if (props.post.event_type === \"moved\") {\n return \n } else if (props.post.event_type === \"merged\") {\n return \n } else if (props.post.event_type === \"changed_owner\") {\n return \n } else if (props.post.event_type === \"added_participant\") {\n return \n } else if (props.post.event_type === \"removed_participant\") {\n return \n } else {\n return null\n }\n}\n\nexport function ChangedTitle(props) {\n const msgstring = escapeHtml(\n pgettext(\n \"event message\",\n \"Thread title has been changed from %(old_title)s.\"\n )\n )\n const oldTitle = interpolate(\n ITEM_SPAN,\n {\n name: escapeHtml(props.post.event_context.old_title),\n },\n true\n )\n const message = interpolate(\n msgstring,\n {\n old_title: oldTitle,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function Moved(props) {\n const msgstring = escapeHtml(\n pgettext(\"event message\", \"Thread has been moved from %(from_category)s.\")\n )\n const fromCategory = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.from_category.url),\n name: escapeHtml(props.post.event_context.from_category.name),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n from_category: fromCategory,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function Merged(props) {\n const msgstring = escapeHtml(\n pgettext(\n \"event message\",\n \"The %(merged_thread)s thread has been merged into this thread.\"\n )\n )\n const mergedThread = interpolate(\n ITEM_SPAN,\n {\n name: escapeHtml(props.post.event_context.merged_thread),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n merged_thread: mergedThread,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function ChangedOwner(props) {\n const msgstring = escapeHtml(\n pgettext(\"event message\", \"Changed thread owner to %(user)s.\")\n )\n const newOwner = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.user.url),\n name: escapeHtml(props.post.event_context.user.username),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n user: newOwner,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function AddedParticipant(props) {\n const msgstring = escapeHtml(\n pgettext(\"event message\", \"Added %(user)s to thread.\")\n )\n const newOwner = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.user.url),\n name: escapeHtml(props.post.event_context.user.username),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n user: newOwner,\n },\n true\n )\n\n return (\n \n )\n}\n\nexport function RemovedParticipant(props) {\n const msgstring = escapeHtml(\n pgettext(\"event message\", \"Removed %(user)s from thread.\")\n )\n const newOwner = interpolate(\n ITEM_LINK,\n {\n url: escapeHtml(props.post.event_context.user.url),\n name: escapeHtml(props.post.event_context.user.username),\n },\n true\n )\n\n const message = interpolate(\n msgstring,\n {\n user: newOwner,\n },\n true\n )\n\n return (\n \n )\n}\n","import React from \"react\"\n\nexport default function ({ post }) {\n if (post.is_read) return null\n\n return (\n
    \n \n {pgettext(\"event unread label\", \"New event\")}\n \n
    \n )\n}\n","import React from \"react\"\nimport ajax from \"misago/services/ajax\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.initialized = false\n this.primed = false\n this.observer = null\n }\n\n initialize = (element) => {\n this.initialized = true\n\n this.observer = new IntersectionObserver((entries) =>\n entries.forEach(this.callback)\n )\n this.observer.observe(element)\n }\n\n callback = (entry) => {\n if (!entry.isIntersecting || this.props.post.is_read || this.primed) {\n return\n }\n\n window.setTimeout(() => {\n ajax.post(this.props.post.api.read)\n }, 0)\n\n this.primed = true\n this.destroy()\n }\n\n destroy() {\n if (this.observer) {\n this.observer.disconnect()\n this.observer = null\n }\n }\n\n componentWillUnmount() {\n this.destroy()\n }\n\n render() {\n const ready = !this.initialized && !this.primed && !this.props.post.is_read\n\n return (\n {\n if (node && ready) {\n this.initialize(node)\n }\n }}\n >\n {this.props.children}\n \n )\n }\n}\n","import React from \"react\"\nimport Icon from \"./icon\"\nimport Info from \"./info\"\nimport Message from \"./message\"\nimport UnreadLabel from \"./unread-label\"\nimport Waypoint from \"../waypoint\"\n\nexport default function (props) {\n let className = \"event\"\n if (props.post.isDeleted) {\n className = \"hide\"\n } else if (props.post.is_hidden) {\n className = \"event post-hidden\"\n }\n\n return (\n
  • \n \n
    \n
    \n \n
    \n \n \n \n \n
    \n
    • \n )\n}\n","import React from \"react\"\nimport misago from \"misago\"\nimport escapeHtml from \"misago/utils/escape-html\"\nimport formatFilesize from \"misago/utils/file-size\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default function (props) {\n return (\n
    \n \n
    \n \n {props.attachment.filename}\n \n \n
    \n
    \n )\n}\n\nexport function AttachmentPreview(props) {\n if (props.attachment.is_image) {\n return (\n
    \n \n
    \n )\n } else {\n return (\n
    \n \n
    \n )\n }\n}\n\nexport function AttachmentIcon(props) {\n return (\n \n insert_drive_file\n \n )\n}\n\nexport function AttachmentThumbnail(props) {\n const url = props.attachment.url.thumb || props.attachment.url.index\n return (\n \n )\n}\n\nexport function AttachmentDetails(props) {\n let user = null\n if (props.attachment.url.uploader) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.attachment.url.uploader),\n user: escapeHtml(props.attachment.uploader_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.attachment.uploader_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(props.attachment.uploaded_on.format(\"LLL\")),\n relative: escapeHtml(props.attachment.uploaded_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(\n pgettext(\n \"post attachment\",\n \"%(filetype)s, %(size)s, uploaded by %(uploader)s %(uploaded_on)s.\"\n )\n ),\n {\n filetype: props.attachment.filetype,\n size: formatFilesize(props.attachment.size),\n uploader: user,\n uploaded_on: date,\n },\n true\n )\n\n return (\n \n )\n}\n","import React from \"react\"\nimport batch from \"misago/utils/batch\"\nimport Attachment from \"./attachment\"\n\nexport default function (props) {\n if (!isVisible(props.post)) {\n return null\n }\n\n return (\n
    \n {batch(props.post.attachments, 2).map((row) => {\n const key = row\n .map((a) => {\n return a ? a.id : 0\n })\n .join(\"_\")\n return \n })}\n
    \n )\n}\n\nexport function isVisible(post) {\n return (!post.is_hidden || post.acl.can_see_hidden) && post.attachments\n}\n\nexport function Row(props) {\n return (\n
    \n {props.row.map((attachment) => {\n return (\n \n )\n })}\n
    \n )\n}\n","import React from \"react\"\nimport Waypoint from \"../waypoint\"\nimport MisagoMarkup from \"misago/components/misago-markup\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst HIDDEN_BY_URL = '%(user)s'\nconst HIDDEN_BY_SPAN = '%(user)s'\nconst HIDDEN_ON =\n '%(relative)s'\n\nexport default function (props) {\n if (props.post.is_hidden && !props.post.acl.can_see_hidden) {\n return \n } else if (props.post.content) {\n return \n } else {\n return \n }\n}\n\nexport function Default({ post }) {\n const poster = \"@\" + (post.poster ? post.poster.username : post.poster_name)\n\n return (\n \n \n \n )\n}\n\nexport function Hidden(props) {\n let user = null\n if (props.post.hidden_by) {\n user = interpolate(\n HIDDEN_BY_URL,\n {\n url: escapeHtml(props.post.url.hidden_by),\n user: escapeHtml(props.post.hidden_by_name),\n },\n true\n )\n } else {\n user = interpolate(\n HIDDEN_BY_SPAN,\n {\n user: escapeHtml(props.post.hidden_by_name),\n },\n true\n )\n }\n\n const date = interpolate(\n HIDDEN_ON,\n {\n absolute: escapeHtml(props.post.hidden_on.format(\"LLL\")),\n relative: escapeHtml(props.post.hidden_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(\n pgettext(\"post body hidden\", \"Hidden by %(hidden_by)s %(hidden_on)s.\")\n ),\n {\n hidden_by: user,\n hidden_on: date,\n },\n true\n )\n\n return (\n \n

    \n {pgettext(\n \"post body hidden\",\n \"This post is hidden. You cannot see its contents.\"\n )}\n

    \n

    \n \n )\n}\n\nexport function Invalid(props) {\n return (\n \n

    \n {pgettext(\n \"post body invalid\",\n \"This post's contents cannot be displayed.\"\n )}\n

    \n

    \n {pgettext(\n \"post body invalid\",\n \"This error is caused by invalid post content manipulation.\"\n )}\n

    \n     \n )\n}\n","import React from \"react\"\n\nexport function FlagBestAnswer({ post, thread, user }) {\n if (!(isVisible(post) && post.id === thread.best_answer)) {\n return null\n }\n\n let message = null\n if (user.id && thread.best_answer_marked_by === user.id) {\n message = interpolate(\n pgettext(\n \"post best answer flag\",\n \"Marked as best answer by you %(marked_on)s.\"\n ),\n {\n marked_on: thread.best_answer_marked_on.fromNow(),\n },\n true\n )\n } else {\n message = interpolate(\n pgettext(\n \"post best answer flag\",\n \"Marked as best answer by %(marked_by)s %(marked_on)s.\"\n ),\n {\n marked_by: thread.best_answer_marked_by_name,\n marked_on: thread.best_answer_marked_on.fromNow(),\n },\n true\n )\n }\n\n return (\n
    \n check_box\n

    {message}

    \n
    \n )\n}\n\nexport function FlagHidden(props) {\n if (!(isVisible(props.post) && props.post.is_hidden)) {\n return null\n }\n\n return (\n
    \n visibility_off\n

    \n {pgettext(\n \"post hidden flag\",\n \"This post is hidden. Only users with permission may see its contents.\"\n )}\n

    \n
    \n )\n}\n\nexport function FlagUnapproved(props) {\n if (!(isVisible(props.post) && props.post.is_unapproved)) {\n return null\n }\n\n return (\n
    \n remove_circle_outline\n

    \n {pgettext(\n \"post unapproved flag\",\n \"This post is unapproved. Only users with permission to approve posts and its author may see its contents.\"\n )}\n

    \n
    \n )\n}\n\nexport function FlagProtected(props) {\n if (!(isVisible(props.post) && props.post.is_protected)) {\n return null\n }\n\n return (\n
    \n lock_outline\n

    \n {pgettext(\n \"post protected flag\",\n \"This post is protected. Only moderators may change it.\"\n )}\n

    \n
    \n )\n}\n\nexport function isVisible(post) {\n return !post.is_hidden || post.acl.can_see_hidden\n}\n","import moment from \"moment\"\nimport * as thread from \"misago/reducers/thread\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport function approve(props) {\n store.dispatch(\n post.patch(props.post, {\n is_unapproved: false,\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-unapproved\", value: false }]\n\n const previousState = {\n is_unapproved: props.post.is_unapproved,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function protect(props) {\n store.dispatch(\n post.patch(props.post, {\n is_protected: true,\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-protected\", value: true }]\n\n const previousState = {\n is_protected: props.post.is_protected,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function unprotect(props) {\n store.dispatch(\n post.patch(props.post, {\n is_protected: false,\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-protected\", value: false }]\n\n const previousState = {\n is_protected: props.post.is_protected,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function hide(props) {\n store.dispatch(\n post.patch(props.post, {\n is_hidden: true,\n hidden_on: moment(),\n hidden_by_name: props.user.username,\n url: Object.assign(props.post.url, {\n hidden_by: props.user.url,\n }),\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-hidden\", value: true }]\n\n const previousState = {\n is_hidden: props.post.is_hidden,\n hidden_on: props.post.hidden_on,\n hidden_by_name: props.post.hidden_by_name,\n url: props.post.url,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function unhide(props) {\n store.dispatch(\n post.patch(props.post, {\n is_hidden: false,\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-hidden\", value: false }]\n\n const previousState = {\n is_hidden: props.post.is_hidden,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function like(props) {\n const lastLikes = props.post.last_likes || []\n const concatedLikes = [props.user].concat(lastLikes)\n const finalLikes =\n concatedLikes.length > 3 ? concatedLikes.slice(0, -1) : concatedLikes\n\n store.dispatch(\n post.patch(props.post, {\n is_liked: true,\n likes: props.post.likes + 1,\n last_likes: finalLikes,\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-liked\", value: true }]\n\n const previousState = {\n is_liked: props.post.is_liked,\n likes: props.post.likes,\n last_likes: props.post.last_likes,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function unlike(props) {\n store.dispatch(\n post.patch(props.post, {\n is_liked: false,\n likes: props.post.likes - 1,\n last_likes: props.post.last_likes.filter((user) => {\n return !user.id || user.id !== props.user.id\n }),\n })\n )\n\n const ops = [{ op: \"replace\", path: \"is-liked\", value: false }]\n\n const previousState = {\n is_liked: props.post.is_liked,\n likes: props.post.likes,\n last_likes: props.post.last_likes,\n }\n\n patch(props, ops, previousState)\n}\n\nexport function patch(props, ops, previousState) {\n ajax.patch(props.post.api.index, ops).then(\n (newState) => {\n store.dispatch(post.patch(props.post, newState))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(post.patch(props.post, previousState))\n }\n )\n}\n\nexport function remove(props) {\n let confirmed = window.confirm(\n pgettext(\n \"post delete\",\n \"Are you sure you want to delete this post? This action is not reversible!\"\n )\n )\n if (!confirmed) {\n return\n }\n\n store.dispatch(\n post.patch(props.post, {\n isDeleted: true,\n })\n )\n\n ajax.delete(props.post.api.index).then(\n () => {\n snackbar.success(pgettext(\"post delete\", \"Post has been deleted.\"))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(\n post.patch(props.post, {\n isDeleted: false,\n })\n )\n }\n )\n}\n\nexport function markAsBestAnswer(props) {\n const { post, user } = props\n\n store.dispatch(\n thread.update({\n best_answer: post.id,\n best_answer_is_protected: post.is_protected,\n best_answer_marked_on: moment(),\n best_answer_marked_by: user.id,\n best_answer_marked_by_name: user.username,\n best_answer_marked_by_slug: user.slug,\n })\n )\n\n const ops = [\n { op: \"replace\", path: \"best-answer\", value: post.id },\n { op: \"add\", path: \"acl\", value: true },\n ]\n\n const previousState = {\n best_answer: props.thread.best_answer,\n best_answer_is_protected: props.thread.best_answer_is_protected,\n best_answer_marked_on: props.thread.best_answer_marked_on,\n best_answer_marked_by: props.thread.best_answer_marked_by,\n best_answer_marked_by_name: props.thread.best_answer_marked_by_name,\n best_answer_marked_by_slug: props.thread.best_answer_marked_by_slug,\n }\n\n patchThread(props, ops, previousState)\n}\n\nexport function unmarkBestAnswer(props) {\n const { post } = props\n\n store.dispatch(\n thread.update({\n best_answer: null,\n best_answer_is_protected: false,\n best_answer_marked_on: null,\n best_answer_marked_by: null,\n best_answer_marked_by_name: null,\n best_answer_marked_by_slug: null,\n })\n )\n\n const ops = [\n { op: \"remove\", path: \"best-answer\", value: post.id },\n { op: \"add\", path: \"acl\", value: true },\n ]\n\n const previousState = {\n best_answer: props.thread.best_answer,\n best_answer_is_protected: props.thread.best_answer_is_protected,\n best_answer_marked_on: props.thread.best_answer_marked_on,\n best_answer_marked_by: props.thread.best_answer_marked_by,\n best_answer_marked_by_name: props.thread.best_answer_marked_by_name,\n best_answer_marked_by_slug: props.thread.best_answer_marked_by_slug,\n }\n\n patchThread(props, ops, previousState)\n}\n\nexport function patchThread(props, ops, previousState) {\n ajax.patch(props.thread.api.index, ops).then(\n (newState) => {\n if (newState.best_answer_marked_on) {\n newState.best_answer_marked_on = moment(newState.best_answer_marked_on)\n }\n store.dispatch(thread.update(newState))\n },\n (rejection) => {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail[0])\n } else {\n snackbar.apiError(rejection)\n }\n\n store.dispatch(thread.update(previousState))\n }\n )\n}\n","import React from \"react\"\nimport moment from \"moment\"\nimport Avatar from \"misago/components/avatar\"\nimport Message from \"misago/components/modal-message\"\nimport Loader from \"misago/components/modal-loader\"\nimport ajax from \"misago/services/ajax\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n\n error: null,\n likes: [],\n }\n }\n\n componentDidMount() {\n ajax.get(this.props.post.api.likes).then(\n (data) => {\n this.setState({\n isReady: true,\n likes: data.map(hydrateLike),\n })\n },\n (rejection) => {\n this.setState({\n isReady: true,\n error: rejection.detail,\n })\n }\n )\n }\n\n render() {\n if (this.state.error) {\n return (\n \n \n \n )\n } else if (this.state.isReady) {\n if (this.state.likes.length) {\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n )\n }\n\n return (\n \n \n \n )\n }\n}\n\nexport function hydrateLike(data) {\n return Object.assign({}, data, {\n liked_on: moment(data.liked_on),\n })\n}\n\nexport function ModalDialog({ className, children, likes }) {\n let title = pgettext(\"post likes modal title\", \"Post Likes\")\n if (likes) {\n const likesCount = likes.length\n const message = npgettext(\n \"post likes modal\",\n \"%(likes)s like\",\n \"%(likes)s likes\",\n likesCount\n )\n\n title = interpolate(message, { likes: likesCount }, true)\n }\n\n return (\n
    \n
    \n
    \n \n ×\n \n

    {title}

    \n
    \n {children}\n
    \n
    \n )\n}\n\nexport function LikesList(props) {\n return (\n
    \n
      \n {props.likes.map((like) => {\n return \n })}\n
    \n
    \n )\n}\n\nexport function LikeDetails(props) {\n if (props.url) {\n const user = {\n id: props.liker_id,\n avatars: props.avatars,\n }\n\n return (\n
  • \n
    \n \n \n \n
    \n
    \n \n {props.username}\n {\" \"}\n \n
    \n
    • \n )\n }\n\n return (\n
  • \n
    \n \n \n \n
    \n
    \n {props.username} \n
    \n
    • \n )\n}\n\nexport function LikeDate(props) {\n return (\n \n {props.likedOn.fromNow()}\n \n )\n}\n","import React from \"react\"\nimport * as actions from \"./controls/actions\"\nimport LikesModal from \"misago/components/post-likes\"\nimport modal from \"misago/services/modal\"\nimport posting from \"misago/services/posting\"\n\nexport default function (props) {\n if (!isVisible(props.post)) return null\n\n return (\n
    \n \n \n \n \n \n \n \n \n
    \n )\n}\n\nexport function isVisible(post) {\n return (\n (!post.is_hidden || post.acl.can_see_hidden) &&\n (post.acl.can_reply ||\n post.acl.can_edit ||\n (post.acl.can_see_likes && (post.last_likes || []).length) ||\n post.acl.can_like)\n )\n}\n\nexport class MarkAsBestAnswer extends React.Component {\n onClick = () => {\n actions.markAsBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (!thread.acl.can_mark_best_answer) return null\n if (!post.acl.can_mark_as_best_answer) return null\n if (thread.best_answer && !thread.acl.can_change_best_answer) return null\n\n return (\n \n check_box\n {pgettext(\"post footer btn\", \"Best answer\")}\n \n )\n }\n}\n\nexport class MarkAsBestAnswerCompact extends React.Component {\n onClick = () => {\n actions.markAsBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (!thread.acl.can_mark_best_answer) return null\n if (!post.acl.can_mark_as_best_answer) return null\n if (thread.best_answer && !thread.acl.can_change_best_answer) return null\n\n return (\n \n check_box\n \n )\n }\n}\n\nexport class Like extends React.Component {\n onClick = () => {\n if (this.props.post.is_liked) {\n actions.unlike(this.props)\n } else {\n actions.like(this.props)\n }\n }\n\n render() {\n if (!this.props.post.acl.can_like) return null\n\n let className = \"btn btn-default btn-sm pull-left\"\n if (this.props.post.is_liked) {\n className = \"btn btn-success btn-sm pull-left\"\n }\n\n return (\n \n {this.props.post.is_liked\n ? pgettext(\"post footer btn\", \"Liked\")\n : pgettext(\"post footer btn\", \"Like\")}\n \n )\n }\n}\n\nexport class Likes extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const hasLikes = (this.props.post.last_likes || []).length > 0\n if (!this.props.post.acl.can_see_likes || !hasLikes) return null\n\n if (this.props.post.acl.can_see_likes === 2) {\n return (\n \n {getLikesMessage(this.props.likes, this.props.lastLikes)}\n \n )\n }\n\n return (\n

    \n {getLikesMessage(this.props.likes, this.props.lastLikes)}\n

    \n )\n }\n}\n\nexport class LikesCompact extends Likes {\n render() {\n const hasLikes = (this.props.post.last_likes || []).length > 0\n if (!this.props.post.acl.can_see_likes || !hasLikes) return null\n\n if (this.props.post.acl.can_see_likes === 2) {\n return (\n \n favorite\n {this.props.likes}\n \n )\n }\n\n return (\n

    \n favorite\n {this.props.likes}\n

    \n )\n }\n}\n\nexport function getLikesMessage(likes, users) {\n const usernames = users.slice(0, 3).map((u) => u.username)\n\n if (usernames.length == 1) {\n return interpolate(\n pgettext(\"post likes\", \"%(user)s likes this.\"),\n {\n user: usernames[0],\n },\n true\n )\n }\n\n const hiddenLikes = likes - usernames.length\n\n const otherUsers = usernames.slice(0, -1).join(\", \")\n const lastUser = usernames.slice(-1)[0]\n\n const usernamesList = interpolate(\n pgettext(\"post likes\", \"%(users)s and %(last_user)s\"),\n {\n users: otherUsers,\n last_user: lastUser,\n },\n true\n )\n\n if (hiddenLikes === 0) {\n return interpolate(\n pgettext(\"post likes\", \"%(users)s like this.\"),\n {\n users: usernamesList,\n },\n true\n )\n }\n\n const message = npgettext(\n \"post likes\",\n \"%(users)s and %(likes)s other user like this.\",\n \"%(users)s and %(likes)s other users like this.\",\n hiddenLikes\n )\n\n return interpolate(\n message,\n {\n users: usernames.join(\", \"),\n likes: hiddenLikes,\n },\n true\n )\n}\n\nexport class Reply extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"REPLY\",\n\n thread: this.props.thread,\n config: this.props.thread.api.editor,\n submit: this.props.thread.api.posts.index,\n })\n }\n\n render() {\n if (this.props.post.acl.can_reply) {\n return (\n \n {pgettext(\"post footer btn\", \"Reply\")}\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Quote extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"QUOTE\",\n\n thread: this.props.thread,\n config: this.props.thread.api.editor,\n submit: this.props.thread.api.posts.index,\n\n context: {\n reply: this.props.post.id,\n },\n })\n }\n\n render() {\n if (this.props.post.acl.can_reply) {\n return (\n \n {pgettext(\"post footer btn\", \"Quote\")}\n \n )\n } else {\n return null\n }\n }\n}\n\nexport class Edit extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"EDIT\",\n\n thread: this.props.thread,\n post: this.props.post,\n config: this.props.post.api.editor,\n submit: this.props.post.api.index,\n })\n }\n\n render() {\n if (this.props.post.acl.can_edit) {\n return (\n \n {pgettext(\"post footer btn\", \"Edit\")}\n \n )\n } else {\n return null\n }\n }\n}\n","import React from \"react\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n url: \"\",\n\n validators: {\n url: [],\n },\n errors: {},\n }\n }\n\n clean() {\n if (!this.state.url.trim().length) {\n snackbar.error(\n pgettext(\n \"post move modal\",\n \"You have to enter link to the other thread.\"\n )\n )\n return false\n }\n\n return true\n }\n\n send() {\n return ajax.post(this.props.thread.api.posts.move, {\n new_thread: this.state.url,\n posts: [this.props.post.id],\n })\n }\n\n handleSuccess(success) {\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: true,\n })\n )\n\n modal.hide()\n\n snackbar.success(\n pgettext(\n \"post move modal\",\n \"Selected post was moved to the other thread.\"\n )\n )\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n snackbar.error(rejection.detail)\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onUrlChange = (event) => {\n this.changeValue(\"url\", event.target.value)\n }\n\n render() {\n return (\n
    \n
    \n
    \n \n
    \n \n \n \n
    \n
    \n \n {pgettext(\"post move modal btn\", \"Move post\")}\n \n
    \n
    \n
    \n
    \n )\n }\n}\n\nexport function ModalHeader(props) {\n return (\n
    \n \n ×\n \n

    \n {pgettext(\"post move modal title\", \"Move post\")}\n

    \n
    \n )\n}\n","import React from \"react\"\n\nexport default function (props) {\n return (\n
    \n
      \n {props.diff.map((item, i) => {\n return \n })}\n
    \n
    \n )\n}\n\nexport function DiffItem(props) {\n if (props.item[0] === \"?\") return null\n\n return (\n
  • {cleanItem(props.item)}
    • \n )\n}\n\nexport function getItemClassName(item) {\n let className = \"diff-item\"\n if (item[0] === \"-\") {\n className += \" diff-item-sub\"\n } else if (item[0] === \"+\") {\n className += \" diff-item-add\"\n }\n return className\n}\n\nexport function cleanItem(item) {\n return item.substr(2)\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\n\nexport default class extends React.Component {\n onClick = () => {\n this.props.revertEdit(this.props.edit.id)\n }\n\n render() {\n if (!this.props.canRevert) return null\n\n return (\n
    \n \n {pgettext(\"post revert btn\", \"Revert\")}\n \n
    \n )\n }\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport escapeHtml from \"misago/utils/escape-html\"\n\nconst DATE_ABBR = '%(relative)s'\nconst USER_SPAN = '%(user)s'\nconst USER_URL = '%(user)s'\n\nexport default class extends React.Component {\n goLast = () => {\n this.props.goToEdit()\n }\n\n goForward = () => {\n this.props.goToEdit(this.props.edit.next)\n }\n\n goBack = () => {\n this.props.goToEdit(this.props.edit.previous)\n }\n\n revertEdit = () => {\n this.props.revertEdit(this.props.edit.id)\n }\n\n render() {\n return (\n
    \n
    \n
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n \n
    \n
    \n )\n }\n}\n\nexport function GoBackBtn(props) {\n return (\n \n chevron_left\n \n )\n}\n\nexport function GoForwardBtn(props) {\n return (\n \n chevron_right\n \n )\n}\n\nexport function GoLastBtn(props) {\n return (\n \n last_page\n \n )\n}\n\nexport function RevertBtn(props) {\n if (!props.canRevert) return null\n\n return (\n
    \n \n {pgettext(\"post revert btn\", \"Revert\")}\n \n
    \n )\n}\n\nexport function Label(props) {\n let user = null\n if (props.edit.url.editor) {\n user = interpolate(\n USER_URL,\n {\n url: escapeHtml(props.edit.url.editor),\n user: escapeHtml(props.edit.editor_name),\n },\n true\n )\n } else {\n user = interpolate(\n USER_SPAN,\n {\n user: escapeHtml(props.edit.editor_name),\n },\n true\n )\n }\n\n const date = interpolate(\n DATE_ABBR,\n {\n absolute: escapeHtml(props.edit.edited_on.format(\"LLL\")),\n relative: escapeHtml(props.edit.edited_on.fromNow()),\n },\n true\n )\n\n const message = interpolate(\n escapeHtml(\n pgettext(\"post history modal\", \"By %(edited_by)s %(edited_on)s.\")\n ),\n {\n edited_by: user,\n edited_on: date,\n },\n true\n )\n\n return

    \n}\n","import moment from \"moment\"\n\nexport function hydrateEdit(json) {\n return Object.assign({}, json, {\n edited_on: moment(json.edited_on),\n })\n}\n","import React from \"react\"\nimport Diff from \"./diff\"\nimport Footer from \"./footer\"\nimport Toolbar from \"./toolbar\"\nimport { hydrateEdit } from \"./utils\"\nimport Message from \"misago/components/modal-message\"\nimport Loader from \"misago/components/modal-loader\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isReady: false,\n isBusy: true,\n\n canRevert: props.post.acl.can_edit,\n\n error: null,\n edit: null,\n }\n }\n\n componentDidMount() {\n this.goToEdit()\n }\n\n goToEdit = (edit = null) => {\n this.setState({\n isBusy: true,\n })\n\n let url = this.props.post.api.edits\n if (edit !== null) {\n url += \"?edit=\" + edit\n }\n\n ajax.get(url).then(\n (data) => {\n this.setState({\n isReady: true,\n isBusy: false,\n edit: hydrateEdit(data),\n })\n },\n (rejection) => {\n this.setState({\n isReady: true,\n isBusy: false,\n error: rejection.detail,\n })\n }\n )\n }\n\n revertEdit = (edit) => {\n if (this.state.isBusy) return\n\n const confirmation = window.confirm(\n pgettext(\n \"post revert\",\n \"Are you sure you with to revert this post to the state from before this edit?\"\n )\n )\n if (!confirmation) return\n\n this.setState({\n isBusy: true,\n })\n\n const url = this.props.post.api.edits + \"?edit=\" + edit\n ajax.post(url).then(\n (data) => {\n const hydratedPost = post.hydrate(data)\n store.dispatch(post.patch(data, hydratedPost))\n\n snackbar.success(\n pgettext(\"post revert\", \"Post has been reverted to previous state.\")\n )\n modal.hide()\n },\n (rejection) => {\n snackbar.apiError(rejection)\n\n this.setState({\n isBusy: false,\n })\n }\n )\n }\n\n render() {\n if (this.state.error) {\n return (\n \n \n \n )\n } else if (this.state.isReady) {\n return (\n \n \n \n \n \n )\n }\n\n return (\n \n \n \n )\n }\n}\n\nexport function ModalDialog(props) {\n return (\n

    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"post history modal title\", \"Post edits history\")}\n

    \n
    \n {props.children}\n
    \n
    \n )\n}\n","import React from \"react\"\nimport Button from \"misago/components/button\"\nimport Form from \"misago/components/form\"\nimport FormGroup from \"misago/components/form-group\"\nimport CategorySelect from \"misago/components/category-select\"\nimport ModalLoader from \"misago/components/modal-loader\"\nimport Select from \"misago/components/select\"\nimport * as post from \"misago/reducers/post\"\nimport ajax from \"misago/services/ajax\"\nimport modal from \"misago/services/modal\"\nimport snackbar from \"misago/services/snackbar\"\nimport store from \"misago/services/store\"\nimport * as validators from \"misago/utils/validators\"\n\nexport default function (props) {\n return \n}\n\nexport class PostingConfig extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoaded: false,\n isError: false,\n\n categories: [],\n }\n }\n\n componentDidMount() {\n ajax.get(misago.get(\"THREAD_EDITOR_API\")).then(\n (data) => {\n // hydrate categories, extract posting options\n const categories = data.map((item) => {\n return Object.assign(item, {\n disabled: item.post === false,\n label: item.name,\n value: item.id,\n post: item.post,\n })\n })\n\n this.setState({\n isLoaded: true,\n categories,\n })\n },\n (rejection) => {\n this.setState({\n isError: rejection.detail,\n })\n }\n )\n }\n\n render() {\n if (this.state.isError) {\n return \n } else if (this.state.isLoaded) {\n return (\n \n )\n } else {\n return \n }\n }\n}\n\nexport class ModerationForm extends Form {\n constructor(props) {\n super(props)\n\n this.state = {\n isLoading: false,\n\n title: \"\",\n category: null,\n categories: props.categories,\n weight: 0,\n is_hidden: 0,\n is_closed: false,\n\n validators: {\n title: [validators.required()],\n },\n\n errors: {},\n }\n\n this.isHiddenChoices = [\n {\n value: 0,\n icon: \"visibility\",\n label: pgettext(\"thread hidden switch choice\", \"No\"),\n },\n {\n value: 1,\n icon: \"visibility_off\",\n label: pgettext(\"thread hidden switch choice\", \"Yes\"),\n },\n ]\n\n this.isClosedChoices = [\n {\n value: false,\n icon: \"lock_outline\",\n label: pgettext(\"thread closed switch choice\", \"No\"),\n },\n {\n value: true,\n icon: \"lock\",\n label: pgettext(\"thread closed switch choice\", \"Yes\"),\n },\n ]\n\n this.acl = {}\n this.props.categories.forEach((category) => {\n if (category.post) {\n if (!this.state.category) {\n this.state.category = category.id\n }\n\n this.acl[category.id] = {\n can_pin_threads: category.post.pin,\n can_close_threads: category.post.close,\n can_hide_threads: category.post.hide,\n }\n }\n })\n }\n\n clean() {\n if (this.isValid()) {\n return true\n } else {\n snackbar.error(gettext(\"Form contains errors.\"))\n this.setState({\n errors: this.validate(),\n })\n return false\n }\n }\n\n send() {\n return ajax.post(this.props.thread.api.posts.split, {\n title: this.state.title,\n category: this.state.category,\n weight: this.state.weight,\n is_hidden: this.state.is_hidden,\n is_closed: this.state.is_closed,\n posts: [this.props.post.id],\n })\n }\n\n handleSuccess(apiResponse) {\n store.dispatch(\n post.patch(this.props.post, {\n isDeleted: true,\n })\n )\n\n modal.hide()\n\n snackbar.success(\n pgettext(\"post split modal\", \"Selected post was split into new thread.\")\n )\n }\n\n handleError(rejection) {\n if (rejection.status === 400) {\n this.setState({\n errors: Object.assign({}, this.state.errors, rejection),\n })\n snackbar.error(gettext(\"Form contains errors.\"))\n } else {\n snackbar.apiError(rejection)\n }\n }\n\n onCategoryChange = (ev) => {\n const categoryId = ev.target.value\n const newState = {\n category: categoryId,\n }\n\n if (this.acl[categoryId].can_pin_threads < newState.weight) {\n newState.weight = 0\n }\n\n if (!this.acl[categoryId].can_hide_threads) {\n newState.is_hidden = 0\n }\n\n if (!this.acl[categoryId].can_close_threads) {\n newState.is_closed = false\n }\n\n this.setState(newState)\n }\n\n getWeightChoices() {\n const choices = [\n {\n value: 0,\n icon: \"remove\",\n label: pgettext(\"thread weight choice\", \"Not pinned\"),\n },\n {\n value: 1,\n icon: \"bookmark_border\",\n label: pgettext(\"thread weight choice\", \"Pinned in category\"),\n },\n ]\n\n if (this.acl[this.state.category].can_pin_threads == 2) {\n choices.push({\n value: 2,\n icon: \"bookmark\",\n label: pgettext(\"thread weight choice\", \"Pinned globally\"),\n })\n }\n\n return choices\n }\n\n renderWeightField() {\n if (this.acl[this.state.category].can_pin_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderHiddenField() {\n if (this.acl[this.state.category].can_hide_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n renderClosedField() {\n if (this.acl[this.state.category].can_close_threads) {\n return (\n \n \n \n )\n } else {\n return null\n }\n }\n\n render() {\n return (\n \n
    \n
    \n \n \n \n
    \n\n \n \n \n
    \n\n {this.renderWeightField()}\n {this.renderHiddenField()}\n {this.renderClosedField()}\n
    \n
    \n \n
    \n \n \n )\n }\n}\n\nexport function Loader() {\n return (\n \n \n \n )\n}\n\nexport function Error(props) {\n return (\n \n
    \n info_outline\n
    \n
    \n

    \n {pgettext(\n \"post split modal\",\n \"You can't move this post at the moment.\"\n )}\n

    \n

    {props.message}

    \n
    \n     \n )\n}\n\nexport function Modal(props) {\n return (\n
    \n
    \n
    \n \n ×\n \n

    \n {pgettext(\"posts split modal title\", \"Split post into new thread\")}\n

    \n
    \n {props.children}\n
    \n
    \n )\n}\n","import React from \"react\"\nimport modal from \"misago/services/modal\"\nimport posting from \"misago/services/posting\"\nimport * as moderation from \"./actions\"\nimport MoveModal from \"./move\"\nimport PostChangelog from \"misago/components/post-changelog\"\nimport SplitModal from \"./split\"\n\nexport default function (props) {\n return (\n
      \n \n \n \n \n \n \n \n \n \n \n \n \n \n
    \n )\n}\n\nexport class Permalink extends React.Component {\n onClick = () => {\n let permaUrl = window.location.protocol + \"//\"\n permaUrl += window.location.host\n permaUrl += this.props.post.url.index\n\n prompt(pgettext(\"post permalink\", \"Permament link to this post:\"), permaUrl)\n }\n\n render() {\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Edit extends React.Component {\n onClick = () => {\n posting.open({\n mode: \"EDIT\",\n\n thread: this.props.thread,\n post: this.props.post,\n config: this.props.post.api.editor,\n submit: this.props.post.api.index,\n })\n }\n\n render() {\n if (!this.props.post.acl.can_edit) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class MarkAsBestAnswer extends React.Component {\n onClick = () => {\n moderation.markAsBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (!thread.acl.can_mark_best_answer) return null\n if (!post.acl.can_mark_as_best_answer) return null\n if (post.id === thread.best_answer) return null\n if (thread.best_answer && !thread.acl.can_change_best_answer) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class UnmarkMarkBestAnswer extends React.Component {\n onClick = () => {\n moderation.unmarkBestAnswer(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (post.id !== thread.best_answer) return null\n if (!thread.acl.can_unmark_best_answer) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class PostEdits extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n const isHidden =\n this.props.post.is_hidden && !this.props.post.acl.can_see_hidden\n const isUnedited = this.props.post.edits === 0\n if (isHidden || isUnedited) return null\n\n const message = npgettext(\n \"post edits\",\n \"This post was edited %(edits)s time.\",\n \"This post was edited %(edits)s times.\",\n this.props.post.edits\n )\n\n const title = interpolate(\n message,\n {\n edits: this.props.post.edits,\n },\n true\n )\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Approve extends React.Component {\n onClick = () => {\n moderation.approve(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_approve) return null\n if (!this.props.post.is_unapproved) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Move extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n if (!this.props.post.acl.can_move) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Split extends React.Component {\n onClick = () => {\n modal.show()\n }\n\n render() {\n if (!this.props.post.acl.can_move) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Protect extends React.Component {\n onClick = () => {\n moderation.protect(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_protect) return null\n if (this.props.post.is_protected) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Unprotect extends React.Component {\n onClick = () => {\n moderation.unprotect(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_protect) return null\n if (!this.props.post.is_protected) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Hide extends React.Component {\n onClick = () => {\n moderation.hide(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (post.id === thread.best_answer) return null\n if (!post.acl.can_hide) return null\n if (post.is_hidden) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Unhide extends React.Component {\n onClick = () => {\n moderation.unhide(this.props)\n }\n\n render() {\n if (!this.props.post.acl.can_unhide) return null\n if (!this.props.post.is_hidden) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n\nexport class Delete extends React.Component {\n onClick = () => {\n moderation.remove(this.props)\n }\n\n render() {\n const { post, thread } = this.props\n\n if (post.id === thread.best_answer) return null\n if (!post.acl.can_delete) return null\n\n return (\n
  • \n \n
    • \n )\n }\n}\n","import React from \"react\"\nimport Dropdown from \"./dropdown\"\n\nexport default function (props) {\n return (\n
    \n \n expand_more\n \n \n
    \n )\n}\n","import React from \"react\"\nimport * as posts from \"misago/reducers/posts\"\nimport store from \"misago/services/store\"\n\nexport default class extends React.Component {\n onClick = () => {\n if (this.props.post.isSelected) {\n store.dispatch(posts.deselect(this.props.post))\n } else {\n store.dispatch(posts.select(this.props.post))\n }\n }\n\n render() {\n if (\n !(this.props.thread.acl.can_merge_posts || isVisible(this.props.post.acl))\n ) {\n return null\n }\n\n return (\n
    \n \n \n {this.props.post.isSelected\n ? \"check_box\"\n : \"check_box_outline_blank\"}\n \n \n
    \n )\n }\n}\n\nexport function isVisible(acl) {\n return (\n acl.can_approve ||\n acl.can_hide ||\n acl.can_protect ||\n acl.can_unhide ||\n acl.can_delete ||\n acl.can_move\n )\n}\n","import React from \"react\"\nimport Controls from \"./controls\"\nimport Select from \"./select\"\nimport {\n StatusIcon,\n getStatusClassName,\n getStatusDescription,\n} from \"misago/components/user-status\"\nimport PostChangelog from \"misago/components/post-changelog\"\nimport modal from \"misago/services/modal\"\n\nexport default function (props) {\n return (\n
    \n \n \n \n \n \n \n \n \n \n
    \n
    \n \n \n \n
    \n
    \n {post.poster_name}\n\n \n {pgettext(\"post removed poster username\", \"Removed user\")}\n \n
    \n
    \n
    \n )\n}\n","export default function ({ title, rank }) {\n return rank.is_tab || !!title || !!rank.title\n}\n","import React from \"react\"\nimport hasVisibleTitle from \"./has-visible-title\"\n\nexport default function ({ poster }) {\n const message = npgettext(\n \"poster stats\",\n \"%(posts)s post\",\n \"%(posts)s posts\",\n poster.posts\n )\n\n let className = \"user-postcount\"\n if (hasVisibleTitle(poster)) {\n className += \" hidden-xs hidden-sm\"\n }\n\n return (\n \n {interpolate(\n message,\n {\n posts: poster.posts,\n },\n true\n )}\n \n )\n}\n","import React from \"react\"\nimport UserStatus, { StatusLabel } from \"misago/components/user-status\"\nimport hasVisibleTitle from \"./has-visible-title\"\n\nexport default function ({ poster }) {\n let className = \"hidden-xs\"\n if (hasVisibleTitle(poster)) {\n className += \" hidden-sm\"\n }\n\n return (\n \n \n \n \n \n )\n}\n","import React from \"react\"\n\nexport default function ({ rank, title }) {\n let userTitle = title || rank.title\n if (!userTitle && rank.is_tab) {\n userTitle = rank.name\n }\n\n if (!userTitle) return null\n\n let className = \"user-title\"\n if (rank.css_class) {\n className += \" user-title-\" + rank.css_class\n }\n\n if (rank.is_tab) {\n return (\n \n )\n }\n\n return
    {userTitle}
    \n}\n","import React from \"react\"\nimport Avatar from \"misago/components/avatar\"\nimport Controls from \"misago/components/posts-list/post/controls\"\nimport Select from \"misago/components/posts-list/post/select\"\nimport UserStatus, { StatusIcon } from \"misago/components/user-status\"\nimport UserPostcount from \"./user-postcount\"\nimport UserStatusLabel from \"./user-status\"\nimport UserTitle from \"./user-title\"\n\nexport default function ({ post, thread }) {\n const { poster } = post\n\n return (\n
    \n